/*#popover_content_wrapper{
    display: none;
}



/*#order_cart{
    box-align:right
}*/

/*Setting text color of modal title. */
#myModalHead{
    color: black;
}

/*Giving the modal a maximum width of 40%v screen size. 
.modal-md{
	max-width: 40%;
}*/

/*Positioning the modal to the right of the screen. */
.modal.right .modal-dialog{
position: absolute;
top: 0;
right: 0;
margin: 0;
float: right;
}

/*.modal-dialog .modal-right .modal-sm{
    max-width: 350px;
    height: 500px;
}*/

/*Giving the modal the hight of the entire viewport. */
.modal.right .modal-content {
	min-height:100vh;
	border:0;
}

/*Giving cart footer a margin top. */
.modal-footer{
    margin-top: 30rem;
}

/*Eliminating bulloentpoint from cart items list. */
ul{
	list-style-type: none;
}

/*Giving order total a text color of white. */
#cart-popover{
	color: white;
}

/*.btn3d{
	box-shadow: 0 0 0 1px green inset, 0 0 0 2px green inset, 0 8px 0 1px green, 0 8px 0 px green;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}


#cart_input{
   transform: translateX(-200px);
    margin-bottom: 20px;
}*/


.btn-danger{
	background-color: red;
	height: 38px;
	width: 35px;
	border-radius: 0;
}

.btn-success{
	height: 38px;
    width: 35px;
    border-radius: 0;
}

/*Styling the cancel order button. */
#cancel_but{
	background-color: white;
	border-radius: 0;
	width: 35px;
	margin-left: 20px;
}


#product_span{
	width: 40px; 
}

/*Styling cart body to put space between buttons to change quantity.*/
#cart_body{
	display: flex;
	justify-content: space-between;
}

/*Styling the decrease item quantity button. */
#less{
	margin: 20px;
	width: 15%;
	height: 40px;
}

/*Styling the increase item quantity button. */
#more{
	width: 15%;
	height: 40px;
	margin-top: 21px;
}

/*Styling the cancel item button. */
#cancel{
	border: 1px solid black;
	width: 15%;
	height: 40px;
	margin-top: 20px;
}