.modal.left .modal-dialog {
	position:fixed;
	right: 0;
	margin: auto;
	width: 360px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal.right .modal-body {
	padding: 15px 15px 80px;
}

.modal.right.fade .modal-dialog {
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
	right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
	border-radius: 0;
	border: none;
}

.modal-header {
	border-bottom-color: #eeeeee;
	background-color: #fafafa;
}

.count_cart {
    background: #28a745;
    color: #fff;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    position: absolute;
    text-align: center;
    right: 2px;
    top: 4px;
    font-size: 12px;
}

.subtotal_cart{
    text-align: right;
    height: 50px;
    background: #fbdb89;
    color: #0a7022;
    padding-top: 6px;
    padding-right: 5px;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 2px solid #0a7022;
    border-top: 2px solid #0a7022;
}
.modal-body::-webkit-scrollbar {
  width: 11px;
}
.modal-body::-webkit-scrollbar-track {
  background: #fbdb89;
}
.modal-body::-webkit-scrollbar-thumb {
  background-color: #28a745 ;
  border-radius: 6px;
  border: 3px solid #fbdb89;
}