.modal-dialog{
    max-width: 425px;
    margin-top: 50%;
   }
   .modal-dialog-mobile{
    max-width: 425px;
    margin-top: 10%;
   }
   .modal.right.fade.in .modal-dialog {
right:0 !important;
transform: translateX(-50%);
}
.modal.right .modal-content {
height:100%;
overflow:auto;
border-radius:0;
}
.modal.right .modal-dialog {
position: fixed;
margin: auto;
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.right.fade.in .modal-dialog {
transform: translateX(0%);
}
.modal.right.fade .modal-dialog {
right: 0px;
-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
-o-transition: opacity 0.3s linear, right 0.3s ease-out;
transition: opacity 0.3s linear, right 0.3s ease-out;
}


.modal.right .modal-header {background-color:#ff000b; color:#fff}
.modal.right .modal-header::after {content:""; display:inline-block;}
.modal.right .close {text-shadow:none; opacity:1; color:#fff; font-size:26px}
/*  form-control  */

.form-control {border-radius:0; box-shadow:none}
.form-control:focus {box-shadow:none}
.modal-footer{
    display: block;
}


.modal-title{
    font-weight: bold;
font-size: 20px;
}

/* -- quantity box -- */

.quantity {
display: inline-block; }

.quantity .input-text.qty {
width: 130px;
height: 40px;
padding: 0 5px;
text-align: center;
background-color: #8bc34a;
border: 1px solid #efefef;
margin-bottom: 30px;
}

.quantity.buttons_added {
text-align: left;
position: relative;
white-space: nowrap;
vertical-align: top; }

.quantity.buttons_added input {
display: inline-block;
margin: 0;
/* vertical-align: top; */
box-shadow: none;
}

.quantity.buttons_added .minus,
.quantity.buttons_added .plus {
padding: 7px 10px 8px;
height: 40px;
background-color: #ffffff;
border: 1px solid #efefef;
cursor:pointer;}

.quantity.buttons_added .minus {
border-right: 0; }

.quantity.buttons_added .plus {
border-left: 0; }

.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {
background: #eeeeee; }

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
margin: 0; }

.quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
outline: none; }

/* spicel leval */
.p-1{
    padding: 0px 5px !important;
    font-size: 13px;
    font-weight: bold;
}

/* cart */

.p-2{
padding: 0px 0px !important;
font-size: 16px;
color: #221f1f;
border-bottom: 1px solid #d0d5da;
font-weight: bold;
}

.f-r{
 float:right;
}

.total{
font-size: 16px;
color: black;
background: #d0d5da;
padding: 10px 8px;
}

.form-control {
    display: block !important;
    width: 100% !important;
    height: calc(1.5em + 0.75rem + 2px) !important;
    padding: 23px 10px !important;
    margin-bottom: 10px !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border: 1px solid #f71c0a;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.view-cart-btn-mobile {
background-color: #ffc107;
box-shadow: 0 -0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
z-index: 1010;
}

.user {
    text-align: center;
    background: #be262b;
    margin-bottom: 10px;
    color: #fff;
    font-size: 30px;
    padding: 5px;
}

.order_details {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px !important;
    background: #8bc34a;
    color: white;
}


.panel-title_summery {
    font-size: 22px;
    color: #000000;
    text-align: justify;
    width: 100%;
    margin-top: 5px;
    border-bottom: 1px solid #390f15;
    margin-bottom: 15px;
    font-weight: bold;
}

.text-left {
    text-align: left !important;
}

.summery_logo{
    background: #8bc34a;
    width: 100%;margin-bottom:20px;
}

.modal-body-order{
    background: #f6f7f8;padding: 10px 23px;

}
.p-3 {
    padding: 10px !important;
    border-radius: 20px 20px 0px 0px;
}

.btn-primary{
    float: right;
    color: white;
    border: none;
    font-size: 18px;
    font-weight: bold;
    background-color: #be262b;
}

.user {
    text-align: center;
    background: #8bc34a;
    margin-bottom: 10px;
    color: #fff;
    font-size: 30px;
    padding: 5px;
}



.btn-white{
    display: block;
    border-radius: 0;
    border: none;
    padding: 10px 15px;
    float: right;
    background-color: #8bc34a;
}

.btn-white:hover{
    background: #ffc107;
    color: #000000;
}