.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;
}

/* button, .button {
  margin: 0;
  color: #000000 !important;
  font-size: 22px;
  line-height: 29px;
  text-transform: capitalize;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  border: none;
  padding: 0px 10px;
  background: #fbcc02;
  float: right;
} */
/* button:hover, .button:hover {
  outline: none;
  text-decoration: none;
  color: #000;
  background-color: #ffcb06;
} */

/* -- quantity box -- */

.quantity {
display: inline-block;

}

.w3-badge{
  background: red;
  color: white;
  padding: 5px 11px;
  border-radius: 50%;
  left: -12px;
  position: absolute;
  top: -12px; 
  border: 2px solid white;
}

.quantity .input-text.qty {
width: 60px;
height: 40px;
padding: 0 5px;
text-align: center;
background-color: white;
border: 1px solid #efefef;
color: black;
/* margin-bottom: 13px; */
}


.quantity.buttons_added {
text-align: left;
float: right;
position: relative;
white-space: nowrap;
vertical-align: top;
margin-right: 15px; }

.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: #a80201;
border: 1px solid #efefef;
cursor:pointer;
width: 10%;
color: white;
}

.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;
}

.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: #ff0000;
  color: white;}

.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;
font-weight: 500;
}

.f-r{
float:right;
}
.text-left {
  text-align: left !important;
}

.text-right{
  text-align: right !important;
  display: block;
  margin-top: -25px;
}

.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;
padding: 0.2rem !important;
}


.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;
}



.user {
  text-align: center;
  background: #a60200;
  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;
}

.restbeef_block .restbeef_block_inner{
  z-index: auto;
}
.restbeef_header_title{
  z-index: auto;
}

/* Style the tab */
.tab {
  float: right;
  border-right: 2px solid #9f9f9a;
  /* background-color: #fbcc026b;
  /* width: 30%;
  height: 300px; */
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 14px 15px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 19px;
  /* border-bottom: 1px solid white; */
  text-align: right;
  font-weight: bold;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  line-height: 1.4;
}

/* 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: #ff3d00; */
  color: #ff3d00;
  /* border-radius: 0px 4px 40px 40px */
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 12px 12px;
  /* border: 1px solid #ccc; */
  width: 100%;
  border-left: none;
  /* height: 100vh; */
  /* background: white; */
}


.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: 0px;
}

.restbeef_no_top_padding {
padding-top: 0px;
}

.restbeef_menu_block .restbeef_block {
padding: 0;
}

.menu-thumbnail {
  float: left;
  margin: 0px 13px 0 -5px;
  width: 110px;
  margin-bottom: 0;
  height: 110px;
  /* border: 4px solid #ffffff;*/
}
/* .restbeef_menu_list .restbeef_menu_item:first-child{
  height: 112px;
} */
.text-align{
  text-align: justify;
  font-family: inherit;
  font-size: 16px;
    font-weight: 500;
    color: #f44336;

}

.img-fluid{
  width: 100%;
  height: 100%;  
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.dec{
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 0;
    text-align: justify;
    font-family: inherit;
}

@media only screen and (max-width: 760px){
.restbeef_team_block .row .col-6:nth-child(2) {
    width: calc(100% - 0px);
    margin: 0px 0px 0 0px;
    position: relative;
    z-index: 5;
}
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  background-color: #eee;
  overflow-x: hidden;
  transition: 0.5s;
  
  /* padding-top: 60px; */
}

.sub{
  margin-top: 10%;
    background: white;
    box-shadow: rgb(0 0 0 / 12%) 0px 0px 10px;
    padding: 5px;
}

.btn-primary {
  float: right;
  color: white !important;
  border: none !important;
  font-size: 18px !important;
  background-color: #be262b !important;
  border-radius: 1px !important;  
}

.btn-success {
  color: #fff;
  background-color: #ffc107;
  border-color: #ffc107;
}

.card{
  background: white;
  box-shadow: rgb(0 0 0 / 12%) 0px 0px 10px;
  padding: 5px;
  margin-bottom: 8px; 
}

.sidenav a {
  padding: 8px 8px 8px 5px;
  text-decoration: none;
  font-size: 25px;
  color: #000;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: white;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: -5px;
  font-size: 31px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}