section.book_section {
	/*border: 2px solid black;*/
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	padding-top: 20px;
	
}
div.book_section_left {
	flex-basis: 70%;
}
div.book_cards_div {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	/*row-gap: 3px;*/
	width: 100%;
	padding: 0 0 20px 0;
}
div.book_section_right {
	flex-basis: 25%;
	box-shadow: 0 0px 5px 0 var(--color-primary);
	border-radius: 5px;
	margin: 20px;
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	row-gap: 10px;
}



div.section_heading_div.cart {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;	
	padding-top: 0px;
	border-bottom: 3px solid var(--color-accent);
	/*width: 90%;*/
	padding-bottom: 0;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;

}
div.section_heading_div.cart.summary {
	padding-left: 10px;
	padding-right: 10px;
	width: 97%;
	margin-left: 0px;
	padding-bottom: 5px;

}
div.section_heading_div.cart.summary h1 {
	font-size: 20px;
}
div.section_heading_div.cart h1 {
	font-size: 22px;
	padding-top: 0;
}
div.order_id_div {
	width: 100%;
	padding: 0px 0 5px 20px;
	display: flex;
	justify-content: flex-start;
}
div.order_status_pending_div {
	width: 100%;
	padding: 10px 0px 0px 0;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	row-gap: 10px;
	column-gap: 30px;	
	color: var(--color-warning);
	/*text-shadow: 0px 1px 0px var(--color-success);*/
}
div.order_status_paid_div {
	width: 100%;
	padding: 10px 0px 0px 0;
	display: flex;
	justify-content: flex-end;
	column-gap: 30px;
	color: var(--color-success);
	/*text-shadow: 0px 1px 0px var(--color-success);*/
}

div.order_div {
	/*border: 1px solid red;*/
	/*display: flex;
	flex-direction: row;
	align-items: flex-start;*/
	/*column-gap: 20px;	*/
	padding: 10px;
	/*row-gap: 20px;*/
	box-shadow: 0 0px 5px 0 var(--color-primary);
	border-radius: 7px;
	margin: 20px 0px 20px 20px;
	width: 100%;
	/*flex-wrap: wrap;*/
}
form.order_div {
	/*border: 1px solid red;*/
	/*display: flex;
	flex-direction: row;
	align-items: flex-start;*/
	/*column-gap: 20px;	*/
	padding: 10px;
	/*row-gap: 20px;*/
	box-shadow: 0 0px 5px 0 var(--color-primary);
	border-radius: 7px;
	margin: 20px 0px 20px 20px;
	width: 100%;
	/*flex-wrap: wrap;*/
}
div.book_div {
	/*border: 1px solid red;*/
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	column-gap: 20px;	
	padding: 10px;
	row-gap: 20px;
	box-shadow: 0 0px 5px 0 var(--color-primary);
	border-radius: 7px;
	margin: 20px 20px;
	width: 93%;
	/*flex-wrap: wrap;*/
}

label.info {
	width: 100px;
}
input.info {
	width: 300px;
	padding: 5px;
	border-radius: 10px;
	border: none;
	box-shadow: 0 0 2px 0 var(--color-primary);
	background-color: beige;
}

img.book_info_image {
	max-height: 70px;
}

div.book_info_head {
	display: flex;
	flex-direction: column;
	row-gap: 5px;
	border-left: 5px solid var(--color-accent);
	padding-left: 10px;
}
div.book_image_div {
	flex-basis: 10%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
div.book_info_div {
	flex-basis: 60%;
	display: flex;
	flex-direction: column;	
	padding-left: 20px;
}
div.add_to_cart_btn_div {
	flex-basis: 30%;

	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	row-gap: 15px;
	padding-left: 10px;
	border-left: 5px solid var(--color-accent);
	/*margin-left: 30px;*/
}
div.book_info {
	border-left: 5px solid var(--color-accent);
	padding-left: 20px;
	padding-top: 30px;	
}

p.cart_price {
	text-align: center;
	color: var(--color-accent-hover);
}
button.cart_remove_btn {
	padding: 3px 10px;
	background-color: brown;
	border-radius: 10px;
	border: none;
	border: 1px solid var(--color-primary);
	box-shadow: 0 0px 5px 0 var(--color-primary);	
	font-size: 14px;
	/*margin-top: 10px;*/
	/*font-weight: bold;*/
	color: var(--color-surface);
	cursor: pointer;
	transition: 0.3s ease;
}
button.book_download {
	padding: 3px 15px;
	background-color: var(--color-secondary);
	border-radius: 10px;
	border: none;
	border: 1px solid var(--color-primary);
	box-shadow: 0 0px 5px 0 var(--color-primary);	
	font-size: 14px;
	/*margin-top: 10px;*/
	/*font-weight: bold;*/
	color: var(--color-surface);
	cursor: pointer;
	transition: 0.3s ease;
}
button.book_download:hover {
	transform: scale(1.04);
}
button.cart_remove_btn:hover {
	transform: translate(2px, 0);
}
button.order_complete_btn {
	padding: 3px 10px;
	background-color: var(--color-warning);
	border-radius: 10px;
	border: none;
	border: 1px solid var(--color-primary);
	box-shadow: 0 0px 3px 0 black;	
	font-size: 15px;
	font-weight: bold;
	/*margin-top: 10px;*/
	/*font-weight: bold;*/
	color: var(--color-surface);
	cursor: pointer;
	transition: 0.3s ease;
}
button.order_complete_btn:hover {
	transform: scale(1.02);
}
div.save_info_btn_div {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
button.save_info {
	padding: 3px 10px;
	background-color: var(--color-secondary);
	border-radius: 10px;
	border: none;
	/*border: 1px solid var(--color-primary);*/
	box-shadow: 0 0px 3px 0 black;	
	font-size: 15px;
	font-weight: bold;
	color: var(--color-surface);
	align-items: flex-end;
	cursor: pointer;
	transition: 0.3s ease;
}
button.save_info:hover {
	transform: scale(1.02);
}

span.crossed_price {
	text-decoration: line-through;
}

div.cart_totals_div {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	column-gap: 20px;
	font-weight: bold;
	font-size: 16px;
}
form.cart_checkout_btn_div {	
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	width: 97%;

}
button.cart_checkout_btn {
	padding: 3px 10px;
	background-color: var(--color-accent-hover);
	border-radius: 10px;
	border: none;
	border: 1px solid var(--color-accent);
	box-shadow: 0 0px 2px 0 var(--color-primary);	
	font-size: 16px;
	/*margin-top: 10px;*/
	font-weight: bold;
	color: var(--color-surface);
	cursor: pointer;
	transition: 0.3s ease;
	cursor: pointer;
}
button.cart_checkout_btn:hover {
	transform: scale(1.1);
}




 /*DELETE CONFIRMATION MODAL ------------------------- START ------------------ */
/*
 .modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.5);
    display:flex;
    justify-content:center;
    align-items:center;
}

.hidden{
    display:none;
}

.modal-box{
    background:#fff;
    padding:20px;
    border-radius:8px;
    width:300px;
    text-align:center;
}

.modal-box button{
    margin:8px;
}*/

 /*DELETE CONFIRMATION MODAL ------------------------- START ------------------ */






@media (max-width: 800px) {
	
	section.book_section {
		flex-wrap: wrap-reverse;
	}
	div.book_section_left {
		flex-basis: 98%;
	}
	div.book_section_right {
		flex-basis: 70%;
	}
	div.book_div { 
		flex-direction: column;
		row-gap: 10px;
	}

	div.book_image_div {
	flex-basis: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
div.book_info_div {
	flex-basis: 100%;
	display: flex;
	flex-direction: column;	
	padding-left: 0px;
}
div.add_to_cart_btn_div {
	flex-basis: 100%;
	align-self: flex-end;
}
div.order_div {
	width: auto;
	width: 90%;
}

}