/*Font loading*/
@font-face {
  font-family: roboto-regular;
  src: url('/unification/less/theme_36/fonts/roboto-font/Roboto-Regular_0.ttf');
}
@font-face {
  font-family: myriad-regular;
  src: url('/unification/less/theme_36/fonts/myraid/MyriadPro-Regular.otf');
}
@font-face {
  font-family: "Ionicons";
  src: url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1");
  src: url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"), url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1") format("truetype"), url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1") format("woff"), url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'Roboto', sans-serif;
}
.no-padding {
  padding: 0px;
}
.white-bg {
  background: #ffffff;
}
button,
div {
  outline: none;
}
.validation-msg {
  color: red;
  display: block;
  clear: both;
  padding: 3px 0px;
}
.full-width-btn,
.full-width-btn:hover {
  width: 100%;
  background: #242424;
  color: #fff;
}
.md-button.md-default-theme[disabled],
.md-button[disabled] {
  cursor: not-allowed;
  background-color: #242424;
  color: #fff;
}
.no-btn--effect,
.no-btn--effect:hover,
.no-btn--effect:active,
.no-btn--effect:focus {
  background: transparent !important;
  border: none;
  box-shadow: none;
  border-color: transparent;
}
/*.md-button.md-default-theme:not([disabled]):hover, .md-button:not([disabled]):hover{
    background-color:transparent;
    color:@primary-highlight-color;
    border:1px solid @primary-highlight-color;
}*/
.forget-form-section label,
.registration-form-section label {
  padding-left: 0px;
}
.primary-btn {
  border: 1px solid #242424;
  color: #242424;
  background: transparent;
  border-radius: 3px;
}
.primary-btn:hover {
  color: #fff;
  background: #242424;
}
.fix-padding {
  padding-left: 15px;
  padding-right: 15px;
}
.simple-transition {
  transition: width 1s ease;
}
.dispaly-none {
  display: none;
}
/*/Scrollable tab list*/
div.scrollable {
  position: relative;
  height: 35px;
  overflow-y: hidden;
  padding-left: 15px;
  padding-right: 15px;
}
div.scrollable:before,
div.scrollable:after {
  cursor: pointer;
  position: absolute;
  z-index: 1;
}
div.scrollable:before {
  content: '';
  height: 15px;
  width: 15px;
  background: url("/unification/img/left-arrow.png") no-repeat;
  background-size: 100% 100%;
  margin-left: -20px;
  margin-top: 12px;
}
div.scrollable:after {
  content: '';
  height: 15px;
  width: 15px;
  background: url("/unification/img/right-arrow.png") no-repeat;
  right: -0px;
  top: 12px;
  background-size: 100% 100%;
}
div.scrollable > ul.nav-tabs {
  overflow: hidden;
  padding-left: 28px;
  white-space: nowrap;
  user-select: none;
  overflow-y: hidden !important;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
div.scrollable ul.nav-tabs li {
  display: inline-block;
  float: none;
  padding-left: 5px;
  padding-right: 5px;
}
div.scrollable > ul.nav-tabs > li:last-child {
  margin-right: 26px;
}
div.scrollable > .tab-content > .tab-pane {
  padding: 5px;
}
.category-slick-section div.scrollable:before,
div.scrollable:after {
  border: 0px;
  border-radius: 0px;
  color: #8F9493;
  font-size: 24px;
}
.category-slick-section div.scrollable:before {
  padding-right: 12px;
}
.category-slick-section div.scrollable:after {
  padding-left: 12px;
}
.category-slick-section div.scrollable > ul.nav-tabs {
  border-bottom: 0px;
}
.category-slick-section div.scrollable > ul.nav-tabs {
  padding-left: 32px;
}
.category-slick-section div.scrollable > ul.nav-tabs {
  overflow: scroll;
  border-bottom: 0px;
}
.category-slick-section ul::-webkit-scrollbar {
  width: 0px;
}
.category-slick-section ul::-moz-scrollbar {
  width: 0px;
}
.category-slick-section .nav-tabs {
  border-bottom: none;
}
.category-slick-section .nav-tabs > li.active > a,
.category-slick-section .nav-tabs > li.active > a:focus,
.category-slick-section .nav-tabs > li.active > a:hover {
  color: #242424;
  border: none;
  font-weight: 500;
}
.category-slick-section .nav-tabs > li > a {
  color: #000000;
  font-weight: normal;
  border: transparent;
  padding-left: 25px;
  padding-right: 25px;
}
.category-slick-section .nav-tabs > li > a:hover {
  background: transparent;
  color: #242424;
  font-weight: normal;
  border: none;
}
.category-slick-section .nav-tabs > li.active > a {
  background: url("/unification/img/catagory-line.png") no-repeat;
  background-size: 20px;
  background-position: 0px 20px;
}
input,
select,
textarea {
  color: #000000;
}
/* the up/down/left/right buttons */
/* the zone where the scroll will happen */
.custom-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
/* not sure what this is */
/* the famous "elevator" */
.custom-scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}
/* what stands in the corner, between the horizontal and the vertical scrollbars */
/* the resizer thingy into that corner */
.custom-scroll::-webkit-scrollbar {
  width: 8px;
}
.custom-scroll::-webkit-scrollbar-track {
  border-radius: 10px;
}
.custom-scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.md-calendar-selected-date .md-calendar-date-selection-indicator {
  border: 1px solid #242424;
}
.no-btn-effect:hover {
  color: #242424;
}
/*Loader styale*/
.loader-container {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgba(0, 0, 0, 0.7);
}
.loader-container .loader-image {
  width: 200px;
  left: 50%;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  z-index: 99;
  height: 200px;
  margin-left: -100px;
  margin-top: -100px;
  background: url("/unification/img/loader.gif");
  background-size: 100% 100%;
}
.gdpr-consent-checkbox {
  width: 20px !important;
  height: 20px !important;
  margin-right: 10px !important;
}
/*Browser Specific css*/
/*@-moz-document url-prefix() {
    .md-datepicker-triangle-button.md-button.md-icon-button{
            height: 21px;
            padding: 0 8px 20px;
            position: absolute;
            width: 36px;
            background:transparent;
    }
    .restaurant-main-section .date-time-picker md-datepicker .md-datepicker-expand-triangle{
    background: rgba(0, 0, 0, 0) url("../../img/down-arrow.png") no-repeat scroll 0 0 / 100% 100%;
    border: medium none;
    display: inline-block;
    height: 15px;
    margin-left: -15px;
    margin-top: 0;
    position: relative;
    width: 15px;
    }
    .restaurant-main-section .date-time-picker label{
        border-bottom:2px solid #fff;
    }
    .item-qnt{
        padding-bottom:4px !important;
    }
}*/
:focus {
  outline: none !important;
}
.resto-menu-header {
  background: url('/unification/img/chooser-background.jpg');
  background-size: 100%;
}
.md-toast-animating {
  overflow: initial !important;
}
.item-category-box {
  height: inherit;
}
/*.md-bottom-sheet-backdrop{
    overflow-y:hidden !important;
}
.resto-web-app{
}*/
.custom-toast {
  position: fixed;
  padding: 6px;
  color: #ffffff;
  background: #000000;
  left: 50%;
  margin-left: -85px;
  top: 50%;
  margin-top: -10px;
}
.md-toast-open-bottom {
  overflow: auto !important;
}
/*Category section */
.category-description {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #88898a;
  padding-bottom: 10px;
  padding-top: 10px;
  border-top: 1px solid #88898a;
  margin-top: 15px;
}
.category-description .menu-category-title {
  font-size: 16px;
  font-weight: 500;
}
.category-description img {
  max-width: 100%;
}
/*Iteam container style*/
.item-list {
  color: #000;
  background: #fff;
}
.item-list .item-container {
  padding: 20px 0px;
  border-bottom: 1px dashed #88898a;
  padding-right: 10px;
}
.item-list .item-container .item-image img {
  width: 70px;
  max-width: 100%;
}
.item-list .item-container .item-name {
  color: #000000;
  font-size: 18px;
}
.item-list .item-container .item-price {
  color: #242424;
}
.item-list .item-container .item-customize-button,
.item-list .item-container .item-add-button {
  color: #242424;
  background: transparent;
  border: 1px solid #242424;
  font-size: 18px;
  width: 65px;
  padding: 3px;
  border-radius: 3px;
  text-transform: uppercase;
}
.item-list .item-container button:hover {
  color: #fff;
  background: #242424;
}
.item-list .item-container .item-desc {
  color: #88898a;
  font-size: 16px;
  text-align: justify;
}
.item-list .item-container .item-desc .links,
.item-list .item-container .item-desc .links:hover {
  color: #242424;
  text-decoration: none;
  cursor: pointer;
}
.item-list .item-container .add-customize {
  padding-top: 15px;
}
.item-list .item-container .item-unavailable {
  background: transparent;
  border: none;
}
.item-container:nth-last-child(1),
.item-container:last-child {
  border-bottom: none;
  margin-bottom: 50px;
}
/*/Increment Decrement button */
button.item-decrement-button,
button.item-increment-button {
  width: 30px;
  color: #242424;
  background: transparent;
  border: 1px solid #242424;
  padding: 3px;
  font-size: 18px;
  text-transform: uppercase;
}
.item-decrement-button {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.item-increment-button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.item-qnt {
  padding: 5px;
  margin-left: -4px;
  margin-right: -4px;
  color: #fff;
  background: #242424;
}
.item-section,
.mobile-disable.sticky-category {
  overflow-y: auto;
}
.dropdown.mobile-disable .dropdown-menu {
  width: 100%;
}
.dropdown.mobile-disable .dropdown-menu a img {
  margin-left: -25px;
  margin-right: 10px;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: transparent;
}
/* category Page section */
.category-section {
  margin-top: 20px;
}
.category-section .category-continer {
  border-right: 1px solid #efefef;
}
.category-section .category-continer .category-title {
  color: #000000;
  font-size: 15px;
  padding: 5px;
  text-align: center;
  outline: none;
  word-wrap: break-word;
  margin-bottom: 10px;
  transition: all 0.5s ease .5s;
}
.category-section .category-continer .category-title.selected,
.category-section .category-continer .category-title:hover {
  background-color: #242424;
  border-right: 2px solid #000;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  color: #fff;
  outline: none;
  transition: all 0.5s ease 0s;
}
/*Login popup style*/
.login-popup {
  min-width: 550px;
}
.login-popup md-toolbar {
  background: transparent;
}
.login-popup md-toolbar h2 {
  width: 100%;
  color: #000000;
}
.login-popup md-toolbar .md-icon-button {
  position: absolute;
  right: 10px;
}
.login-popup md-content {
  background: transparent;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
}
.login-popup md-content md-input-container {
  margin: 0;
  margin-top: 0;
  padding: 0;
}
.login-popup md-content label {
  font-weight: normal;
  color: #000000;
  padding-left: 25px !important;
}
.login-popup md-content input {
  border-bottom: 1px solid #000;
}
.login-popup .md-dialog-content {
  padding-top: 5px;
}
.login-popup .password {
  background: url("/unification/img/password.png") no-repeat;
  padding-left: 25px;
}
.login-popup .name {
  background: url("/unification/img/emailmobile-no.png") no-repeat;
  padding-left: 25px;
}
.login-popup .close-popup {
  background: url("/unification/img/close.png") no-repeat;
}
.login-popup .facebook-login {
  background: url("/unification/img/facebook-login.png") no-repeat;
  width: 150px;
  height: 45px;
  background-size: 100% 100%;
}
.login-popup .google-btn .abcRioButtonBlue {
  background: url("/unification/img/google-login.png") no-repeat;
  width: 150px !important;
  background-size: 100% 100%;
  box-shadow: none;
  border: none;
  height: 45px !important;
}
.login-popup .google-btn .abcRioButtonBlue:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.login-popup .qick-signin {
  font-size: 16px;
  padding: 5px 0px;
}
.login-popup .login-btn:hover {
  background: #242424;
}
.login-popup .login-btn[disabled="disabled"]:hover {
  background: #242424;
  color: #ffffff;
}
.login-popup .login-btn {
  text-transform: capitalize;
}
.login-popup .no-btn-effect,
.login-popup .no-btn-effect:hover,
.login-popup .no-btn-effect:active,
.login-popup .no-btn-effect:focus,
.login-popup .no-btn-effect:visited {
  text-transform: capitalize;
  font-size: 16px;
  background-color: #fff !important;
}
.login-popup .login-form-section .layout-align-center-center {
  padding-left: 5px;
}
.login-popup .login-form-section .no-btn-effect:hover {
  background: transparent;
  color: #242424;
}
/*parant category section */
.parent-category-section {
  padding-top: 10px;
  color: #000;
  font-size: 16px;
  text-transform: uppercase;
}
.parent-category-section .parent-category-title {
  padding-left: 15px;
  padding-right: 15px;
  outline: none;
}
.parent-category-section .selected.parent-category-title,
.parent-category-section .parent-category-title:hover {
  color: #242424;
  font-weight: 500;
}
/*for menu page whole cover white section*/
/*.restolabs-ordering{
    ui-view{
        height:100%;
        .menu-page{
            
        }
    }
}*/
/*.login-text-span{
    border-bottom:1px solid @menubar-text-color;
}*/
.serach-box button {
  background: transparent;
  color: #ffffff;
  border: none;
}
/*Cart section*/
.cart-container {
  background: #f5f5f5;
  color: #000;
}
.cart-container .cart-heading {
  color: #000000;
  padding: 7px;
  border-bottom: 1px solid #d0d0d0;
  font-size: 16px;
}
.cart-container .cart-empty-text {
  color: #D0D0D0;
}
.cart-container .empty-cart {
  padding-top: 100px;
  padding-bottom: 100px;
}
.cart-container .cart-item {
  padding: 15px 0px;
  display: inline-block;
  width: 100%;
}
.cart-container .cart-item .cart-item-serial-no {
  width: 15%;
  float: left;
  padding-top: 1px;
}
.cart-container .cart-item .cart-item-detal {
  width: 100%;
}
.cart-container .cart-item .cart-item-detal .item-name {
  font-size: 16px;
  font-weight: 500;
}
.cart-container .cart-item .cart-item-detal .attribute-name {
  font-size: 16px;
}
.cart-container .cart-item .cart-item-detal .slected-attribute-option,
.cart-container .cart-item .cart-item-detal .combo-option-selected,
.cart-container .cart-item .cart-item-detal .item-comment-value {
  color: #808080;
}
.cart-container .cart-item .cart-item-detal .item-price {
  padding-top: 5px;
}
.cart-container .cart-item .cart-btn-price-row {
  padding-top: 10px;
}
.cart-container .cart-item .cart-btn-price-row .item-price {
  padding-top: 5px;
}
.cart-container .cart-item .cart-btn-price-row .cart-item-edit {
  border-right: 1px solid #222;
}
.cart-container .white-bg.fix-padding {
  padding-top: 15px;
  padding-bottom: 10px;
}
.cart-container .tip-section input {
  float: left;
  width: 55%;
  border: none;
  border-bottom: 1px solid #000;
  outline: none;
  color: #000;
}
.cart-container .tip-section .apply-tip {
  padding: 3px 10px;
}
.cart-container .sub-total-section {
  padding-top: 15px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}
.cart-container .cart-footer .minimum-order-amount {
  padding: 5px 0px;
  background: #fff;
  color: red;
}
.cart-container .cart-footer .primary-btn {
  padding: 5px 0px;
  border-radius: 0px;
  font-size: 16px;
  text-transform: uppercase;
}
.cart-container .cart-footer .checkout-btn {
  background: #242424;
  color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.cart-container .cart-footer .checkout-btn:hover {
  color: #242424;
  background: #fff;
}
.cart-container .cart-footer .hide-cart {
  background: #000000;
  color: #ffffff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border: 1px solid #000000;
}
.cart-container .cart-footer .hide-cart:hover {
  background: #ffffff;
  color: #000000;
}
.cart-container .cart-container-inner {
  overflow-y: auto;
  overflow-x: hidden;
}
.clear-cart-btn {
  padding-left: 25px;
  background: url("/unification/img/clear-cart.png") no-repeat;
  background-size: 20px 20px;
  background-position: 1px;
  color: #242424;
}
.cart-icon img {
  margin-top: -3px;
}
.cart-container.affix {
  top: 10px;
  width: 20%;
  max-width: 255px;
}
.menu-container .white-bg {
  background: url("/unification/img/menu-background.jpg") no-repeat center center fixed;
  background-size: 100% 100%;
}
/*Menu Header page section*/
.resto-menu-header .top-header,
.resto-header .top-header {
  padding-bottom: 25px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .resto-menu-header .top-header,
  .resto-header .top-header {
    margin-bottom: 8%;
  }
}
.resto-menu-header .top-header .navbar-brand,
.resto-header .top-header .navbar-brand {
  padding-left: 0px;
}
.resto-menu-header .top-header .navbar-brand img,
.resto-header .top-header .navbar-brand img {
  max-width: 100px;
  width: 65px;
  height: auto;
}
.resto-menu-header .top-header input,
.resto-header .top-header input {
  margin-top: 30px;
  background: transparent;
  border: none;
  color: #fff;
  background: url("/unification/img/search.png") no-repeat;
  border-bottom: 1px solid #fff;
  padding-left: 25px;
  outline: none;
  font-size: 18px;
  margin-left: 30px;
}
.resto-menu-header .top-header ::-webkit-input-placeholder,
.resto-header .top-header ::-webkit-input-placeholder {
  /* Chrome */
  color: #fff;
}
.resto-menu-header .top-header :-ms-input-placeholder,
.resto-header .top-header :-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}
.resto-menu-header .top-header ::-moz-placeholder,
.resto-header .top-header ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}
.resto-menu-header .top-header :-moz-placeholder,
.resto-header .top-header :-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #fff;
  opacity: 1;
}
.resto-menu-header .top-header a,
.resto-header .top-header a {
  color: #fff;
  font-size: 18px;
  outline: none;
  padding-left: 15px;
  margin-left: 0px;
}
.resto-menu-header .top-header a:hover,
.resto-header .top-header a:hover,
.resto-menu-header .top-header a:focus,
.resto-header .top-header a:focus {
  background-color: #242424;
  color: #fff;
}
.resto-menu-header .top-header .login-user,
.resto-header .top-header .login-user {
  padding-left: 30px;
  background: url(/unification/img/login.png) no-repeat;
  background-position: 0px 15px;
  background-size: 20px 20px;
  padding-right: 0px;
}
.resto-menu-header .top-header .login-user:hover,
.resto-header .top-header .login-user:hover,
.resto-menu-header .top-header .location-change:hover,
.resto-header .top-header .location-change:hover {
  color: #242424;
}
.resto-menu-header .top-header .location-change,
.resto-header .top-header .location-change {
  background: url("/unification/img/location.png") no-repeat;
  background-position: 0px 15px;
  background-size: 20px 20px;
}
.resto-menu-header .top-header .info-btn,
.resto-header .top-header .info-btn {
  background: url("/unification/img/info.png") no-repeat;
  background-position: 0px 15px;
  background-size: 20px 20px;
}
.resto-menu-header .top-header .divder-line,
.resto-header .top-header .divder-line {
  border-left: 1px solid #fff;
  height: 15px;
  margin-top: 18px;
}
.resto-menu-header .top-header .login-text,
.resto-header .top-header .login-text {
  padding-top: 12px;
  display: inline-block;
  font-size: 18px;
  padding-right: 15px;
  color: #ffffff;
}
.resto-menu-header .top-header .navbar-toggleable-md,
.resto-header .top-header .navbar-toggleable-md {
  margin-bottom: 0px;
  padding-top: 20px;
}
.resto-menu-header .user-img img,
.resto-header .user-img img {
  border-radius: 25px;
  height: 25px;
  width: 25px;
}
.resto-menu-header .dropdown-menu a,
.resto-header .dropdown-menu a {
  color: #000000;
}
.resto-menu-header a[ng-click],
.resto-header a[ng-click] {
  cursor: pointer;
}
.fixed-cart {
  position: fixed;
  right: 12%;
  bottom: 10px;
  min-width: 400px;
}
.fixed-cart .show-full-cart {
  background: #000000;
  color: #ffffff;
  padding: 5px;
  padding-top: 8px;
  border-radius: 3px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.fixed-cart .show-full-cart .viewdetail-text {
  width: 40px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
}
.fixed-cart .primary-btn {
  background: #242424;
  color: #ffffff;
  padding: 7.5px;
  text-transform: uppercase;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.registration-form-section md-content label,
.forget-form-section md-content label {
  padding-left: 0px !important;
}
.registration-form-section .email,
.forget-form-section .email {
  background: url("/unification/img/email.png") no-repeat;
  background-size: 100% 100%;
  background-size: 20px 20px;
}
.registration-form-section .mobile,
.forget-form-section .mobile {
  background: url("/unification/img/mobile.png") no-repeat;
  background-size: 100% 100%;
  background-size: 20px 20px;
}
.registration-form-section md-input-container .md-errors-spacer,
.forget-form-section md-input-container .md-errors-spacer {
  min-height: auto;
}
.customize-addon-name,
.customize-combo-option-name {
  font-weight: bold;
}
.customize-addon-label .customize-addon-name {
  font-weight: normal;
}
/*.promotion-section{
    display:none;
}*/
.dropdown.login .logo-img {
  width: 20px;
  height: 20px;
  border-radius: 20px;
}
.dropdown.login .dropdown-toggle {
  background: transparent;
  cursor: hover;
}
/*.fed-transition{
     -moz-transition: opacity 2s linear;
    -o-transition: opacity 2s linear;
    -webkit-transition: opacity 2s linear;
    transition: opacity 2s linear;
}
.fed-transition.dispaly-none{
    opacity: 0;
}
.fed-transition.dilay-show{
    opacity: 0;
}*/
body {
  /*    overflow-y:hidden !important;
        layout:column;*/
}
/*.parent-sticky.is-sticky, .cart-sticky.is-sticky, .sticky-category.is-sticky{
    
        top:0px !important;
        background:#fff;
    
}*/
.cart-sticky {
  position: relative;
}
.cart-sticky .is-sticky {
  position: sticky !important;
  top: 0px !important;
  width: 100% !important;
}
.parent-sticky.is-sticky {
  /*        position: sticky !important;
            top:0;
            width:100% !important;*/
  background: #fff;
  top: 0px !important;
}
.sticky-category.is-sticky {
  position: sticky !important;
  top: 50px !important;
  width: 100% !important;
}
@media screen and (min-width: 768px) {
  .navbar-toggler {
    display: none;
  }
}
/* ================================
        For como specific code 
   ================================*/
.como-specific .como-gifts {
  padding-top: 20px;
  max-height: 300px;
  overflow-y: auto;
  margin-bottom: 25px;
}
.como-specific .como-gifts .gift-row-container .gift-row {
  padding: 10px;
  border-bottom: 1px solid gray;
}
.como-specific .como-gifts .gift-row-container .gift-row img {
  max-width: 100px;
}
.como-specific .como-gifts .gift-row-container .gift-row .gift-mane {
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
}
.como-specific .como-gifts .gift-row-container .gift-row .gift-status {
  padding-left: 10px;
  padding-right: 10px;
}
.como-specific .como-gifts .gift-row-container .gift-row .validateion-date {
  display: inline-block;
}
.como-specific .como-gifts .gift-row-container .gift-row.selected {
  /*background:#efefef;*/
  background: #FFF8F8;
  box-shadow: inset 0px -4px 21px 0px #9a9a9a;
}
.como-specific .como-code-container {
  text-align: center;
  padding-top: 25px;
}
.como-specific .como-code-container .add-delete-como-code {
  overflow-y: auto;
  max-height: 100px;
}
.como-specific .como-code-container .redeem-row {
  padding-top: 10px;
  padding-bottom: 10px;
}
.como-specific .como-code-container .redeem-row input {
  width: 215px;
  border: 3px solid #242424;
  border-radius: 5px;
  font-size: 14px;
}
.como-specific .como-code-container .redeem-row .add-code,
.como-specific .como-code-container .redeem-row .delete-code {
  padding: 5px 7px;
  background: #242424;
  color: #ffffff;
  border: 1px solid #242424;
  border-radius: 5px;
  font-size: 15px;
}
.como-specific .como-code-container .redeem-row .delete-code {
  border: 1px solid #D21404;
  background: #D21404;
  font-size: 15px;
}
.como-specific .info-action .primary-btn {
  margin: 0px;
  margin-top: 25px;
}
.como-specific .info-action .primary-btn:hover {
  background: #242424;
  color: #fff;
}
@media screen and (max-width: 480px) {
  .como-specific .como-gift-box {
    text-align: center;
  }
  .como-specific .como-gift-box .gift-image {
    display: block;
  }
  .como-specific .como-gift-box .gift-image img {
    max-width: 70px !important;
  }
  .como-specific .como-gift-box .gift-desc {
    display: block;
  }
  .como-specific .como-gift-box .gift-row.selected {
    background: #FFF8F8;
    box-shadow: inset 0 0 61px #828282;
  }
  .como-gifts {
    max-height: 450px !important;
  }
}
button.item-decrement-button,
.item-increment-button {
  top: 4px;
}
.resto-header .top-header .navbar-brand img {
  width: auto;
  height: auto;
  max-height: 65px;
  max-width: none !important;
}
@media screen and (min-width: 1024px) {
  .resto-header .top-header .navbar-brand img {
    height: 135px;
    max-height: 135px;
  }
}
.resto-menu-header .top-header .navbar-brand img {
  width: auto;
  height: auto;
  max-height: 65px;
  max-width: none !important;
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .resto-header .top-header .login-user {
    padding-left: 75px;
  }
}
.item-list .item-container .item-name {
  padding-left: 25px;
}
.item-list .item-container .item-image img {
  width: 90px;
  max-width: none;
}
.item-list .item-container .item-price,
.item-list .item-container .item-desc {
  padding-left: 25px;
}
/* for Hebrew */
.rtl .item-list .item-container .item-name,
.rtl .item-list .item-container .item-price,
.rtl .item-list .item-container .item-desc {
  padding-right: 25px;
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .rtl .mobile-enable .navbar-nav .login-user {
    background-position: 25px 17px;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .tip-section-for-mobile {
    text-align: right;
    padding-right: 21px;
    background: #ffffff;
    border-top: 1px dashed #000000;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  .apply-tip-mobile {
    color: #242424;
    background: transparent;
    border: 1px solid #242424;
    /*            font-size:18px;
                    width:65px;
                    padding:3px;*/
    border-radius: 3px;
    /*text-transform: uppercase;*/
    /*background: @button-bg;*/
    margin-left: 16px;
    margin-top: 8px;
    margin-bottom: 8px;
    /*border: 1px solid #6F6F6F ! important;*/
  }
  .tip-mobile-box {
    width: 150px;
  }
  .minimum-order-amount-mobile {
    padding: 5px 0px;
    background: #fff;
    color: red;
  }
}
/*-------------------------------------- Menu Pop Up --------------------------------------*/
.menuBtn {
  color: #ffffff;
  background: #242424;
  border: 1px solid #242424;
}
.menuBtn:focus {
  color: #ffffff;
  background: #242424;
  border: 1px solid #242424;
}
.menuBtn:hover {
  color: #ffffff;
  background: #242424;
  border: 1px solid #242424;
}
.menuBtn:active:hover {
  color: #ffffff;
  background: #242424;
  border: 1px solid #242424;
}
#menuPopupAccordian .category-slick-section .nav-tabs > li > a {
  word-break: break-all;
}
#menuPopupAccordian .modal-body {
  overflow-y: auto;
  height: 296px;
  overflow-x: hidden;
  padding-top: 0px;
}
#menuPopupAccordian .modal-header {
  padding: 5px 10px 0 0;
  border-bottom: none;
}
#menuPopupAccordian .resto-web-app.modal-open .modal {
  overflow-y: hidden;
}
#menuPopupAccordian .panel-default > .panel-heading {
  background-color: #fff;
}
#menuPopupAccordian .menuPopupList {
  list-style: disc;
  padding: 0px;
  padding-left: 35px;
  margin: 0;
}
#menuPopupAccordian #menuPopupAccordian.modal {
  padding-right: 0px;
}
#menuPopupAccordian .modal-dialog {
  width: 220px;
  height: 320px;
  position: absolute;
  bottom: 135px;
  left: 0;
  right: 0;
  margin: auto;
}
#menuPopupAccordian .modal-content {
  border: none;
  height: 100%;
}
.simpleModel .category-title {
  padding: 5px 0;
  font-size: 16px;
}
.menuBtn {
  position: fixed;
  border: none;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.28);
  border-radius: 20px;
  text-transform: uppercase;
  padding: 7px 30px;
  width: 120px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 6.071428571428571em;
}
.popUpMenu .panel-heading {
  padding: 0;
}
.popUpMenu .panel-heading a {
  text-decoration: none;
  display: block;
  word-break: break-word;
  padding: 10px 15px;
}
.popUpMenu .category-title {
  padding: 7px 0;
  display: block;
  word-break: break-word;
  margin-left: -5px;
}
.popUpMenu .category-title.selected {
  color: #242424;
}
.popUpMenu .panel-body {
  padding: 0;
}
.popUpMenu .collapse.in + .panel-heading {
  color: #242424;
}
.popUpMenu .collapse.in + .panel-heading .category-title {
  color: unset;
}
.popUpMenu .collapse.in + .panel-heading .category-title:focus {
  color: #242424;
}
.simpleModel .menuPopupList {
  list-style: none;
  padding-left: 20px;
}
.simpleModel .category-title {
  padding: 5px 0;
  font-size: 16px;
  margin-left: 0px;
}
.simpleModel .category-title:focus {
  color: #242424;
}
.btnIcon {
  display: inline-block;
  height: 15px;
  width: 15px;
}
.btnIcon img {
  width: 15px;
  margin-right: 3px;
  display: block;
  margin-top: 2px;
}
.goBackToChooser {
  color: #fff;
  font-size: 20px;
  padding-top: 28px;
  padding-right: 10px;
}
@media only screen and (max-width: 767px) {
  .goBackToChooser {
    display: none;
  }
}
.empty-cart-img {
  width: 74px;
  height: 94px;
  margin: auto;
  background: url(/unification/img/theme_40/CartImageTheme40.png) no-repeat;
  margin-bottom: 15px;
}
md-input-container.md-icon-float > md-icon {
  top: 26px;
}
.languageSelect {
  background-color: #242424;
  color: #ffffff;
}
.languageSelect:hover {
  color: #ffffff;
}
.languageSelect:active {
  color: #ffffff;
}
.languageSelect:focus {
  color: #ffffff;
}
.select-lang {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .select-lang {
    margin-bottom: 40px;
    margin-right: 55px;
  }
}
.show {
  display: inline-block !important;
}
/*Customize popup section*/
input[type='radio'],
input[type='checkbox'] {
  display: none;
}
span.customRadio {
  display: none;
}
input[type="radio"] + span.customRadio {
  display: inline-block;
}
input[type="radio"] + span.customRadio::after {
  content: "\f3a6";
  font-family: "Ionicons";
  position: relative;
  color: #242424;
  top: -8px;
  font-size: 25px;
}
.customize-combo-item-label input[type="radio"] + span.customRadio::after {
  top: 4px;
  right: 5px;
}
input[type="radio"]:checked + span.customRadio::after {
  content: "\f3a7";
  font-family: "Ionicons";
  position: relative;
  top: -8px;
  font-size: 25px;
  color: #242424;
}
.customize-combo-item-label input[type="radio"]:checked + span.customRadio::after {
  top: 4px;
}
input[type="checkbox"] {
  width: 25px;
  height: 25px;
  cursor: default;
  opacity: 0;
}
input[type="checkbox"] + span.customCheckbox:before {
  content: "\f372";
  font-family: "Ionicons";
  position: relative;
  color: #242424;
  top: -8px;
  font-size: 25px;
}
input[type="checkbox"]:checked + span.customCheckbox:before {
  content: "\f373";
  font-family: "Ionicons";
  position: relative;
  color: #242424;
  top: -8px;
  font-size: 25px;
}
button[disabled="disabled"] {
  cursor: not-allowed;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
/* popup section style */
.customize-addon-accordian-name {
  font-weight: bold;
  color: #000;
  font-size: 14px;
}
.customize-section {
  bottom: 0px;
  height: 90%;
  min-height: 50%;
  max-height: 90%;
  background: #f8f8f8;
  padding: 0px 0px 100px 0px !important;
}
.customize-section .fluid-continer.white-bg {
  padding: 20px 0px;
}
.customize-section .fluid-continer.white-bg .item-img {
  display: inline-block;
  float: left;
  margin-right: 20px 0px;
}
.customize-section .fluid-continer.white-bg .item-img img {
  max-width: 70px;
  margin-right: 30px;
}
.customize-section .fluid-continer.white-bg .item-name {
  font-size: 18px;
  color: #000000;
  margin-bottom: 5px;
  font-weight: 500;
}
.customize-section .fluid-continer.white-bg .item-desc {
  color: #88898a;
}
.customize-section .btn-price-box {
  padding-top: 10px;
}
.customize-section .btn-price-box .item-price {
  font-size: 16px;
  margin-right: 20px;
  padding-top: 10px;
  font-weight: 500;
}
.customize-section .btn-price-box .item-add-button,
.customize-section .btn-price-box .item-close-button {
  border: 1px solid #242424;
  padding: 5px 0px;
  border-radius: 3px;
  width: 70px;
  font-weight: 500;
}
.customize-section .btn-price-box .item-add-button {
  background: transparent;
  color: #242424;
  margin-right: 10px;
}
.customize-section .btn-price-box .item-add-button:hover {
  color: #ffffff;
  background: #242424;
}
.customize-section .btn-price-box .item-close-button {
  background: #fff;
  color: #242424;
}
.customize-section .customize-section-item-details {
  padding: 20px;
}
.customize-section .customize-section-item-details .customize-combo-option-name {
  font-size: 16px;
  color: #000000;
  padding: 10px 0px;
  font-weight: 500;
}
.customize-section .customize-section-item-details label {
  font-weight: normal;
  font-size: 16px;
  padding: 10px 0px;
}
.customize-section .customize-section-item-details .attribute-option {
  display: inline-block;
  width: 100%;
  border-bottom: 1px dashed #dfdfdf;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.customize-section .customize-section-item-details .item-increment-button {
  margin-right: 10px;
}
.customize-section .customize-item_comment {
  width: 100%;
  padding-top: 0px;
}
.customize-section .customize-item_comment .customize-item-comment {
  width: 100%;
  padding-top: 0px;
}
.customize-section .customize-item_comment .customize-item-comment .customize-item-comment-title {
  font-weight: 500;
  padding-left: 20px;
  background: url("/unification/img/item-comment.png") no-repeat;
  background-size: 20px 20px;
  margin-bottom: 10px;
}
.customize-section .customize-item_comment .customize-item-comment textarea {
  width: 100%;
}
.customize-section .scrollable-section {
  max-height: 400px;
  overflow-y: auto;
}
.customize-section-container .customize-addon-option-section {
  padding-top: 12px;
}
.customize-section-container .customize-addon-option-info,
.customize-section-container .customize-variant-name {
  padding-left: 10px;
}
.customize-section-container .customize-addon-label,
.customize-section-container .customize-variant-label {
  width: 100%;
  display: inline-flex;
  padding-top: 0px !important;
  margin-bottom: 0px;
}
.customize-section-container .add-on-section {
  padding: 0px;
}
.customize-addon-accordian-name {
  padding-left: 10px;
}
.main_chooser {
  /*Footer page style*/
  /*@media screen and(min-width:768px) and (max-width:992px){
        .restaurant-main-section .arae1{
            float:left;
            width: 50%;
        }
        .restaurant-main-section .area-chooser .area2{
            display: inline-block;
            width: 50%;
        }
    }*/
  /*------------------------------- Group Ordering --------------------------------------*/
  /*@media screen and (max-width: 767px) and (min-width: 320px) {
        .restolabs-ordering > div {
            .main-bg-container {
                background: url(http://dev-rws-restolabs.pantheonsite.io/unification/img/chooser-background-mob.jpg);
                background-size: cover;
            }
        }
    }

    .restolabs-ordering > div .main-bg-container {
        background: url(http://dev-rws-restolabs.pantheonsite.io/unification/img/chooser-background.jpg);
        background-size: cover;
        padding-bottom: 50px;
    }

    .md-title {
        font-weight: 200;
    }

    .order-type-separator {
        padding-left: 10px;
        padding-right: 30px;
    }

    .restaurant-main-section {
        min-height: unset;

        .delivery-mode-container {

            .mode-title.selected {
                background: url(/unification/templates/default/chooser/images/checkcirle.png) no-repeat;
                background-size: 25px 25px;
                padding-left: 30px;
            }

            @media (max-width: 767px) {
                .mode-title {
                    padding-top: 5px !important;
                    padding-bottom: 5px !important;
                }

                .mode-title.selected {
                    background-position-y: 2px;
                    background-size: 22px 22px;
                }

                .order-type-separator {
                    padding-right: 10px;
                }

                .cart-container {
                    .white-bg.fix-padding {
                        padding: 15px 15px 10px !important;
                    }
                }
            }
        }
    }

    .mode-option.ng-scope {
        .mode-title.selected {
            background: none;
            border-bottom: none;
        }
    }

    .chooser_main_group_order {
        max-width: 420px;
        margin: auto;
        background: rgba(0, 0, 0, 0.5);
        padding: 20px 10px 10px;

        span {
            font-size: 14px;
            font-weight: 200;
        }
    }

    .group_order_hidden{
        display: none;
    }

    .restaurant-main-section {
        .goto-menu-btn {
            max-width: 420px;
            float: none;
            margin: auto;

            .primary-btn {
                width: 100%;
                padding: unset;
                margin: 0;
            }
        }
    }

    .cart-container {
        .cart-footer {
            .primary-btn {
                text-transform: capitalize;
            }
        }

        .white-bg.fix-padding {
            padding: 15px 0px 10px !important;
        }

        .tip-section {
        .apply-tip {
            padding: 2px 8px;
        }
        }
    }

    .go_cmplt_grp_ord {
        font-size: 13px !important;
        display: inline-block;
        background: #fff !important;
        color: #576D09 !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        padding: 5px 5px !important;
    }

    .go_vw_grp_ord {
        .go_cmplt_grp_ord;
        padding: 5px 15px !important;
    }

    .go_indv_checkout {
        font-size: 15px !important;
        font-weight: 300;
        display: block;
        width: 100%;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
    }

    .go_shw_my_ord {
        .go_cmplt_grp_ord;
        font-size: 13px !important;
        text-transform: none !important;
    }

    .md-transition-in {
        max-width: 565px;
        margin-left: 15px;
        margin-right: 15px;
        padding: 10px 0;

        .md-dialog-content {
            padding-bottom: 0;
        }

        .md-title {
            font-size: 16px;
            text-align: center;
            font-weight: 500;
            color: #000;
        }

        .md-dialog-content-body {
            p {
                font-size: 14px;
                color: #000;
                padding: 10px 15px 0;
                text-align: center;
            }
        }

        md-dialog-actions {
            margin: auto;
        }

        .md-button {
            margin-bottom: 0;
            margin-left: 0;
            margin-right: 20px;
            margin-top: 0;
            padding: 5px 10px;
            border: 1px solid;
            line-height: 20px;
            min-height: 30px;
            font-weight: 400;
        }

        .confirm-yes {
            background: #576D09;

            &:hover {
                background: #576D09 !important;
            }

            span {
                color: #fff;
            }
        }

        .confirm-no {
            border: 1px solid #1f1f1f;

            span {
                color: #1f1f1f;
            }
        }
    }*/
  /*------------------------------- Group Ordering End --------------------------------------*/
}
.main_chooser .restolabs-ordering {
  /*    background: url('../img/chooser-background.jpg');
            background-size: 100% 100%;*/
  display: inline-block;
  width: 100%;
  height: 100%;
}
.main_chooser .restolabs-ordering > div {
  height: 100%;
}
.main_chooser .restolabs-ordering > div .main-bg-container {
  background: url('/unification/img/chooser-background.jpg');
  background-size: 100% 100%;
  min-height: 100%;
}
.main_chooser .rotating_spinner {
  position: absolute;
  top: 45%;
  left: 49%;
  z-index: 999;
}
.main_chooser .restaurant-main-section {
  color: #ffffff;
  font-size: 14px;
  background: #fff;
  color: #000;
  min-height: 428px;
  position: relative;
  margin-bottom: 12px;
  padding-top: 2px;
  border-radius: 5px;
  /*    z-index: 99;*/
  /*    .date-time-picker{
                md-datepicker{
                    background: #fff;
                    padding: 5px 0px;
                    margin-right: -5px;
                    border-top:2px solid #fff;
                    .md-datepicker-expand-triangle{
                        background: rgba(0, 0, 0, 0) url("../../img/down-arrow.png") no-repeat;
                        width: 15px;
                        height: 15px;
                        background-size: 100% 100%;
                        margin-left: -15px;
                        margin-top: 6px;
                        display:inline-block;
                        position:relative;
                        border:none;
    
                    }
                }
                label{
                    background:#fff;
                    select{
                        color: @heading-color;;
                        font-weight: normal;
                        padding: 3px;
                        height:27.5px;
                        width:115px;
                        padding-left:28px;
    
                        background:url("../../img/time-box.jpg") no-repeat;
                        background-size:100% 100%;
                        -webkit-appearance: none;
                       -moz-appearance: none;
                        appearance: none;
    
                    }
                }
                select:after{
                    content:'';
                    height:10px;
                    width:10px;
                    display:inline-block;
                    background:red;
                }
            }*/
  /*.arae1{
            margin-right: 2px;
            margin-left: 1px;
        }*/
  /*    .select-time::after{
                content: "\f3d0";
                font-family: "Ionicons";
                position: relative;
                left: -34px;
                top: 3px;
                font-size: 20px;
                width: 7px;
                font-weight: 500;
            }*/
  /*location list container */
}
.main_chooser .restaurant-main-section .Restaurant-welcome-text1 {
  font-size: 18px;
  padding-bottom: 5px;
  padding-top: 25px;
}
.main_chooser .restaurant-main-section .chooser-grp-order-section {
  display: none;
}
.main_chooser .restaurant-main-section .Restaurant-welcome-text2 {
  font-size: 22px;
  font-weight: normal;
}
.main_chooser .restaurant-main-section .delivery-mode-container {
  text-align: center;
  font-size: 16px;
  padding-bottom: 25px;
  margin-top: 35px;
}
.main_chooser .restaurant-main-section .delivery-mode-container .mode-title {
  outline: none;
}
.main_chooser .restaurant-main-section .delivery-mode-container .mode-title.selected {
  color: #242424;
  outline: none;
  font-weight: 500;
}
.main_chooser .restaurant-main-section .delivery-mode-container .mode-title.selected .mode-title-text {
  border-bottom: 2px solid;
}
.main_chooser .restaurant-main-section .delivery-mode-container .mode-title:hover {
  color: #242424;
}
.main_chooser .restaurant-main-section .delivery-mode-container .mode-option {
  color: #818181;
}
.main_chooser .restaurant-main-section .delivery-mode-container .mode-option:nth-child(2) .mode-title {
  /*            border-left:1px solid @menubar-text-color;
                            border-right:1px solid @menubar-text-color;*/
}
.main_chooser .restaurant-main-section .delivery-mode-container .mode-option .mode-title::before {
  content: "\f401";
  font-family: "Ionicons";
  position: relative;
  left: -2px;
  top: 4px;
  font-size: 20px;
  color: rgba(250, 235, 215, 0);
  width: 7px;
  font-weight: 800;
}
.main_chooser .restaurant-main-section .delivery-mode-container .mode-option .selected::before {
  content: "\f3fe";
  font-family: "Ionicons";
  position: relative;
  left: -2px;
  top: 4px;
  font-size: 20px;
  width: 7px;
  color: #242424;
  font-weight: 800;
}
.main_chooser .restaurant-main-section .delivery-mode-container .mode-option:last-child .del-type-sep {
  display: none;
}
.main_chooser .restaurant-main-section .area-chooser {
  border: 1px solid #9e9e9e;
  border-radius: 5px;
  display: flex;
}
@media screen and (max-width: 450px) {
  .main_chooser .restaurant-main-section .area-chooser {
    flex-flow: column;
  }
}
.main_chooser .restaurant-main-section .area-chooser .arae1 {
  flex: 1;
}
.main_chooser .restaurant-main-section .area-chooser .arae1 select {
  width: 202px;
  height: 40px;
  padding-left: 15px;
  color: #000000;
  outline: none;
  background: rgba(0, 0, 0, 0) url("/unification/img/down-arrow.png") no-repeat;
  background-position: 92%;
  background-size: 16px;
  font-size: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding-right: 35px;
  border: none;
  /*              -webkit-appearance: none;
                                    -moz-appearance: none;
                                    appearance: none;*/
}
.main_chooser .restaurant-main-section .area-chooser .area2 {
  flex: 1;
  position: relative;
}
.main_chooser .restaurant-main-section .area-chooser .area2 input {
  width: 100%;
  height: 40px;
  border-radius: 0px;
  color: #000000;
  outline: none;
  border: none;
  background: rgba(0, 0, 0, 0) url("/unification/img/down-arrow.png") no-repeat;
  background-position: 92%;
  background-size: 16px;
  font-size: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding-right: 35px;
  border-left: 1px solid #9e9e9e;
}
.main_chooser .restaurant-main-section .area-chooser .area2 ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000000;
}
.main_chooser .restaurant-main-section .area-chooser .area2 ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000000;
}
.main_chooser .restaurant-main-section .area-chooser .area2 :-ms-input-placeholder {
  /* IE 10+ */
  color: #000000;
}
.main_chooser .restaurant-main-section .area-chooser .area2 :-moz-placeholder {
  /* Firefox 18- */
  color: #000000;
}
.main_chooser .restaurant-main-section .area-chooser .area2 #_dropdown {
  position: absolute;
  width: 235px;
  background: #fff;
  color: #000000;
  outline: none;
  z-index: 9999;
  padding-left: 14px;
  max-height: 300px;
  overflow-y: scroll;
  margin-top: 2px;
  background: #e7e7e7;
  border-radius: 5px;
  line-height: 2;
}
.main_chooser .restaurant-main-section .area-chooser .area2.col-md-12 input,
.main_chooser .restaurant-main-section .area-chooser .area2.col-sm-12 input {
  margin: auto;
}
.main_chooser .restaurant-main-section .area-chooser .area2.col-md-12 #_dropdown,
.main_chooser .restaurant-main-section .area-chooser .area2.col-sm-12 #_dropdown {
  position: relative !important;
  margin: auto;
}
.main_chooser .restaurant-main-section .area-chooser .area2.col-md-12 #_dropdown .angucomplete-row,
.main_chooser .restaurant-main-section .area-chooser .area2.col-sm-12 #_dropdown .angucomplete-row {
  text-align: left;
}
.main_chooser .restaurant-main-section .area-chooser-btn .primary-btn {
  background: #242424;
  color: #ffffff;
  border-radius: 0px;
  margin-top: 28px;
  padding: 0px 50px;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  border-radius: 5px;
}
.main_chooser .restaurant-main-section .area-chooser-btn .primary-btn:hover {
  background: transparent;
  color: #242424;
}
.main_chooser .restaurant-main-section .now-later {
  padding-top: 15px;
  padding-bottom: 15px;
  /*        label:nth-child(1){
                        margin-right:10px;
                    }
                    label:nth-child(2){
                        margin-left:10px;
                    }*/
  /*        label:hover{
                        background:@primary-highlight-color;
                    }*/
  /*        label.selected:hover{
                        background:transparent;
                    }*/
}
.main_chooser .restaurant-main-section .now-later .now-later-wrapper {
  box-shadow: inset 0 0 46px #C5C5C5;
  border-radius: 5px;
}
.main_chooser .restaurant-main-section .now-later label {
  padding: 0px 11px 0px 8px;
  cursor: pointer;
  font-size: 18px;
  font-weight: normal;
  color: #000000;
  width: 48%;
}
.main_chooser .restaurant-main-section .now-later label .customRadio {
  display: none;
}
.main_chooser .restaurant-main-section .now-later .onlyLater {
  width: auto;
}
.main_chooser .restaurant-main-section .now-later label.selected {
  background: #242424;
  border-radius: 5px;
  margin: 4px 0px 4px 0px;
  color: #ffffff;
}
.main_chooser .restaurant-main-section .now-later label.selected .customize-variant-name span {
  line-height: 1.8;
}
.main_chooser .restaurant-main-section .now-later label::before {
  content: "\f3fe";
  font-family: "Ionicons";
  position: relative;
  left: -1px;
  top: 4px;
  color: rgba(250, 235, 215, 0);
  font-size: 20px;
  width: 7px;
  font-weight: 800;
}
.main_chooser .restaurant-main-section .now-later label.selected::before {
  content: "\f3fe";
  font-family: "Ionicons";
  position: relative;
  left: -6px;
  color: #ffffff;
  top: 2px;
  font-size: 20px;
  width: 7px;
  font-weight: 800;
}
.main_chooser .restaurant-main-section .now-later label:first-child {
  text-align: center;
}
.main_chooser .restaurant-main-section .now-later label:last-child {
  text-align: center;
}
.main_chooser .restaurant-main-section .date-time-picker {
  border: 1px solid #9e9e9e;
  height: 42px;
  border-radius: 5px;
}
.main_chooser .restaurant-main-section .area-chooser .area2 {
  padding: 0px;
}
.main_chooser .restaurant-main-section .arae1,
.main_chooser .restaurant-main-section area2 {
  padding: 0px;
  width: auto;
}
.main_chooser .restaurant-main-section .area2 #_dropdown {
  width: 100% !important;
}
.main_chooser .restaurant-main-section .chooser-page-content-wrap {
  width: 406px;
  margin: auto;
  display: table;
}
.main_chooser .restaurant-main-section md-datepicker {
  /*    display: inline-table;
                border: 1px solid rgb(158, 158, 158);*/
  padding-right: 0px;
  margin-right: 0px;
  width: 50%;
  height: 42px;
  line-height: 42px;
  float: left;
}
.main_chooser .restaurant-main-section md-datepicker .md-button.md-icon-button {
  margin: 0 0px;
  height: 0px;
  line-height: 0px;
  margin-left: 0px;
}
.main_chooser .restaurant-main-section md-datepicker .md-datepicker-input-container {
  padding-bottom: 0px;
  margin-left: 0px;
  border-bottom-style: none;
  height: 35px;
  line-height: 35px;
}
.main_chooser .restaurant-main-section md-datepicker .md-datepicker-input {
  pointer-events: none;
}
.main_chooser .restaurant-main-section md-datepicker .md-datepicker-triangle-button.md-button.md-icon-button {
  left: -129px;
  top: 9px;
  width: 199px;
  background: rgba(0, 0, 0, 0) url(/unification/img/down-arrow.png) no-repeat;
  background-position: 92%;
  background-size: 16px;
}
.main_chooser .restaurant-main-section md-datepicker .md-datepicker-expand-triangle {
  display: none;
}
.main_chooser .restaurant-main-section md-datepicker .md-button:not([disabled]).md-focused {
  background: none;
  background-color: transparent;
}
.main_chooser .restaurant-main-section .select-time {
  border-left: 1px solid #9e9e9e;
  width: 50%;
  background: none;
  position: relative;
}
.main_chooser .restaurant-main-section .select-time select {
  height: 40px;
  line-height: 40px;
  width: 100%;
  /*border: 1px solid rgb(158, 158, 158);*/
  padding-left: 44px;
  background: none;
  font-weight: 400;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  text-overflow: '';
  background: rgba(0, 0, 0, 0) url("/unification/img/down-arrow.png") no-repeat;
  background-position: 92%;
  background-size: 16px;
  border: none;
  cursor: pointer;
}
.main_chooser .restaurant-main-section .select-time::before {
  content: "\f402";
  font-family: "Ionicons";
  position: absolute;
  left: 32px;
  top: 5px;
  font-size: 20px;
  width: 7px;
  font-weight: 800;
  margin-left: -21px;
}
.main_chooser .restaurant-main-section .goto-menu-btn button {
  margin: 0px;
  width: 406px;
}
.main_chooser .restaurant-main-section .info-text {
  padding: 18px 0px 0px 0px;
  font-size: 14px;
  display: inline-block;
  width: 100%;
  color: #9e9e9e;
}
.main_chooser .restaurant-main-section .goto-menu-btn {
  padding: 20px 0px;
}
.main_chooser .restaurant-main-section .goto-menu-btn div {
  padding-bottom: 10px;
}
.main_chooser .restaurant-main-section .goto-menu-btn .primary-btn {
  color: #ffffff;
  background: #242424;
  padding: 3px 30px;
  border-radius: 5px;
}
.main_chooser .restaurant-main-section .goto-menu-btn .primary-btn:hover {
  background: transparent;
  color: #242424;
}
.main_chooser .restaurant-main-section .location-list select {
  width: 100%;
  height: 40px;
  padding-left: 15px;
  border-radius: 5px;
  color: #000000;
  outline: none;
  background: rgba(0, 0, 0, 0) url("/unification/img/down-arrow.png") no-repeat;
  background-position: 96%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-size: 16px;
  font-size: 14px;
  background-color: #fff;
  cursor: pointer;
}
.main_chooser .restaurant-main-section .location-list select.decorated option:hover {
  /*                box-shadow: 0 0 10px 100px #1882A8 inset;*/
}
.main_chooser .restaurant-main-section .map-container input {
  width: 281px;
  color: #000;
  max-width: 95%;
  margin-bottom: 15px;
  height: 40px;
  padding: 5px;
  margin-bottom: 10px;
  border-radius: 5px;
  padding-left: 14px;
  border: 1px solid #9e9e9e;
}
.main_chooser .restaurant-main-section .map-container .primary-btn {
  color: #ffffff;
  background: #242424;
  border-radius: 0px;
  padding: 0px 45px;
  margin-right: 0px;
  border-radius: 5px;
}
.main_chooser .restaurant-main-section .map-container .primary-btn:hover {
  color: #242424;
  background: transparent;
}
.main_chooser .restaurant-main-section .map-container .map-box {
  float: none;
  /*            locationpicker{
                                float:none !important;
                            }*/
}
.main_chooser .restaurant-main-section .map-container .map-box #location_chooser {
  float: initial !important;
  display: inline-block;
  width: 405px !important;
  max-width: 100%;
  border-radius: 5px;
}
.main_chooser .resto-footer {
  background: #211715;
  padding: 15px;
  color: #ffffff;
}
.main_chooser .resto-footer .f-title,
.main_chooser .resto-footer .s-title {
  font-size: 18px;
}
.main_chooser .resto-footer .powerby a {
  color: #ffffff;
  text-decoration: none;
  padding-top: 20px;
}
.main_chooser .resto-footer .social a {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  display: inline-block;
}
.main_chooser .resto-footer .social .f-icon {
  background: url("/unification/img/facebook.png") no-repeat;
}
.main_chooser .resto-footer .social .t-icon {
  background: url("/unification/img/twitter.png") no-repeat;
}
.main_chooser .resto-footer .social .insta-icon {
  background: url("/unification/img/instagram.png") no-repeat;
}
.main_chooser .resto-header .top-header .navbar-toggleable-md {
  margin-right: 15px;
}
@media screen and (max-width: 450px) {
  .main_chooser .restaurant-main-section .delivery-mode-container .mode-title {
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
  }
  .main_chooser .restaurant-main-section .area-chooser {
    border: none;
    border-radius: 0px;
  }
  .main_chooser .restaurant-main-section .area-chooser .arae1 select {
    border: 1px solid #9e9e9e;
    border-radius: 5px;
  }
  .main_chooser .restaurant-main-section .area-chooser .area2 input {
    border: 1px solid #9e9e9e;
    margin-top: 10px;
    border-radius: 5px;
  }
}
@media screen and (max-width: 500px) {
  .main_chooser .restaurant-main-section {
    /*        .arae1 {
                        margin-right: 2px;
                        margin-left: 1px;
                    }*/
  }
  .main_chooser .restaurant-main-section .chooser-page-content-wrap {
    width: auto;
    padding: 0px 20px 10px 20px;
    display: block;
  }
  .main_chooser .restaurant-main-section .map-container input {
    width: 100%;
    max-width: 100%;
  }
  .main_chooser .restaurant-main-section .map-container .primary-btn {
    width: 100%;
    margin-left: 0px;
  }
  .main_chooser .restaurant-main-section .goto-menu-btn button {
    width: 100%;
  }
  .main_chooser .restaurant-main-section .now-later label {
    font-size: 16px;
    width: 48%;
  }
  .main_chooser .restaurant-main-section .now-later .onlyLater {
    width: auto;
  }
  .main_chooser .restaurant-main-section .info-text {
    font-size: 15px;
  }
  .main_chooser .restaurant-main-section .goto-menu-btn .primary-btn {
    padding: 0px;
  }
  .main_chooser .restaurant-main-section md-datepicker {
    margin-bottom: 10px;
  }
  .main_chooser .restaurant-main-section md-datepicker .md-datepicker-triangle-button.md-button.md-icon-button {
    left: -115px;
  }
  .main_chooser .restaurant-main-section md-datepicker .md-button.md-icon-button {
    margin-left: -10px;
  }
  .main_chooser .restaurant-main-section md-datepicker .md-button.md-icon-button {
    width: 33px;
    margin-left: 0px !important;
  }
  .main_chooser .restaurant-main-section .delivery-mode-container {
    font-size: 16px;
  }
  .main_chooser .restaurant-main-section .delivery-mode-container .mode-title {
    padding: 0px 9px;
  }
  .main_chooser .restaurant-main-section .delivery-mode-container .mode-option .mode-title::before {
    content: "";
  }
  .main_chooser .restaurant-main-section .delivery-mode-container .mode-option .selected::before {
    content: "\f3fe";
  }
  .main_chooser .restaurant-main-section .area-chooser-btn .primary-btn {
    margin-top: 15px;
  }
}
@media screen and (max-width: 374px) {
  .main_chooser .restaurant-main-section .delivery-mode-container .mode-title {
    padding: 0px 0px;
  }
  .main_chooser .select-time select {
    padding-left: 36px !important;
  }
  .main_chooser .now-later label {
    padding: 5px 6px !important;
    width: 48%;
  }
  .main_chooser .customize-variant-name.customize-name {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .main_chooser .restaurant-main-section .now-later {
    padding-top: 15px;
  }
  .main_chooser .Restaurant-welcome-text1 {
    display: none;
  }
  .main_chooser .area-chooser {
    margin: auto;
  }
  .main_chooser .area-chooser .arae1 select.pull-right {
    float: none;
    width: 100%;
    background-position: 92%;
    padding-right: 20%;
  }
  .main_chooser .area-chooser .area2 {
    display: inline-block;
    width: 100%;
  }
  .main_chooser .area-chooser .area2 angucomplete {
    display: inline-block;
    width: 100%;
  }
  .main_chooser .area-chooser .area2 angucomplete input {
    width: 100%;
    background-position: 92%;
    padding-right: 20%;
  }
}
@media screen and (min-width: 450px) {
  .main_chooser .restaurant-main-section .area-chooser .arae1 select.pull-right {
    float: left !important;
    /*        width: 50%;*/
  }
  .main_chooser .restaurant-main-section .area-chooser .arae1 {
    width: 50% !important;
  }
  .main_chooser .restaurant-main-section .area-chooser .area2 {
    display: inline-block;
    width: 50%;
  }
  .main_chooser .delivery-mode-container .mode-title {
    padding: 0px 22px 0px 10px;
  }
}
@media (min-width: 767px) {
  .main_chooser .restaurant-main-section .now-later label.selected::before {
    font-size: 24px;
  }
  .main_chooser .restaurant-main-section .now-later label {
    padding: 0px 26px 0px 11px;
  }
  .main_chooser .restaurant-main-section .delivery-mode-container {
    font-size: 16px;
    margin-top: 20px;
  }
  .main_chooser .restaurant-main-section .delivery-mode-container .mode-option .selected::before {
    top: 5px;
    font-size: 24px;
  }
  .main_chooser .restaurant-main-section .delivery-mode-container .mode-title {
    padding: 0px 22px 0px 10px;
  }
  .main_chooser .restaurant-main-section {
    width: 700px;
    margin: auto;
    min-height: 456px;
  }
}
.main_chooser .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
  border: #242424 !important;
}
.main_chooser .md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator {
  color: #242424 !important;
}
.main_chooser .md-datepicker-open .md-datepicker-calendar-icon {
  color: rgba(0, 0, 0, 0.54) !important;
}
.main_chooser .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator,
.main_chooser .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator {
  background: #242424 !important;
  color: #ffffff !important;
}
.main_chooser .restaurant-main-section .now-later .onlyLater {
  width: unset;
}
.main_chooser .restaurant-main-section .select-time.timing-window select {
  padding-left: 40px;
}
@media (max-width: 460px) {
  .main_chooser .restaurant-main-section .select-time.timing-window select {
    background-position: 96%;
    background-size: 3.5vw;
    font-size: 3vw;
  }
}
@media (max-width: 400px) {
  .main_chooser .restaurant-main-section .select-time.timing-window select {
    background-position: 100%;
  }
}
.closed-restaurant-message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100% !important;
  padding: 5em 0;
  text-align: center;
  font-size: 18px;
  color: #222;
}
/*Responsive desing for Unification code*/
.mobile-enable {
  display: none !important;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .mobile-disable {
    display: none !important;
  }
  .restolabs-ordering .main-bg-container {
    background: url('/unification/img/chooser-background-mob.jpg') no-repeat fixed !important;
    background-size: cover !important;
    min-height: 100% !important;
  }
  .mobile-enable {
    display: block !important;
  }
  .mobile-enable .navbar-nav {
    /*padding-top:25px;*/
  }
  .mobile-enable .navbar-nav .login-user {
    background-position: 0px 12px;
  }
  .mobile-enable .navbar-nav .info-btn {
    background-position: 0px 10px;
  }
  .resto-menu-header .top-header,
  .resto-header .top-header {
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
  }
  .restaurant-main-section {
    /*        .location-list{
                    select{
                        width:285px;
                        background-position:250px;
                    }
                }*/
  }
  .restaurant-main-section .Restaurant-welcome-text1,
  .restaurant-main-section .Restaurant-welcome-text2 {
    font-size: 20px;
    text-align: center;
    padding-top: 0px;
  }
  .restaurant-main-section .Restaurant-welcome-text2 {
    font-size: 15px;
    text-align: center;
    padding-top: 0px;
  }
  .menu-heading .log-search .navbar-brand {
    display: none;
  }
  /*    item -list dispaly responsive*/
  .item-section {
    height: inherit !important;
  }
  .item-list {
    padding-bottom: 50px;
  }
  .item-list .item-container {
    display: inline-block;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }
  .item-list .item-container .item-mid {
    padding-right: 0px;
  }
  .item-list .item-container .item-mid .item-name {
    width: 50%;
    float: left;
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
  }
  .item-list .item-container .item-mid .item-price {
    display: inline-block;
    text-align: right;
    width: 50%;
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
  }
  .item-list .item-container .item-mid .item-desc {
    font-size: 15px;
    clear: both;
    display: inline-block;
    text-align: justify;
  }
  .item-list .item-container .item-customize-button,
  .item-list .item-container .item-add-button {
    font-weight: 500;
  }
  .item-list .item-container button:active,
  .item-list .item-container button:visited,
  .item-list .item-container button:focus {
    color: #242424;
    background: transparent;
    /*            border:1px solid @primary-highlight-color;*/
  }
  .item-container:last-child {
    border-bottom: none;
    margin-bottom: 50px;
  }
  /*Mobile enable fixed cart*/
  .fixed-cart.mobile-enable {
    width: 100%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #242424;
  }
  .fixed-cart.mobile-enable .show-full-cart {
    text-align: center;
    border-radius: 0px;
  }
  .fixed-cart.mobile-enable .show-full-cart .total-price {
    padding-left: 26px;
    background: url("/unification/img/white-cart.png") no-repeat;
    background-size: 20px 20px;
    background-position: 1px;
  }
  .fixed-cart.mobile-enable .show-full-cart .viewdetail-text {
    width: 100%;
  }
  .fixed-cart.mobile-enable .primary-btn {
    padding: 11.5px;
  }
  .customize-section-item-details .mobile-enable.row {
    position: fixed !important;
    bottom: 65px;
    background: #fff;
    width: 100%;
    left: 0px;
  }
  .item-list .item-container button:hover {
    background: transparent;
    color: #242424;
  }
  .item-qnt {
    padding-bottom: 4.5px;
  }
  /*Menu page header*/
  .resto-menu-header,
  .resto-header {
    padding-bottom: 10px;
  }
  .resto-menu-header .navbar-brand,
  .resto-header .navbar-brand {
    display: none;
  }
  .resto-menu-header .serach-box input,
  .resto-header .serach-box input {
    width: 150px;
    margin-left: 0px;
    font-size: 15px;
    border-radius: 0px;
  }
  .resto-menu-header .location-changer,
  .resto-header .location-changer {
    height: 30px;
    width: 30px;
    display: inline-block;
    margin-top: 15px;
    margin-right: 10px;
  }
  .resto-menu-header .location-changer a,
  .resto-header .location-changer a {
    display: inline-block;
    height: 50px;
  }
  .resto-menu-header .divder-line.mobile-enable.pull-right,
  .resto-header .divder-line.mobile-enable.pull-right {
    margin-top: 33px;
    margin-right: 10px;
  }
  .resto-menu-header nav,
  .resto-header nav {
    border-top: none;
    padding-top: 15px;
    padding-bottom: 15px;
    /*Login drop down */
  }
  .resto-menu-header nav .navbar-toggler,
  .resto-header nav .navbar-toggler {
    border: medium none;
    height: 30px;
    outline: medium none;
    width: 30px;
    background: url("/unification/img/side-menu.png") no-repeat;
    background-size: 100% 100%;
    margin-top: 5px;
  }
  .resto-menu-header nav .nav,
  .resto-header nav .nav {
    margin-top: 0px;
  }
  .resto-menu-header nav .collapsing,
  .resto-header nav .collapsing,
  .resto-menu-header nav .collapse.in,
  .resto-header nav .collapse.in {
    position: absolute;
    right: -15px;
    width: 200px;
    background: #fff;
    z-index: 80;
    top: 71px;
    border: 1px solid #000;
  }
  .resto-menu-header nav .collapsing a,
  .resto-header nav .collapsing a,
  .resto-menu-header nav .collapse.in a,
  .resto-header nav .collapse.in a {
    color: #000;
  }
  .resto-menu-header nav .mobile-disable,
  .resto-header nav .mobile-disable {
    display: none;
  }
  .resto-menu-header nav .mobile-cart.cart-container,
  .resto-header nav .mobile-cart.cart-container {
    height: 100% !important;
  }
  .resto-menu-header nav .angucomplete-title,
  .resto-header nav .angucomplete-title {
    width: 100%;
  }
  .resto-menu-header nav .mobile-enable.top-saction,
  .resto-header nav .mobile-enable.top-saction {
    min-height: 75px;
    background: url("/unification/img/side-menu-image.jpg") no-repeat 100% 100%;
    display: inline-block;
  }
  .resto-menu-header nav .mobile-enable.top-saction .user-image-icon,
  .resto-header nav .mobile-enable.top-saction .user-image-icon {
    width: 50px;
    height: 50px;
    clear: both;
    margin: auto;
    background: url("/unification/img/logged-out-icon.png") no-repeat;
  }
  .resto-menu-header nav .mobile-enable.top-saction .user-image-icon img,
  .resto-header nav .mobile-enable.top-saction .user-image-icon img {
    max-width: 100%;
  }
  .resto-menu-header nav .mobile-enable.top-saction .user-hi,
  .resto-header nav .mobile-enable.top-saction .user-hi {
    font-size: 18px;
    color: #ffffff;
  }
  .resto-menu-header nav #_dropdown,
  .resto-header nav #_dropdown {
    width: 100%;
  }
  .resto-menu-header nav .login-text,
  .resto-header nav .login-text {
    display: none !important;
  }
  .resto-menu-header nav .login-text-span,
  .resto-header nav .login-text-span {
    display: inline-block;
    margin-top: 2px;
  }
  .resto-menu-header nav .login-text-span img,
  .resto-header nav .login-text-span img {
    margin-left: -10px;
    margin-right: 10px;
  }
  .resto-header .navbar-brand {
    display: block;
  }
  .resto-header .collapse.in,
  .resto-header .collapsing {
    width: 230px !important;
  }
  .fixed-cart {
    min-width: 320px;
  }
  #location_chooser {
    max-width: 100%;
  }
  .selected-adddress {
    display: inline-block;
  }
  /*customize section popoup*/
  .customize-section {
    max-height: 100%;
    height: 100%;
  }
  .customize-section .fluid-continer.white-bg {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
  }
  .customize-section .fluid-continer.white-bg .item-name {
    font-weight: 500;
    margin-bottom: 5px;
  }
  .customize-section .customize-section-item-details {
    padding-top: 5px;
  }
  .customize-section .item-price {
    font-weight: 500;
  }
  .customize-section .item-close-button,
  .customize-section .item-add-button {
    width: 60px;
    font-size: 12px;
  }
  /*div.scrollable:before, div.scrollable:after{
        display:none;
    }*/
  div.scrollable {
    padding-left: 0px;
    padding-right: 0px;
  }
  .parent-category-section {
    padding-top: 0px;
  }
  .parent-category-section .category-slick-section .nav-tabs {
    border-bottom: 1px solid #ddd;
    padding-left: 0px !important;
  }
  .parent-category-section .category-slick-section .nav-tabs li.active a {
    background: #242424;
    color: #ffffff;
    border-radius: 0px;
  }
  .parent-category-section .category-slick-section .nav-tabs .parent-category-title {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .parent-category-section .category-slick-section .nav-tabs .parent-category-title a {
    padding: 5px 25px 15px;
  }
  .parent-category-section .scrollable {
    margin-left: -15px;
    margin-right: -15px;
    border-bottom: 1px solid #ddd;
    background: #fff;
  }
  .back-chooser {
    display: inline-block !important;
    width: 20px;
    height: 20px;
    background: url("/unification/img/BACK-ARROW.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 10px;
    margin-bottom: -10px;
  }
  .category-section {
    margin-top: 10px;
  }
  .category-section .category-slick-section .nav-tabs {
    max-height: 35px;
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 0px !important;
  }
  .category-section .category-slick-section .nav-tabs li.active > a {
    font-weight: bold;
  }
  /*mobile cart section*/
  .mobile-cart md-toolbar {
    background: #000000;
  }
  .mobile-cart md-toolbar h2 {
    text-align: center;
    width: 75%;
    font-weight: bold;
  }
  .mobile-cart md-toolbar .close-popup {
    background: url("/unification/img/BACK-ARROW.png") no-repeat;
    border-radius: 0px;
    background-size: 100% 100%;
  }
  .mobile-cart .cart-container-inner {
    overflow-y: scroll !important;
  }
  .mobile-cart .sub-total-section {
    display: inline-block;
    width: 100%;
  }
  .mobile-cart .item-price {
    font-weight: bold;
  }
  .mobile-cart .cart-footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
  }
  .mobile-cart .cart-footer .hide-cart {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .mobile-cart .cart-footer .hide-cart:hover {
    background: #000000;
    color: #fff;
  }
  .mobile-cart .cart-footer .checkout-btn {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  md-bottom-sheet {
    z-index: 9999;
  }
  .promotion-close-button {
    left: 90px !important;
  }
  .customize-section {
    bottom: 20px;
  }
  .customize-section .scrollable-section {
    max-height: inherit;
    background: #fff;
    overflow-y: inherit;
  }
  .customize-section .scrollable-section .popup-scroll-area {
    height: 275px;
    overflow-y: scroll;
    /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;
  }
  .customize-section .scrollable-section .popup-scroll-area .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  .customize-section .scrollable-section .popup-scroll-area .customize-item-comment {
    padding-bottom: 75px;
  }
  .customize-section .col-md-12 {
    display: inline-block;
  }
  .customize-section .btn-price-box {
    width: 100%;
  }
  .customize-section .btn-price-box .item-price {
    color: #242424;
    font-size: 14px !important;
    float: left !important;
    padding-left: 20px;
  }
  .customize-section .btn-price-box .item-add-button,
  .customize-section .btn-price-box .item-add-button:hover {
    background: #242424;
    color: #fff;
  }
  md-bottom-sheet.customize-section {
    bottom: 20px;
  }
  md-bottom-sheet.customize-section .scrollable-section {
    max-height: inherit;
    background: #fff;
    overflow-y: inherit;
  }
  md-bottom-sheet.customize-section .scrollable-section .popup-scroll-area {
    height: 430px;
    overflow-y: auto;
  }
  md-bottom-sheet.customize-section .scrollable-section .popup-scroll-area .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  md-bottom-sheet.customize-section .scrollable-section .popup-scroll-area .customize-item-comment {
    padding-bottom: 75px;
  }
  md-bottom-sheet.customize-section .col-md-12 {
    display: inline-block;
  }
  md-bottom-sheet.customize-section .btn-price-box {
    width: 100%;
  }
  md-bottom-sheet.customize-section .btn-price-box .item-price {
    color: #242424;
    font-size: 14px !important;
    float: left !important;
    padding-left: 20px;
  }
  md-bottom-sheet.customize-section .btn-price-box .item-add-button,
  md-bottom-sheet.customize-section .btn-price-box .item-add-button:hover {
    background: #242424;
    color: #fff;
  }
  md-dialog.md-dialog-fullscreen.login-popup {
    min-height: 95%;
    min-width: 95%;
  }
  .restaurant-main-section .now-later label {
    padding: 5px 10px;
  }
  .login-popup .no-btn-effect,
  .login-popup .no-btn-effect:hover,
  .login-popup .no-btn-effect:active,
  .login-popup .no-btn-effect:visited,
  .login-popup .no-btn-effect:focus {
    font-size: 13px !important;
  }
  .login-popup .google-btn {
    width: 100%;
  }
  .login-popup .google-btn .abcRioButton.abcRioButtonBlue {
    width: 100% !important;
    max-width: 100% !important;
  }
  .login-popup .fb-container {
    max-width: 100%;
  }
  .cc-mob {
    background: #fff;
  }
  .cc-mob .cc-btn {
    color: #242424;
  }
  .md-calendar-selected-date .md-calendar-date-selection-indicator {
    border: 1px soild #242424;
  }
  .menu-container .white-bg {
    background: none;
  }
  .login-popup .facebook-login {
    width: 130px;
  }
  /*    Button highlight disable*/
}
/*Iphone 5 specific css
@media screen and(max-width:320px){

    md-bottom-sheet.customize-section{
            bottom: 20px;
            top: 0px;
            position: fixed;
    }
}
*/
@media screen and (min-width: 768px) and (max-width: 990px) {
  .item-list .item-container {
    display: inline-block;
    width: 100%;
  }
  .item-list .item-container .item-customize-button,
  .item-list .item-container .item-add-button {
    width: 60px !important;
  }
  .item-list .item-container .item-name {
    font-size: 16px;
  }
  .category-section .category-continer .category-title {
    font-size: 16px;
  }
  button.item-decrement-button,
  button.item-increment-button {
    width: 20px;
  }
}
/*For desktop size screen handling*/
@media screen and (min-width: 1920px) {
  .customize-section {
    height: 700px;
  }
  .customize-section .scrollable-section {
    max-height: 500px;
    overflow-y: auto;
  }
}
/*
For large screen size manly focus for HD screen*/
@media screen and (min-width: 1920px) {
  /*    .resto-footer{
            position: absolute;
            bottom:0px;
            width:100%;
            
        }*/
  /*.restaurant-main-section .date-time-picker md-datepicker{
        border-top:0px;
        border-top:none;
    }*/
  .item-qnt {
    padding-bottom: 4px;
  }
}
/*@media screen and(max-width:1400px){
    .restaurant-main-section .date-time-picker md-datepicker{
        border-top:none;
    }
}*/
/********02/02/2018*********/
/*.cart-container .cart-item .cart-item-detal {
    width: 100%;
}*/
@media screen and (max-width: 767px) and (min-width: 320px) {
  .resto-menu-header .serach-box input {
    width: 156px;
  }
  .resto-menu-header .serach-box button {
    margin-left: -10px;
  }
  .resto-menu-header .back-chooser {
    position: absolute;
    left: 20px;
    top: 32px;
  }
  .resto-menu-header .serach-box {
    position: absolute;
    left: 18%;
  }
  :focus {
    outline: none !important;
  }
  md-toast {
    text-align: center;
    display: block;
  }
  md-dialog.md-dialog-fullscreen {
    min-height: 100%;
    min-width: 100%;
  }
  ::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .resto-menu-header nav .collapse.in {
    right: -16px;
  }
  .resto-menu-header nav .navbar-collapse {
    padding: 0px;
    right: -16px;
  }
  .resto-header .collapse.in,
  .resto-menu-header .collapse.in,
  .resto-header .collapsing,
  .resto-menu-header .collapsing {
    width: 212px !important;
  }
  .resto-header .navbar-collapse,
  .resto-menu-header .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
  }
  .resto-header .navbar-nav,
  .resto-menu-header .navbar-nav {
    margin: 0px;
  }
  .resto-header .nav > li > a > img,
  .resto-menu-header .nav > li > a > img {
    margin-right: 12px;
  }
  button.item-decrement-button,
  button.item-increment-button {
    padding: 4px 1px 4px 2px;
    top: 4px;
  }
  .item-desc .item-qnt,
  .customize-addon-option-section .item-qnt,
  .cart-btn-price-row .item-qnt,
  .add-customize .item-qnt {
    padding: 7px 7px 5px 7px;
  }
  /*    .restaurant-main-section{
            .date-time-picker label{
                margin-left: 10px;
                border-bottom: 0px;
                select{
                    padding: 2px 0px 2px 28px;
                    cursor: pointer;
                    border: none;
                    height: 32px; 
                }        
            }
        }*/
  .mobile-enable .navbar-nav .chooser-log .login-user {
    background-position: 0px 10px;
    padding-left: 30px;
  }
  .mobile-enable .navbar-nav .chooser-log .login-text-span {
    margin-right: 26px;
  }
  .md-dialog-container {
    height: 100% !important;
  }
  md-dialog {
    max-width: 100%;
    max-height: 100%;
  }
  .resulted-msg {
    text-align: center;
  }
  .login-popup md-content md-input-container {
    /*        padding-left: 36px;*/
    padding-right: 0;
  }
  .resto-menu-header .top-header .login-user {
    width: 92%;
  }
  /*    .restaurant-main-section .date-time-picker{
            md-datepicker{
                padding: 8px 8px 8px 0px;
            }
            .md-button.md-icon-button{
                height: 40px;
                line-height: 24px;
                padding: 8px;
                width: 40px;  
            }
            .md-datepicker-input-container{
                margin-left: 0px;
                    .md-button:not([disabled]).md-focused{
                        background: none;
                        background-color: transparent;
                }
            }
            .md-datepicker-input{
                width: 110px;
            }
            .md-datepicker-triangle-button.md-button.md-icon-button{
                line-height: 1px;
                top: 2px;
                padding: 0px;
                margin: 0 0px;
                width: 36px;
                width: 134px !important;
                left: -70px;
            }  
        } */
  .footer {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  md-bottom-sheet.customize-section .customize-item-comment {
    padding-bottom: 10px;
  }
  md-bottom-sheet.customize-section .customize-item-comment textarea {
    border: 2px solid #E4E4E4;
    border-radius: 5px;
  }
  /*    .item-section{
            .item-list {
                padding-bottom: 90px;
            }
        }*/
  md-bottom-sheet .customize-section-container {
    overflow: hidden;
  }
  md-bottom-sheet .customize-section-container .customize-section-item-details {
    overflow: auto;
  }
  md-bottom-sheet .customize-section-container .scrollable-section .popup-scroll-area {
    height: 430px;
  }
  .mobile-cart .cart-container-inner {
    background: #f5f5f5;
  }
  .cart-container {
    background: #fff;
  }
  .parent-category-section .scrollable {
    padding-bottom: 46px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .parent-category-section .nav-tabs {
    background: #E0E0E0;
  }
  .parent-category-section .category-slick-section .nav-tabs .parent-category-title a {
    padding: 14px 28px 11px 28px;
  }
  .menu-container .container .category-section {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0px;
    padding-bottom: 4px;
    padding-top: 4px;
    border-bottom: 1px solid #E8E8E8;
  }
  .category-section .category-slick-section .nav-tabs li.active > a {
    background: none;
  }
  .category-section .category-slick-section .nav-tabs li.active a:before {
    font-family: FontAwesome;
    content: "\f068";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-size: 12px;
  }
  .menu-container .container {
    padding-right: 0px;
    padding-left: 0px;
  }
  .category-description {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 6px;
    margin-bottom: -6px;
    background: rgba(216, 216, 216, 0.39);
    border: none;
    margin-top: 0px;
  }
  .category-description .menu-category-description {
    color: #88898a;
    padding-bottom: 6px;
    text-align: justify;
  }
  .item-list .img-border-top {
    border-top: 1px solid #242424;
  }
  .item-list .item-container {
    padding: 0px;
    border-top: 1px solid #242424;
    border-bottom: none;
  }
  .item-list .item-container .item-image img {
    width: 100%;
  }
  .item-list .item-container .item-mid {
    padding: 11px 15px 6px 15px;
  }
  .item-list .item-container .item-mid .item-name {
    width: 100%;
    float: left;
    padding-left: 0px;
  }
  .item-list .item-container .item-mid .item-price {
    padding-left: 0px;
    text-align: left;
    width: 100%;
  }
  .item-list .item-container .add-customize {
    padding-top: 12px;
    margin-bottom: 6px;
    float: right;
    margin-right: 20px;
  }
  .item-list .item-container .item-desc {
    padding-left: 15px;
    padding-right: 15px;
    clear: both;
    display: block;
    text-align: left;
    padding-bottom: 14px;
    font-family: myriad-regular;
    text-align: justify;
  }
  .category-section,
  .parent-category-section {
    display: none;
  }
  .tip-section-for-mobile {
    display: none;
  }
}
.tip-mobile-box {
  border: 1px solid grey;
  padding-left: 5px;
}
@media screen and (max-width: 325px) {
  .menu-container .item-mid.align-middle {
    width: 62%;
  }
  .menu-container .add-customize {
    width: 29%;
  }
}
/*.inc-dec-wrap{
    float:right;
}
a.item-decrement-button, a.item-increment-button {
    width: 3rem;
    color: @primary-highlight-color;
    background: transparent;
    border: 1px solid @primary-highlight-color;
    font-size: 1.9rem;
    height: 2.6rem;
    line-height: 2.6rem;
    float: left;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    padding-left: 0px;
     padding-top: 3px; 
    text-transform: uppercase;
    top: 0px;
}
.item-list .item-qnt, .cart-item .item-qnt, .add-on-section .item-qnt, .customize-section-item-info .item-qnt {
    float: left;
    height: 2.6rem;
    line-height: 2.0rem;
    font-size: 1.2rem;
    padding-left: 8px;
    padding-right: 8px;
    color: #fff;
    background: #68E5FB;
}
.glyphicon-minus:before {
content: "\f2f4";
font-family: "Ionicons";
}
.glyphicon-plus:before {
content: "\f2c7";
font-family: "Ionicons";
}*/
.customize-section .customize-section-item-details .attribute-option {
  border-bottom: none;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.panel-default > .panel-heading {
  background-color: #f8f8f8;
}
.panel {
  border: none;
  box-shadow: none;
}
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}
.panel-body {
  padding: 0 15px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  background: #fff;
}
.add-on-section.row.ng-scope {
  padding-bottom: 20px;
}
.panel-heading {
  padding: 0;
}
.customize-section-container .customize-addon-label,
.customize-section-container .customize-variant-label {
  width: auto;
}
.customize-addon .panel-default > .panel-heading {
  background: none;
}
/*
------------------------------------ Category Scroller Arrow -------------------------------------
.parent-category-section {
    div.scrollable:before {
        margin-left: -15px;
        margin-top: 15px;
    }

    div.scrollable:after {
        top: 15px;
    }

    .scrollable {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (min-width: 500.98px) {
    .parent-category-section {
        div.scrollable:before {
            margin-top: 10px;
        }

        div.scrollable:after {
            top: 10px;
        }
    }
}

.category-section {
    .category-slick-section .nav-tabs {
        margin: 0;
    }

    div.scrollable:before {
        margin-left: -15px;
        margin-top: 10px;
    }

    div.scrollable:after {
        top: 10px;
    }

    .scrollable {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (min-width: 500.98px) {
    .category-section {
        div.scrollable:before {
            margin-top: 10px;
        }

        div.scrollable:after {
            top: 10px;
        }
    }
}*/
label {
  word-break: break-word;
}
.customize-variant-price.customize-price {
  word-break: initial;
}
.customize-section .customize-addon-option-section .addOnIncreamentalType {
  width: 94px;
  float: left;
}
.customize-section .customize-addon-option-section .customize-addon-label {
  display: flex;
}
@media screen and (max-width: 990px) and (min-width: 768px) {
  button.item-decrement-button,
  button.item-increment-button {
    width: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .add-on-option:nth-child(3n+1) {
    clear: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199.98px) {
  .add-on-option:nth-child(2n+1) {
    clear: left;
  }
}
a:focus,
a:hover {
  text-decoration: none;
}
.rtl {
  /*  Below code added by Raj*/
  /*For welcome message*/
}
.rtl .pull-right {
  float: left !important;
}
.rtl .navbar-brand {
  float: right;
}
.rtl .navbar-collapse {
  padding-left: 0px;
}
.rtl .logo-img {
  width: 65px;
  height: auto;
}
.rtl .restaurant-main-section .location-list select {
  background-position: 7px;
}
.rtl .restaurant-main-section .now-later label {
  background: transparent;
}
.rtl .restaurant-main-section .now-later label {
  background: transparent;
}
.rtl .restaurant-main-section .now-later label:hover {
  background: #576D09;
}
.rtl .restaurant-main-section .now-later label.selected:hover {
  background: transparent;
}
.rtl .restaurant-main-section .now-later label.selected {
  background: #576D09;
}
.rtl .resto-menu-header .top-header .navbar-brand {
  padding-left: 25px;
}
.rtl .navbar-nav > li {
  float: right;
}
.rtl .resto-menu-header .top-header .divder-line {
  float: right;
  margin-left: 7px;
}
.rtl .restaurant-main-section .now-later label:nth-child(2) {
  display: inline;
  margin-right: 10px;
}
.rtl .resto-menu-header .top-header input {
  background-position: right;
  padding: 0px 28px 0px 0px;
}
.rtl .restaurant-main-section .now-later label:nth-child(1) {
  margin-left: 10px;
}
.rtl .item-section .no-padding {
  float: right;
}
.rtl .category-description .col-md-10 {
  float: right;
}
.rtl .item-mid.align-middle.col-md-9 {
  float: right;
}
.rtl .item-list .item-container .item-customize-button,
.rtl .item-list .item-container .item-add-button {
  width: 111px;
}
.rtl .customize-section .fluid-continer.white-bg .item-img {
  float: right;
  margin-left: 30px;
}
.rtl .customize-section-item-info.col-md-8.no-padding {
  float: right;
}
.rtl .customize-section .customize-item_comment .customize-item-comment .customize-item-comment-title {
  float: right;
}
.rtl .item-category-box {
  float: right;
}
.rtl .category-section {
  float: right;
}
.rtl .menu-container .white-bg {
  background-position: 1140px;
}
.rtl .nav-tabs > li {
  float: right;
}
.rtl .parent-category-section .parent-category-title {
  padding-left: 0px;
  padding-right: 0px;
}
.rtl .restaurant-main-section .date-time-picker md-datepicker {
  margin-left: -5px;
}
.rtl restaurant-main-section .date-time-picker md-datepicker .md-datepicker-expand-triangle {
  margin-left: 2px;
}
.rtl .restaurant-main-section .date-time-picker label select {
  padding-right: 30px;
}
.rtl .customize-section .btn-price-box .item-add-button {
  margin-left: 10px;
}
.rtl .login-popup .facebook-login {
  margin-left: 105px;
}
.rtl .google-btn .abcRioButtonBlue {
  margin-right: 105px;
}
.rtl .cart-container .cart-footer .hide-cart {
  float: right;
}
.rtl .item-price > span {
  float: right;
}
.rtl button.item-increment-button {
  height: 26px;
}
.rtl .glyphicon {
  top: 4px;
}
.rtl .category-section .category-continer .category-title.selected {
  border-left: 2px solid #000;
  border-right: none;
}
.rtl .cart-container .tip-section input {
  float: right;
}
.rtl .login-popup md-content label {
  padding-right: 25px !important;
}
.rtl .customize-section .customize-item_comment .customize-item-comment .customize-item-comment-title {
  padding-right: 24px;
  background-position: right;
}
.rtl .sub-total-price > span {
  float: right;
}
.rtl .clear-cart-btn {
  padding-right: 23px;
  background-position: right;
  padding-left: 0px;
}
.rtl .cart-container .cart-item .cart-item-serial-no {
  float: right !important;
}
.rtl div.scrollable {
  text-align: left;
}
.rtl .category-section .category-continer .category-title.selected {
  margin-left: 3px;
}
.rtl .item-mid.align-middle.col-md-10 {
  float: right;
}
.rtl .no-padding {
  float: right;
}
.rtl .restaurant-main-section .layout-align-center-center {
  display: block;
  text-align: center;
}
.rtl .restaurant-main-section .date-time-picker label select {
  background: url("/unification/img/time-box-rtl.jpg");
  background-size: 100% 100%;
}
.rtl .category-slick-section .nav-tabs > li.active > a {
  background-position: right;
}
.rtl .category-description .col-md-2.col-sm-3.col-xs-4.no-padding {
  padding-left: 5px;
}
.rtl .login-popup .name,
.rtl .login-popup .password {
  background-position: right;
  padding-right: 25px;
}
.rtl .category-section .category-continer {
  border-right: 1px solid #efefef;
}
.rtl .customize-section-item-info .validation-msg {
  padding-right: 30px;
  padding-top: 5px;
}
.rtl .variant-section .col-md-4.no-padding,
.rtl .add-on-section .col-md-4.no-padding,
.rtl .attribute-option .col-md-4.no-padding {
  padding-right: 5px;
}
.rtl .variant-section .item-increment-button,
.rtl .add-on-section .item-increment-button,
.rtl .attribute-option .item-increment-button {
  margin-right: -5px;
}
.tokri-cart-table input {
  width: 100%;
  padding: 5px;
}
.tokri-cart-table .tokri-row-item-title {
  padding-top: 17px;
}
.tokri-cart-table .tokri-item-total {
  font-weight: 700;
}
.tokri-cart-table .tokri-row-item-value select {
  width: 100%;
  padding: 5px 8px;
  border: 1px solid #576d09;
  box-shadow: none;
  background: none;
}
.tokri-cart-table .tokri-row-item-value input {
  width: 100%;
  padding: 5px 8px;
  border: 1px solid #576d09;
  box-shadow: none;
  background: none;
}
.cart-item .cart-item-serial-no {
  display: none;
}
.cart-item .tokri-cart-table-data td {
  padding: 4px 4px 4px 4px;
}
.show_subscription td,
.show_subscription th {
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #ddd;
}
.show_subscription .fa {
  color: #2B2B2B;
  padding: 3px;
  cursor: pointer;
}
.show_subscription td {
  border-top: 0px solid #ddd !important;
  padding-bottom: 28px !important;
  color: #6D6D6D;
}
.show_subscription table {
  border: 1px solid #ddd;
  margin: auto;
  width: 94%;
}
.subscription-header h4 {
  text-align: center;
  padding: 20px;
}
.md-dialog-header {
  background-color: #576D09 !important;
  height: auto;
  min-height: 44px;
  border-radius: 3px;
  padding-top: 8px;
}
.md-dialog-header .md-toolbar-tools {
  height: auto;
}
.md-dialog-header .md-toolbar-tools h2 {
  font-size: 16px;
  padding: 5px 0px 8px 0px;
  line-height: 1.4;
}
md-dialog-actions .md-button.md-default-theme.md-primary,
md-dialog-actions .md-button.md-primary {
  color: #576D09 !important;
}
.action-btn-tooltip {
  position: relative;
  display: inline-block;
}
.action-btn-tooltip .action-btn-tooltip-text {
  visibility: hidden;
  width: 120px;
  background-color: #A5A5A5;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -60px;
}
.action-btn-tooltip:hover .action-btn-tooltip-text {
  visibility: visible;
}
.view-log-header {
  margin: 17px;
}
.view-log-data-wrapper {
  height: 180px;
  margin: 17px;
  overflow: hidden;
  border: 1px solid #ddd;
}
.view-log-data-wrapper .view-log-data {
  height: 100%;
  overflow: auto;
}
.view-log-data-wrapper th,
.view-log-data-wrapper td {
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  font-size: 12px;
}
.custom-subs-button button {
  float: right;
  margin-right: 15px;
  text-transform: capitalize;
  font-size: 14px;
}
@media only screen and (max-width: 1000px) {
  .show_subscription {
    overflow-x: scroll;
  }
}
.tokri-section md-datepicker {
  /*    display: inline-table;
            border: 1px solid rgb(158, 158, 158);*/
  padding-right: 0px;
  margin-right: 0px;
  width: 50%;
  height: 42px;
  line-height: 42px;
  /*float: left;*/
}
.tokri-section md-datepicker .md-button.md-icon-button {
  margin: 0 0px;
  height: 0px;
  line-height: 0px;
  margin-left: 0px;
}
.tokri-section md-datepicker .md-datepicker-input-container {
  padding-bottom: 0px;
  margin-left: 0px;
  border-bottom-style: none;
  height: 35px;
  line-height: 35px;
}
.tokri-section md-datepicker .md-datepicker-input {
  pointer-events: none;
}
.tokri-section md-datepicker .md-datepicker-triangle-button.md-button.md-icon-button {
  left: -129px;
  top: 9px;
  width: 199px;
  background: rgba(0, 0, 0, 0) url(/unification/img/down-arrow.png) no-repeat;
  background-position: 92%;
  background-size: 16px;
}
.tokri-section md-datepicker .md-datepicker-expand-triangle {
  display: none;
}
.tokri-section md-datepicker .md-button:not([disabled]).md-focused {
  background: none;
  background-color: transparent;
}
.gdpr-consent-checkbox {
  display: block !important;
  opacity: 1 !important;
  width: 20px !important;
  height: 20px !important;
  margin-right: 10px !important;
}
.cookiealert {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
  z-index: 999;
  opacity: 0;
  border-radius: 0;
  background: #000;
  transform: translateY(100%);
  transition: all 500ms ease-out;
  color: #ecf0f1;
}
.cookiealert.show {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 1000ms;
}
.cookiealert a {
  text-decoration: underline;
}
.cookiealert .acceptcookies {
  color: #000;
  background-color: #fff;
  border-color: #fff;
  margin-left: 10px;
  vertical-align: baseline;
}
iframe {
  border: 0px;
}
.login-popup .no-btn-effect,
.login-popup .no-btn-effect:hover {
  /*float:right;*/
}
.login-popup .continue-button {
  width: 100%;
  background: #242424;
  color: #fff;
}
.md-dialog-container .md-dialog-fullscreen .login-form-section {
  padding: 7%;
  margin: 0;
}
.md-dialog-container .md-dialog-fullscreen .login-form-section .login-popup .login-btn {
  margin-bottom: 30px;
}
.md-dialog-container .md-dialog-fullscreen .login-form-section .login-popup md-content md-input-container {
  margin-top: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  max-width: 300px;
  margin: auto;
}
.md-dialog-container .md-dialog-fullscreen md-input-container.md-icon-float > label {
  position: relative;
}
.md-dialog-container .md-dialog-fullscreen .md-button.md-ink-ripple {
  /*border: 1px solid;*/
}
.md-dialog-container .md-dialog-fullscreen .full-width-btn {
  background: #242424;
}
.md-dialog-container .md-dialog-fullscreen .layout-align-center-center .fas {
  font-size: 20px;
  position: relative;
  top: 3px;
  right: 5px;
}
md-dialog.md-content-overflow .md-actions,
md-dialog.md-content-overflow md-dialog-actions {
  border-top-width: 0;
}
.login-form-section .login-btn[disabled="disabled"]:hover,
.md-button.md-default-theme:not([disabled]):hover,
.md-button:not([disabled]):hover,
.login-popup .continue-button:focus {
  background: #242424;
  color: #ffffff;
}
.loginGoBack,
.loginNext {
  border: 1px solid #242424;
  width: 35%;
}
.loginGoBack:hover {
  background: #ffffff;
  color: #242424;
}
.loginNext {
  background: #242424;
  color: #ffffff;
}
.tryAgain {
  cursor: pointer;
}
.locationPermission {
  color: #ff0000 !important;
}
@media only screen and (min-width: 768px) {
  .pincode-input-text,
  .form-control.pincode-input-text {
    border: none;
    box-shadow: none;
    font-size: 30px;
    font-weight: bold;
    width: 40px;
    height: auto;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  md-dialog.md-dialog-fullscreen.login-popup {
    min-height: 100%;
    min-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .pincode-input-container.touch .touchwrapper .touchtable {
    display: none;
  }
  .pincode-input-container.touch .touchwrapper.touch4 {
    width: 170px;
  }
  .pincode-input-container.touch .touchwrapper .pincode-input-text,
  .pincode-input-container.touch .touchwrapper {
    height: 50px;
  }
}
.arrow-simple {
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bold_msg_1 {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  padding: 0 0 25px;
}
.como-gift-popup .md-dialog-fullscreen {
  width: 45%;
  max-height: 80%;
  height: 100%;
  overflow: hidden;
}
.como-gift-popup .gift-container,
.como-gift-popup .como-specific,
.como-gift-popup .comoGiftInner {
  height: 100%;
}
.como-gift-popup .gifts-message-como-popup {
  margin: 0;
  text-align: center;
}
.como-gift-popup .comoGiftInner {
  display: flex;
  flex-direction: column;
}
.como-gift-popup .gift-container .closeMe {
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 1000;
}
.como-gift-popup .gift-container .closeMe .fa-times {
  font-size: 20px;
}
.como-gift-popup .gift-container .welcome-message-como-popup {
  text-align: center;
  padding-bottom: 15px;
  margin: 0;
}
.como-gift-popup .gift-container .como-specific .como-gifts {
  padding: 20px;
  max-height: 100%;
  margin: 0;
  height: 100%;
}
.como-gift-popup .gift-container .como-specific .como-gifts .gift-row-container .gift-row {
  padding: 0 10px;
  margin-bottom: 5px;
}
.como-gift-popup .gift-container .como-specific .como-gifts .gift-row-container .gift-row .gift-mane {
  padding: 0;
}
.como-gift-popup .gift-container .como-specific .como-gifts .gift-row-container .gift-row img {
  max-width: 170px;
}
.como-gift-popup .gift-container .como-specific .como-gifts .gift-row-container .gift-row .validateion-date {
  padding-top: 20px;
}
.como-gift-popup .gift-container .como-specific .como-gifts .gift-row-container .gift-row.selected {
  border: 1px solid #242424;
  box-shadow: none;
}
.como-gift-popup .gift-container .como-specific .como-gifts .gift-row.inactive,
.como-gift-popup .gift-container .como-specific .como-gifts .gift-row.make-greyish {
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.como-gift-popup .gift-container .como-specific .como-gifts .make-greyish .myGiftContainer {
  color: #808080;
}
.como-gift-popup .gift-container .gift-active {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 30px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.como-gift-popup .gift-container .gift-active span {
  color: #242424;
  border: 2px solid #242424;
  padding: 6px 20px;
  margin: -3px;
}
.como-gift-popup .gift-container .gift-active .active {
  background: #242424;
  color: #ffffff;
  border: 2px solid #242424;
  padding: 9px 20px;
  box-shadow: 0 2px 4px 0 #898989;
}
.como-gift-popup .gift-container .gift-active .active:focus {
  outline: none !important;
}
.como-gift-popup .gift-container .user-gift-note-message {
  padding-bottom: 10px;
}
.como-gift-popup .gift-container .myGiftContainer {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0;
}
.como-gift-popup .gift-container .myGiftContainer .gift-image {
  margin-right: 15px;
}
.como-gift-popup .gift-container .myGiftContainer .selectGift {
  flex-grow: 2;
  text-align: right;
  align-self: flex-end;
}
.como-gift-popup .gift-container .myGiftContainer .selectGift div {
  display: inline-block;
  border-radius: 15px;
  padding: 5px 15px;
  background: #e8e8e8;
}
.como-gift-popup .gift-container .myGiftContainer .selectGift .btnSelect {
  display: inline-block;
  padding: 5px 20px;
  border-radius: 0;
  background: #242424;
  color: #ffffff;
  border: 1px solid;
}
.como-gift-popup .gift-container .giftFooter {
  padding-top: 20px;
  position: relative;
  text-align: center;
}
.como-gift-popup .gift-container .giftFooter .user-gift-ok-button {
  padding: 5px 20px;
  background: #242424;
  color: #ffffff;
  border: 1px solid;
  margin-right: 5px;
}
.como-gift-popup .gift-container .giftFooter .user-gift-start-order-button {
  padding: 5px 20px;
  background: #242424;
  color: #ffffff;
  border: 1px solid;
  margin-left: auto;
  display: inline-block;
}
.como-gift-popup .gift-container .giftFooter .viewAllGifts,
.como-gift-popup .gift-container .giftFooter .closeGifts,
.como-gift-popup .gift-container .giftFooter .clickToClose {
  float: right;
}
.como-gift-popup .gift-container .user-poins {
  text-align: center;
  max-width: 260px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.como-gift-popup .giftContainerWrp {
  max-height: 515px;
  overflow-y: auto;
}
.loadingContent {
  background: #242424;
  color: #ffffff;
  padding: 15px;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .como-gifts {
    max-height: 100% !important;
  }
}
@media screen and (max-width: 420px) {
  .como-gift-popup .gift-container .giftFooter .viewAllGifts,
  .como-gift-popup .gift-container .giftFooter .closeGifts,
  .como-gift-popup .gift-container .giftFooter .clickToClose {
    position: unset;
  }
}
@media screen and (max-width: 450px) {
  .como-gift-popup .gift-container .myGiftContainer .gift-image {
    margin-right: 0;
    width: 100%;
    height: 180px;
  }
  .como-gift-popup .gift-container .como-specific .como-gifts .gift-row-container .gift-row img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .como-gift-popup .gift-container .como-specific .como-gifts .gift-row-container .gift-row .gift-mane {
    padding-top: 15px;
  }
}
@media (max-width: 958px) {
  .como-gift-popup .gift-container .como-specific .como-gifts {
    height: 100vh;
  }
  .como-gift-popup .giftContainerWrp {
    height: auto !important;
    max-height: inherit;
    flex: 1;
  }
}
@media (min-width: 1030px) {
  .como-gift-popup .md-dialog-fullscreen {
    height: auto !important;
  }
}
@media (max-width: 1030px) {
  md-dialog.md-dialog-fullscreen {
    min-height: 100%;
    min-width: 100%;
    border-radius: 0;
  }
  .como-gift-popup .giftContainerWrp {
    height: auto !important;
    flex: 5;
  }
}
.md-dialog-container.como-gift-popup ::-webkit-scrollbar {
  width: 5px;
  display: block;
}
.md-dialog-container.como-gift-popup ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #e0e0e0;
  border-radius: 10px;
}
.md-dialog-container.como-gift-popup ::-webkit-scrollbar-thumb {
  background: #5d5d5d;
  border-radius: 10px;
}
.arrow-simple {
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bold_msg_1 {
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  padding: 0px;
}
.como-gift-popup .md-dialog-fullscreen {
  width: 45%;
  max-height: 100%;
}
.como-gift-popup .gift-container,
.como-gift-popup .como-specific,
.como-gift-popup .comoGiftInner {
  height: 100%;
}
.como-gift-popup .gifts-message-como-popup {
  margin: 0;
  text-align: center;
}
.como-gift-popup .comoGiftInner {
  display: flex;
  flex-direction: column;
}
.como-gift-popup .comoGiftInner .redeem-gifts {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 5px;
}
.como-gift-popup .gift-container .closeMe {
  position: absolute;
  right: 5px;
  top: 3px;
  z-index: 1000;
}
.como-gift-popup .gift-container .closeMe .fa-times {
  font-size: 20px;
}
.como-gift-popup .gift-container .welcome-message-como-popup {
  text-align: center;
  padding-bottom: 15px;
  margin: 0;
}
.como-gift-popup .gift-container .como-specific .como-gifts {
  padding: 20px;
  max-height: 100%;
  margin: 0;
  height: 100%;
}
.como-gift-popup .gift-container .como-specific .como-gifts .gift-row-container .gift-row {
  padding: 0 10px;
  padding-bottom: 10px;
}
.como-gift-popup .gift-container .como-specific .como-gifts .gift-row-container .gift-row .gift-mane {
  padding: 0;
  font-weight: normal;
  font-size: 14px;
}
.como-gift-popup .gift-container .como-specific .como-gifts .gift-row-container .gift-row .gift-desc {
  font-size: 12px;
}
.como-gift-popup .gift-container .como-specific .como-gifts .gift-row-container .gift-row img {
  max-width: 65px;
  border-radius: 10px;
}
.como-gift-popup .gift-container .como-specific .como-gifts .gift-row-container .gift-row .validateion-date {
  padding-top: 0px;
  font-size: 12px;
}
.como-gift-popup .gift-container .como-specific .como-gifts .gift-row-container .gift-row.selected {
  background: #242424;
  box-shadow: 0 2px 4px 0 #52514f;
  border-radius: 15px;
  margin-bottom: 5px;
}
.como-gift-popup .gift-container .como-specific .como-gifts .gift-row-container .gift-row.selected .validateion-date,
.como-gift-popup .gift-container .como-specific .como-gifts .gift-row-container .gift-row.selected .myGiftContainer {
  color: #ffffff;
}
.como-gift-popup .gift-container .como-specific .como-gifts .gift-row-container .gift-row.selected .selectGift .btnSelect {
  background: #ffffff;
  color: #242424;
}
.como-gift-popup .gift-container .como-specific .como-gifts .gift-row.inactive,
.como-gift-popup .gift-container .como-specific .como-gifts .gift-row.make-greyish {
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.como-gift-popup .gift-container .como-specific .como-gifts .make-greyish .myGiftContainer {
  color: #808080;
}
.como-gift-popup .gift-container .gift-active {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.como-gift-popup .gift-container .gift-active span {
  color: #242424;
  border: 3px solid #242424;
  padding: 6px;
  margin: -3px;
}
.como-gift-popup .gift-container .gift-active .active {
  background: #242424;
  color: #ffffff;
  border: 2px solid #242424;
  padding: 9px;
  box-shadow: 0 2px 4px 0 #898989;
  border-radius: 6px;
}
.como-gift-popup .gift-container .gift-active .active:focus {
  outline: none !important;
}
.como-gift-popup .gift-container .user-gift-note-message {
  padding-bottom: 10px;
}
.como-gift-popup .gift-container .myGiftContainer {
  display: flex;
  flex-wrap: nowrap;
  padding: 4px 0;
}
.como-gift-popup .gift-container .myGiftContainer .gift-image {
  margin-right: 10px;
  width: auto;
  height: 100%;
}
.como-gift-popup .gift-container .giftFooter {
  padding-top: 10px;
  position: relative;
  text-align: center;
}
.como-gift-popup .gift-container .giftFooter .user-gift-ok-button {
  padding: 5px 20px;
  background: #242424;
  color: #ffffff;
  border: 1px solid;
  margin-right: 5px;
  border-radius: 5px;
}
.como-gift-popup .gift-container .giftFooter .user-gift-start-order-button {
  padding: 5px 20px;
  background: #242424;
  color: #ffffff;
  border: 1px solid;
  margin-left: auto;
  display: inline-block;
  border-radius: 5px;
}
.como-gift-popup .gift-container .giftFooter .viewAllGifts,
.como-gift-popup .gift-container .giftFooter .closeGifts,
.como-gift-popup .gift-container .giftFooter .clickToClose {
  float: right;
}
.como-gift-popup .gift-container .user-poins {
  text-align: center;
  max-width: 260px;
  margin: 0 auto;
  padding-bottom: 0px;
}
.como-gift-popup .gift-container .selectGift {
  flex-grow: 2;
  text-align: right;
}
.como-gift-popup .gift-container .selectGift .btnSelect {
  display: inline-block;
  padding: 6px 20px;
  border-radius: 8px;
  font-weight: bold;
  background: #242424;
  color: #ffffff;
  border: 1px solid;
}
.como-gift-popup .giftContainerWrp {
  max-height: 515px;
  overflow-y: auto;
  border: 3px solid #242424;
  border-radius: 25px;
}
.como-gift-popup .giftContainerWrp .currently-no-active-gifts {
  padding-left: 20px;
}
.como-gift-popup .giftContainerWrp .non_redeemable_como_assets_msg {
  background: #242424;
  padding: 5px 5px 5px 10px;
  color: #ffffff;
  margin-bottom: 5px;
  line-height: 1.3;
}
.loadingContent {
  background: #242424;
  color: #ffffff;
  padding: 15px;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .como-gifts {
    max-height: 100% !important;
  }
  .como-gift-popup .gift-container .selectGift .btnSelect {
    padding: 6px;
  }
}
@media screen and (max-width: 420px) {
  .como-gift-popup .gift-container .giftFooter .viewAllGifts,
  .como-gift-popup .gift-container .giftFooter .closeGifts,
  .como-gift-popup .gift-container .giftFooter .clickToClose {
    position: unset;
  }
}
@media screen and (max-width: 450px) {
  .como-gift-popup .gift-container .myGiftContainer .gift-image {
    margin-right: 10px;
    width: auto;
    height: 70px;
  }
  .como-gift-popup .gift-container .como-specific .como-gifts .gift-row-container .gift-row img {
    max-width: 70px;
    width: auto;
    height: 100%;
    object-fit: cover;
  }
  .como-gift-popup .gift-container .como-specific .como-gifts .gift-row-container .gift-row .gift-mane {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 1030px) {
  .guest_user .md-dialog-container.como-gift-popup .md-dialog-fullscreen {
    height: auto;
    min-height: auto;
    min-width: 60%;
  }
  .como-specific .comoGiftInner .gifts-section {
    display: flex;
    flex-flow: column;
    flex: 1;
    overflow: hidden;
  }
  .guest_user .como-specific .comoGiftInner .gifts-section {
    display: none;
  }
}
@media only screen and (max-width: 550px) {
  .guest_user .md-dialog-container.como-gift-popup .md-dialog-fullscreen {
    min-width: 95%;
  }
}
.guest_user .como-specific .como-code-container .add-delete-como-code {
  max-height: 65vh;
}
.guest_user .como-specific .comoGiftInner .gifts-section {
  display: none;
}
.main_chooser .restolabs-ordering > div .main-bg-container,
.main-bg-container {
  background: url('/unification/img/chooser-background.jpg') no-repeat fixed;
  background-size: cover;
  min-height: 100%;
}
.ordering-page-container {
  height: 100%;
}
.myOrderWrp .container {
  width: auto;
  color: #000;
}
.myOrderWrp .container .table {
  margin-bottom: 0;
}
.dropdown-menu {
  padding: 0;
}
.dropdown-menu > li > a {
  padding: 5px 10px;
  cursor: pointer;
}
.dropdown-menu > li > a:hover {
  background: #242424;
  color: #ffffff;
}
.dropdown-menu > li > a i {
  padding-right: 5px;
}
.clear-fix {
  clear: both;
}
.recOrdHeading {
  padding-left: 5%;
  font-size: 16px;
  font-weight: bold;
}
.reorderWrapper {
  font-family: 'OSRegular';
  width: 100%;
  padding: 30px 5%;
}
.reorderFirstBlock,
.reorderSecondBlock {
  padding: 0;
}
.reorderDishName {
  font-size: 18px;
  font-weight: bold;
}
.reorderOrderId {
  font-size: 15px;
  color: #88898a;
  margin-bottom: 15px;
}
.reorderDishImage {
  width: 70px;
  height: 70px;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
.rorderCustomerName {
  font-size: 17px;
  font-weight: bold;
  margin-top: 0;
}
.reorderSecondBlock {
  text-align: right;
}
#reorderOrderReport {
  display: none;
}
.reorderTable {
  width: 100%;
}
.reorderTable tr td:nth-child(2) {
  text-align: right;
}
.reorderBtnReorder {
  color: #242424;
  background: transparent;
  border: 2px solid #242424;
  border-radius: 4px;
  padding: 7px 15px;
  text-decoration: none !important;
  cursor: pointer;
  display: inline-block;
  width: max-content;
  float: right;
}
.reorderBtnReorder:focus {
  color: #242424;
  background: #fff;
}
.reorderBtnReorder:hover {
  color: #ffffff;
  background: #242424;
}
.reorderLargeBtnReorder {
  color: #ffffff;
  background: #242424;
  border: 2px solid #242424;
  border-radius: 4px;
  padding: 7px 100px;
  text-decoration: none !important;
  cursor: pointer;
}
.reorderLargeBtnReorder:focus {
  color: #ffffff;
  background: #242424;
}
.reorderLargeBtnReorder:hover {
  color: #242424;
  background: #fff;
}
#reorderBtn {
  margin-right: 5px;
  background-color: #242424;
  color: #fff;
}
.reorderLargeBtnReorderWrapper {
  padding: 20px 0;
  text-align: center;
  margin-top: 10px;
}
.reorderCustomerAddress {
  margin: 0;
}
@media only screen and (max-width: 450px) {
  .reorderBtnReorder {
    padding: 4px 6px;
    font-size: 12px;
    font-weight: bold;
  }
  #reorderBtn {
    margin-right: 5px;
  }
  .rorderCustomerName {
    font-size: 14px;
  }
  .reorderCustomerAddress {
    font-size: 12px;
  }
  .reorderLargeBtnReorder {
    display: block;
    padding: unset;
    height: 45px;
    padding-top: 10px;
    font-size: 15px;
  }
  .reorderOrderId {
    font-size: 13px;
  }
  .reorderLargeBtnReorderWrapper {
    margin-top: 0px;
  }
  .reorderWrapper {
    padding: 0;
  }
}
.reorderWrapper .show .table .odd {
  background-color: transparent;
}
.reorderWrapper .show .table td {
  border: none !important;
  line-height: 1.2;
}
.reorderWrapper .show .line-item-table {
  margin-top: 20px;
  width: 100%;
  background-color: #4a4a4a24;
  padding: 20px;
  border-collapse: inherit;
  border-radius: 10px;
}
.reorderWrapper .show .line-item-table .li-amount {
  float: right;
}
.reorderWrapper .show .line-item-table .li-title {
  font-weight: bold;
}
.reorderWrapper .show > button {
  color: #fff;
  background: #242424;
  border: 2px solid #242424;
  border-radius: 4px;
  padding: 7px 15px;
  text-decoration: none !important;
  cursor: pointer;
  display: inline-block;
}
@media only screen and (min-width: 450px) and (max-width: 610px) {
  .reorderBtnReorder {
    padding: 5px 6px;
    font-size: 11px;
  }
}
@media only screen and (max-width: 410px) {
  .reorderBtnReorder {
    margin-right: 0;
    margin-bottom: 3px;
    /*width: 70%;*/
    text-align: center;
  }
}
.reorderOrderPrice {
  float: right;
}
.my-order-page.main-bg-container {
  background: none !important;
}
.my-order-page.main-bg-container > .glyphicon {
  display: none !important;
}
.my-order-page.main-bg-container > div .container {
  width: 100% !important;
  margin: 0 !important;
  background-color: #f2f6f9;
}
.my-order-page.main-bg-container .resto-header {
  display: none !important;
}
.my-order-page.main-bg-container .restaurant-main-section {
  width: 100% !important;
}
.my-order-page.main-bg-container .restaurant-main-section .myOrderTitle {
  text-align: center !important;
  margin: -2px -30px;
  background-color: #2e2e2e;
  padding: 20px;
  color: white;
  font-weight: bold;
  font-size: 20px;
}
.my-order-page.main-bg-container .restaurant-main-section .myOrderTitle .backArrow {
  float: left;
}
@media only screen and (max-width: 450px) {
  .my-order-page.main-bg-container .restaurant-main-section .myOrderTitle .backArrow {
    display: block;
  }
}
.my-order-page.main-bg-container .restaurant-main-section .myOrderTitle .myOrder-menu {
  float: right;
}
@media only screen and (max-width: 450px) {
  .my-order-page.main-bg-container .restaurant-main-section .myOrderTitle .myOrder-menu {
    display: block;
  }
}
.my-order-page.main-bg-container .restaurant-main-section .myOrderTitle > img {
  float: left;
  left: 10%;
  position: relative;
  width: 50px;
  max-height: 50px;
  margin-top: -14px;
}
@media only screen and (max-width: 767px) {
  .my-order-page.main-bg-container .restaurant-main-section .myOrderTitle > img {
    left: 8%;
  }
}
@media only screen and (max-width: 450px) {
  .my-order-page.main-bg-container .restaurant-main-section .myOrderTitle > img {
    display: none;
  }
}
.my-order-page.main-bg-container .restaurant-main-section .myOrderBody {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 30px;
}
.my-order-page.main-bg-container .restaurant-main-section .myOrderBody .recent-order-heading {
  padding: 20px 5% 15px 5%;
  font-weight: bold;
}
@media only screen and (max-width: 450px) {
  .my-order-page.main-bg-container .restaurant-main-section .myOrderBody .recent-order-heading {
    padding: 30px 0;
  }
}
.my-order-page.main-bg-container .restaurant-main-section .myOrderBody .order-block-wrapper {
  margin: 0 -60px;
  background-color: white;
  padding: 0 60px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .my-order-page.main-bg-container .restaurant-main-section .myOrderBody .order-block-wrapper {
    margin: 15px -30px;
    background-color: white;
    padding: 0 30px;
  }
}
@media only screen and (max-width: 450px) {
  .my-order-page.main-bg-container .restaurant-main-section .myOrderBody .order-block-wrapper {
    margin: 15px -30px;
    padding: 30px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .my-order-page.main-bg-container .restaurant-main-section .myOrderBody {
    padding: 0 !important;
  }
}
.itemViewAllergens {
  padding-top: 10px;
}
.itemViewAllergens a {
  color: #000000;
  font-size: 15px;
}
.itemViewAllergens a:hover {
  color: #242424;
  border-bottom: 2px solid #242424;
}
.item-list .item-container .itemViewAllergensPopupWrp .modal-dialog {
  max-width: 540px;
  border-radius: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  margin: 0;
}
.item-list .item-container .itemViewAllergensPopupWrp .modal-header .close:hover {
  background: #fff;
  color: #000;
}
.item-list .item-container .itemViewAllergensPopupWrp .modal-body .item-name {
  float: unset;
  display: block;
  text-align: center;
  font-weight: 500;
  overflow: hidden;
  padding: 0 18px 5px;
  width: 100%;
}
.item-list .item-container .itemViewAllergensPopupWrp .modal-body .item-allergen {
  text-align: center;
  font-size: 15px;
  font-weight: 500;
}
.item-list .item-container .itemViewAllergensPopupWrp .modal-body .allerganceBodyWrp {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  padding-top: 10px;
  max-height: 430px;
  overflow-y: scroll;
}
.item-list .item-container .itemViewAllergensPopupWrp .modal-body .allerganceBodyWrp .allerganceItms {
  flex: 33.33%;
  max-width: 33.33%;
  text-align: center;
  padding: 7px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.item-list .item-container .itemViewAllergensPopupWrp .modal-body .allerganceBodyWrp .allerganceItms .item-allergen-image {
  height: 100px;
  padding: 20px;
}
.item-list .item-container .itemViewAllergensPopupWrp .modal-body .allerganceBodyWrp .allerganceItms .item-allergen-image img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.item-list .item-container .itemViewAllergensPopupWrp .modal-body .allerganceBodyWrp .allerganceItms .allerganceItmsName {
  font-size: 15px;
}
@media only screen and (max-width: 400px) {
  .item-list .item-container .itemViewAllergensPopupWrp .modal-body .allerganceBodyWrp {
    max-height: 280px;
  }
  .item-list .item-container .itemViewAllergensPopupWrp .modal-body .allerganceBodyWrp .allerganceItms .item-allergen-image {
    padding: 0px;
    height: 50px;
  }
}
#cart-section-editable-checkout {
  /*    #cart-section-editable-checkout {
            width: 100%;*/
  /*height: 200px;*/
  background-color: #ffffff;
  z-index: 10;
  /*}*/
}
#cart-section-editable-checkout .item-decrement-button,
#cart-section-editable-checkout .item-increment-button {
  width: 30px;
  color: #242424;
  background: transparent;
  border: 1px solid #242424;
  padding: 3px;
  font-size: 18px;
  text-transform: uppercase;
}
#cart-section-editable-checkout .item-decrement-button,
#cart-section-editable-checkout .item-increment-button {
  top: 4px;
}
#cart-section-editable-checkout .checkout-cart-item {
  border-bottom: 1px;
  border-color: #969696;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  overflow: overlay;
  display: block;
  border-style: inset;
  border-bottom-width: 1px;
}
#cart-section-editable-checkout .checkout-items-total {
  width: 100%;
  text-align: right;
  font-weight: bold;
  border-bottom-width: 1px;
  border-bottom-style: inset;
  /* margin-bottom: 29px; */
  padding-bottom: 10px;
  border-color: #969696;
}
#cart-section-editable-checkout .asset-icon {
  background: url('/unification/img/como/asset_icon.png');
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position-x: 20px;
  background-position-y: 5px;
}
#cart-section-editable-checkout .deal-icon {
  background: url('/unification/img/como/deal_icon.png');
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position-x: 20px;
  background-position-y: 5px;
}
#cart-section-editable-checkout .checkout-gift-row-item {
  border-bottom: 1px;
  border-color: #969696;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  overflow: overlay;
  /*display: block;*/
  border-style: inset;
  border-bottom-width: 0px;
  height: 35px;
}
#cart-section-editable-checkout .checkout-gift-row {
  border-bottom: 1px;
  border-color: #969696;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  overflow: overlay;
  /*display: block;*/
  border-style: inset;
  border-bottom-width: 1px;
  height: 35px;
}
#cart-section-editable-checkout .checkout-cart-update-button-container {
  text-align: right;
  padding-top: 40px;
  padding-bottom: 40px;
}
#cart-section-editable-checkout .checkout-cart-update-button {
  background: #4b371c;
  color: #fff;
  margin-right: 10px;
  border: 1px solid #4b371c;
  padding: 6px;
  border-radius: 3px;
  /*width: 70px;*/
  font-weight: 500;
}
#dynamic_cart .loader-container {
  position: fixed !important;
}
#dynamic_cart .loader-image {
  position: fixed !important;
}