.modal-dialog{
  max-width: 425px;
  margin-top: 85px;
 }
 .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: transparent;
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: 5px 16px !important;
}

/* cart */

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

.f-r{
float:right;
}

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

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


.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-transform: capitalize;
}

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

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

}

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

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

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

/* Style the tab */
.tab {
  /* float: left; */
  border: 1px solid #ccc;
  background-color: #b1a677;
  /* width: 30%;
  height: 300px; */
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  border-bottom: 1px solid white;
  text-align: center;
  font-weight: bold;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ffcb06;
  color: black;
  border-radius: 0px 4px 40px 40px
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
  height: 300px;
}


.accordion-wrapper {
/* border: 1px solid #dddddd; */
padding: 15px;
/* width: 50%; */
}
.accordion-item {
margin-bottom: 15px;
position: relative;
}
.accordion-item:after {
position: absolute;
content: "";
border-top: 2px solid #dddddd;
border-right: 2px solid #dddddd;
height: 15px;
width: 15px;
right: 0;
top: 10px;
transform: rotate(133deg);
transition: 300ms all linear;
}
.active.accordion-item:after {
transform: rotate(-45deg);
}
h2 {
margin: 0;
padding-bottom: 15px;
border-bottom: 1px solid #dddddd;
position: relative;
cursor: pointer;
font-size: 30px !important;
color: #ed1b22;
}
.accordion-body {
padding: 10px 0;
color: #525252;
display: none;
}

.restbeef_menu_list .restbeef_menu_item{
background:#fbfbfb !important;
padding: 10px;
}

.restbeef_no_bottom_padding {
padding-bottom: 50px;
}

.restbeef_no_top_padding {
padding-top: 50px;
}

.restbeef_menu_block .restbeef_block {
padding: 0;
}