/* @import url('https://fonts.googleapis.com/css?family=Cabin:400,500,600,700'); */
/* @import url('https://fonts.googleapis.com/css?family=Catamaran:400,500,600,700,800'); */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
  font-family: 'DINNextLTPro-Regular';
  src: url('../fonts/DINNextLTPro-Regular.eot');
  src: url('../fonts/DINNextLTPro-Regular.woff2') format('woff2'),
       url('../fonts/DINNextLTPro-Regular.woff') format('woff'),
       url('../fonts/DINNextLTPro-Regular.ttf') format('truetype'),
       url('../fonts/DINNextLTPro-Regular.svg#DINNextLTPro-Regular') format('svg'),
       url('../fonts/DINNextLTPro-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
   font-family: 'NoricanRegular';
   src: url('../fonts/NoricanRegular.eot');
   src: url('../fonts/NoricanRegular.eot') format('embedded-opentype'),
        url('../fonts/NoricanRegular.woff2') format('woff2'),
        url('../fonts/NoricanRegular.woff') format('woff'),
        url('../fonts/NoricanRegular.ttf') format('truetype'),
        url('../fonts/NoricanRegular.svg#NoricanRegular') format('svg');
}

@font-face {
  font-family: 'DINNextLTPro-Medium';
  src: url('../fonts/DINNextLTPro-Medium.woff') format('woff'),
       url('../fonts/DINNextLTPro-Medium.ttf') format('truetype'),
       url('../fonts/DINNextLTPro-Medium.svg#DINNextLTPro-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'DINNextLTPro-BoldItalic';
  src: url('../fonts/DINNextLTPro-BoldItalic.eot');
  src: url('../fonts/DINNextLTPro-BoldItalic.woff2') format('woff2'),
       url('../fonts/DINNextLTPro-BoldItalic.woff') format('woff'),
       url('../fonts/DINNextLTPro-BoldItalic.ttf') format('truetype'),
       url('../fonts/DINNextLTPro-BoldItalic.svg#DINNextLTPro-BoldItalic') format('svg'),
       url('../fonts/DINNextLTPro-BoldItalic.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINNextLTPro-Bold';
  src: url('../fonts/DINNextLTPro-Bold.eot');
  src: url('../fonts/DINNextLTPro-Bold.woff2') format('woff2'),
       url('../fonts/DINNextLTPro-Bold.woff') format('woff'),
       url('../fonts/DINNextLTPro-Bold.ttf') format('truetype'),
       url('../fonts/DINNextLTPro-Bold.svg#DINNextLTPro-Bold') format('svg'),
       url('../fonts/DINNextLTPro-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'SofiaPro-Black';
  src: url('../fonts/SofiaPro-Black.eot');
  src: url('../fonts/SofiaPro-Black.woff2') format('woff2'),
       url('../fonts/SofiaPro-Black.woff') format('woff'),
       url('../fonts/SofiaPro-Black.ttf') format('truetype'),
       url('../fonts/SofiaPro-Black.svg#SofiaPro-Black') format('svg'),
       url('../fonts/SofiaPro-Black.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SofiaPro-Bold';
  src: url('../fonts/SofiaPro-Bold.eot');
  src: url('../fonts/SofiaPro-Bold.woff2') format('woff2'),
       url('../fonts/SofiaPro-Bold.woff') format('woff'),
       url('../fonts/SofiaPro-Bold.ttf') format('truetype'),
       url('../fonts/SofiaPro-Bold.svg#SofiaPro-Bold') format('svg'),
       url('../SofiaPro-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SofiaPro-Light';
  src: url('../fonts/SofiaPro-Light.eot');
  src: url('../fonts/SofiaPro-Light.woff2') format('woff2'),
       url('../fonts/SofiaPro-Light.woff') format('woff'),
       url('../fonts/SofiaPro-Light.ttf') format('truetype'),
       url('../fonts/SofiaPro-Light.svg#SofiaPro-Light') format('svg'),
       url('../fonts/SofiaPro-Light.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SofiaPro-Medium', sans-serif;
  src: url('../fonts/SofiaPro-Medium.eot');
  src: url('../fonts/SofiaPro-Medium.woff2') format('woff2'),
       url('../fonts/SofiaPro-Medium.woff') format('woff'),
       url('../fonts/SofiaPro-Medium.ttf') format('truetype'),
       url('../fonts/SofiaPro-Medium.svg#SofiaPro-Medium') format('svg'),
       url('../fonts/SofiaPro-Medium.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SofiaProRegular', sans-serif;
  src: url('../fonts/SofiaProRegular.eot');
  src: url('../fonts/SofiaProRegular.woff2') format('woff2'),
       url('../fonts/SofiaProRegular.woff') format('woff'),
       url('../fonts/SofiaProRegular.ttf') format('truetype'),
       url('../fonts/SofiaProRegular.svg#SofiaProRegular') format('svg'),
       url('../fonts/SofiaProRegular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SofiaPro-SemiBold';
  src: url('../fonts/SofiaPro-SemiBold.eot');
  src: url('../fonts/SofiaPro-SemiBold.woff2') format('woff2'),
       url('../fonts/SofiaPro-SemiBold.woff') format('woff'),
       url('../fonts/SofiaPro-SemiBold.ttf') format('truetype'),
       url('../fonts/SofiaPro-SemiBold.svg#SofiaPro-SemiBold') format('svg'),
       url('../fonts/SofiaPro-SemiBold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}



body:not(.fa){
   /* font-family: 'DINNextLTPro-Regular'; */
   /* font-family: 'Cabin', sans-serif; */
   font-family: 'Inter', sans-serif !important;
}
body{
    position: relative;
    overflow-y: auto;
    color: #000;
}
::-webkit-scrollbar {
    width: .8em;
  /*height: .8em;*/
}

::-webkit-scrollbar-track {
    background-color: #ececec;
}

::-webkit-scrollbar-thumb:vertical {
  background-color: #cacaca;
  outline: 1px solid #cacaca;
  max-height:.8em !important;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  height:5px !important;
}

::-webkit-scrollbar-thumb:horizontal {
  background-color: #cacaca;
  outline: 1px solid #cacaca;
  -webkit-border-radius: 0px;
  max-height:.8em !important;
  height:5px !important;
}
.logo-part img {
    text-align: center;
    margin: 0 auto;
    max-height: 50px;
    transform: translateZ(0);
}
.logo-part{
   position:relative;
}

/*driver registration*/
.titledriverform {
    text-align: center!important;
    width: 666px;
    height: 28px;
    left: 0px;
    top: 0px;
}



.banner_heading {
    position: absolute;
    bottom: 107px;
    left: 31%;
}
.banner_heading img{
    cursor:pointer;
}
.banner_heading h2 {
    font-size: 25px;
    color: #161616;
  /* font-family: 'DINNextLTPro-Bold'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: 700;
  text-align: center;

}
.banner_heading p {
    font-size: 14px;
    color: #6b6c6d;
      text-align: center;

}
.heading_steps {
    margin-top: 50px;
}
.business_details {
    width: 40%;
    margin: 20px auto;
}
.business-information {
        margin: 40px 0px 72px;
}
.business_details h4 {
    font-size: 16px;
    color: #161616;
}
.business_details p {
    font-size: 13px;
    color: #6b6c6d;
  margin: 24px 0px;
}
.one-type{
  width: 49%;
    float: left;
      margin-bottom: 16px;

}
.two-type {
    width: 49%;
    float: left;
      margin-left: 9px;
        margin-bottom: 16px;


}
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border:1px solid #ccc;
  background: #fff;
  border-radius: 0px;

}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
     content: '✔';
    position: absolute;
    /* top: 0.4em;
    left: 0.2em;
    font-size: 1em; */
    top: 3px;
    left: 3px;
    font-size: 14px;
    line-height: 0.8;
    color: #ce1126;
    transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px solid #ce1126;
}

/* hover style just for information */
label:hover:before {
  border: 1px solid #ce1126!important;
}
.bkn-form .form-control {
    padding-left: 22px;
    height: 44px;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a3a3a3;
  font-size:14px;
  /* font-family: 'DINNextLTPro-Regular'; */
  font-family: 'Inter', sans-serif !important;
  text-transform: capitalize;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #a3a3a3;
  font-size:14px;
  /* font-family: 'DINNextLTPro-Regular'; */
  font-family: 'Inter', sans-serif !important;
  text-transform: capitalize;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #a3a3a3;
  font-size:14px;
  /* font-family: 'DINNextLTPro-Regular'; */
  font-family: 'Inter', sans-serif !important;
  text-transform: capitalize;
  font-weight: normal!important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #a3a3a3;
  font-size:14px;
  /* font-family: 'DINNextLTPro-Regular'; */
  font-family: 'Inter', sans-serif !important;
  text-transform: capitalize;
}



.brt-bl input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
  font-weight:normal;

}
.brt-bl input::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  font-weight:normal;
}
.brt-bl input:-ms-input-placeholder { /* IE 10+ */
  color: #000;
  font-weight:normal;

}
.brt-bl input:-moz-placeholder { /* Firefox 18- */
  color: #000;
  font-weight:normal;

}
select#foods {
    color: #000;
    font-weight: bold;
   background-image: url(../images/drop-down.png);
    background-position: 95%;
    -webkit-appearance: initial;
    background-repeat: no-repeat;
  -moz-appearance: none;
}

.bkn-form button {
    height: 44px;
    width: 100%;
    border-radius: 0px;
    font-size: 15px;
    color: white;
    background-color: #6316db;
  text-transform:uppercase;
}

.bkn-form button:hover {
  color: white;
  background-color: #4c0fad;
}

.bkn-form p label {
    color: #161616;
    font-size: 15px;
}
section.footer {
    padding: 28px 0;
}
.footer {
    /*background-color: #f3f3f3;*/
    background-color:#333333;
}
.footer-order {
    /* padding: 70px 0px 10px; */
  padding: 50px 0px 10px;
  float: left;
}
.footer_logo p {
    font-size: 13px;
    color: #ffffff;
    font-weight: 300;
    line-height: 28px;
    text-transform: initial;
        font-family: 'Inter', sans-serif;
}

ul.social_icons{
  float: left;
  width: 100%;
}
ul.social_icons li:first-child {
    padding-left: 0;
}
ul.social_icons li {
    list-style: none;
    display: inline-block;
  /*padding-left: 10px;*/
  padding-right: 16px;
  padding-bottom:5px;
  float: left;
}
ul.social_icons li {
  display: block;
}
ul.social_icons {
  padding: 0px;
  /* margin: 22px 0px; */
  margin: 20px 0px 0;
}
ul.social_icons li  img{
  width: 24px;
  height: 24px;
}
ul.social_icons li  i{
    color: #fff;
    font-size: 14px;
    background-color: #888888;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    line-height: 32px;
}
ul.social_icons li  i:hover{
  background-color: #000;
}
p.copy_right {
    opacity: 0.8;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
    font-family: 'Inter', sans-serif;
}
ul.information_links li {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    font-size: 13px;
    cursor: pointer;
}
ul.information_links li  a{
   font-size: 13px;
    color: #000000;
    font-weight: 600;
    text-transform: initial;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    display: block;
    padding-right: 20px;
}

ul.information_links {
    width: 100%;
    float: left;
    list-style: none;
    /* margin-bottom: 60px; */
    margin-bottom: 20px;
    padding: 0px;
}
ul.information_links li i {
    font-size: 16px;
    color: #d22c3f;
}
ul.information_links li  a:hover{
    color:#ce1126;
  text-decoration:none;
}
.footer_information h2 {
        margin: 6px 0px 51px 0px;
    font-size: 18px;
    color: #161616;
    /* font-family: 'DINNextLTPro-Bold'; */
    font-family: 'Inter', sans-serif !important;
  font-weight: 700;
    text-transform: uppercase;
}

.contact p,a{
    font-family: 'Inter';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #d9d9d9;
}.contact h2{
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #ffffff;
}
.contact h2{
    height: 24px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #ffffff;
}
.office_details h2 {
   /* margin: 6px 0px 51px 0px;*/
       margin-top: 2px;
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom:16px;
}
.footer_logo img {
    margin-bottom: 5px;
    margin-left: 5px;
    max-height: 40px;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
        cursor: pointer;
}
ul.ofz_info {
    padding: 0px;
}
ul.ofz_info li {
    list-style: none;
}
ul.ofz_info li {
    list-style: none;
    font-size: 13px;
    color: #161616;
    margin-bottom: 20px;
}
ul.ofz_info li a {
   display:block;
}
ul.ofz_info li a img {
   max-width:100%;
   max-height: 38px;
}
ul.ofz_info li i {
    font-size: 14px;
    color: #ce1126;
}
.col-md-5.place_move {
    padding-left: 50px;
}
.empty_heder .navbar-inverse {
   /* background-color: #fff;*/
   background-color: #333333;
    border-color: #ffffff;
}
.empty_heder .navbar {
    border-radius: 0px;
}
.empty_heder .navbar {
    background-color: white;
    /* box-shadow: none; */
    box-shadow: inset 0 -1px 0 0 #e9e9e9;
    position: relative;
    min-height: 50px;
    margin-bottom:0px;
    border: 1px solid transparent;
    /*box-shadow: 0px 4px 3px #e4e4e4;*/
}
.empty_heder .navbar-brand {
    float: left;
    height: 70px;
    padding: 15px 1px;
    font-size: 18px;
    line-height: 20px;
    margin-left:0!important;
    outline:none!important;
}
.empty_heder .navbar-brand img{
    max-height: 80%;
    position: absolute;
}
.login_pro h3 {
    font-size: 16px;
    color: #ffffff;
      margin: 16px 0px 34px;


}
.login-form .form-control {
    padding-left: 22px;
    height: 44px;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  }
.login-form button {
    height: 44px;
    width: 100%;
    border-radius: 0px;
    font-size: 15px;
    color: #ffffff !important;
    background-color: #ce1126 !important;
    text-transform:uppercase;
    border: transparent;
}
.login_middle {
    width: 48%;
    margin: 0 auto;
}
p.forget-pass {
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    padding: 34px 0px 0px;
}
p.forget-pass b{
    cursor: pointer;
}
p.new_sign {
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    margin: 25px 0px 45px;
}
p.new_sign span{
  cursor: pointer;
}
p.new_sign span {
    color: #ce1126;
    text-transform: uppercase;
}
.login_pro {
    position: absolute;
    bottom: 17px;
    background-color: white;
}
.login_pro {
    position: absolute;
    bottom: 0px;
    width: 36%;
    left: 33%;
}
div.tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #330101;
    width: 24%;
    /* height: 680px; */
    height: 600px;
  border-radius: 4px 0px 0px 4px;
}

/* Style the buttons inside the tab */
div.tab button {
    display: block;
    background-color: inherit;
    color: #ffffff;
    padding: 24px 38px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 15px;
  border-bottom: 1px solid #5c3434
}

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

/* Create an active/current "tab button" class */
div.tab button.active {
    background-color: #430707;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 17px 30px;
    border: 1px solid #ece7e7;
    width: 76%;
    border-left: none;
    /* height: 680px; */
    height: 600px;
  background-color: #fff;
  border-radius: 0px 4px 4px 0px;

}

section.back-color {
    background-color: #f9f9f9;
  padding: 18px 44px 50px;
}
.abt-bun img {
    width: 100%;
  border-radius: 4px;

}
.chg_pho button {
    background-color: rgba(255, 255, 255, 0);
    height: 31px;
    float: right;
    border-color: #fff;
  color: #fff;
      cursor: pointer;

}
.upper_ins {
    position: absolute;
    top: 57px;
    left: 20px;
}
.about_business {
    position: relative;
}
.about_business h2 {
    color: #ffffff;
    font-size: 30px;
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
  font-weight: 600;
  padding: 22px 0px;
}
.left-sec{
  padding-left:0px;
}
.right-sec{
 padding-right:0px;
}
.chose-img {
    position: absolute;
}
.chg_pho {
    position: relative;
}
.res_heading h3 {
    border-bottom: 1px solid #efefef;
    font-size: 14px;
    color: #161616;
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
  font-weight: 600;
    text-transform: uppercase;
    padding: 0px 0px 12px;
}
.form-group.abt-mybus {
    width: 100%;
    float: left;
  margin: 15px 0px 2px;
}
.business_pages label {
    font-size: 14px;
    color: #161616;
    font-weight: normal;
      /*line-height: 41px;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    overflow: hidden;
}
.business_pages .form-control {
    height: 40px;
    border: 1px dashed #9e9e9e;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  padding-left: 15px;

}


.abt-mybus input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
  /* font-family: 'DINNextLTPro-Medium'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: normal;
  font-size:14px;

}
.abt-mybus input::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  /* font-family: 'DINNextLTPro-Medium'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: normal;
  font-size:14px;
}
.abt-mybus input:-ms-input-placeholder { /* IE 10+ */
  color: #000;
  /* font-family: 'DINNextLTPro-Medium'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: normal;
  font-size:14px;

}
.abt-mybus input:-moz-placeholder { /* Firefox 18- */
  color: #000;
  /* font-family: 'DINNextLTPro-Medium'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: normal;
  font-size:14px;

}
.business_pages select {
    color: #000;
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
  font-weight: 600;
}
.tes_details.right-side {
    width: 95%;
    float: right;
}
.tes_details.left-side {
    width: 95%;
    float: left;
}
.form-group.abt-mybus p {
    color: #161616;
    font-size: 14px;
    line-height: 39px;
    text-align: center;
}
.res_heading.bus-hrs {
    margin: 26px 0px 0px;
}
.business_pages button {
    background-color: #ce1126;
    border-color: #ce1126;
    color: #ffffff;
    padding: 8px 61px;
}
.order_box {
    position:relative;
    float: left;
    width: 100%;
    border: 2px solid #efefef;
    border-radius: 6px;
    box-shadow: -6px -5px 10px #efefef;
  height: 130px;
  margin: 28px 0px 0px;
}
.order h2 {
    color: #000000;
    font-size: 25px;
      padding: 24px 13px 20px 17px;
}
.order-price h1 {
  color: #ce1126;
  /* font-size: 45px; */
  font-size: 30px;
  /* font-family: 'DINNextLTPro-Bold'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: 700;
  /* padding: 19px 26px 0px 32px; */
  padding: 30px 15px 0px 10px;
  text-align: right;
}
.order-price1 h1 {
    color: #2ab74b;
    /* font-size: 45px; */
    font-size: 30px;
  /* font-family: 'DINNextLTPro-Bold'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: 700;
  /* padding: 19px 26px 0px 0px; */
  padding: 30px 15px 0px 0px;
  text-align: right;
}
.order_img {
    position: absolute;
    right: 9px;
    bottom: 0px;
}

.tab-sample {
    width: 100%;
    float: left;
    margin: 50px 0px;
}
.tab-sample table.table.table-bordered {
    border: 1px solid #d0d0d0;
}
.tab-sample table.table.table-bordered th{
  background-color: #e7e7e7;
     color: #161616;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
  padding:12px 0px;
   border-right: 1px solid transparent;

}
.tab-sample table.table.table-bordered th:last-child{
   border-right: 1px solid #d0d0d0;
}
.tab-sample table.table.table-bordered td{
   font-size: 15px;

    text-align: center;
    vertical-align: middle;
  padding:18px 0px;
  color:#161616;
}
.tab-sample table.table.table-bordered td.paid{
   cursor:pointer;
   color:#2ab74b;
}
.tab-sample table.table.table-bordered td.paid:hover{
  color:#430707;
}
td.on-width {
    width: 17%;
}
td.tw-width {
    width: 20%;
}
td.thr-width {
    width: 23%;
}
td.fiv-width {
    width: 20%;
}
th.on-width {
    width: 17%;
}
th.tw-width {
    width: 20%;
}
th.thr-width {
    width: 23%;
}
th.fiv-width {
    width: 20%;
}
.max-pow {
    width: 49.2%;
    float: left;
}
.max-pows {
    width: 49.2%;
    float: right;
}
h3.py-de {
    margin: 10px 0px 4px;
}
.docume input {
    background-image: url(../images/document.png);
    background-position: 95%;
    -webkit-appearance: initial;
    background-repeat: no-repeat;
    -moz-appearance: none;
}
.chg_pho {
    position: relative;
    left: 67%;
    bottom: 41px;
}
.chose-img {
    position: absolute;
    right: -92px;
    top: 4px;
    width: 53%;
    opacity: 0;
}

/*-----------add menu-----------*/
textarea#comment {
    height: 80px;
}


.abt-mybus textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
  font-weight:normal;

}
.abt-mybus textarea::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  font-weight:normal;
}
.abt-mybus textarea:-ms-input-placeholder { /* IE 10+ */
  color: #000;
  font-weight:normal;

}
.abt-mybus textarea:-moz-placeholder { /* Firefox 18- */
  color: #000;
  font-weight:normal;

}
.ahh_menusec {
    width: 100%;
    background-color: #fff;
    float: left;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.half-leftpage {
    width: 36%;
  float:left;
}
.half-rightpage{
   width: 62%;
   float:right;
}
.add_heading h3{
    border-bottom: 1px solid #efefef;
    font-size: 14px;
    color: #161616;
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
  font-weight: 600;
    text-transform: uppercase;
    padding: 0px 22px 12px;

  }
  button.btn.btn-default.add_new {
    text-transform: uppercase;
    line-height: 22px;
  width: 83%;
  height: 44px;


}
button.btn.btn-default.gren_new {
    background-color: #2ab84c;
    border-color: #2ab84c;
    text-transform: uppercase;
  width: 83%;
  height: 44px;
  margin-bottom: 40px;

}
.add_heading {
    float: left;
    width: 100%;

}
.left-lbs {
    width: 20%;
    float: left;
    padding-left: 21px;
}
.left-addlabel{
    width: 28%;
    float: left;
    padding-left: 21px;
  }
  .right_labls {
    width: 71%;
    float: right;
}
.right_menuadd {
    width: 38%;
    float: left;
}
.add_close {
    width: 12%;
    float: left;
    padding: 8px 0px 0px 30px;
  }
  .addon{
    width: 12%;
    float: left;
  padding: 8px 0px;
  }
  .right_sub {
    width: 20%;
    float: left;

}
.left-sub {
    width: 10%;
    float: left;
     padding-left: 12px;
}

.add_headings {
    width: 100%;
    float: left;
}
.add_headings h3 {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    font-size: 14px;
    color: #161616;
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
  font-weight: 600;
    text-transform: uppercase;
    padding: 15px 22px 12px;
}
.form-group.abt-mybus.btm-lc {
    margin: 15px 0px 40px;
}

/*-------------------end-------------------*/


/*------------------Search Start------------------*/

.seach_food {
  /* border: 1px solid #e5e5e5; */
  border-radius: 8px;
  width: 376px;
    height: 290px;
  margin: 20px 0px;
  /*box-shadow: 2px 2px 26px #ddd;*/
  cursor:pointer;
  position: relative;
  transition: all ease .7s;
}

.seach_food:hover {
    box-shadow: 0px 2px 8px #bdbdbd;
    transition: all ease .5s;
}
.seach_food .offer-label {
    /* background: #f4f4f4; */
    background: #ffe5c4;
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    width: 100%;
    padding: 7px;
    font-size: 13px;
    z-index: 2;
}
.seach_food .offer-label span{
   width:50%;
   float: left;
   padding-left: 9px;
   /* color: #ce1126; */
   color: #e64200;
   font-weight: 600;
}
ul.search_page {
    float: left;
    width: 100%;
    padding: 0px;
}
ul.search_page li {
    list-style: none;
}
.filter_foods {
    width: 376px;
  /*  float: left;*/
  /*padding:20px;*/
    border-radius: 8px;
  position: relative;
}
.filter_foods img {
    width: 100%;
    border-radius: 8px;
    /*max-width: 244px;*/
}
.menu_foods {
    width: 100%;
    float: left;
}
.menu_foods h3 {
    color: #000;
  /* font-family: 'DINNextLTPro-Medium'; */
  margin-top: 4px;
  margin-bottom: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
    font-family: Inter;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.1px;
    color: #1b1b1b;

}
  .menu_foods h6 {
    color: #808080;
    font-size: 15px;
    border-bottom: 1px solid #e0e0e0;
   padding-bottom: 12px;
   text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.stars-wrap {
    color: #161616;
    font-size: 15px;
    width: 50%;
    float: left;
}
.stars-wrap .fa-star {
    color: #fac917;
}
.stars-wrap .fa-heart,.stars-wrap .fa-heart-o {
    color: #e01d33;
}
.stars-wrap .stars {
    margin-right:10px;
}
.stars-wrap .heart{
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 20px;
}
.menu_foods p {
    font-family: Inter;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.1px;
    color: #1b1b1b;
    margin-bottom: 4px;
}
span.min_tims {
    font-size: 15px;
    color: #161616;
}
.menu_foods {
    width: 50%;
    float: left;
    padding: 8px 23px 20px 9px;
}
button.btn.btn-default.lod-more {
    width: 100%;
    height: 60px;
    background-color: #a5a3a4;
    color: #ffffff;
    font-size: 17px;
}
.load_more {
    margin: 20px 0px 90px;
    float: left;
    width: 100%;
}
button.btn.btn-default.lod-more:hover {
    background-color: #cc1124;
}

/*-------------------end---------------*/

/*------------------start index--------------*/
.banner-header img{
  width:100%;
}

section.fleet-banner {
    width: 100%;
    float: left;
}
.flt-con-banner {
    margin-top: 4%    ;
    width: 100%;
    float: left;
}
.flt-con-banner img{
    width: 100%;
}


.driverresult {
    float: left;
    width: 100%;
    background-color: #FFFFFF;
    height: 500px;
}

.content_Result{
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 150px;
    text-align: center;
    position: relative;
    bottom: 18%;
    color: #1A0244;
}

.banner-header.home-banner {
    height: 485px;
    position: relative;
}
.empty_heder.fixed-head{
 position: fixed;
 top:0;
 left: 0;
 width:100%;
 z-index: 99999;
}
.fixed-head-heightfiller{
padding-top: 72px;
display: block;
transition:all ease 0.5s
}
.empty_heder.home_head {
    /*position: absolute;*/
    /*width: 100%;*/
    /*z-index: 99999;*/
    /*padding: 5px 0;*/
    height: 80px;

}
.empty_heder.home_head .navbar-inverse {
    background-color: transparent;
    border-color: transparent;
}
.empty_heder.home_head .navbar{
   box-shadow: 2px 4px 7px rgba(221, 221, 221, 0);
}
.logo-head{
  width:50%;
  float:left;
}
.login-home{
  float:right;
}
.login-home a{
display:block;
outline: none !important;
}
.login-home button {
    color: #000000;
    padding: 16px 16px 16px 40px;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 1px #d9d9d9;
    font-family: Inter, sans-serif;
    background-image: url("../images/login.svg");
    background-position: 10%;
    background-repeat: no-repeat;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.17px;
    text-align: center;
}
.login-home button:hover,.login-home button:active,.login-home button.active{
    background-color: #ffffff;
    border-color: #eeeeee;
    color: #373737;
}
.login-home {
    float: right;
    /*padding: 28px 0px;*/
    padding: 16px 100px;
}
.home-form .form-control {
    padding-left: 57px;
    height: 54px;
    border-radius: 8px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}
.home-form .form-group {
    margin-bottom: 15px;
    float: left;
    width: 100%;
    /*left:18%;*/
    /*box-shadow: 2px 2px 26px #ddd;*/
    background:#fff;
    border-radius: 8px;
}
.home-from1 {
    width: 79%;
    float: left;
}
.home-from2 {
    width: 20%;
    float: left;
    margin-bottom: 24px;
}
.home-from3 {
    /*width: 25%;*/
    /*float: left;*/
}
.login_pro.home-headings h1 {
    font-size: 18px;
    color: #000000;
    text-align: center;
    margin-bottom: 24px;
    margin-top: 0;
    font-family: 'Inter', monospace;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.6px;
}.login_pro.home-headings a {
    font-size: 14px;
    color: #000000;
    text-align: center;
    margin-bottom: 24px;
    font-family: 'Inter', monospace;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.6px;
}

/* .login_pro.home-headings h1:first-letter{
    text-transform: capitalize;
} */
.home-from1 input {
    color: #000;
    background-image: url("../images/pin.svg");
    background-position: 4%;
    -webkit-appearance: initial;
    background-repeat: no-repeat;
    border-color: transparent;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
ul.gallery_spe {
    width: 100%;
    float: left;
   padding: 0px;

}
ul.gallery_spe li {
    list-style: none;
}
.singl_gal h4 {
    font-size: 17px;
    color: #000000;
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600;
    margin: 26px 0px 38px;
    text-align: left;
    cursor:pointer;
    text-transform: capitalize;
}
.home-from2 button {
      font-family: 'Inter';
     background-image: url("../images/locate-me.svg");
    background-position: 95%;
    -webkit-appearance: initial;
    background-repeat: no-repeat;
  border-color: transparent;
  width: auto;

    margin-top: 10px;
    padding: 6px 30px 6px 0;
    background-color: rgba(255, 255, 255, 0.25);
    font-size: 14px;
    color: #000;
}
.home-from2 button:hover {
     background-image: url("../images/locate-me.svg");
    background-position: 95%;
    -webkit-appearance: initial;
    background-repeat: no-repeat;
    /*width: 100%;
    height: 54px;
    border-radius: 0px;*/
  border-color: transparent;
  /*background-color:#fff;*/
    padding: 6px 30px 6px 0;
    background-color: rgba(255, 255, 255, 0.25);
    font-size: 14px;
}
.home-from2 button.active, .home-from2 button:active{
    background-image: url("../images/locate-me.png");
    background-position: 90%;
    -webkit-appearance: initial;
    background-repeat: no-repeat;
    /*width: 100%;
    height: 54px;
    border-radius: 0px;*/
    border-color: transparent;
    /*background-color:#fff;*/
    width: auto;
    margin-top: 10px;
    padding: 6px 26px 6px 0;
    background-color: rgba(255, 255, 255, 0.25);
}
.home-from2 button.focus, .home-from2 button:focus {
    background-image: url("../images/locate-me.png");
    background-position: 90%;
    -webkit-appearance: initial;
    background-repeat: no-repeat;
    /*width: 100%;
    height: 54px;
    border-radius: 0px;*/
    border-color: transparent;
    /*background-color:#fff;*/
    width: auto;
    margin-top: 10px;
    padding: 6px 26px 6px 0;
    background-color: rgba(255, 255, 255, 0.25);
}
.home-from3 button {
    font-family: 'Inter';
    width: 100%;
    float: left;
    text-transform: uppercase;
  /* font-family: 'DINNextLTPro-Medium'; */
    height: 54px;
    border-radius: 8px;
    /*background-color: #ce1127;*/
    background-color: #ffc53b;
    border-color: transparent;
    color: #fff;
  font-size:14px;
}
.home-from3 button.btn-default:hover{
    width: 100%;
    float: left;
  /* font-family: 'DINNextLTPro-Medium'; */
    height: 54px;
    border-radius: 8px ;
    background-color: #ffc53b;
    border-color: transparent;
    color: #fff;
  font-size:14px;}


ul.homepage_list {
    width: 100%;
    float: none;
    padding: 0px;
    text-align: center;
}
ul.homepage_list li {
    display: inline-block;
    text-align: center;
    font-size: 13px;
    color: #161616;
    margin: 17px 38px 24px 20px;
    text-transform: capitalize;
  /* font-family: 'DINNextLTPro-Medium'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: 600;
  list-style:disc;
}
.home-logomiddle {
    width: 48%;
    margin: 0 auto;
}
.home_gallery {
    margin: 54px 0px 10px;
}
.home-headings {
    position: relative;
    z-index: 1;
    bottom:  150px;
    left: 50%;
    width: 648px;
    height: 264px;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.24);
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
}
.singl_gal {
    margin: 0 auto;
    text-align: center;
    cursor:pointer;
}
.singl_gal:hover h4{
 color:#ce1127
}
.singl_gal_inner{
    display:block;
    overflow: hidden;
    border-radius:0px;
   transition: all ease 5s;
}
.singl_gal:hover .singl_gal_inner{
   border-radius:3px;
   transition: all ease 3s;
   box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.34);
}
.singl_gal:hover img{
    transition: all ease 12s;
    transform: scale(1.15) translate(15px,-5px) rotate(0.1deg);
    -webkit-transform: scale(1.15) translate(15px,-5px) rotate(0.1deg);
    -moz-transform: scale(1.15) translate(15px,-5px) rotate(0.1deg);
    -o-transform: scale(1.15) translate(15px,-5px) rotate(0.1deg);
}
.singl_gal img {
    display: inline-block;
    transition: all ease 8s;
    transform: scale(1) translate(0,0) ;
    -webkit-transform: scale(1) translate(0,0) ;
    -moz-transform: scale(1) translate(0,0) ;
    -o-transform: scale(1) translate(0,0) ;
}
.singl_gal img {
  transform: translatez(0);
    -webkit-transform:translatez(0);
    -moz-transform:translatez(0);
    -o-transform: translatez(0);
}

/*------------------end---------------*/

/*-----------------check out--------------*/

.checkout-details {
    width: 100%;
    float: left;
    border: 1px solid #e5e5e5;
  margin-bottom: 34px;
}
.ch-full img {
    width: 100%;
}
.checkout_page {
    margin: 140px 0px;
  width: 100%;
    float: left;
  min-height: 550px;
}
p.view_rest {
    font-size: 15px;
    color: #161616;
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
  font-weight: 600;
  width: 50%;
    float: left;
}
p.view_check a{
    font-size: 15px;
    color: #ce1126;
  float: right;
}
.detial_cat {
    /* padding: 20px 15px 10px; */
    padding: 20px 15px 10px;
    float: left;
    width: 100%;
  }
ul.chc-det {
    padding: 0px;
    float: left;
    width: 100%;
}
ul.chc-det li {
    list-style: none;
}
.order_menu h3 {
    font-size: 15px;
    color: #161616;
}
.order_menu p {
    font-size: 13px;
    color: #777777;
   margin: 0 0 20px;
}
.order_menu {
    width: 100%;
    float: left;
}
.order_price {
    width: 20%;
    float: right;
  text-align: right;
  margin: 19px 0px;

}
ul.chc-det li {
    list-style: none;
    border-bottom: 1px solid #e5e5e5;
    float: left;
    width: 100%;
}
span.sub-amt {
    width: 20%;
    float: right;
  text-align: right;
  line-height: 28px;
  /* font-family: 'DINNextLTPro-Medium'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: 600;
}
span.sub-to {
    font-size: 15px;
    color: #161616;
    width: 80%;
    float: left;
  line-height: 30px;
  /* font-family: 'DINNextLTPro-Medium'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: 600;
}
.order_price img {
    text-align: right;
    float: right;
}
.order_price span {
    font-size: 15px;
    color: #161616;
  /* font-family: 'DINNextLTPro-Medium'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: 600;
}
span.ord_heading {
    width: 70%;
  margin: 12px 0px 10px;
    float: left;
  /* font-family: 'DINNextLTPro-Medium'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: 600;
}
span.ord_del {
    width: 30%;
    float: right;
  margin: 12px 0px 10px;
}
span.ord_del img {
    text-align: right;
    float: right;
  cursor:pointer;
}
span.menu_price {
    width: 30%;
    float: right;
    text-align: right;
  font-size: 13px;
    color: #161616;
  margin-bottom: 20px;
  /* font-family: 'DINNextLTPro-Medium'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: 600;
}
span.menu_det {
    width: 70%;
    float: left;
  margin-bottom: 20px;
  padding-left: 15px;
  position: relative;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}
span.menu_det.active:before {
 content: "- "
 }
.coppon-sub {
    width: 30%;
    float: left;
}
.coppon-gen {
    width: 70%;
    float: left;
}
.coppon-gen .form-control {
    display: block;
    width: 100%;
    height: 48px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
  border-right: 1px solid transparent;
    border-radius: 4px 0px 0px 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.coppon-sub button {
    display: block;
    width: 100%;
    height: 48px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #ce1126;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ce1126;
    border-radius: 4px 4px 5px 4px;
  text-transform:uppercase;
  /* font-family: 'DINNextLTPro-Medium'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: 600;
}
.promo-dev {
    float: left;
    margin: 20px 0px 20px;
    width: 100%;
}
.del_add {
    background-color: #333333;
    padding: 15px 20px;
    float: left;
    width: 100%;
}
.del_add h2 {
    font-size: 16px;
    color: #ffffff;
    margin: 0px;
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600;
    text-transform: lowercase;
}
.del_add h2:first-letter {
    text-transform:capitalize;
}
  .checkout-details h5 {
    color: #454444;
    font-size: 15px;
    padding: 9px 15px;
}
.del_add h2 .steps{
    padding: 2px 8px;
    background: #f9c324;
    color: #ffffff;
    margin-right: 15px;
    border-radius: 50%;
}
ul.delivery_address {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0;
}
ul.delivery_address li {
    list-style: none;
}
.new_add h4 {
    font-size: 15px;
    color: #6c6a6a;
    text-align: center;
  margin: 0px;
text-overflow: ellipsis;
    overflow: hidden;
}
.new_add {
    background-color: #f3f3f2;
    padding: 14px 0px;
}
.add_address {
    width: 100%;
    float: left;
    border: 1px solid #e5e5e5;
      margin-bottom: 22px;

}
.new_add h4 {
    font-size: 15px;
    color: #6c6a6a;
    margin: 0px;
    text-align: center;
  text-transform: uppercase;

}
.add_address p {
    font-size: 15px;
    color: #6c6a6a;
    text-align: center;
    padding: 18px 41px 11px;
}
.add_adus {
    text-align: center;
    margin: 0 auto 18px;

}
.add_adus img {
    display: inline-block;
  }
 .coun_pay a{
  color: #ce1126;
 }
.coun_pay button {
    background-color: #ce1126;
    border-color: #ce1126;
    color: #fff;
    font-size: 13px;
    height: 42px;
    text-transform: uppercase;
  /* font-family: 'DINNextLTPro-Medium'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: 600;
}
.coun_pay button:hover{
   color:#fff;
   background:#bf0116;
   box-shadow: none;
   border-color: #bf0116;
}
.coun_pay {
    float: left;
    width: 100%;
       margin: 0px 0px 30px;
}
.left-address {
    float: left;
    width: 100%;
    padding: 0px 9px;
}
.address_bookingsec,.address_bookingsec form{
   float: left;
   width:100%;
}
.cart_no1 {
    width: 45%;
    float: left;
  /* padding-left: 17px; */
}
.cart_no2 {
    width: 23%;
    float: left;
  padding-left: 17px;
}
.cart_no3 {
    width: 23%;
    float: left;
  padding-left: 17px;
}
form.address_bookingsec input {
    padding-left: 23px;
    height: 50px;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}
input#cardnumber {
    color: #000;
    font-weight: bold;
    background-image: url("../images/cal-add.png");
    background-position: 95%;
    -webkit-appearance: initial;
    background-repeat: no-repeat;
    -moz-appearance: none;
}
.mk-name {
    width: 88.5%;
  /* margin-left:17px; */
}
.address_bookingsec .form-group {
    margin-bottom: 25px;
    float: left;
    width: 100%;
}
.overlay{
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    width: 100%;
}

.banner-header.home-banner img {
    width: 100%;
}




/*----------------restaurant page----------------*/

.empty_heder .navbar-header {
    float: left;
    /*width: 50%;*/
    width: 100%;
}

.restaurant_page .container-fluid {
    padding-right: 50px;
    padding-left: 50px;
    margin-right: auto;
    margin-left: auto;
}

.right_side_cart {
    float: right;
    padding-top: 15px;
}

.inner_res_menu ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.inner_res_menu{
    float: left;
    width: 100%;
}
.inner_res_menu ul li {
    float: left;
    width: 100%;
    list-style-type: none;
    display: inline-block;
    padding: 20px;
}
.inner_res_menu ul li:nth-child(even){
    background: #fbfbf9;
}
span.item_image {
  float: left;
    width: 80px;
    height: 80px;
    margin-right: 15px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 50px;
}

span.item_description {
    float: left;
    display: inline-block;
    height: 80px;
    line-height: 80px;
    max-width: 270px;
}
.item_description_inner {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
span.item_rate {
    float: right;
    display: inline-block;
    height: 80px;
    line-height: 80px;
    margin: 0 0 0 20px;
}
span.item_rate h2{
 display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
span.item_add {
    float: right;
    display: inline-block;
    height: 80px;
    line-height: 80px;
    text-align: center;
    margin-left:60px;
}


span.item_add i.fa.fa-plus {
    border: 1px solid #ddd;
    height: 30px;
    width: 30px;
    line-height: 30px;
    color: #a0a0a0;
}


span.item_add i.fa.fa-plus:hover {
    border: 1px solid #ce1126;
    color: #fff;
  background-color:#ce1126;
  cursor:pointer;
}

span.item_rate h2 {
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
  font-weight: 600;
    font-size: 15px;
    margin:0;
}

span.item_description h2 {
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600;
    font-size: 18px;
    margin: 0;
    margin-bottom: 5px;
    text-transform:lowercase;
    line-height: normal;
    /*font-family: 'Inter', sans-serif;*/
}
span.item_description h2:first-letter {
    text-transform:capitalize;
}
span.item_description p {
    /* font-family: 'DINNextLTPro-Regular'; */
    font-family: 'Inter', sans-serif !important;
    font-size: 13px;
    color: #7c7c7c;
    margin:0;
    line-height: normal;
}
    span.item_add {
        margin-left: 20px;
    }

li.back_shade {
    background-color: #fbfbf9;
}

button.btn.btn_order_nw {
    float: left;
    width: 100%;
    background-color: #ce1126;
    color: #fff;
    box-shadow: none;
    border-radius: 3px;
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
  font-weight: 600;
    font-size: 14px;
  text-transform:uppercase;
}


.new_res_chk .del_add h2 {
    float: left;
}
span.cart_icons {
    float: right;
}


.new_res_chk .order_menu h3 {
    font-size: 15px;
    color: #161616;
    float: left;
    width: 100%;
    margin: 0;
}


.restaurant_banner .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
    padding: 80px 50px;
    margin-right: auto;
    margin-left: auto;
}

section.restaurant_banner {
    float: left;
    width: 100%;
    background-image: url(../images/restaurant/restaurant_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    min-height: 700px;
}
.restaurant_banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 0.30);*/
}

.restaurant_banner .image_rest {
    width: 20%;
}
.restaurant_banner .image_rest img{
    max-width: 100%;
    max-height: 140px;
    min-height: 140px;
    margin: 0 0 0 auto;
    border: 4px solid rgba(255, 255, 255, 0.45);
    border-radius: 3px;
}
span.heading {
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600;
    font-size: 28px;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
}
span.status_open {
    background-color: #07ac03;
    margin-left: 21px;
    font-size: 13px;
    padding: 2px 15px;
    border-radius: 15px;
        font-family: 'Inter', sans-serif;
}
span.status_open a {
    color: #fff;
    cursor:default;
    text-decoration: none;
}
span.status_open a:hover {
    color: #fff;
  text-decoration:none;
}
p.foods_items {
    font-size: 14px;
    color: #ffffff;
     font-family: 'Inter', sans-serif;
}
p.foods_provide {
    font-size: 14px;
    color: #ffffff;
    margin: 10px 0 10px;
    font-family: 'Inter', sans-serif;
}
span.food_star {
    font-size: 13px;
    color: #f6c617;
    /* padding-left: 10px; */
    padding-left: 0px;
    display:block;
}
/*span.food_star i:last-child {
    color: #c4c3c1;
}*/
.restaurant_timings {
    margin: 10px 0px 16px;
}
/*----------------restaurant page----------------*/
section{
  width:100%;
  float:left;
}
/*--------------my profile page--------------*/
section.order_fulltables {
    margin: 150px 0px;
}
.orders_purs .nav-tabs {
    border-bottom: 1px solid #e5e5e5;
}
.orders_purs .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-bottom-color: transparent;
    font-size: 15px;
    color: #161616;
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
  font-weight: 600;
}
.orders_purs .nav>li>a {
    position: relative;
    display: block;
    padding: 14px 15px;
    font-size: 15px;
    color: #161616;
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
  font-weight: 600;
}
.orders_purs .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    width: 20%;
    text-align: center;
}
.orders_purs .nav-tabs>li>a {
    margin-right: 0px;
    line-height: 1.42857143;
    border: 1px solid #e5e5e5;
    border-radius: 0px;
}
.orders_purs .tab-content {
    border: 1px solid #e5e5e5;
    border-top: 0;
    width: 100%;
    float: left;
}
.orders_purs .tab-content .tab-pane {
   width: 100%;
    float: left;
}
.mypro1 {
    width: 26%;
    float: left;
  margin-left: 24px;
}
.mypro2 {
    width: 26%;
    float: left;
  margin-left: 24px;
}
.mypro3 {
    width: 26%;
    float: left;
  margin-left: 24px;

}
.myprofile_login .form-control {
    padding-left: 22px;
    height: 50px;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  border-color: #e5e5e5;
}
section.my_profile {
    width: 100%;
    float: left;
  margin: 70px 0px;
}
.my_profilesec span {
    /*     margin-top: 82px; */
    font-size: 13px;
    color: #8e8d8d;
    padding: 0px 24px 10px;
    float: left;
    width: 100%;
}
.my_profilesec {
    width: 100%;
    float: left;
  /* margin: 65px 47px; */
  padding: 65px 15px 50px 47px;
}
.my_profilesec h2 {
    font-size: 22px;
    color: #161616;
    padding: 5px 24px;
    margin: 0px;
  /* font-family: 'DINNextLTPro-Medium'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: 600;
}
.viewdetails-wrap{
   padding: 5px 24px;
   width: 100%;
   display:inline-block;
}
.viewdetails-wrap .userprofile-img{
   display:inline-block;
   float: left;
}
.viewdetails-wrap .userprofile-detail{
   display:inline-block;
   float: left;
   /* padding: 20px 40px; */
}
.viewdetails-wrap .userprofile-detail h2{
   font-weight: normal;
   font-size: 17px;
   padding: 0;
   margin-bottom: 30px;
}
.viewdetails-wrap .userprofile-detail .userprofile-detail-name img{
    max-height: 21px;
    margin-right: 15px;
    float: left;
}
.viewdetails-wrap .userprofile-detail .userprofile-detail-email img{
    max-height: 21px;
    max-width: 21px;
    margin-right: 15px;
    margin-left: 0px;
}
.viewdetails-wrap .userprofile-detail .userprofile-detail-phone img{
    max-height: 19px;
    max-width: 19px;
    margin-right: 15px;
    margin-left: 1px;
}
.viewdetails-wrap .userprofile-detail .userprofile-edit-btn{
    display: inline-block;
    padding: 7px 20px;
    background: #ce1126;
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
    cursor:pointer;
    text-decoration: none;
 -webkit-transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
}
.viewdetails-wrap .userprofile-detail .userprofile-edit-btn:hover{
 background:#bf0116;
 -webkit-transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
}
.viewdetails-wrap .userprofile-img img {
    max-width: 230px;
    border: 13px solid #f5f5f5;
    border-radius: 3px;
    box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.18);
}
.editdetails-outter-wrap{
    display: none;
}
.myprofile_login {
    width: 100%;
    float: left;
    margin: 35px 0px 10px;

}
.your_ordersas {
    width: 100%;
    float: left;
    /* margin: 50px 68px; */
    padding: 65px 71px 50px 71px;
  }
.myprofile_login label {
    font-size: 13px;
    color: #8e8d8d;
    font-weight: normal;
  margin-bottom: 12px;

}
.mypro_upload {
    width: 100%;
    float: left;
    margin: 24px 24px;
}
.mypro_upload button {
    background-color: #ce1127;
    border-color: #ce1127;
    color: #fff;
    border-radius: 4px;
    height: 48px;
    width: 21%;
  text-transform: uppercase;
  /* font-family: 'DINNextLTPro-Medium'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: 600;
  line-height: 38px;

}

/*----------------17/08/2017----------------*/

.orders_purs .nav-tabs>li a{
   background-color: #f3f3f3;
}
table.table.mypro_tabs thead th {
    color: #161616;
    font-weight: normal;
    font-size: 14px;
	border-bottom: 1px solid #ececec;
	padding: 15px 21px;
}
table.table.mypro_tabs thead th.myprot1 {
    width:50%;
}
table.table.mypro_tabs thead th.myprot2 {
    width:25%;
    text-align: center;
}
table.table.mypro_tabs thead th.myprot3 {
    width:25%;
	text-align:right;
}
table.table.mypro_tabs tbody td.myprot1 {
    width:50%;
}
table.table.mypro_tabs tbody td.myprot2 {
    width:25%;
    text-align: center;
}
table.table.mypro_tabs tbody td.myprot3 {
    width:25%;
	text-align:right;
}
table.table.mypro_tabs tbody td{
    color: #8e8d8d;
    font-weight: normal;
    font-size: 14px;
	border-top: 1px solid #ececec;
	padding: 15px 20px;
}
.inside_togmenu {
    width: 100%;
    float: left;
    border: 1px solid #ececec;
    border-left: none;
    border-right: none;
    margin-bottom: 14px;
	border-top: 0px;
}
table.table.mypro_tabs {
    margin-bottom: 0px;
}
table.table.mypro_tabs .offer-price{
    text-decoration: line-through;
    opacity: 0.65;
    margin-right: 5px;
}
table.table.mypro_tabs thead {
    background-color: #f8f8f8;
}
.myordel-add h5 {
    color: #ce1126;
    font-size: 14px;
    padding-left: 19px;
	margin-bottom: 3px;

}
.myordel-add {
    float: left;
    width: 100%;
}
.myordel-add h5 i {
    color: #8e8d8d;
}
.myordel-add span {
    color: #8e8d8d;
    font-size: 13px;
    padding-left: 34px;
    display:block;
}
.adg-pay {
    width: 100%;
    float: left;
    padding: 15px 20px 15px 34px;
}
.adg-pay.adg-pay-details .order_right p.item-total{
  padding: 0;
  text-align:left;
  font-size: 14px;
  color: #8e8d8d;
}
.adg-pay.adg-pay-details .order_right p.item-total span{
  float:right;
}
.my-prodown {
    float: left;
    width: 100%;
	border-top:1px solid #ececec;
}
.my-prodown .order_right p{
    padding: 24px 20px;
}
button.btn.btn-default.my-pdow {
    background-color: #fff;
    border-color: #ce1126;
    color: #ce1126;
    border-radius: 0px;
    padding: 8px 48px;
    margin: 15px 0 15px 24px;
	background-repeat: no-repeat;
    /*background-image: url(../images/mypredele.png);*/
    background-position: 12%;
    font-size:13px;
    outline:none!important;
}
button.btn.btn-default.repeat-order-btn{
    background-image: none;
}
/*-------------end my profile-----------------*/

/*-------------start save address-----------------*/
.save_addpge {
    /* margin: 0px 24px; */
    padding: 65px 71px 50px 71px;
    float:left;
    width:100%;
}
.save_addpge .delivery_address li{
padding-left:0;
padding-right:0;
}
li.save-width {
    width: 65%;
    padding-right: 15px;
    float: left;
    padding-left: 15px;
}
span.add_edit {
    float: left;
    padding: 0px 16px;
}
.add_adus h5 {
    text-align: center;
    margin: 0 auto 18px;
    width: 100%;
}
span.add_del {
    font-size: 13px;
    color: #ce1126;
  cursor: pointer;
}
span.add_edit {
    font-size: 13px;
    color: #c9c9c9;
    float: left;
    padding: 0px 16px;
  cursor: pointer;
  width: 100%;
}
.save_addpge h1 {
    font-size: 13px;
    color: #8e8d8d;
    /* margin: 14px 17px; */
    margin-top:0;
}
.save_addpge ul.delivery_address li .add_address p{
    width: 60%;
}
.save_addpge ul.delivery_address li .add_adus {
    width: 20%;
}
.save_addpge ul.delivery_address li .add_adus img {
    margin: 0 5px;
}
.bg_icon{
    margin: 0 5px;
    cursor: pointer;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    display: inline-block;
    background-repeat:no-repeat;
    background-position: center;
}
/*-------------end save address-----------------*/

/*-------------start favorites-----------------*/
.my_fave {
    float:left;
    width:100%;
    /* padding: 65px 45px 50px 71px; */
    padding: 65px 30px 50px 30px;
}
.my_fave h1 {
    font-size: 13px;
    color: #8e8d8d;
    /* margin: 14px 17px 0px; */
    margin-top:0;
}
/*-------------end favorites-----------------*/


/*-------------start your order-----------------*/

.my_ord h1 {
    font-size: 13px;
    color: #8e8d8d;
    /* margin: 14px 25px 0px; */
    margin-top:0;
}
section.my_orderspage {
    width: 100%;
    float: left;
    margin: 30px 0px;
}
.order_all {
    width: 100%;
    float: left;
    border: 1px solid #ececec;
    margin-bottom: 14px;
}
.order_main_details{
    width: 100%;
    float: left;
    padding: 17px 80px 15px 20px;
    position: relative;
}
.order_left {
    width: 50%;
    float: left;
}
.order_right {
    text-align: right;
}
.order_right {
    width: 50%;
    float: right;
}
.order_left h5 {
    color: #161616;
    font-size: 14px;
    /* padding: 0px 24px 3px; */
    margin: 0px 0 3px;
}
.order_left h5 span {
    font-size: 13px;
    color: #8e8d8d;
  padding-left: 2px;
}
.order_left p {
    font-size: 13px;
    color: #8e8d8d;
    /* padding: 0px 24px 5px; */
    margin-bottom: 0px;
  }
  .order_right p {
    /* padding: 24px 36px 0px; */
        padding: 8px 0;
    color: #161616;
    font-size: 14px;
    margin:0;
}
.order_main_details .order-toggler-wrap{
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    background: #F3F3F3;
    width: 35px;
    height: 100%;
    text-align: center;
    padding-top: 26px;
    cursor:pointer;
 }
.order_main_details .order-toggler-wrap img{
    opacity: 0.6;
}
.order_sub_details{
    float: left;
    width: 100%;
}
/*-------------end your order-----------------*/


/*--------------start menu-----------------*/
section.menu_item {
    width: 100%;
    float: left;
    padding: 22px 36px;
    background-color: #f9f9f9;
}
ul.tab.menu-awe {
    float: left;
    border: 1px solid #d1d1d1;
    background-color: #ffffff;
    width: 26%;
    height: 800px;
    padding-left: 0px;

}
ul.tab.menu-awe li {
    display: block;
    background-color: inherit;
    color: #757474;
    padding: 24px 46px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
  border-bottom: 1px solid #d1d1d1;
}
ul.tab.menu-awe li.active {
    background-color: #fff;
  color: #161616;
    font-size: 17px;
  /* font-family: 'DINNextLTPro-Medium'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: 600;
}
.tabcontent.menu_new {
    float: left;
    padding: 17px 30px;
    border: 1px solid #ece7e7;
    width: 70%;
    border-left: none;
    height: 680px;
    background-color: #fff;
    border-radius: 0px 4px 4px 0px;
}
/*--------------end menu-----------------*/


.sidenav {
    background-color: #330101;
    height: 100%;
    left: 0;
    overflow-x: hidden;
    padding-top: 60px;
    position: fixed;
    top: 64px;
    transition: .5s;
    width: 0;
    z-index: 1;
}
.sidenav a,
.sidenavR a {
    color: #818181;
    display: block;
    font-size: 25px;
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    transition: .3s;
}
.sidenav a:hover,
.offcanvas a:focus,
.sidenavR a:hover,
.offcanvas a:focus {
    color: #f1f1f1;
}
.sidenav .closebtn,
.sidenavR .closebtn {
    font-size: 36px;
    margin-left: 50px;
    position: absolute;
    right: 25px;
    top: 0;
}
@media screen and (max-height : 450px) {
    .sidenav,
    .sidenavR {
        padding-top: 15px;
    }
    .sidenav a,
    .sidenavR a {
        font-size: 18px;
    }
}


li {
list-style:none;}

section.dash_nav {
    float: left;
    width: 100%;
    background-color: #330101;
      padding: 20px 15px 15px 15px;
}

.dash_nav .left_side_nav {
    float: left;
}

.dash_nav .left_side_nav span {
    float: left;
    color: #fff;
font-size: 15px!important;
/* font-family: 'DINNextLTPro-Medium'; */
font-family: 'Inter', sans-serif !important;
  font-weight: 600;
}

span.click_icons_text {
    padding-top: 2px;
    padding-left: 5px;
}
.dash_nav .right_side_nav {
    float: right;
      padding-right: 3%;
}

.dash_nav .right_side_nav p{
    float: right;
}

.dash_nav .right_side_nav p span {
    margin-right: 20px;
}

.dash_nav a:hover {
    transition: .3s;
    background-color: #fff;
    color: #330101!important;
}

.dash_nav a.closebtn:hover {
    background-color: transparent;
    color: #fff!important;
}


.dash_nav .right_side_nav p span.notifi {
margin-right: 0px;
    position: absolute;
    top: -8px;
    left: 6px;
    color: #fff;
    background-color: #fb3131;
    display: inline-block;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    line-height: 14px;
    font-size: 10px;
}

.dash_nav .right_side_nav p span.bell_notifyy {
    position: relative;
}

.switch {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 34px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:#e44456;
  -webkit-transition: .4s;
  transition: .4s;
   border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #65c904;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(55px);
}

/*------ ADDED CSS ---------*/
/*.slider:after*/
/*{*/
/* content:'Offline';*/
/* color: #ffffff;*/
/* display: block;*/
/* position: absolute;*/
/* transform: translate(-50%,-50%);*/
/* top: 50%;*/
/* right:-15%;*/
/* font-size: 10px;*/
/*     !* font-family: 'DINNextLTPro-Regular'; *!*/
/*     font-family: 'Inter', sans-serif !important;*/
/*   font-size:13px;*/
/*}*/

/*input:checked + .slider:after*/
/*{*/
/*  content:'Online';*/
/*  right: auto;*/
/*  left:30%;*/
/*      !* font-family: 'DINNextLTPro-Regular'; *!*/
/*        font-family: 'Inter', sans-serif !important;*/
/*}*/




.inner_dash_page {
    float: left;
    width: 100%;
    padding: 20px 25px;
}

i.fa.fa-bars {
    font-size: 25px;
    margin: 0px 10px;
}

.text_button_online {
    float: left;
    width: 100%;
    position: absolute;
    top: 20px;
    left: 0;
    text-align: center;
}

.left_side_nav img {
    float: left;
    margin: 5px;
}

.inner_dash_page  h1 {
    /* font-family: 'DINNextLTPro-BoldItalic'; */
    font-family: 'Inter', sans-serif !important;
  font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.inner_dash_page  .text_button_online label.switch {
    margin-top: 21px;
}

.container-fluid .col-md-12.text-center {
    padding: 0;
}

section.input_checks {
    float: left;
    width: 100%;
    padding: 20px 0px 10px 0px;
}

.summary_chk.form-group label {
    float: left;
    width: 45%;
margin-top: 10px;}

.input_checks select.form-control {
    float: left;
    width: 55%!important; border-radius: 0;
}

.from_to_box label {
        float: left;
    margin: 10px 11px;
    text-transform: uppercase;
}
.from_to_box input.form-control {
    float: left;
    width: 43%!important;
    border-radius: 0;
}

.summary_chk.form-group {
    padding: 0;
}

section.input_checks label {
    color: #161616;
    /* font-family: 'DINNextLTPro-Regular'; */
    font-family: 'Inter', sans-serif !important;
}

button.btn.btn_apply {
    background-color: transparent;
    box-shadow: none;
    border: 1px solid #ddd;
    border-radius: 0;
    color: #161616;
    /* font-family: 'DINNextLTPro-Regular'; */
    font-family: 'Inter', sans-serif !important;
    font-weight: bold;
   padding: 6px 19px;
       transition: ease .8s;
}

button.btn.btn_apply:hover {
    background-color: #330101;
    color: #fff;
    transition: ease .8s;
}

p.note_words {
    float: left;
    width: 100%;
    color: #555555;
    /* font-family: 'DINNextLTPro-Regular'; */
    font-family: 'Inter', sans-serif !important;
}

.summary_chk.form-group {
    width: 31%;
  float: left;
}

.from_to_box {
    width: 43%;
    float: left;
    margin-left: 3%;
    margin-right: 1%;
}

section.body_section {
    float: left;
    width: 100%;
    background-color: #f9f9f9;
}

.order_listingzz {
    float: left;
    width: 100%;
    margin: 15px 0px;
}

.order_listingzz li {
    float: left;
    width: 100%;
    list-style-type: none;
}

.order_listingzz ul {
    float: left;
    width: 100%;
padding:0px;
}

.order_listingzz span.order_namez {
    float: left;
    width: 70%;
}

.order_listingzz span.order_ratez {
    float: left;
    width: 30%;
    text-align: center;
}

.order_listingzz li {
    float: left;
    width: 100%;
    list-style-type: none;
    padding: 10px 0px 10px 35px;
    background-color: #fff;
    border: 1px solid #ddd;
      margin-bottom: 10px;
}

.order_namez h4 {
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600;
    color: #161616;
    text-transform: uppercase;
    font-size: 18px;
    margin: 11px 0;
}

.order_namez p {
    color: #e44456;
    text-transform: uppercase;
    font-size: 13px;
  /* font-family: 'DINNextLTPro-Regular'; */
  font-family: 'Inter', sans-serif !important;
}

span.order_ratez {
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
  font-weight: 600;
    color: #161616;
    text-transform: uppercase;
    font-size: 30px;
    /* padding-top: 15px; */
    padding-top: 0;
    text-align: center!important;
}

.right_side_dashpage .popular_items {
    background-color: #fff;
    border: 1px solid #ddd;
    /* padding: 25px 55px 25px 55px; */
    padding: 25px 40px 25px 40px;
    float: left;
    width: 100%;
}

.right_side_dashpage span.popular_namez h4 {
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
  font-weight: 600;
    color: #161616;
  font-size:15px;

}

.right_side_dashpage .popular_items h3 {
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600;
    color: #161616;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    text-align: center;
}

.right_side_dashpage .popular_items li {
    float: left;
    width: 100%;
  list-style-type:none;
      margin-bottom: 15px;
}
.right_side_dashpage .popular_items ul {
    float: left;
    width: 100%;
    padding: 0;
}
.right_side_dashpage .popular_items .empty-food-quotes{
    z-index: 9;
    padding: 60px 0;
}
.right_side_dashpage .popular_items .empty-food-quotes::before{
    z-index: -1;
}
.right_side_dashpage .popular_items .empty-food-quotes p{
    font-size: 16px;
    color: #9e9e9e;
    font-weight: normal;
    max-width: 400px;
}

.right_side_dashpage span.order_numberz {
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
  font-weight: 600;
    color: #161616;
    font-size: 15px;
    float: left;
    width: 10%;
}

.right_side_dashpage span.popular_namez {
    float: left;
    width: 90%;
}

.right_side_dashpage span.popular_namez h4 {
    padding: 0;
    margin-top: 0;
}

.right_side_dashpage .popular_items p {
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
  font-weight: 600;
    color: #161616;
    font-size: 13px;
}

.right_side_dashpage .popular_items li:last-child {
    /* border-bottom: 1px solid #ddd; */
  padding-bottom:10px;
}

p.see_mor_itemz {
    /* font-family: 'DINNextLTPro-Medium'!important; */
      font-family: 'Inter', sans-serif !important;
  font-weight: 600;
    color: #161616;
    font-size: 13px;
    text-align: center;
  float: left;
    width: 100%;
}

/*---------*/

section.order_base {
    width: 100%;
    float: left;
}

section.order_base ul {
  padding:0;
    display: inline-block;
    width: 100%;
  margin: 0;
      float: left;}



ul.order_head_ul li {
float:left;
font-size:16px;
color:#161616;
text-transform:uppercase;
    padding:13px 15px;
  background:#e7e7e7;}

h3.name_details {
color:#161616;
/* font-family:'DINNextLTPro-Medium'; */
font-family: 'Inter', sans-serif !important;
  font-weight: 600;
font-size:15px;
text-transform:capitalize;
    margin: 0 0 6px 0;}

.pickup_details p {
    margin: 0;
    color: #989797;
    font-size: 16px;
    line-height: 24px;}

.price_sen {
  margin: 0;
    color: #989797;
    font-size: 16px;
    line-height: 24px;}

.profile_inner {
    width: 52px;
    height: 52px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
  display:inline-block;
}

p.profile_pict img {
    width: 100%;
    height: 100%;
}

span.name_details {
  color: #161616;
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600;
    font-size: 15px;
    text-transform: capitalize;
    /* margin: 16px 10px; */
    margin: 0px 10px 16px;
    float: left;}

.order_head {
    /*border: rgba(0, 0, 0, 0.12) solid 1px;*/
      float: left;
        width: 100%;
      background: #fff;
}

ul.bottom_details li {
    color: #747373;
    font-size: 16px;
    padding: 2px 0;
}

section.order_base ul.bottom_details {
    background: #f9f9f9;
    padding: 30px;
      border-bottom: rgba(0, 0, 0, 0.12) solid 1px;
        border-top: rgba(0, 0, 0, 0.12) solid 1px;
    margin: 0;
      float: left;
  display:none;
}

section.order_base ul.bottom_details h3.name_details {

}

section.order_base ul.bottom_details li {
    width: 100%;
  float:left;
}

section.order_base ul.bottom_details li span {
    float: left;
}

section.order_base ul.bottom_details li span {
    float: left;
    min-width: 20%;
    max-width: 20%;
    padding-right: 20px;
    text-transform: capitalize;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


section.order_base ul.bottom_details li.inital_price {
    padding: 0 15px;
      margin: 0 0 15px 0;
}

.left_img {
    float: left;
    width: 25%;
  cursor:pointer;
  text-align:center;
}

.rite_details {
    width: 75%;
    float: left;
}

li.first_delivery h3.name_details {
    text-transform: uppercase;
}

li.first_delivery h3.name_details img {
    margin: 0 5px 0 0;
}

p.delivery_date {
    padding: 0 0 0 26px;
}

.ful_width {
    max-width: 1240px;
    width: 100%;
}

.rotate {
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
-moz-transform:rotate(90deg);
transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;}

.location_details {
   float: left;
    width: 100%;
    padding:0;
    border-top: rgba(0, 0, 0, 0.12) solid 1px;
}

p.support_btn button {
       background: #e7e7e7;
    border: none;
    font-size: 14px;
    color: #000000;
    text-transform: uppercase;
    padding: 6px 7px 4px 30px;
    line-height: initial;
    border: #b7b5b5 solid 1px;
    border-radius: 4px;
    background: #e7e7e7 url(../images/support.png) no-repeat 7px center;
}

p.support_btn {
float:left;}

section.order_base ul.bottom_details h3.name_details {
    float: left;
}

p.support_btn {
    float: right;
}

.ful_div {
    float: left;
    width: 100%;
  border-bottom: rgba(0, 0, 0, 0.12) solid 1px;
    padding:0;
    margin: 0 0 15px 0;
}

section.order_base ul.bottom_details h3.name_details {
    margin: 11px 0 0;
}

.order_bg {
    background: #f9f9f9;
}

ul.delivery_details {
    margin: 0;
}

.location_details ul.delivery_details {
    padding: 30px 0 25px 0;
}

.base_success {
    margin: 25px auto;
    padding: 0;
    float: left;
    width: 100%;
    border: rgba(0, 0, 0, 0.12) solid 1px;
}

.new_orders_base {
    text-transform: capitalize;
}

p.order_header {
       margin: 0 0 10px 0;
    color: #161616;
    font-size: 18px;
}

h1.order_num {
    margin: 0;
    font-size: 30px;
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
  font-weight: 600;
    color: #161616;
}

.first_sec_order {
    padding: 0 0 15px 0;
    border-bottom: #dcdcdc solid 1px;
}

.new_orders_base ul {
padding:0;}

ul.second_order_inner li {
    /* list-style: decimal; */
    margin: 0;
    font-size: 20px;
    color: #161616;
  width:100%;
}

ul.second_order_inner li h3.price_product span.prodct_name {
    float: left;
    margin: 0;
}

span.prodct_price {
    float: right;
    font-size: 20px;
    color: #161616;
  margin:0;
}

.extra_add {
    width: 100%;
    float: left;
      padding: 0 22px;
}

h3.price_product {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}


p.ons_name {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #161616;
      padding: 0 22px;
        margin: 0 0 5px 0;
}

.extra_add p {
    color: #4b4b4b;
    font-size: 15px;
    padding: 0;
    margin: 0;
}

ul.second_order_inner {
    float: left;
    width: 100%;
    margin: 0;
}

ul.second_order_inner li.totals_inner {
    padding: 25px 0;
  float: left;
    width: 100%;
      border-bottom: #dcdcdc solid 1px;

}

p.ons_name.add_red {
    color: #e44456;
}

ul.sub_totals {
    float: right;
      width: 18%;
}

ul.sub_totals li {
width:100%;
float:left;
    padding: 5px 0;}

ul.sub_totals li span {
    color: #797878;
    font-size: 19px;
    min-width: 50%;
    float: left;
    display: inline-block;
}

ul.sub_totals li span.sub_num {
    text-align: right;
}

ul.sub_totals li.paid_totals span {
    color: #161616;
    font-size: 24px;
}

ul.second_order_inner li.last_totals {
    width: 100%;
    float: left;
    padding: 10px 0;
}

.new_orders_base {
    text-transform: capitalize;
    float: left;
    width: 100%;
}




/**design by S**/
.tab-adjust .nav-tabs{
display: none;
}
.app-contentview-wrap,.app-specialview-wrap,.app-commonview-wrap{
float: left;
width: 100%;
}
.dash_nav_inner{
  float: left;
    width: 100%;
    padding: 18px 15px;
}
section.dash_nav{
 padding: 0px;
}
.dash_nav .right_side_nav .notifi {
   margin-right: 0px;
    position: absolute;
    top: -9px;
    left: 6px;
    color: #fff;
    background-color: #e44456;
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    line-height: 18px;
    font-size: 9px;
    text-align: center;
}
.quicknav{
   list-style-type: none;
    float: right;
    display: inline-block;
    margin: 0 auto;
    text-align: right;
}
.quicknav li{
    display: inline-block;
    float: left;
    margin-left: 20px;
    padding: 2.5px 5px;
}
.bell_notifyy{
position: relative;
}
.head-search{
 position: relative;
}
.head-search input{
    position: absolute;
    top: -3px;
    right: -6px;
    width: 0px;
    height: 32px;
    padding: 0;
    border-radius: 3px;
    border: none;
    background: rgb(255, 255, 255);
    opacity: 0;
    transition: all ease .4s;
    outline: none !important;
    box-shadow: none !important;
}
.head-search.active input{
      position: absolute;
    top: -3px;
    right: -6px;
    width: 250px;
    height: 32px;
    padding: 0 30px 0 12px;
    border-radius: 3px;
    border: none;
    background: rgb(255, 255, 255);
    z-index: 9;
    opacity: 1;
    transition: all ease .4s;
}
.head-search-icon{
    position: relative;
    z-index: 99;
    display: inline-block;
    cursor: pointer;
}
.bell-notifyy-wrap{
  position: relative;
  cursor: pointer;
}
.bell-notifyy-details{
    position: absolute;
    right: -30px;
    top: 80px;
    width: 320px;
    float: left;
    background: #000;
    height:0;
    overflow: hidden;
    padding: 0;
    box-shadow: 1px 2px 13px #9c9c9c;
    opacity: 0;
    transition: all ease .8s;
   }
 .bell-notifyy-wrap.active .bell-notifyy-details{
    position: absolute;
    right: -30px;
    top: 40px;
    width: 320px;
    float: left;
    background: #000;
    z-index: 99;
    padding: 0;
    overflow: visible;
    height:auto;
    box-shadow: 1px 2px 13px #9c9c9c;
    opacity: 1;
    transition: all ease .8s;
    cursor:pointer;
   }

  .bell-notifyy-details:before {
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    top: -8px;
    position: absolute;
    right: 35px;
    background: #fff;
    z-index: -1;
    transform: rotate(45deg);
    }
  .bell-notifyy-left{
    float: left;
    width:20%;
    text-align: center;
    padding: 19px 10px;
    background: #e44456;
    height:73px;
  }
  .bell-notifyy-right{
    float: left;
    width:80%;
    padding: 9.5px 10px;
    background: #fff;
    height:73px;
  }
  .bell-notifyy-left img{
    max-height: 35px;
    margin: auto;
  }
  .bell-inner-left{
   float: left;
    width:75%;
    text-align: left;
  }
  .bell-inner-right{
   float: left;
    width:25%;
  }
  .bell-inner-left p{
  float: left;
  width:100%;
  margin: 2px auto;
  line-height: 17px;
  }
  .bell-inner-left p span{
    color:#e44456;
    margin: 0 !important;
   }
  .bell-inner-left p:first-child{
  font-weight: bold;
  font-size: 14px;
  }
  .bell-inner-left p:last-child{
  opacity: 0.7;
  font-size: 11px;
  }
  .bell-inner-right a{
    display: block;
        padding: 3px 3px 1px;
    text-align: center;
    float: left;
    width: 100%;
    line-height: 17px;
    margin: 2px;
    border-radius: 3px;
    border:1px solid transparent;
    text-decoration: none;
    cursor: pointer;
  }
  .bell-inner-right a:first-child{
    background: transparent;
    color: #2196F3 !important;
    border:1px solid #2196F3;
   }
   .bell-inner-right a:first-child:hover{
    background: #2196F3;
    color: #fff !important;
   }
  .bell-inner-right a:last-child{
    background: #2196F3;
    color: #fff;
   }
   .bell-inner-right a:last-child:hover{
   background: transparent;
    color: #2196F3 !important;
    border:1px solid #2196F3;
   }

   section.dash_nav {
    position: fixed;
    top: 0;
    z-index: 9999;
   }


  .sidenav {
    background-color: rgb(255, 255, 255);
    box-shadow: 0 3px 12px 1px black;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 30px;
    position: fixed;
    left: 0;
    top: 61px;
    z-index: 9999;
    width: 250px;
    height: 100%;
    height: -webkit-calc(100% - 61px);
    height: calc(100% - 61px);
    -webkit-transform: translateX(-120%);
  -moz-transform:    translateX(-120%);
  -ms-transform:     translateX(-120%);
  -o-transform:      translateX(-120%);
  transform:         translateX(-120%);
  transition: all ease .2s;
    }
    .sidenav.active {
     -webkit-transform: translateX(0%);
  -moz-transform:    translateX(0%);
  -ms-transform:     translateX(0%);
  -o-transform:      translateX(0%);
  transform:         translateX(0%);
  transition: all ease .7s;
   }
    .mobile_driver_sidenav{
        left:auto;
        right:0;
        -webkit-transform: translateX(120%);
        -moz-transform:    translateX(120%);
        -ms-transform:     translateX(120%);
        -o-transform:      translateX(120%);
        transform:         translateX(120%);
    }
    .mobile_user_sidenav{
        left:auto;
        right:0;
        -webkit-transform: translateX(120%);
        -moz-transform:    translateX(120%);
        -ms-transform:     translateX(120%);
        -o-transform:      translateX(120%);
        transform:         translateX(120%);
    }
   /*.app-commonview-wrap{
    padding-top:61px;
   }*/
   .dash-head-heightfiller{
    padding-top:61px;
    display: block;
   }
  .sidenav a {
    font-size: 16px;
    color: #330101;
   }
  .sidenav .mainmenu,.sidenav .submenu{
     padding-left:0;
   }
   .sidenav .mainmenu a:hover {
    background-color: #330101;
    color: #fff!important;
    }
    .sidenav .submenu{
    overflow: hidden;
   }
   /*.sidenav .submenu{
    display: none;
   }
   .sidenav .submenu.active{
    display: block;
   }*/
   .sidenav .submenu li{
     padding-left:15px;
   }
   .sidenav .submenu li:hover{
    transition: .3s;
    background-color: #330101;
   }
   .sidenav .submenu li:hover a{
    color: #fff!important;
  }
   .sidenav .submenu li a{
    background-color: transparent !important;
    color: #330101 !important;
    font-size: 16px;
   }
   .sidenav .submenu li a:hover{
    background-color: transparent !important;
    color: #fff !important;
    font-size: 16px;
   }
   .submenu-wrap>a{
     position: relative;
     padding-right: 40px;
   }
   .submenu-wrap>a:before{
    content: "\f107";
    position: absolute;
    top: 9px;
    right: 20px;
    font-size: 22px !important;
    color: #000 !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(0deg);
    transition: transform ease .6s;
   }
   .submenu-wrap:not(.active)>a:hover:before,.submenu-wrap.active>a:hover:before{
   color: #fff !important;
   }
   .submenu-wrap.active>a:before{
     transform: rotate(-180deg);
     transition: transform ease .6s;
    }
   .sidenav-backdrop{
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width:0;
    height: 0;
    transition: background .5s ease;
   }
   .sidenav-backdrop.active{
    background: rgba(0, 0, 0, 0.33);
    width:100%;
    height: 100%;
    transition: background .5s ease;
    z-index: 9999;
   }
   .sidenav .submenu.ng-hide{
     height: 0;
     opacity: 1;
     transition: all linear .4s;
   }
   .sidenav .submenu:not(.ng-hide){
     height: 80px;
     opacity: 1;
     transition: all linear .4s;
   }
   .set-categories .tab,.set-categories .tabcontent{
    height: 570px;
   }
   .tabcontent,.tab{
    overflow: auto;
  }
  .set-categories{
    position: relative;
    float: left;
    width:100%;
  }
  #categories,#sub-category{
    float: left;
    width:100%;
  }
  .set-categories .addnew{
    position: absolute;
    bottom: 35px;
    right: 35px;
    max-height: 50px;
    cursor:pointer;
  }

  #sub-category .abt-mybus.col-sm-6{
    width: 50% !important;
  }
  .uib-timepicker button{
      background: #fff!important;
      color: #333!important;
      padding: 6px 12px!important;
      border-color: #ccc!important;
  }
  .add_heading h3,.add_headings h3{
    position: relative;
    margin-bottom: 0;
  }
  .add_heading h3 .addnew{
    position: absolute;
    top: -11px;
    right: 20px;
    max-height: 30px;
    cursor: pointer;
   }
   .add_headings h3 .addnew {
    position: absolute;
    top: 6px;
    right: 20px;
    max-height: 30px;
    cursor: pointer;
   }
  .subpack_wrap{
   position: relative;
    float: left;
    width: 100%;
  }
.subpack_wrap .addon{
   float: none;
    position: absolute;
    /* bottom: 11px; */
    bottom: 15px;
    right: 129px;
  }
  .basepack-title{
    margin: 0;
    background: #f8f8f8;
    font-size: 17px;
    color: #673AB7;
    padding: 7px 20px;
    position: relative;
  }
  .basepack-title img{
    position: absolute;
    top: 6px;
    right: 20px;
    max-height: 20px;
    cursor: pointer;
   }
  .basepack-body{
    max-height: 400px;
    float: left;
    width: 100%;
    overflow-y: auto;
    /* border-bottom: 1px solid #f0f0f0; */
    padding: 0 0 15px 0;
  }
  .addon-body{
    max-height: 250px;
    float: left;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 0 15px 0;
  }
  .custom-scroll::-webkit-scrollbar {
    width: 5px;
    background: #efefef;
   }

.custom-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
}

.custom-scroll::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
  opacity: 0.20;
  border-radius: 5px;
}
.custom-browse{
position: relative;
}
.custom-browse input[type="file"]{
position: absolute;
width:100% !important;
height: 100% !important;
opacity: 0;
top: 0;
display: block!important;
cursor:pointer;
}
 .food-lst{
     float: left;
    width: 100%;
    /*border-top: 1px dashed #d5d5d5;*/
    padding: 10px 0;
  }
  div.food-lst:first-of-type{
    border-top: none;
  }
  .left-addlabel,.left-lbs{
    padding: 0 !important;
  }
  .form-group.abt-mybus{
    padding: 0 20px;
  }
  .tes_details.left-side{
    width:100%;
  }
  .add-food-save{
    display: inline-block;
    width:initial!important;
    color: #fff !important;
    margin: 10px auto!important;
    padding: 6px 30px !important;
  }
  textarea.form-control {
    height: auto !important;
    resize: none;
  }


  /**menu item wrap**/
 .menu-item-outterwrap{
  min-height: 530px;
  position: relative;
  background: #fff;
  border:1px solid rgba(0,0,0,0.10);
  overflow-x:hidden;
  overflow-y: auto;
 }
 .menu-item-catwrap{
  float: left;
  width: 28%;
  position: absolute;
  height: 100%;
  background: #fff;
  left:0;
  top:0;
 }
 .menu-item-catwrap>div{
  float: left;
   width:100%;
 }
 .menu-item-catwrap ul{
   padding: 0;
   float: left;
   width:100%;
   margin: 0;
 }
 .menu-item-catwrap ul>li{
  float: left;
  width:100%;
 }
 .menu-item-catwrap ul>li>a{
  border-bottom:1px solid #ddd;
  padding: 23px 0 23px 45px;
  font-size: 17px;
  cursor: pointer;
  color:#757474;
  display: block;
  text-decoration:none;
  }
  .menu-item-catwrap ul>li.active>a{
    font-weight: 600;
    color: #e44456;
    background: rgba(0,0,0,0.05);
  }
  .menu-item-catwrap ul>li:hover>a{
    background: rgba(0,0,0,0.05);
    color: #e44456 !important;
  }
  .menu-item-catwrap ul>li.active>a:before{
      color: #e44456 !important;
  }
  .menu-item-catwrap .submenu-wrap>a:before,.menu-item-catwrap .submenu-wrap:hover>a:before {
    top: 25px;
    color: #000 !important;
  }
  .menu-item-catwrap .submenu-wrap ul>li>a{
    border-bottom: 1px solid #ddd;
    padding: 15px 0 15px 70px;
    font-size: 14px;
    cursor: pointer;
    color: #484848;
    display: block;
    text-decoration: none;
    background: rgba(0,0,0,0.035);
  }
 .menu-item-wrap{
  float: left;
  /* width: 43%; */
  width: 37%;
  position: absolute;
  height: 100%;
  background: #fff;
  left:28%;
  top:0;
  border-left:1px solid #eaeaea;
  border-right:1px solid #eaeaea;
 }
 .menu-item-wrap>div{
  float: left;
   width:100%;
 }
 .menu-item-wrap .section-label{
      padding: 15px 20px;
    background: #e7e7e7;
    color: #484747;
    font-size: 13px;
    margin: 0;
    font-weight: 600;
  }
 .menu-item-wrap ul{
   padding: 0;
   float: left;
   width:100%;
   margin: 0;
 }
 .menu-item-wrap ul li{
  float: left;
  width:100%;
  border-bottom:1px solid #ddd;
  padding: 30px 20px;
  border-left:2px solid transparent;
  cursor: pointer;
  }
  .menu-item-wrap ul li.active{
    border-left:2px solid #ce1126;
  }
  .menu-item-wrap ul li:hover{
    background: rgba(0,0,0,0.05);
  }
  .menu-item-wrap .menuitem-img{
   float: left;
   height: 76px;
   width: 76px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  .menu-item-wrap .menuitem-detail{
    float: left;
    display: inline-block;
    padding: 13px 20px;
  }
  .menu-item-wrap .menuitem-detail h2{
   margin: 0;
    font-size: 17px;
    font-weight: 600;
    color: #161616;
    line-height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 205px;
    overflow: hidden;
   }
  .menu-item-wrap .menuitem-control{
    float: right;
    display: inline-block;
    padding: 15px 20px 15px 40px;
    margin-top: 10px;
    text-align: center;
    border-left: 1px solid rgba(0,0,0,0.3);
  }
  .menu-item-wrap .menuitem-control img{
    max-height: 25px;
    opacity: 0.3;
    cursor:pointer;
  }

 .menu-item-detailswrap{
  float: left;
  /* width: 29%; */
  width: 35%;
  position: absolute;
  height: 100%;
  background: #fff;
  /* left:71%; */
  left: 65%;
  top:0;
 }
 .menu-item-detailswrap>div{
  float: left;
   width:100%;
 }
 .menu-item-detailswrap img{
  width:100%;
 }
 .menu-item-detailswrap .menuitem-detail{
  float: left;
  width: 100%;
  padding: 30px 15px;
  text-align: center;
 }
 .menu-item-detailswrap .menuitem-detail .menuitem-name{
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    color: #161616;
 }
 .menu-item-detailswrap .menuitem-detail .menuitem-name-divider{
  display: inline-block;
  width:60px;
  height: 2px;
  background: rgba(0,0,0,0.5);
  margin: 15px auto;
 }
 .menu-item-detailswrap .menuitem-detail .menuitem-desc{
 font-size:13px;
 margin: 0;
 }
 .menu-item-detailswrap .menuitem-addons{
 float: left;
 width:100%;
 }
 .menu-item-detailswrap .menuitem-addons .section-label {
    padding: 13px 20px;
    /* background: #e7e7e7;
    color: #484747; */
    background: #ececec;
    color: #e44456;
    font-size: 13px;
    margin: 0;
    font-weight: 600;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.menu-item-detailswrap .menuitem-addons ul{
   padding: 0;
   float: left;
   width:100%;
   margin: 0;
 }
 .menu-item-detailswrap .menuitem-addons ul li{
  float: left;
  width:100%;
  border-bottom:1px solid #ddd;
  padding: 20px 20px;
  cursor: pointer;
  }
  .menu-item-detailswrap .menuitem-addons ul li:last-child{
   border-bottom:none;
  }
  .menu-item-detailswrap .menuitem-addons ul li:hover,.menu-item-detailswrap .menuitem-addons ul li.active{
  background: rgba(0,0,0,0.05);
  }
  .menu-item-detailswrap .menuitem-addons .menuitem-addons-detail{
  float: left;
  width:100%;
  display: table;
  }
  .menu-item-detailswrap .menuitem-addons-detail h2{
  display: table-cell;
  font-size: 14px;
  vertical-align: middle;
  }
  .menuitem-name{
    font-size: 15px;
    font-weight: 600;
  }
  .menu-item-detailswrap .menuitem-addons-detail .menuitem-name{
    max-width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
   }
  .menu-item-detailswrap .menuitem-addons-detail .menuitem-price{
  /* text-align: left; */
  text-align: right;
  padding-right: 30px;
    padding-left: 30px;
    width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .menu-item-detailswrap .menuitem-addons-detail .menuitem-control{
    display: table-cell;
    width:40px;
    position: relative;
    text-align: center;
    vertical-align: middle;
  }
  .menu-item-detailswrap .menuitem-addons-detail .menuitem-control::before{
  content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.30);
    height: 30px;
    width: 2px;
    top: -5px;
    left: 0;
  }
  .menu-item-detailswrap .menuitem-addons-detail .menuitem-control img{
    max-height: 20px;
    width:auto!important;
    margin: auto;
    float: right;
    opacity: 0.3;
  }

  /**Orders Page Start**/
  .orders-outterwrap{
  min-height: 530px;
  position: relative;
  background: #fff;
  border:1px solid rgba(0,0,0,0.10);
  overflow:hidden;
 }
 .orders-innerwrap{
  float: left;
  width: 25%;
  position: absolute;
  height: 100%;
  background: #330101;
  left:0;
  top:0;
 }
 .orders-innerwrap>div{
  float: left;
   width:100%;
 }
 .orders-innerwrap ul{
   padding: 0;
   float: left;
   width:100%;
   margin: 0;
   /* max-height: 450px;
   overflow-y: auto; */
 }
 .orders-innerwrap li{
   float: left;
   width:100%;
   border-bottom:1px solid rgba(255, 255, 255, 0.26);
   padding: 20px 35px;
   cursor: pointer;
 }
 .orders-innerwrap li:hover,.orders-innerwrap li.active{
  background: #430707;
 }
 .orders-innerwrap li .orders-wrap{
  float: left;
  width: 100%;
 }
 .orders-innerwrap li .orders-wrap .orders-wrap-content{
  float: left;
  display: block;
  max-width:85%;
 }
 .orders-innerwrap li .orders-wrap .orders-time-wrap{
  float: right;
  display: block;
  position: relative;
 }
 .orders-innerwrap .orders-time-wrap .driver-avatar{
  display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    bottom: -2px;
    right: 0px;
    overflow: hidden;
    z-index: 10;
    transition: all ease .8s;
 }
 .orders-innerwrap .orders-time-wrap .driver-avatar.active{
    display: inline-block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    position: absolute;
    bottom: 2px;
    right: 2px;
    overflow: hidden;
    z-index: 0;
  }
 .orders-innerwrap .orders-time-wrap .driver-avatar img{
 width: 100%;
 height:100%;
 vertical-align: top;
 }
 .orders-innerwrap li .orders-wrap .order-number{
  margin: 5px auto 8px;
  font-size: 18px;
  color:#fff;
 }
 .orders-innerwrap li .orders-wrap .order-for{
  margin: 0;
  color: #e44456;
  font-size: 13px;
 }


 .orders-innerwrap .orders-deliverywrap{
   float: left;
   width:100%;
 }
 .orders-innerwrap .orders-deliverywrap{
   float: left;
   width:100%;
   padding: 40px 0;
 }
 .orders-innerwrap .orders-deliverywrap .section-title{
 color: #e44456;
  font-size: 13px;
  text-align: center;
  position: relative;
  margin: 0;
  margin-bottom: 20px;
  overflow:hidden;
 }
 .orders-innerwrap .orders-deliverywrap .section-title::before{
 content: "";
    width: 22%;
    height: 1px;
    background: rgba(255, 255, 255, 0.26);
    position: absolute;
    top: 5px;
    left: 8%;
    margin: auto;
    display: block;
 }
 .orders-innerwrap .orders-deliverywrap .section-title::after{
    content: "";
    width: 22%;
    height: 1px;
    background: rgba(255, 255, 255, 0.26);
    position: absolute;
    top: 5px;
    right: 8%;
    margin: auto;
    display: block;
 }
 .orders-innerwrap .orders-deliverywrap ul li{
     padding: 7px 35px;
     color: #fff;
     border:none;
     font-size: 18px;
  }



 .orders-detail-wrap{
  float: left;
  width: 75%;
  position: absolute;
  height: 100%;
  background: #fff;
  left:25%;
  top:0;
  padding: 25px 50px;

 }
 .orders-detail-wrap>div{
   float: left;
   width:100%;
 }
  .orders-detail-wrap .order-name-wrap{
      float: left;
      width:100%;
      font-weight: 600;
      border-bottom: 1px solid rgba(0, 0, 0, 0.19);
  }
  .orders-detail-wrap .order-name-wrap span{
   font-weight: 600;
   display: block;
   font-size: 17px;
   color: #161616;
  }
  .orders-detail-wrap .order-name-wrap .order-name{
   font-weight: 600;
   display: block;
   font-size: 28px;
    color: #161616;
    margin: 15px 0 ;
    position: relative;
  }
  .orders-detail-wrap .order-name-wrap .order-name .map-toggler{
    position: absolute;
    top: 0px;
    right: 20px;
    width: 25px;
    height: 25px;
    font-size: 20px;
    line-height: 25px;
    background: #fbfbfb;
    text-align: center;
    border-radius: 3px;
    color: #330101 !important;
    display: inline-block;
    box-shadow: 2px 3px 7px 0px #adadad;
    cursor: pointer;
    }
    .map-toggler i{
    line-height: 25px;
    transform: rotate(0deg);
    transition: transform ease .6s;
    }
  .orders-detail-wrap .order-item-wrap{
    float: left;
    width: 100%;
    padding: 20px 0;
  }
  .orders-detail-wrap .order-item-wrap>li{
   float: left;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.19);
  }
  .order-item-name{
  margin: 0;
  font-size: 19px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .orders-detail-wrap .order-item-wrap p .special-note{
   color: #e44456;
  }
  .orders-detail-wrap .order-item-wrap p{
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 0;
  }
  .order-item-name .item-prize{
    float: right;
    margin-right: 40px;
  }
  .order-content-wrap{
   float: left;
    width: 100%;
    padding: 0 15px;
  }
  .order-content-wrap ul{
    padding: 0;
    float: left;
    width:100%;
    margin-top:5px;
  }
  .order-content-wrap ul li{
    float: left;
    width:100%;
  }
  .driver-tracker-wrap{
    float: left;
    width:100%;
    background: #fbfbfb;
    display: none;
  }
  .driver-tracker-wrap .food-delivery-progress{
    float: left;
    width:100%;
    padding: 20px;
  }
  .driver-tracker-wrap iframe{
   width:100%;
   height:300px;
   margin: 0px auto;
  }
  .cutomer-details,.driver-details{
    float: left;
    width: 50%;
    text-align: center;
    margin: 20px auto;
   }
   .cutomer-details p,.driver-details p{
   margin: 0 auto 5px;
    font-size: 14px;
    line-height: 18px;
    color: #757575;
    max-width: 270px;
   }
   .cutomer-details h4,.driver-details h4{
    font-size: 20px;
    font-weight: bold;
   }
  .order-totalprice{
    float: left;
    width:100%;
  }
  .order-totalprice ul{
    float: right;
    display: inline-block;
  }
  .order-totalprice li{
  float: left;
  width:100%;
      font-size: 16px;
    opacity: 0.85;
    line-height: 30px;
  }
  .order-totalprice li span:nth-child(1){
  display: inline-block;
  float: left;
  }
  .order-totalprice li span:nth-child(2){
  display: inline-block;
  float: right;
  }
  .order-totalprice li:last-child{
  font-weight: bold;
    font-size: 20px;
    opacity: 1;
  }
  .order-controls{
    float: left;
    width:100%;
    text-align: center;
    margin: 15px auto 30px;
  }
  .accept-order-btn{
    background-color: #2ab84c;
    border-color: #2ab84c;
    color: #ffffff !important;
    padding: 8px 61px;
    transition: all ease .6s;
    margin: 0 5px;
  }
  .accept-order-btn:hover{
  background-color: #fff;
    border-color: #2ab84c;
    color: #2ab84c !important;
    transition: all ease .6s;
  }
  .cancel-order-btn{
    background-color: #ce1126;
    border-color: #ce1126;
    color: #ffffff!important;
    padding: 8px 61px;
    transition: all ease .6s;
    margin: 0 5px;
  }
  .cancel-order-btn:hover{
    background-color: #fff;
    border-color: #ce1126;
    color: #ce1126!important;
  }
  /**Orders Page End**/

  /**dashboard**/
    .banner_image{
      position: relative;
    }
    .banner_image:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
    }
    /**dashboard end**/

  /**Mybusiness Page start**/
   #business,.about_business,.abt-bun{
    float: left;
    width:100%;
   }
   .abt-bun:before{
    content: "";
   position: absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.5);
   }
   .about_business-banner-info{
    position: absolute;
    left:40px;
    bottom: 30px;
    display: inline-block;
   }
   .about_business-banner-info .restaurant-logo-holder{
     float: left;
     display: inline-block;
     max-height: 90px;
     position: relative;
     overflow: hidden;
     border-radius: 3px;
     cursor:pointer;
   }
   .about_business-banner-info .restaurant-logo-holder input{
    position: absolute;
    opacity: 0;
    z-index: 9;
    width:100%;
    height:100%;
    cursor: pointer;
   }
   .about_business-banner-info .restaurant-logo-holder:before{
       opacity: 0;
       transform: scale(0);
       -webkit-transition: transform .5s, opacity .5s;
     -moz-transition: transform .5s, opacity .5s;
      -ms-transition: transform .5s, opacity .5s;
          transition: transform .5s, opacity .5s;
       content: "";
       position: absolute;
       top:0;
       left:0;
       width:100%;
       height:100%;
       background-color:rgba(255,255,255,0.85);
       background-image: url('../images/addphoto.png');
       background-repeat: no-repeat;
       background-position: center;
       background-size: 50px;
   }
   .about_business-banner-info .restaurant-logo-holder:hover:before{
       opacity: 1;
       transform: scale(1);
       -webkit-transition: transform .3s, opacity .3s;
     -moz-transition: transform .3s, opacity .3s;
      -ms-transition: transform .3s, opacity .3s;
          transition: transform .3s, opacity .3s;
    }
   .about_business-banner-info img{
    float: none!important;
    display: inline-block;
    max-height: 90px;
    margin: auto;
   }
   .about_business-banner-info h2{
    float: left;
    display: inline-block;
    color: #ffffff;
    font-size: 30px;
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600;
    margin: 45px 10px 0;
    padding: 0;
   }
   .about_business-banner-control{
      position: absolute;
      right: 20px;
      bottom: 20px;
      display: inline-block;
   }
   .about_business-banner-control .chg_pho{
   position: relative;
   left: auto;
   bottom: auto;
   float: left;
   display: inline-block;
   }
   .about_business-banner-control .chg_pho input{
    position: absolute;
    width: 100%;
    height:100%;
    opacity: 0;
   }
   .bannerimg-crop-wrap{
    width: 100%;
    float: left;
    background: #f7f7f7;
    overflow:hidden;
   }
   .bannerimg-crop-innerwrap{
    float: left;
    width: 100%;
    height: 0px;
   }
    .bannerimg-crop-innerwrap.active{
    min-height: 340px;
    padding: 20px;
    }
    .bannerimg-crop-wrap ui-cropper{
    min-height: 300px;
    }
    .form-control{
    color: #000;
    /* font-family: 'DINNextLTPro-Regular' !important; */
    font-family: 'Inter', sans-serif !important;
    /*font-weight: bold;*/
    }
    .browse-input{
     display: none;
    }
    .row-20{
    margin: 0 -20px;
    }
    .docume{
    position: relative;
    /* overflow:hidden; */
    }
    .docume input[type="file"]{
     display: none;
    }
    .expiry-date-note input{
     height: auto!important;
    border: none!important;
    padding: 0!important
    }
    .uib-datepicker-popup button {
      padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
    }
    .uib-datepicker-popup.dropdown-menu .btn-info {
    color: #fff!important;
    background-color: #5bc0de!important;
     }
        .uib-datepicker-popup button.active{
            background-color: #5bc0de!important;
        }
        .uib-datepicker-popup button.active span{
            color: #fff!important;
        }
     .uib-datepicker-popup.dropdown-menu .btn-danger {
    color: #fff!important;
    background-color: #d9534f!important;
    margin-left: 5px;
     }
     .uib-datepicker-popup.dropdown-menu .btn-success {
     color: #fff!important;
    background-color: #398439!important;
     }
    /*.expiry-date-note button{
      height:0;
      width:0;
      padding: 0;
      overflow: hidden;
      background: transparent;
      border:none;
    }*/
    #business .docume input{
      background-image: none;
    }
    .docume .file-icon{
       position: absolute;
        top: 10px;
        right: 38px;
        z-index: 9;
        display: block;
		cursor:pointer;
    }
    .docume .cal-icon {
    position: absolute;
    top: 12px;
    right: 12px;
    color: #dc5766;
     z-index: 9;
     display: block;
	 cursor:pointer;
    }
    .expiry-date-note{
      position: relative;
      /* right: 0;
      left: 15px;
      position: absolute; */
     font-size: 12px !important;
    }
    .expiry-date-note input{
      font-size: 12px !important;
    }
    .expiry-date-note .input-group {
      position: static !important;
     }
    .expiry-date-note .uib-datepicker-popup.dropdown-menu{
	  top: -34px!important;
      left:auto!important;
      right:0!important;
      padding: 5px;
      box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.35);
    }
    .timefrom,.timeto,.timeseperator{
      float: left;
      display: inline-block;
      }
      .timeseperator p{
        padding: 0 25px;
        text-align: center;
        line-height: 77px !important;
        margin-bottom: 0;
      }
      .uib-time{
      padding: 0 5px;
      }
      .am-pm{
       padding: 0px;
        }
       .am-pm button{
          height: 25px;
          border: 1px solid #9e9e9e;
          border-radius: 2px;
          padding: 0px 8px!important;
          line-height: 20px;
          background: #db5161!important;
          color: #fff!important;
          outline: none!important
      }
      .uib-increment .btn-link,.uib-decrement .btn-link{
         color: #db5161!important;
          padding: 5px 5px !important;
          line-height: 0;
          outline: none!important
      }
      .uib-time .form-control{
            height: 25px;
            line-height: 25px !important;
            padding: 0;
            border: 1px solid #9e9e9e;
            border-radius: 2px;
            outline: none!important
      }
      .res_heading.bus-hrs{
        margin-top: 20px!important;
      }
      .business_pages .form-control{
        overflow: hidden;
        text-overflow: ellipsis;
      }
      ui-cropper{
        background-color: #f5f5f5;
      }
      .offer-toggler-holder .switch{
         margin-right: 0;
      }
  /**Mybusiness Page End**/

 /**dashboard start**/

 .inner_dash_page .online_offline_ban{
 border-radius:5px;
 overflow: hidden;
 position: relative;
 }
 .inner_dash_page .online_offline_ban .banner_image img{
  width:100%;
 }
 .inner_dash_page .online_offline_ban .text_button_online{
  top: 25%;
 }
 .switch{
  float: right;
  margin-right: 20px;
 }
 .online_offline_ban h1{
  text-align: left;
  padding-left: 30px;
 }
 .from_to_box{
    margin-left: 15px;
    margin-right: 10px;
  }
 .from_to_box .datepicker-holder {
    float: left;
    width: 43%!important;
    border-radius: 0;
  }
  .from_to_box .datepicker-holder .btn {
    height: 34px;
    }
  .from_to_box .input-group input.form-control {
    float: left;
    width: 100%!important;
    border-radius: 0;
   }

 /**dashboard end**/

/**Order history**/
    section.order_base {
    background: #f9f9f9 !important;
    min-height: 601px;
}
/**Order history end**/

/**Add Food Menu start**/
.cat-status-holder{
position: relative;
}
.cat-status-holder img{
position: absolute;
    max-height: 25px;
    right: 10px;
    top: 8px;
}
#categories .form-group.abt-mybus{
padding: 0;
}
/**Order history end**/




  /**developer**/
   ui-cropper.fixed-height {
    height: 100%;
    position: relative;
    overflow: hidden;
}

ui-cropper {
    width: 100%;
    display: block;
}


/**progressbar**/
.orders-time-wrap .progress{
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: transparent;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}
.orders-time-wrap .progress:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid #e44456;
    position: absolute;
    top: 0;
    left: 0;
}
.orders-time-wrap .progress > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.orders-time-wrap .progress .progress-left{
    left: 0;
}
.orders-time-wrap .progress .progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 3px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.orders-time-wrap .progress .progress-left .progress-bar{
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.orders-time-wrap .progress .progress-right{
    right: 0;
}
.orders-time-wrap .progress .progress-right .progress-bar{
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1  linear forwards;
    /*animation: loading-1 1.8s linear forwards;*/
}
.orders-time-wrap .progress .progress-value{
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    line-height: 0;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}
.orders-time-wrap .progress .progress-value h2{
    font-size: 14px;
    margin: 10px auto 5px;
  }
  .orders-time-wrap .progress .progress-value p{
    font-size: 10px;
    margin: 0;
  }
.orders-time-wrap .progress .progress-bar{
    border-color: #fff;
}
.orders-time-wrap .progress .progress-left .progress-bar{
    animation: loading-3  linear forwards ;
    /*animation: loading-3 1s linear forwards 1.8s;*/
}
@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
/**progressbar end**/


/**step wizard**/


.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fff;box-shadow: 0 0 8px 0px #a7a7a7; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot span {content: ' ';width: 14px;height: 14px;background: #c1c1c1;border-radius: 50px;position: absolute;top: 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;left: 8px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot span.active{background: #53d800;}
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #eaeaea;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
/* .bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;} */
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 100%;}
.bs-wizard > .bs-wizard-step:nth-child(2)  > .progress {left: 50%; width: 100%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {left: 50%; width: 0%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }

.bs-wizard > .picked_up.bs-wizard-step:first-child > .progress > .progress-bar{
   background:#e4e81e;
}
.bs-wizard > .food_delivered.bs-wizard-step:nth-child(2) > .progress > .progress-bar{
   background:#53d800;
}
/**step wizard end**/


/**Color management**/
section.dash_nav,.orders-innerwrap,div.tab{
  /*background-color: #330101;*/
  background-color: #101010;
}
div.tab button{
      /*border-bottom: 1px solid #5c3434;*/
      border-bottom: 1px solid #3c3c3c;
      background: #101010;
}
div.tab button:hover,div.tab button.active {
    /*background-color: #430707;*/
    /* background: #101010; */
    background: #1d1d1d;
    color: #fff;
}
.business_pages button,button.btn.btn-default.gren_new {
    background-color: #ce1126;
    border-color: #ce1126;
    color: #ffffff;
    /*background-color: #00b0ff;
    border-color: #00b0ff;
    color: #ffffff;
    transition: all linear 0.25s;*/
}
.business_pages button:active,.business_pages button:hover,button.btn.btn-default.gren_new:hover,button.btn.btn-default.gren_new:active{
    background-color: #101010;
    border-color: #101010;
    color: #fff;
    /*background-color: #101010;
    border-color: transparent;
    opacity: 0.85;
    color: #ffffff;
    transition: all linear 0.45s;*/
}
.am-pm button,.btn-default{
    /*background-color: #00b0ff!important;
    border-color: #00b0ff!important;
    color: #ffffff!important;
    transition: all linear 0.25s;*/
}
.am-pm button:hover,.btn-default:hover{
  /*background-color: #101010!important;
    border-color: #101010!important;*/
    /*background-color: #101010;
    border-color: transparent;
    opacity: 0.70;
    color: #ffffff!important;*/
    transition: all linear 0.25s!important;
}
#business .btn-default{
  /*padding: 8px 61px;*/
}

.uib-increment .btn-link, .uib-decrement .btn-link{
  /*color: #101010 !important;*/
}
.sidenav .submenu li a{
    color: #101010 !important;
    /*color: #101010 !important;*/
}
.sidenav .submenu li:hover a{
    color: #e44456 !important;
}
.sidenav .submenu li:hover {
    transition: .3s;
    /*background-color: #330101;*/
    background-color: rgba(0, 0, 0, 0.05);
}
.sidenav a{
  color: #101010!important;
  /*color: #fb3131!important;*/
}
.sidenav .mainmenu a:hover,.sidenav .mainmenu a.active {
    color: #e44456 !important;
    background-color: rgba(0, 0, 0, 0.05);
    padding-left: 32px;
    transition: all ease .3s;
}
.orders-innerwrap li .orders-wrap .order-for,.orders-innerwrap .orders-deliverywrap .section-title,.orders-detail-wrap .order-item-wrap p .special-note,.order_namez p{
  color: #e44456;
  /*color: #00b0ff;*/
}
.orders-innerwrap li:hover, .orders-innerwrap li.active {
    background: #282828;
    /*background: #430707;*/
   /* background: #101010;*/
}
.submenu-wrap:not(.active)>a:hover:before, .submenu-wrap.active>a:hover:before{
  /*color: #fff;*/
  color: #e44456 !important;
}
/**Color management End**/

/*---------------start search header----------------*/
section.header-breadcum {
    width: 100%;
    float: left;
}
.header-breadcum .breadcum {
    background-color: #f3f3f3;
}
.breadcum-sort {
    width: 100%;
    float: left;
}
.brad-filters select {
    border: 2px solid #b3b3b3;
    height: 36px;
    width: 100px;
    color: #161616;
    font-size: 14px;
    padding-left: 12px;
}
ul.sch-filters {
    padding: 0px;
    list-style: none;
    float: left;
  margin-bottom: 0px;

}
ul.sch-filters li {
    display: inline-block;
    padding: 20px 10px;
      margin: 0px;

}
ul.sch-filters li.brd-morefilt select {
    width: 130px;
}
li.doble-sle select {
    margin-left: -5px;
}
ul.sch-filters li:first-child {
    font-size: 14px;
    text-transform: uppercase;
    color: #161616;
}
ul.sort-filters {
    padding: 0px;
    list-style: none;
    float: right;
      margin-bottom: 0;

}
ul.sort-filters li {
    display: inline-block;
    padding: 20px 10px;
      margin: 0px;

}
.breadcum-sort select {
    border: 2px solid #b3b3b3;
    height: 36px;
    width: 120px;
    color: #161616;
    font-size: 14px;
    padding-left: 12px;
}
ul.sort-filters li:first-child {
    font-size: 14px;
    text-transform: uppercase;
    color: #161616;

}
/*---------------end search header----------------*/

/*---------------start search header-15/09/2017----------------*/
.empty_heder .nav.navbar-nav {
    width: 100%;
    float: left;
    padding: 10px 0;
}
.serach-fullfilter {
    width: 100%;
    float: left;
}
.serach-fullfilter .login-home {
    padding:0px;
}
.serach-fullfilter .login-home button{
    border-radius: 0px;
    padding: 13px 18px;
    /*border: 1px solid #ccc;*/
    height:49px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-transform: uppercase;
    color: #000000;
    font-weight: 600;
    font-size: 13px;
 }
.serach-fullfilter .login-home button:hover{
  color: #fff;
}
/*.empty_heder .userlogin-wrap{*/
/*    margin-top:5px;*/
/*}*/

 .serach-fullfilter .userlogin-wrap{
     width: 161px;
     height: 48px;
     border-radius: 8px;
     border: solid 1px #d9d9d9;
     background-color: #ffffff;
     background-image: url(../images/user.svg), url(../images/arrow-down.svg);
     background-position: 10% , 90%;
     background-repeat: no-repeat;
     padding: 15px 30px;
  -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
 }
 .serach-fullfilter .userlogin-wrap-inner .user-name{
  /*vertical-align: middle;*/
  display: block;
   max-width: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
 }
.header-sear {
    width: 100%;
    float: left;
  /*margin: 18px 0px;*/

}
.header-sear .sear-location {
    width: 256px;
    height: 48px;
    border-radius: 8px;
    border: solid 1px #b6b6b6;
    background-color: #ffffff;
    font-size: large;
    padding: 14px 12px;
    position: relative;
    right: -1px;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.header-sear .sear-location label {
    text-transform: uppercase;
    margin-bottom:5px;
    text-align: center;
    padding: 0 6px;
    float:left;
    position:absolute;
    top:-6px;
    left:20px;
    background-color:white;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-family: Inter;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.1px;
    color: #5a5a5a;
}.header-sear .sear-location p {
    width: 25%;
    float: right;
     font-family: Inter;
     font-size: 14px;
     font-weight: 500;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.14;
     letter-spacing: 0.17px;
     text-align: right;
     color: #c1292e;
}
.header-sear .sear-location h6 {
    font-size: 13px;
    color: #383838;
    font-weight: 600;
    float: left;
    width:75%;
    padding: 0 15px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 1px auto;
    line-height: 15px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display:inline
}
.header-sear .sear-location h6 .fa-map-marker{
  position: absolute;
  left:0;
  top:0px;
}
.header-sear .sear-location h6 .fa-chevron-down{
  position: absolute;
  right:0;
  top:0px;
}
.col-sec{
 /*width:26%;*/
 width:22%;
 float:left;
 position: relative;
}
.col-secpart {
    /*width: 56%;*/
    width: 41.5%;
    float: left;
  position: relative;
  }
  .header-lcserach {
    width: 100%;
    float: left;
}
.header-lcserach button {
    float: right;
    width: 20%;
    height: 48px;
    border-radius: 0 8px 8px 0;
    border: solid 1px #c0282e;
    background-color: #c0282e;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: 0.17px;
    text-align: center;
    color: #ffffff;
}
.header-lcserach input {
    float: left;
    height: 48px;
    width: 80%;
    /*margin: 18px 0px;*/
    border-radius: 8px 0 0 8px;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
    /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); */
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s,height ease 0.4s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,height ease 0.4s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,height ease 0.4s;
  background: url(../images/header-serach.png);
    background-repeat: no-repeat;
    background-position: 25px;
    padding-left: 60px;
    text-overflow: ellipsis;
}
.header-seracbut {
    /*width: 18%;*/
    /*float: left;
    padding-left: 21px;*/
    display: inline-block;
    float: right;
    padding: 0 13px;

}
.btn-yurcart button {
    color: #000000;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    width: 99px;
    height: 48px;
    border-radius: 8px;
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
    background-image: url(../images/cart.svg), url(../images/arrow-down.svg);
    background-position: 10% , 90%;
    -webkit-appearance: initial;
    background-repeat: no-repeat;
    -moz-appearance: none;
    padding: 15px 0;
    /*min-width: 123px;*/
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.open>.dropdown-toggle.btn-default {
    color: #000000;
    background-color: #ffffff;
    background-image: url(../images/cart.svg), url(../images/arrow-down.svg);
}
.serach-location-dropdown {
    position: absolute;
    width: 210%;
    background: #fff;
    border-radius: 0 3px 3px;
    top: 98%;
    border: 1px solid #CCC;
    left: 1px;
    z-index: 9999;

}

.serach-location-dropdown .drop-header {
    background: #f3f3f3;
    padding: .75rem 1rem;
    font-weight: 700;
}
.serach-location-dropdown .current-location {
    position: absolute;
    top: 14px;
    right: 17px;
    background: #e9e9e9;
    padding: 8px;
    border-radius: 3px;
    color: #7c7c7c;
    width: 150px;
    border: 0;
    white-space: nowrap;
    /* font-weight: 700; */
    font-size: 13px;
    cursor:pointer;
}
.serach-location-dropdown .ser-another-loaction {
    position: relative;
    padding: 1rem;
}
.serach-location-dropdown span.user-loc {
    font-size: 12px;
    font-weight: normal;
}
.serach-location-dropdown .sear-input input {
    height: 42px;
}
.saerch-rest {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #fff;
    top: 60px;
    border-radius: 3px;
    border: 1px solid #cbcbcb;
    cursor: auto;
      z-index: 9999;

}
.saerch-rest .arrow-mark {
    position: absolute;
    height: 18px;
    width: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -9px;
    left: 4%;
    box-shadow: rgba(0,0,0,.34902) -3px -3px 5px -4px;
    background: #f3f3f3!important;
    border-left: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
}
.location-headings h4 {
    font-size: 18px;
    padding: 12px 25px;
    border-bottom: 1px solid #cbcbcb;
    background-color: #f3f3f3;
      margin: 0px;

}
.saerch-rest ul.search-result {
    list-style: none;
    width: 100%;
    float: left;
  padding: 0 20px;
  max-height: 270px;
    overflow: auto;

}
.saerch-rest ul.search-result li .sera-res {
    width: 100%;
    float: left;
}
.saerch-rest ul.search-result li .sear-left {
    width: 30%;
    float: left;
}
.sear-right {
    width: 70%;
    float: left;
    padding-left: 20px;
}
.sear-right h4{
  margin: 8px 0 3px;
      text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.sear-right p{
  margin: 5px 0 3px;
      text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.saerch-rest ul.search-result li .sear-left img {
    width: 104px;
}
.sear-right h4 a {
    font-size: 18px;
    color: #292929;
    text-decoration: none;
}
.sear-right p a {
    font-size: 14px;
    color: #807b7b;
    text-decoration: none;
}
ul.search-result li {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
    width: 100%;
    float: left;
}
.search-footer {
    background-color: #f3f3f3;
    float: left;
    width: 100%;
    margin: 0px;
    padding: 15px 40px;
}
.search-footer p{
  margin-bottom:0px;
}
.search-footer p a {
    color: #ce1126;
    font-size: 16px;
}
.not-found{
  background: url("../images/notfound.png") 100% 100% no-repeat;
    background-size: contain;
    height: 120px !important;
}
/*---------------end search header----------------*/
/*---------------start restaurant-popup---------------*/
.restaurant-popup{
  width:100%;
  float:left;
  background: #fff;
}
.resta-popmiddle {
    width: 100%;
    margin: 0 auto;
}
.resta-popmiddle {
    width: 100%;
    margin: 10% auto;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 8px #ddd;
}
.res-header h2{
  font-size:20px;
  /* font-family: 'DINNextLTPro-Medium'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: 600;
  color:#161616;
  margin: 0px;
  padding: 0px 0px 6px;

}
.res-header p{
  font-size:14px;
  color:#7c7c7c;
   padding:0;
   margin-bottom: 0;
  }
 .res-header {
   /*  padding: 30px; */
/*    margin: 0px 0px 50px;
    border-radius: 4px;
    box-shadow: 1px 1px 8px #ddd;*/
    width: 100%;
    float: left;
}
.resheader-right {
    float:right;
}
.resheader-left {
    width: 80%;
    float: left;
}
.resheader-right img {
    cursor: pointer;
    max-height: 25px;
}
.res-back {
    border-bottom: 1px solid #eaeaea;
    float: left;
    width: 100%;
    background-color: #fbfbfb;
}
.res-models{
  padding:20px;
  float: left;
    width: 100%;
}
.resc-body {
    padding: 20px;
    float: left;
    width: 100%;
    margin: 0px;
  /*height: 400px;*/
  max-height: 270px;
    overflow: auto;
  border-bottom: 1px solid #eaeaea;
}
.body-struct{
    float: left;
    width:100%;
}
.body-struct h4 {
    color: #161616;
    font-size: 15px;
    margin: 0px 0px 15px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 14px;
  /* font-family: 'DINNextLTPro-Medium'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: 600;
  text-transform: uppercase;
  float: left;
    width: 100%;
}
.body-struct ul.detilas-respop:not(:last-of-type){
  margin-bottom: 20px;
}
.body-struct ul.detilas-respop li,.body-struct .form-group{
    float: left;
    width: 100%;
 }
/* Base for label styling */
.detilas-respop [type="checkbox"]:not(:checked),
.detilas-respop [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.detilas-respop [type="checkbox"]:not(:checked) + label,
.detilas-respop [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    font-size: 14px;
    color: #161616;
  /* font-family: 'DINNextLTPro-Regular'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: 600;
}

/* checkbox aspect */
.detilas-respop [type="checkbox"]:not(:checked) + label:before,
.detilas-respop [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #020202;
  background: #fff;
  border-radius: 0px;
}


/* checked mark aspect */
.detilas-respop [type="checkbox"]:not(:checked) + label:after,
.detilas-respop [type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
      top: 4px;
    left: 3px;
    font-size: 12px;
    line-height: 0.8;
    color: #ce1126;
    transition: all .2s;
}
/* checked mark aspect changes */
.detilas-respop [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.detilas-respop [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.detilas-respop [type="checkbox"]:disabled:not(:checked) + label:before,
.detilas-respop [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.detilas-respop [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
.detilas-respop [type="checkbox"]:disabled + label {
  color: #aaa;
}

/* radio btn*/
.detilas-respop [type="radio"]:not(:checked),
.detilas-respop [type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
.detilas-respop [type="radio"]:not(:checked) + label,
.detilas-respop [type="radio"]:checked + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    font-size: 14px;
    color: #161616;
  /* font-family: 'DINNextLTPro-Regular'; */
  font-family: 'Inter', sans-serif !important;
  font-weight: 600;
}

/* radio aspect */
.detilas-respop [type="radio"]:not(:checked) + label:before,
.detilas-respop [type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 15px;
    height: 15px;
    border: 1px solid #020202;
    background: #fff;
    border-radius: 50%;
}


/* checked mark aspect */
.detilas-respop [type="radio"]:not(:checked) + label:after,
.detilas-respop [type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    top: 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    left: 4px;
    font-size: 12px;
    line-height: 0.8;
    background: #ce1126;
    transition: all .2s;
}
/* checked mark aspect changes */
.detilas-respop [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.detilas-respop [type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled radio */
.detilas-respop [type="radio"]:disabled:not(:checked) + label:before,
.detilas-respop [type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.detilas-respop [type="radio"]:disabled:checked + label:after {
  color: #999;
}
.detilas-respop [type="radio"]:disabled + label {
  color: #aaa;
}
/* radio btn*/

/* accessibility */
/*.detilas-respop [type="checkbox"]:checked:focus + label:before,
.detilas-respop [type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted blue;
}*/

/* hover style just for information */
/*.detilas-respop label:hover:before {
  border: 2px solid #4778d9!important;
}*/

ul.detilas-respop {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.mod-bodyleft {
    float: left;
    width: 80%;
}
.mod-bodyright {
    float: right;
}
ul.detilas-respop p {
    padding: 3px 0px;
    margin: 0px;
}
.detilas-respop p {
    font-size: 14px;
    color: #161616;
    font-weight: 600;
    padding: 2px 0px 20px;
}
.body-struct h5 {
    color: #161616;
    font-size: 15px;
    margin: 30px 0px 20px;
    /* font-family: 'DINNextLTPro-Medium'; */
    font-family: 'Inter', sans-serif !important;
  font-weight: 600;
    text-transform: uppercase;
      float: left;
    width:100%;
}
.body-struct label{
 font-weight: normal !important;
}
.detilas-respop.basepack .mod-bodyleft{
 width:100%;
}
.detilas-respop.basepack .mod-bodyleft .mod-bodyleft {
    padding-left: 15px;
}
.detilas-respop.basepack h6 {
    font-size: 15px;
    font-weight: 600;
    color: #bb2030;
}
.body-struct  textarea.form-control {
    border-radius: 0px;
    height: 120px!important;
    border: 1px solid #cccccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.res-footer {
    border-bottom: 1px solid #eaeaea;
    float: left;
    width: 100%;
}
.res-modelsfooter{
    padding: 20px;
    float: left;
    width: 100%;
    margin: 0px;
    border-bottom: 1px solid #eaeaea;
      background-color: #fbfbfb;
  }
.resfooter-right button {
    background-color: #ce1127 !important;
    color: #fff !important;
    border-color: #ce1127;
    padding: 7px 10px;
    width: 100%;
    height: 40px;
    border-radius: 0px;
    font-size: 15px;
    text-transform: uppercase;
}
.resfooter-left,.resfooter-right {
    width: 50%;
    float: left;
}
.resfooter-left {
    width: 50%;
    float: left;
}
.pop-maxmin{
  width: 210px;
      margin: 0 auto;
}
.pop-maxmin button.btn.btn-default.btn-number {
        height: 40px;
    border-radius: 0px;
    padding: 0;
    width: 40px;
      border: 1px solid #cccccc;
        background-color: #fbfbf9;
}
.pop-maxmin form{
  height: 40px;
  width:70px;
  display: table-cell;
}
.pop-maxmin input.form-control.input-number{
    height: 40px;
    border-radius: 0px;
    width: 100%;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
      text-align: center;

      border: 1px solid #cccccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      background-color: #fbfbf9;
}
.pop-maxmin .input-number[type=number]::-webkit-inner-spin-button,
.pop-maxmin .input-number[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pop-maxmin .input-group-addon, .input-group-btn{
 width:auto;
}
.pop-maxmin button.btn.btn-default.btn-number.left {
    background-color: #efefed;
}
.pop-maxmin span.glyphicon.glyphicon-minus {
    color: #636162;
    font-size: 11px;
}
.pop-maxmin span.glyphicon.glyphicon-plus {
    color: #ce2134;
    font-size: 11px;
}
/*---------------end restaurant-popup---------------*/


/**landing**/
/*.error-msg-holder{ position: relative; }
 .error-msg{
  position:absolute;
     top:100%;   left: 0;   width: 100%;   margin: 0 auto;
padding: 15px 10px;     background: #ff4255;     color: #fff;     font-size:
13px;     text-align: center;  }
.ng-map-wrapper{  position: relative;
overflow-x: hidden; }
 .ng-map-wrapper .search-location-dropdown{  position:
absolute;     width: 86%;     left: 7%;     top: 20%; } .ng-map-wrapper
.search-location-dropdown-inner{    position: relative; } .ng-map-wrapper
.search-location-dropdown input{    width: 100%;     border-radius: 2px;
border: none;     box-shadow: 0px 2px 6px 0px #888888;     height: 38px;
font-size: 13px;     line-height: 38px;   }   .ng-map-wrapper .search-
location-dropdown .current-location-picker{     position: absolute;     right:
0%;     top:0;     height: 100%;     cursor: pointer;     background: #fff;
}   .current-location-picker span{         padding: 0px 15px;     display:
inline-block;     border-left: 1px solid #e8e8e8;     line-height: 38px;
font-size: 13px;   }   .current-location-picker span img{    margin-left:
10px;   }   .show-res-btn{

  }*/

  .error-msg-holder {
    position: relative;
}
.error-msg {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin: 0 auto;
    border-radius: 8px;
    padding: 15px 10px;
    background: #ffffff;
    color: #790000;
    font-size: 13px;
    text-align: center;
}
.ng-map-wrapper {
    position: relative;
    overflow-x: hidden;
}
.ng-map-wrapper .map-wrap{
    position:relative;
    margin-left: 5px;
}
.ng-map-wrapper .search-location-dropdown {
    position: absolute;
    width: 86%;
    left: 7%;
    top: 25px;
}
.ng-map-wrapper .search-location-info{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 40px;
    text-align: center;
}
.ng-map-wrapper .search-location-info p{
    margin: auto;
    display: inline-block;
    background: rgba(0, 0, 0, 0.78);
    color: #fff;
    font-size: 13px;
    border-radius: 25px;
    padding: 5px 45px;
}
.ng-map-wrapper .search-location-dropdown-inner {
    position: relative;
}
.ng-map-wrapper .search-location-dropdown input {
    width: 100%;
    border-radius: 2px;
    border: none;
    box-shadow: 0px 2px 6px 0px #888888;
    height: 38px;
    font-size: 13px;
    line-height: 38px;
    padding-right: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ng-map-wrapper .search-location-dropdown .current-location-picker {
    position: absolute;
    right: 0%;
    top: 0;
    height: 100%;
    cursor: pointer;
    background: #fff;
}
.current-location-picker span {
    width: 488px;
    height: 48px;
    background-color: rgba(247, 247, 247, 0);
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: -0.17px;
    text-align: right;
    color: #000000;
}
.current-location-picker span img {
    margin-left: 10px;
}
.show-res-btn {}

/**landing end**/

/**search**/
 .search-filter-wrap{
   background: #f5f5f5;
   padding: 15px 0;
   /*position: relative;*/
   position: fixed;
   z-index: 99;
   box-shadow: 0 2px 7px #b5b5b5;
   transition:all ease 0.5s
 }
 .search-filter-heightfiller{
  float: left;
  width: 100%;
  height:64px;
  transition:all ease 0.5s
 }
 .search-filter-wrap .col-sm-4,.search-filter-wrap .col-sm-8{
  position: static;
 }
 .search-cusine-content{
  position: absolute;
  top:100%;
  left:0;
  right:0;
  width:100%;
  background:#fff;
  padding: 15px 0;
  z-index: 999;
  box-shadow: 1px 8px 10px rgba(80, 80, 80, 0.18);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.search-cusine-content label{
  margin:5px auto!important;
  text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .cusine-drop-down-li.active > a{
    position: relative;
    background-color: #e6e6e6;
  }
  .cusine-drop-down-li.active > a:after {
    content: '';
    position: absolute;
    bottom: -16px;
    left: -1px;
    height: 20px;
    width: calc(100% + 2px);
    background: #ffffff;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    z-index: 1010;
    display: none;
}
  .avail-res-count{
    float: left;
    width: 100%;
    font-size: 22px;
    line-height:34px;
  }
  .filter-options{
    float: right;

  }
  .filter-options>span{
  float: left;
  line-height: 34px;
    padding: 0 10px;
  }
  .filter-options ul{
    margin-bottom:0;
    float: left;
    border:1px solid #ddd;
    border-radius: 3px;
    margin-left: 5px;
  }
  .filter-options ul li{
    padding: 0;
    float: left;
  }
  .filter-options .btn{
    border-radius: 0;
    border:none;
    padding: 6px 15px;
  }
  .filter-options .btn.active{
     position: relative;
   }
   .filter-options .btn.active::before{
    content: "";
    position: absolute;
    top: 100%;
    height: 100%;
    width: 100%;
    background: #fff;
    display: block;
    left: 0;
   }
  .filter-options ul li:nth-child(2) .btn{
    border:none;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
  }
  .filter-options .btn label{
   margin-bottom: 0!important;
   font-weight: normal;
  }
  .apply-filter-btn{
    background-color: #29bf0e !important;
    color: #ffffff !important;
    border-radius: 3px !important;
    border:none!important;
    margin-right: 15px;
    float: left;
    min-width: 110px;
  }
  .cancel-filter-btn{
    background-color: #e6e6e6 !important;
    color: #4a4a4a !important;
    border-radius: 3px !important;
    border:none!important;
    margin-right: 15px;
    float: left;
    min-width: 110px;
  }
  .clear-filter-btn{
    background-color: #cc1124 !important;
    color: #ffffff !important;
    border-radius: 3px !important;
    border:none!important;
    float: right;
    min-width: 110px;
  }
  .apply-filter-btn:hover,.cancel-filter-btn:hover,.clear-filter-btn:hover{
   opacity: 0.75;
   transition: opacity ease .5s;
  }
  .mt-65{
    margin-top: 65px;
  }
  .sort-by-options ul li{
  position: relative;
  }
  .sort-by-options ul li button{
    background-color: #fff!important;
  }
  .sort-by-options ul li.open button:after{
    content: '';
    position: absolute;
    bottom: -6px;
    left: -1px;
    height: 15px;
    width: calc(100% + 2px);
    background: #ffffff;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    z-index: 1010;
  }
  .sort-by-options ul li .dropdown-menu {
    right: -1px;
    left: auto;
    top: 35px;
    padding: 10px 0;
    width: 200px;
    border-top-right-radius: 0;
   }
  .sort-by-options ul li .dropdown-menu li {
    padding: 7px 10px;
    cursor: pointer;
    position: relative;
    width: 100%;
   }
  .sort-by-options ul li .dropdown-menu li:hover {
    background: #f5f5f5;
   }
/**search end**/

/**pac-container**/
.ser-another-loaction{
  position: relative;
}
.ser-another-loaction .pac-container{
  position: absolute;
  top:100% !important;
  left:0 !important;
  margin-top: -5px;
}
/**pac-container end**/

/**search-popup-options **/
.search-popup-info{
  float: left;
  width:100%;
 text-align: center;
 padding: 15px 0;
}
.search-popup-info p{
margin-bottom: 0;
  }
.search-popup-options{
  float: left;
  width:100%;
 text-align: center;
 padding: 8px 0;
}
.search-popup-options .btn{
    width: 488px;
    height: 48px;
    border-radius: 8px;
    background-color: #c1292e;
    font-family: Inter;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: -0.1px;
    text-align: center;
    color: #ffffff;
    border: 0;
}
.search-popup-options .btn[disabled]{
  background-color: #fff;
     color:#000;
}
/**search-popup-options end**/

/*------------------start restaurant----------------*/
.recomm-menudeta {
    width: 100%;
    float: left;
    /*border: 1px solid #e5e5e5;*/
}

.recomm-menudeta ul.re-menudetails {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
    list-style: none;
    border: 1px solid #e5e5e5;
}
.recomm-menudeta ul.re-menudetails > li {
    font-size: 15px;
    /* padding: 14px 20px 14px; */
  /* border: 1px solid #e5e5e5; */
  border: none!important;
  cursor: pointer;
  text-transform: lowercase;
}
.recomm-menudeta ul.re-menudetails > li:first-letter {
    text-transform: capitalize;
}
.recomm-menudeta ul.re-menudetails > li > a {
    /* padding: 12px 10px 12px 45px; */
    padding: 12px 25px;
    font-size: 12px;
    color: #0c0c0c;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #e5e5e5;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
}
.recomm-menudeta ul.re-menudetails > li:last-child > a{
    border-bottom: none;
}
.recomm-menudeta ul.re-menudetails > li > a.active {
    background-color: #ce1126;
    color: #fff!important;
}
.recomm-menudeta ul.re-menudetails > li > a:hover{
    background-color: #ce1126;
    color: #fff!important;
}
.re-submenudetails{
    background: #f3f3f2;
    padding: 0px;
}
.re-submenudetails > li {
    font-size: 12px;
    border: none!important;
    cursor: pointer;
    text-transform: capitalize;
    font-family: 'Inter', sans-serif;
}
.re-submenudetails > li > a{
  padding: 7px 10px 7px 35px;
  color: #0c0c0c;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #e5e5e5;
}
.re-submenudetails > li:last-child > a{
    border-bottom: none;
}
.re-submenudetails > li > a.active {
    background-color: none;
    color: #ce1126!important;
}
.re-submenudetails > li > a:hover{
    background-color: none;
    color: #ce1126!important;
}
/*------------------end restaurant----------------*/

.search-box-input.ng-empty + .saerch-rest{
       opacity: 0;
       display: none;
      }
      .search-box-input.ng-not-empty + .saerch-rest{
       opacity: 1;
      }
      .mob-header-search .saerch-rest{
         border: 1px solid #cbcbcb;
      }

 .bkn-form .form-group{
  float: left;
  width:100%;
 }
 .reg-map-wrap{
  height:150px;
 }
.reg-map-wrap ng-map{
  width:100%;
  height:100%;
}
.multiselect-holder{
  position:relative;
  cursor: pointer;
}
.multiselect{
  display:none;
  position: absolute;
  top:100%;
  left:0;
  right:0;
  height: auto;
  padding: 10px 0;
  max-height:200px;
  overflow-y: auto;
  box-shadow: 0px 3px 16px -3px #828282;
  background: #fff;
  z-index: 999;
}
.multiselect.active{
display: block;
  }
.multiselect li{
padding: 5px 15px 2px;
background: #ffffff;
color: #000;
cursor:pointer;
}
.multiselect li:hover{
background: #f7f7f7;
color: #000;
}
.multiselect li label{
 margin: 0;
 width:100%;
 height: 100%;
 font-size: 15px;
    display: block;
    font-weight: normal;
}
.multiselect [type="checkbox"]:not(:checked) + label:before, .multiselect [type="checkbox"]:checked + label:before{
  width:18px;
  height:18px;
}
.ui-select-wrap .ui-select-container{
overflow:visible;
}


/**loading spinner**/
.landing-banner-submit{
  position: relative;
 }
.landing-banner-submit .spinner{
  position: absolute;
  top:30px;
  width: 100%;
}
.spinner {
  margin: auto;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
/**loading spinner end**/


/**user view popups**/


  .Register_popup{
    float: left;
    width:100%;
  }
  .popup_inner{
    display: block;
    text-align: center;
    float: left;
    width:100%;
  }
  .Register_popup header {
      float: left;
      width:100%;
      position: relative;
      display:block;
  }
  .pop_header {
      float: left;
      width:100%;
      /* padding: 22px 15px; */
      padding: 15px 10px;
      position: relative;
      display: block;
      border-bottom: 1px solid #f1f1f1;
  }
  .pop_cls_btn {
      position: absolute;
    right: 12px;
    padding: 2px 7px 0px;
    top: 12px;
    /* background: #cc1126; */
    color: #000;
    cursor: pointer;
    font-size: 20px;
  }
  .pop_tle {
      float: left;
      width:100%;
      font-size: 22px;
      font-weight: bold;
  }
  .pop_tle {
      font-size: 18px;
      font-weight: bold;
  }
  .pop_full_cont,.pop_full_inner_cont{
   float: left;
      width:100%;
  }
  .pop_full_inner_cont{
    padding: 20px 0 0;
  }
  .pop_full_inner_cont form{
      float: left;
      width:100%;
  }
  .frm_cnt {
      position: relative;
      display: inline-block;
      width: 80%;
      border-radius: 0;
      border: 1px solid #737373;
      margin-bottom: 25px;
  }

  .frm_cnt input {
      width: 100%;
      height: 50px;
      border: none;
      padding-left: 50px;
      background-repeat: no-repeat;
  }
  .user-login-popup .phn_nbr input{
      /*background-image: url(/app/site/public/images/phone.png);*/
      background-size: 20px;
      background-position: 15px;
  }
.user-login-popup .pin input{
    background-image: url(/app/site/public/images/pincode.png);
    background-size: 20px;
    background-position: 15px;
}
  .phn_nbr .selected-flag {
    padding: 0 0 0 15px !important;
  }
  .frm_cnt .intl-tel-input .selected-flag .arrow{
    display: none;
  }
  .frm_cnt .intl-tel-input .country-list .country {
    text-align: left;
   }
  .pswrd input{
      background-image: url(/app/site/public/images/password.png) !important;
      background-size: 16px;
      background-position: 18px;
  }
  .frs_name input,.lst_name input{
      background-image: url(/app/site/public/images/person.png);
      background-size: 22px;
      background-position: 15px;
  }
  .eml input{
      background-image: url(/app/site/public/images/envelope.png);
      background-size: 16px;
      background-position: 18px;
  }
  .frm_logo {
      display: inline-block;
      position: absolute;
      left: 20px;
      top: 50%;
      -webkit-transform: translateY(-50%);
  }

  .subm_btn {
      width: 80%;
      display: inline-block;
  }
  .subm_btn .btn {
      border-radius: 3px;
      width: 100%;
      padding: 14px;
      background: #cc1126;
      font-size: 16px;
      color: #fff;
      border: none;
      /*text-transform: capitalize;*/
      display: inline-block;
      text-decoration: none;
  }
.subm_btn .btn:first-letter {

    text-transform: capitalize;

}
    .subm_btn a {
      border-radius: 3px;
      width: 100%;
      padding: 14px;
      background: #cc1126;
      font-size: 16px;
      color: #fff;
      border: none;
      text-transform: capitalize;
      display: inline-block;
      text-decoration: none;
  }
  .frgt_pass{
      float: left;
      width:100%;
  }
  .or_div {
      text-transform: uppercase;
      font-size: 16px;
      margin-top: 0px;
      background: #fff;
      display: inline-block;
      text-align: center;
      -webkit-transform: translateY(-50%);
      padding: 0 10px;
  }

  hr {
      margin-top: 21px;
      margin-bottom: 0px;
      float: left;
      width: 100%;
      border-top: 1px solid #e0e0e0;
  }
  .scal_cont {
      width: 100%;
      display:block;
  }
  .scal_inner {
      display: inline-block;
      width: 90%;
  }
  .fb_login.scal_btn {
      width: 48%;
      float: left;
      text-align: left;
  }
  .gp_login.scal_btn {
      float: right;
      width: 48%;
      text-align: right;
  }
  .fb_login.scal_btn .fb_button, .gp_login.scal_btn
   .gp_button {
      width: 100%;
      padding: 10px 8px;
      color: #fff;
  }
  .gp_login.scal_btn .gp_button {
      background: #c50903;
      border: none;
      font-size: 12px;
  }
  .fb_login.scal_btn .fb_button i, .gp_login.scal_btn
   .gp_button i {
      padding-right: 5px;
  }
  .fb_login.scal_btn .fb_button {
      background: #357ebd;
      border: none;
      font-size: 12px;
  }
  .pop_footer {
     padding: 15px 0px 20px;
    font-size: 16px;
    float: left;
    width: 100%;
  }
  .pop_footer a {
      color: #000;
  }
  .sgn_up_btn {
      width: 80%;
      display: inline-block;
  }
  .sgn_up_btn .signup_btn {
      width: 100%;
      background: #fff;
      color: #cc1126;
      padding: 14px 8px;
      font-size: 16px;
      font-weight: bold;
      border-radius: 5px;
      cursor: pointer;
      border: 2px solid #cc1126;
      display: inline-block;
      text-decoration: none;
  }
  .frgt_pass a {
      color: #000;
      text-decoration: none;
  }
  .frgt_pass {
      padding: 15px 0px 0px 0px;
      font-size: 18px;
  }
  .frgt_pass a:hover {
      text-decoration: underline;
  }
  .reg_code {
      padding: 10px 0px;
      width: 80%;
      display: inline-block;
  }
  .reg_code_title {
      font-size: 19px;
      text-align: left;
      padding: 0px 15px 20px 15px;
  }
  .reg_code_input input {
      font-size: 16px;
      height: 26px;
      border: none;
      display: inline-block;
      width: 20%;
      text-align: center;
      -webkit-appearance: none;
      border-bottom: 1px solid gray;
      outline: none!important;
  }
   .reg_code_input input[type=number]::-webkit-inner-spin-button,.reg_code_input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    }
  .reg_code_input {
      margin-bottom: 35px;
  }
  .re_snd_cde {
      padding: 20px 0px;
      display: inline-block;
      width: 100%;
  }
  .re_snd_cde a {
      text-align: right;
      float: right;
      text-decoration: none;
      color: #d81616;
  }
  .re_snd_cde_link{
    display: inline-block;
    width: 80%;
  }
  .reg_code .subm_btn a {
      width: 50%;
  }

/**user view popups end**/

/**modal-popups**/
 .modal{
     z-index: 10000 !important;
 }
 .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .85;
    background-color: transparent;
}
.modal-wrapper{
position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(255,255,255,.85); */
    background-color: rgba(0, 0, 0, 0.31);
    z-index: 10000;
  display: table;
}
.modal-wrapper:after, .modal-wrapper:before {
    content: '';
    display: table-cell;
    width: 50%;
}
.modal-dialog{
max-height:inherit !important;
    display: initial;
    vertical-align: middle;
}
.modal-outer-wrap{
 display: table-cell;
    vertical-align: middle;
}

  .modal-inner-wrap{
  max-height: calc(100vh - 10vh);
  width: 480px;
  margin: auto;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  background: #fff;
  box-shadow: 0 2px 11px 0px #a5a5a5;
  border-radius:3px;
    }
.modal-body {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    padding:6px;
    border-radius: 12px;
    width: 100%;
 }

.modal-body::-webkit-scrollbar {
    width: .4em;
    height: 0.4em;
}

.modal-body::-webkit-scrollbar-track {
    background-color: #ececec;
}

.modal-body::-webkit-scrollbar-thumb:vertical {
  background-color: #cacaca;
  outline: 1px solid #cacaca;
  max-height:.8em !important;
  -webkit-border-radius: 0px;
  height:5px !important;
}


  .modal-header {
      padding: 10px;
    border-bottom: 0;
    background: #ffffff;
    color: #191919;
    /*border-bottom: 1px solid #f1f1f1;*/
    }
    .modal-header .close {
        margin-top: -1px;
        color: #2b2b2b;
        font-size: 26px;
        opacity: 1;
        outline: none!important;
    }
  .modal-title {
    margin: 0;
    line-height: auto;
    }
    .modal-title .close {
      margin: 0 30px 0 0 ;
      float:left;
      color: #fff;
      opacity: 1;
  }

 /**custom popups**/
  .restaurant-detail-popup .modal-body{
    max-height:400px;
    max-height: calc(100vh - 100px);
    overflow: hidden;
  }
  .user-login-popup .modal-body{
    max-height:400px;
    max-height: calc(100vh - 100px);
  }
  .user-register-popup{
    max-height:400px;
    max-height: calc(100vh - 100px);
  }
  .user-logout-popup .modal-body{
    padding: 45px 20px;
  }
  .user-logout-popup .modal-body p{
    font-size: 16px;
    text-align: center;
    margin: 0;
  }
  .user-logout-popup .modal-footer{
    text-align: center;
  }
  .user-logout-popup .modal-footer .btn-ok{
    min-width: 80px;
    background: #3ebb43;
    color: #fff;
    font-size: 16px;
  }
  .user-logout-popup .modal-footer .btn-cancel{
    min-width: 80px;
    background: #9e9e9e;
    color: #fff;
    font-size: 16px;
  }
  .user-saved-address-popup{
    width: 600px;
  }
  .user-saved-address-popup .modal-header .secondrary-title{
    color: #b3b3b3;
    font-weight: normal;
    font-size: 13px;
  }
  .user-saved-address-popup .modal-body{
    padding: 15px 0;
  }
  .user-saved-address-popup ul.delivery_address li {
    margin-bottom: 10px;
  }
  .user-saved-address-popup ul.delivery_address li .add_address {
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.09);
  }
  .user-saved-address-popup ul.delivery_address.unavailable li .add_address {
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.09);
     opacity: 0.5;
  }
  .user-saved-address-popup ul.delivery_address li:last-child{
     margin:0;
  }
  .user-saved-address-popup ul.delivery_address li .add_address p span{
     max-width: 80%;
  }
  .user-saved-address-popup .sub-title {
    margin: 20px 0 10px;
    font-size: 15px;
    color: #000;
   }
  .user-saved-address-popup ul.delivery_address li .add_address p .remove{
     width: 18%;
    text-align: right;
   }
   .user-saved-address-popup ul.delivery_address li .add_address p .remove img{
    height: 20px;
    width: 20px;
    float: right;
    display:none;
   }
   .user-saved-address-popup ul.delivery_address li:hover .add_address p .remove img{
     display:block;
     cursor:pointer;
    }
    .restaurant-detail-popup{
     width: 550px;
    }
    .checkout-addnew-address-popup{
       width: 650px;
    }
    .checkout-addnew-address-popup .steps-to-go{
    float: right;
    margin-right: 15px;
    font-size: 15px;
    padding-top: 2px;
    color: #777777;
    }
    .checkout-addnew-address-popup .modal-sub-title{
    color: #777777;
    }
    .checkout-addnew-address-popup .search-popup-options{
        text-align:center;
        padding: 10px 25px;
        line-height: 34px;
    }
    .checkout-addnew-address-popup .search-popup-options .btn{
        float:right;
    }
    .checkout-addnew-address-popup .search-popup-options .show-saved-address{
       float:left;
       color: #cc1124;
       cursor:pointer;
       outline:none;
    }
    .checkout-addnew-address-popup .step2 .map-img{
       overflow: hidden;
       max-height: 350px;
       min-height: 350px;
       padding: 0;
    }
    .checkout-addnew-address-popup .step2 .map-img img{
        width:100%;
     }
    .checkout-addnew-address-popup .new-add-content h4{
      font-size: 13px;
      margin-top: 15px;
      margin-bottom: 5px;
    }
    .checkout-addnew-address-popup .new-add-content .area-name{
        display: block;
        background: #ececec;
        padding: 4px 12px;
        border-radius: 3px;
        color:#cc1124;
        font-weight:normal;
        font-size: 16px;
    }
    .checkout-addnew-address-popup .new-add-content .area-name span{
        display: block;
        color: #484848;
        font-weight: normal;
        font-size: 12px;
    }
    .checkout-addnew-address-popup .new-add-content .form-group {
        margin-bottom: 10px;
    }
    .checkout-addnew-address-popup  ul.delivery_address li{
        padding:0;
        margin-bottom: 9px;
    }
    .checkout-addnew-address-popup  ul.delivery_address li:last-child{
        margin-bottom: 0px;
    }
    .checkout-addnew-address-popup .new-add-content ul.delivery_address li .new_add {
      width: 80%;
    }
    .checkout-addnew-address-popup .new-add-content ul.delivery_address li .add_address {
    height: 40px;
    }
    .checkout-addnew-address-popup  ul.delivery_address li .new_add{
        padding:11px 0px;
    }
    .checkout-addnew-address-popup  ul.delivery_address li .new_add h4{
        margin: 0;
        text-align: left;
        padding: 0 12px;
        font-size: 15px;
    }
    .checkout-addnew-address-popup  ul.delivery_address li .new_add h4 input{
        width: auto;
        display: inline-block;
        min-width: 1px;
        max-width: 85%;
        border: none;
        background: transparent;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        outline:none!important;
        box-shadow:none!important;
    }
    .checkout-addnew-address-popup ul.delivery_address li .add_adus {
        width: 20%;
        line-height: 35px;
    }
    .user-logout-popup .modal-body{
        padding: 25px;
     }
    .user-logout-popup .modal-body p{
        font-size: 14px;
        margin: 0 0 15px;
        text-align: left;
        color:#ec102a;
    }
    .user-logout-popup .modal-body input[type="radio"]{
        width: 15px;
        height: 15px;
        vertical-align: middle;
        margin: 0 5px 0 0;
    }
    .user-logout-popup .modal-body label{
        vertical-align: middle;
        font-weight: normal;
        margin: 0;
    }
    .user-logout-popup .modal-body .form-group{
        padding: 0 15px;
    }
    .user-logout-popup .modal-body .form-group .help-block{
        position:relative;
    }
  /**modal-popups**/

  .userlogin-wrap{
      float: right;
      width: 161px;
      height: 48px;
      border-radius: 8px;
      border: solid 1px #d9d9d9;
      background-color: #ffffff;
      background-image: url(../images/user.svg), url(../images/arrow-down.svg);
      background-position: 10% , 90%;
      background-repeat: no-repeat;
      padding: 15px 30px;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      transition: all 0.4s ease;
  }
  .userlogin-wrap .profile-dropdown{
    left: auto;
    right: 0;
    /* opacity: 0;
    top: 75px; */
    border-radius: 2px;
    border: 1px solid #e4e4e4;
    padding:0;
  }
  .driverlogin-wrap .profile-dropdown{
    min-width: 185px;
  }
  .userlogin-wrap:not(.open) .profile-dropdown{
    opacity:0;
    display: none;
  }
  .userlogin-wrap.open .profile-dropdown{
    /* opacity: 1;
    top: 55px;   */
    /* transition: all linear 1s;
    -webkit-transition-delay: 2s; /* Safari */
    /* transition-delay: 2s;  */
  }
  .userlogin-wrap.open .profile-dropdown::before {
    content: "";
    position: absolute;
    height: 15px;
    width: 15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -9px;
    z-index: -1;
    right: 15px;
    box-shadow: rgba(0,0,0,.34902) -3px -3px 5px -4px;
    background: #ffffff!important;
    border-left: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
   }
  .userlogin-wrap .profile-dropdown li{
    padding: 10px 15px;
    cursor: pointer;
    line-height: normal;
    transition: all linear .3s;
  }
  .userlogin-wrap .profile-dropdown li:hover{
    background-color: #f3f3f3;
    padding: 10px 20px;
    transition: all linear .2s;
  }
  .userlogin-wrap .profile-dropdown li:not(:last-child){
   border-bottom: 1px solid #e4e4e4;
  }
  .userlogin-wrap-inner{

    display: table-cell;
    position: relative;
    cursor: pointer;
    height: 45px;
  }
  .userlogin-wrap-inner img{
   max-width: 45px;
    max-height: 45px;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .userlogin-wrap-inner .user-name{
      font-family: Inter;
      font-size: 14px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.14;
      letter-spacing: normal;
      color: #1b1b1b;
   margin:0 15px;
   text-transform: capitalize;
      display: block;
      max-width: 85px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }

  /**error**/

  .errormsg{
    position: absolute;
    left: 15px;
    bottom: -25px;
    color: #f54747;
  }
  .emptycartbg .empty-food-quotes{
    float: left;
    width:100%;
    min-height: 220px;
    padding-top: 65px;
    /*background-image: url(/app/site/public/images/emptycartbg.jpg) !important;*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    position: relative;
 }
 .emptycartbg .empty-food-quotes::before{
    content: "\f291";
    font-family: FontAwesome !important;
    font-size: 100px;
    color: #f6f6f6;
    position: absolute;
    top:30%;
    left:50%;
    transform: translate(-50%, -20%);
    -webkit-transform: translate(-50%, -20%);
    -moz-transform: translate(-50%, -20%);
    -o-transform: translate(-50%, -20%);
    z-index: -1;
 }
 .emptycartbg .empty-food-quotes p{
    font-size: 14px;
    color: #9e9e9e;
    text-align: center;
 }
 .emptycartbg .empty-food-quotes p span{
 display: block;
 font-size: 13px;
 font-style: italic;
 color: #d0d0d0;
 }
 .landing-banner-search{
  position: relative;
 }
 .error-tooltip{
    left: 0;
    position: absolute;
     z-index: 1;
    top: 60px;
    width: 250px;
    background-color: #fff;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
    color: #686868;
    padding: 12px;
    font-size: 13px;
    line-height: 17px;
    border-radius: 3px;
    -webkit-filter: drop-shadow(rgba(0, 0, 0, .1) 0 2px 10px);
    filter: drop-shadow(rgba(0, 0, 0, .1) 0 2px 10px);
 }
 .error-tooltip:before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(194,225,245,0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: 0;
}
.pac-container{
  border-top:none;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.12);
  max-height: 250px;
  overflow-y: auto;
}
.pac-item{
  padding: 8px 25px;
  border-top: 1px solid #f1f1f1;
}
.pac-item:first-of-type {
    border-top: none;
}
.pac-logo:after{
  display: none;
}
.home-form *{
 outline: none !important;
}
.home-form .form-control{
 border-color: transparent!important;
}
.btn-yurcart{
  position: relative;
 }
.btn-yurcart .cart-item-count{
 position: absolute;
 right: 35px;
 top: 12px;
 width:24px;
 height: 24px;
 border-radius: 50%;
 background:#c1292e;
 color: #fff;
 text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
 }
/*.btn-yurcart.active>.btn{*/
/*  background: #69bb27 !important;*/
/*  border-color: #69bb27 !important;*/
/*  color: #fff !important;*/
/*  text-align: left;*/
/*  padding-left: 10px;*/
/*  outline:none!important;*/
/*}*/
/*.btn-yurcart.active .cart-item-count{*/
/*  background: #fff !important;*/
/*  color: #69bb27 !important;*/
/*}*/
.emptycartbg{
/* box-shadow: 0 2px 11px #9c9c9c; */
}
.btn-yurcart .dropdown-menu{
  width: 360px;
    left: auto;
    right: 0;
    padding: 24px;
    margin-top: 12px;
    border: none;
 }
.btn-yurcart .dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #f3f3f2;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    right: 14px;
    top: -10px;
    z-index: -1;
}
.btn-yurcart .checkout-details{
  border:none;
  margin-bottom: 0;
 }
 .btn-yurcart .detial_cat{
  padding:0;
 }
 .btn-yurcart ul.chc-det{
  padding: 0 15px;
    max-height: 230px;
    overflow: auto;
 }
 .btn-yurcart .promo-dev{
  margin-top: 0;
  margin-bottom: 0;
 }
 .btn-yurcart button.btn.btn_order_nw {
    padding: 10px 15px;
    border-radius: 0;
  }
  .filter_foods .info{
    background: rgba(0, 0, 0, 0.58);
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
   }
  .filter_foods .info span{
    color: #fff;
    font-size: 14px;
    display: block;
    max-width: 80%;
    margin: 96px auto;
    z-index: 9;
    pointer-events: none;
  }
  .btn-yurcart .emptycartbg .empty-food-quotes p{
   padding: 15px;
  }

  .ui-select-multiple{
    min-height: 44px !important;
  }
 .user-login-popup .frm_cnt,.user-login-popup .subm_btn,.user-login-popup .sgn_up_btn{
    width: 90%;
    }
.user-register-popup .frm_cnt,.user-register-popup .subm_btn,.user-register-popup .sgn_up_btn{
    width: 90%;
    }
.user-register-popup .name-wrap{
    width: 90%;
    margin: auto;
}
.user-register-popup .name-wrap .frm_cnt{
    width:100%;
}
.user-register-popup .name-wrap .col-sm-6:first-child{
padding-left: 0;
padding-right: 5px;
}
.user-register-popup .name-wrap .col-sm-6:last-child{
padding-left: 5px;
padding-right: 0;
}
  .user-login-popup .frm_cnt,.user-register-popup .frm_cnt{
   border: 1px solid #e6e6e6;
  }
    .user-login-popup .frm_cnt input,.user-register-popup .frm_cnt input{
        height: 40px;
        box-shadow: none;
    }
    .user-login-popup,.user-register-popup{
      width: 400px;
    }
    .user-login-popup .subm_btn .btn,.user-register-popup .subm_btn a{
      padding: 12px 15px;
    }
    .user-login-popup .signup_btn,.user-register-popup .signup_btn{
      padding: 10px 8px;
    }
    .search-map-popup{
        width: 520px;
        height: 524px;
        border-radius: 12px;
        background-color: #ffffff;
    }
.search-map-popup h4{
    font-family: Inter;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.2px;
    text-align: left;
    color: #000000;
    margin-top: 14px;
    margin-bottom: 8px;
}
.search-map-popup p{
     font-family: Inter;
     font-size: 14px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.43;
     letter-spacing: -0.24px;
     color: #1b1b1b;
    margin-bottom: 24px;
}
.search-map-popup .search-location-dropdown {
    width: 100%;
}
.search-map-popup .search-location-dropdown .current-location-picker {
    margin-top: 10px;
    margin-left: 11px;
    cursor: pointer;
    background: #fff;
}
.search-map-popup .search-location-dropdown input {
    width: 488px;
    height: 48px;
    border-radius: 8px;
    padding-left:40px ;
    border: solid 1px #b6b6b6;
    background-color: #ffffff;
    font-size: 13px;
    line-height: 38px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background-image: url(../images/include-icon.svg);
    background-position: 2%;
    -webkit-appearance: initial;
    background-repeat: no-repeat;
}
    .search-map-popup ng-map{
        width: 488px!important;
        height: 240px!important;
        border-radius: 8px;
    }
    .clear-cart-popup{
       width: 550px;
    }
    .clear-cart-popup .pop_full_inner_cont {
    padding: 40px 0;
    line-height: 25px;
    }
    .clear-cart-popup .pop_footer {
     padding: 15px 5px;
     border-top: 1px solid #f1f1f1;
    }
    .clear-cart-popup .pop_footer .btn-orange{
    color: #fff;
    background-color: #eaa129;
    border-color: #eaa129;
     margin: 0 10px;
    }
    .clear-cart-popup .pop_footer .btn-green{
    color: #fff;
    background-color: #46b936;
    border-color: #46b936;
    margin: 0 10px;
    }

    /**shimerr loading**/
    @keyframes placeHolderShimmer{

    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
    }
    .shimmer-animation {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    background: #f6f7f9;
    background-image: linear-gradient(to right, #f6f7f9 0%, #e9ebee 20%, #f6f7f9 40%, #f6f7f9 100%);
    background-repeat: no-repeat;
    position: relative;
    }
    .seach_food_loader{
        /*padding:20px;*/
        height: 280px;
        position:relative;
    }
    .seach_food_loader .shimmer-animation {
     background-size: 800px 100%;
     height: 262px;
    }
    .seach_food_loader .bg-masker{
        background: #fff;
        position: absolute;
    }
    .seach_food_loader .bg-masker.bg-left-right{
        top:60%;
        bottom:0;
        right:0%;
        width:50%;
    }
    .seach_food_loader .bg-masker.bg-right-left{
        top: 60%;
        bottom: 0;
        left: 0%;
        width: 376px;
        height: 20px
    }
    .seach_food_loader .bg-masker.bg-right-top{
        top: 71%;
        width: 50%;
        left: 0;
        height: 10px;
    }
    .seach_food_loader .bg-masker.bg-right-first-line{
        top: 79%;
        width: 50%;
        left: 0;
        height: 10px;
    }
    .seach_food_loader .bg-masker.bg-right-second-line{
        top: 87%;
        width: 50%;
        left: 0;
        height: 34px;
    }
    .seach_food_loader .bg-masker.bg-right-bottom{
        bottom: 0;
        width: 50%;
        left: 50%;
        height: 25px;
    }
    /**shimerr loading end**/
.seach_food_loader_wrapper{
    position:relative;
}
.seach_food_loader_wrapper::before, .seach_food_loader_wrapper::after {
  content: "";
    background-color: #ababab;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}

.seach_food_loader_wrapper:after {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
  25% { -webkit-transform: translateX(15px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(15px) translateY(15px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(15px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes sk-cubemove {
  25% {
    transform: translateX(15px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(15px) rotate(-90deg) scale(0.5);
  } 50% {
    transform: translateX(15px) translateY(15px) rotate(-179deg);
    -webkit-transform: translateX(15px) translateY(15px) rotate(-179deg);
  } 50.1% {
    transform: translateX(15px) translateY(15px) rotate(-180deg);
    -webkit-transform: translateX(15px) translateY(15px) rotate(-180deg);
  } 75% {
    transform: translateX(0px) translateY(15px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(15px) rotate(-270deg) scale(0.5);
  } 100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}


/**checkout-cart**/
 .checkout-cart-wrap{
     float:left;
     width:100%;
 }
.checkout-cart-header{
    float:left;
     width:100%;
     position: relative;
}
.checkout-cart-body{
    float:left;
     width:100%;
     padding: 15px 10px;
     /*border: 1px solid #e5e5e5;*/
    border-top: 0;
    max-height: 400px;
    overflow: auto;
    position: relative;
}

.checkout-cart-body.cart-disabled:before {
  content:"";
  position: absolute;
  top:50%;
  left:50%;
  margin-left:-20px;
  margin-top:-20px;
  width: 40px;
  height: 40px;
  background-color: #ce1126;
  z-index: 9;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}
.checkout-cart-body.cart-disabled:after {
  content:"";
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(255, 255, 255, 0.71);
  z-index:8;
}
.checkout-cart-footer{
    float:left;
    width:100%;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-top: 0;
    background: #fafafa;
}
.checkout-cart-wrap .checkout-btn{
    background: #ce1126;
    display: block;
    padding: 8px 15px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    cursor:pointer;
    float: left;
    width: 100%;
        font-family: 'Inter', sans-serif;
 }
 .checkout-cart-wrap.open .checkout-btn:hover{
    background: #c10e22 !important;
 }
.checkout-cart-header .restaurant-name{
    /*position: absolute;*/
    bottom:0;
    left:0;
    right:0;
    /*background: rgba(0, 0, 0, .5);*/
    font-family: Inter;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.2px;
    color: #000000;
}
.checkout-cart-header h1{
    font-family: Inter;
    font-size: 24px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.34px;
    color: #1b1b1b;
}.checkout-cart-header p{
    cursor: pointer;
     background-image: url(../images/arrow-chevron-right.svg);
     background-position: 100%;
     -webkit-appearance: initial;
     background-repeat: no-repeat;
     width: 120px;
     font-family: Inter;
     font-size: 14px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.43;
     letter-spacing: -0.24px;
     text-align: left;
     color: #c1292e;
}
.emptycart-wrap .restaurant-name {
    position: relative;
    background: #333333;
    font-size: 16px;
    padding: 15px 15px;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
    color: #fff;
    font-weight: 600;
}
.cart-eta{
    color: #fff;
    float: right;
    display: inline-block;
    font-size: 13px;
}
.checkout-cart-body .time-estimation-note{
    color: #26a525;
    float: left;
    width:100%;
    margin: 0;
}
.checkout-cart-body .cart-item-wrap{
    float: left;
    width:100%;
}
.checkout-cart-body .cart-item {
    /*height: 110px;*/
    box-shadow: inset 0 -1px 0 0 #d9d9d9, inset 0 1px 0 0 #d9d9d9;
    background-color: rgba(216, 216, 216, 0);
    float: left;
    width: 100%;
    /*border-bottom: 1px solid #eaeaea;*/
    padding: 10px 0;
    position: relative;
    font-family: 'Inter';
}
.checkout-cart-body .cart-item.cart-item-disabled::before{
    content: "";
    position:absolute;
    width:100%;
    height:100%;
    z-index:9;
    background:rgba(255,255,255,0.5);
}
.checkout-cart-body .item-main-details{
    float: left;
    width:100%;
    font-size: 13px;
    line-height:15px;
    margin-bottom: 3px;
}
.checkout-cart-body .item-sub-details{
    float: left;
    width:100%;
    padding-left: 10px;
    font-size: 12px;
    /* color: #777; */
    color: #949494;
    font-weight: normal;
    /* margin-top:5px; */
}
.checkout-cart-body .cart-spcl-error-wrap{
   float: left;
    width:100%;
    position:relative;
    z-index:20;
}
.cart-spcl-error{
    background: #ff7575;
    color: #fff;
    padding: 2px 10px;
    font-size: 11px;
    font-weight: normal;
    position: relative;
    float:left;
    width:100%;
    margin:0;
    padding-right: 60px;
}
.cart-spcl-error-msg{
 display:block;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
}
.remove-cart-food{
 background: #ef3434;
    padding: 1px 10px;
    height: 100%;
    cursor: pointer;
 position: absolute;
 top:0;
 right:0;
 height:100%;
}
.checkout-cart-body .item-sub-details .addons,.checkout-cart-body .item-sub-details .basepack{
    float: left;
    width:100%;
}
.checkout-cart-body .item-sub-details .subpack{
    float: left;
    width:100%;
    padding-left: 10px;
}
.checkout-cart-body .item-main-details .item-name-wrap{
   float: left;
    width:38%;
}
.checkout-cart-body .item-main-details .item-name-wrap p{
    /* text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; */
    text-transform: capitalize;

}
.item-name {
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: -0.24px;
    color: #1b1b1b;
}
.checkout-cart-body .cart-item:after, .checkout-cart-body .cart-item:before, .checkout-cart-body .cart-item .item-main-details > *:after, .checkout-cart-body .cart-item .item-main-details > *:before {
    display: table;
    content: " ";
}
.checkout-cart-body .item-main-details .item-customize-wrap{
    float: left;
    text-align: center;
}
.checkout-cart-body .item-main-details .item-price-wrap{
   float: right;
    text-align:right;
}
.checkout-cart-body .item-main-details .item-name-wrap p,.checkout-cart-body .item-sub-details p{
   margin:0;
}

.checkout-cart-body .item-sub-details .basepack p span{
    color: #ce1126;
}
.checkout-cart-body .item-main-details .item-price-wrap span{
  white-space: nowrap;
}
.checkout-cart-body .item-main-details .item-price-wrap .offer-price{
    text-decoration: line-through;
    opacity: .3;
}
.checkout-cart-body .item-main-details .item-price-wrap span:last-child{
    margin-left: 5px;
    line-height: 1.43;
}
.checkout-cart-body .item-customize-wrap .price-decreement{
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background-color: #e9e9e9;
   /* float:left; */
   vertical-align: middle;
   display:inline-block;
   overflow: hidden;
   cursor:pointer;
   margin-bottom:2px;
}
.checkout-cart-body .item-customize-wrap .price-decreement2{
    width: 16px;
    height: 22px;
    border-radius: 6px;
   /* float:left; */
   vertical-align: middle;
   display:inline-block;
   overflow: hidden;
   cursor:pointer;
}
.checkout-cart-body .item-customize-wrap .price-decreement img{
    width: 14px;
    margin-left: 5px;

}
.checkout-cart-body .item-customize-wrap .price-increement{
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background-color: #e9e9e9;
   /* float:right; */
   vertical-align: middle;
   display:inline-block;
   /* overflow: hidden; */
   cursor:pointer;
   margin-bottom:2px;
}
.checkout-cart-body .item-customize-wrap .price-increement2{
    width: 16px;
    height: 20px;
    border-radius: 6px;
   /* float:right; */
   vertical-align: middle;
   display:inline-block;
   /* overflow: hidden; */
   cursor:pointer;
   margin-bottom:2px;
}
.checkout-cart-body .item-customize-wrap .price-amount{
    display: inline-block;
    vertical-align: middle;
    margin:0 3px;
    font-family: Inter;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: -0.24px;
    text-align: center;
    color: #1b1b1b;
}
.checkout-cart-body .item-customize-wrap img{
    width: 24px;
    height: 22px;
    object-fit: contain;
}
.special-instruction{
 float:left;
 width:100%;
 margin-bottom: 20px;
}
.special-instruction p{
font-size: 14px;
padding: 10px 15px;
margin:0;
/* background: #fff7da; */
background: #ffe3c5;
color: #404040;
position: relative;
box-shadow: 0 1px 4px transparent;
}
.special-instruction p:hover{
    -webkit-transition: box-shadow 0.4s ease;
    -moz-transition: box-shadow 0.4s ease;
    transition: box-shadow 0.4s ease;
    box-shadow: 0 1px 4px #989898;
}
.special-instruction p img{
    position: absolute;
    max-height: 15px;
    top: 13px;
    right: 15px;
    cursor:pointer;
}
.special-instruction.special-off-instruction p {
    background: transparent;
    box-shadow: none!important;
    padding-left: 25px;
    color: #ff8807;
    font-family: 'Inter', sans-serif;
}
.special-instruction.special-off-instruction p img{
    right: auto;
    left: 0px;
}
.total-amount-wrap{
    float:left;
    width:100%;
    margin-top: 20px;
}
.total-amount-detail{
    float:left;
    width:100%;
}
.total-amount-detail:not(:first-child){
    margin-top: 5px;
}
.total-amount-wrap .amount-label{
 float:left;
 max-width: 50%;
 padding-right:5px;
 text-align: left;
}
.total-amount-wrap .amount-detail{
 float:right;
 max-width: 50%;
 padding-left:5px;
 text-align: right;
}
.fa-times-circle{
  color: #ce1126;
  cursor: pointer;
}
.coupon-wrap{
    color: #ce1126;
}
.coupon-wrap .coupon-wrap-toggler{
    cursor:pointer;
}
.total-amount-detail.coupon-wrap .coupon-wrap-detail{
 width:auto;
 position:relative;
 max-width: 55%;
}
.total-amount-detail.coupon-wrap.active .amount-label{
 padding: 5px 0;
}
.total-amount-detail.coupon-wrap .coupon-wrap-detail input{
 width:100%;
 padding-right: 80px;
 height: 30px;
 border-radius:0;
}
.total-amount-detail.coupon-wrap .coupon-wrap-detail .clear-btn{
    position: absolute;
    right: 57px;
    top: 5px;
    height: 21px;
    cursor: pointer;
    font-size: 12px;
    border-radius: 50%;
    box-shadow: none;
    outline: none !important;
    border: 1px solid #000;
}
.total-amount-detail.coupon-wrap .coupon-wrap-detail .apply-btn{
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    height: 100%;
    padding: 5px 10px;
    background: #ce1126;
    cursor: pointer;
    font-size: 12px;
    border-radius: 0;
    box-shadow: none;
    outline: none !important;
    border: none;
}
.checkout-cart-footer .amount-to-pay-label{
 float:left;
 color: #212121;
 font-weight: bold;
}
.checkout-cart-footer .amount-to-pay-detail{
 float:right;
 text-align:right;
 color: #212121;
 font-weight: bold;
}
@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}
/**checkout-cart End**/

/**New Checkout Add address**/
ul.delivery_address li{
    margin-bottom: 20px;
    float: left;
}
ul.delivery_address li .add_address{
    height:80px;
    margin-bottom: 0;
    overflow: hidden;
    width: 100%;
}
ul.delivery_address li .add_address .cus-checkbox label:hover:before{
    border: 1px solid #acea64 !important;
}
ul.delivery_address li .add_address .cus-checkbox label:after{
    top: 6px;
    color:#acea64;
}
ul.delivery_address li .new_add{
    width: 20%;
    float: left;
    display: inline-block;
    padding: 31px 5px;
}
ul.delivery_address li .add_address p{
    font-size: 13px;
    color: #585858;
    text-align: left;
    width: 70%;
    float: left;
    display: inline-block;
    margin: 0;
    padding: 0 20px;
    line-height: 80px;
    height: 80px;
}
ul.delivery_address li .add_address p span{
display: inline-block;
vertical-align: middle;
line-height: normal;
}
ul.delivery_address li .add_adus{
    width: 10%;
    float: left;
    display: inline-block;
    margin: 0;
    line-height: 80px;
}
ul.delivery_address li .add_adus .add-select-btn{
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
}
ul.delivery_address li .add_adus .add-select-btn label{
    width:100%;
    height:100%;
    float: left;
    padding: 0!important;
}
.add_adus .add-select-btn [type="checkbox"]:not(:checked) + label:before, .add_adus .add-select-btn [type="checkbox"]:checked + label:before{
    width:100%;
    height:100%;
}
.add_adus .add-select-btn [type="checkbox"]:not(:checked) + label:after, .add_adus .add-select-btn [type="checkbox"]:checked + label:after {
   top: 6px;
    left: 4px;
    font-size: 20px;
}
ul.delivery_address li .add_adus img{
cursor:pointer;
max-height: 25px;
}

.checkout-address-wrap .editable-address-detail{
    float:left;
    width:100%;
}
.checkout-address-wrap .finalised-address-detail{
   float:left;
    width:100%;
}
.checkout-address-wrap h6 {
    color: #ce1126;
    font-size: 16px;
    padding: 0;
    margin: 10px auto 5px;
    text-transform: capitalize;
}

/**New Checkout Add address End**/

/**checkout payment**/
   .checkout-payment-wrap{
     padding: 0 17px;
   }
    .checkout-payment-wrap h5{
     padding-left: 0;
    }
   .checkout-payment-wrap .address_bookingsec{
    box-shadow: 0 1px 7px #dadada;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 20px;
   }
   .checkout-payment-wrap .address_bookingsec .form-group {
    margin-bottom: 15px;
   }
   .checkout-payment-wrap .address_bookingsec .form-group:last-child {
    margin-bottom: 0;
   }
   .checkout-payment-wrap .form-control{
     border-radius: 0;
     box-shadow: none;
     border: 1px solid #dcdcdc;
     height: 38px;
   }
   .checkout-payment-wrap .cart_no1 {
    width: 50%;
    padding: 0;
   }
    .checkout-payment-wrap .cart_no2 {
     width: 25%;
     padding: 0 10px;
    }
    .checkout-payment-wrap .cart_no3 {
     width: 25%;
     padding: 0;
    }
    .checkout-payment-wrap .mk-name{
      width: 100%;
    }
    .checkout-payment-wrap .coun_pay{
      position: relative;
    }

	.checkout-payment-wrap .coun_pay button{
    background:#5db318 !important;
    color:#fff!important;
    border: none;
    border-radius: 0;
    position: absolute;
    right:0;
    top:0;
    height:38px;
    width: auto;
    width: initial;
    padding-left: 20px;
    padding-right: 20px;
   }
   .checkout-payment-wrap .nav-pills{
      float: left;
      width: 30%;
      border: 1px solid #dcdcdc;
   }
    .checkout-payment-wrap  .nav-pills>li{
        margin: 0;
    }
   .checkout-payment-wrap  .nav-pills>li:not(:last-child){
      border-bottom: 1px solid #dcdcdc;
    }
   .checkout-payment-wrap  .nav-pills>li>a {
    border-radius:0px;
    color: #121212;
    background:transparent!important;
    }
   .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
    color: #fff;
    background: #ce1126 !important;
   }
   .checkout-payment-wrap .tab-content {
    float: left;
    width: 70%;
    padding: 0 20px;
    }
    .checkout-payment-wrap .coun_pay{
    padding: 0px;
    }

    .savedcards-item{
    float: left;
    width: 100%;
    /* border: 1px solid #d0d0d0; */
    box-shadow: 0 1px 7px #dadada;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 20px;
    }
    .top-part{
     padding: 10px;
     float:left;
     width: 100%;
    }
    .bottom-part{
     padding: 10px;
     float:left;
     width: 100%;
    }
    .savedcards-item .card-num-wrap{
     float: left;
     width: 50%;
    }
    .savedcards-item label{
     font-size: 12px;
     font-weight: normal;
     color: #b5b5b5;
    }
    .savedcards-item .card-num-wrap .card-num-mask{
        display: inline-block;
        float:left;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #b5b5b5;
        margin-right: 5px;
        margin-top: 5px;
    }
    .savedcards-item .card-num-wrap .card-num-mask:nth-child(4n+4){
        margin-right: 20px;
    }
    .savedcards-item .card-num-wrap h4{
     font-size: 18px;
     margin: 0 auto 0px;
    }
    .savedcards-item .card-valid-wrap{
     float:left;
     width:50%;
     padding:0;
     text-align: right;
    }
    .savedcards-item .card-valid-wrap h4{
     font-size: 18px;
     margin: 0 auto 0px;
    }
    .savedcards-item .card-cvv-wrap{
      float:left;
      width:70%;
      padding:0;
      position:relative;
    }
    .savedcards-item .form-control{
        border: 1px solid #dcdcdc;
        border-radius: 0;
        box-shadow: none;
    }
    .savedcards-item .card-paybtn-wrap{
      float:left;
      width:30%;
    }
    .savedcards-item .card-paybtn{
      width:100%;
      display:block;
      background:#5db318 !important;
      color:#fff !important;
      padding: 9px 20px;
      text-align:center;
      border-radius: 0;
      height: 38px;
      border: none;
    }
/**checkout payment end**/
.inner_res_menu ul li{
    position:relative;
}
.inner_res_menu ul li .food-info-msg{
    display: inline-block;
    float:right;
    line-height: 80px;
 }
.inner_res_menu ul li .food-info-msg span{
   font-size: 10px;
    padding: 4px 10px;
    border-radius: 2px;
    color:#fff;
    background: #989898;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
h5.service-avail-error-msg{
    color: #ffffff;
    font-size: 15px;
    padding: 9px 17px;
    background: #ec7171;
}
/****/
.current-billing-cycle{
 float:left;
 width:100%;
 margin:50px 0;
}
.current-billing-cycle .current-billing-cycle-card{
    position: relative;
    float: left;
    width: 100%;
    border: 2px solid #efefef;
    border-radius: 6px;
    box-shadow: -6px -5px 10px #efefef;
    height: 130px;
    margin: 28px 0px 0px;
}

/**payment success/failure page**/
.payment-success-wrap,.payment-failure-wrap{
    text-align: center;
    padding:80px 0;
    float:left;
    width:100%;
}
.payment-success-wrap img,.payment-failure-wrap img{
max-height: 160px;
display:inline-block;
margin:0 auto 15px;
}
.payment-success-wrap h2,.payment-failure-wrap h2{
    margin: 0 auto 10px;
    font-size: 34px;
    color: #359d7b;
}
.payment-failure-wrap h2{
   color: #e05c63;
}
.payment-success-wrap p,.payment-failure-wrap p{
 margin-bottom: 0;
 font-size: 15px;
 color: #636363;
}
.payment-success-wrap a,.payment-failure-wrap a{
    font-size: 18px;
    color: #fff;
    background: #359d7b;
    padding: 8px 15px;
    min-width: 121px;
    display: inline-block;
    border-radius: 25px;
    margin: 30px auto 20px;
    text-decoration: none;
    outline:none;
    cursor: pointer;
}
.payment-failure-wrap a{
   background: #e05c63;
}
/**payment success/failure page**/


/* Base for label styling */
.cus-checkbox label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
.cus-checkbox label:before{
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 25px;
  height: 25px;
  border:1px solid #ccc;
  background: #fff;
  border-radius: 0px;

}
/* checked mark aspect */
.cus-checkbox label:after{
     content: '✔';
    position: absolute;
    top: 8px;
    left: 5px;
    font-size: 19px;
    line-height: 0.8;
    color: #ce1126;
    transition: all .2s;
}
/* checked mark aspect changes */
.cus-checkbox label:after {
  opacity: 0;
  transform: scale(0);
}
.cus-checkbox.checked label:after {
  opacity: 1;
  transform: scale(1);
}
.cus-checkbox:focus label:before{
  border: 1px solid #ce1126;
}

/* hover style just for information */
.cus-checkbox label:hover:before {
  border: 1px solid #ce1126!important;
}

/**validation popover**/
.error_span{
 position: absolute;
 margin-top: 5px;
 /* background: #fff8f4; */
 background: #fb7829;
 border-radius: 3px;
 color:#fff !important;
 font-size: 12px !important;
 display: inline-block;
 padding: 5px 10px !important;
 white-space: nowrap;
 z-index: 999;
 /* -webkit-filter: drop-shadow(1px -1px 8px rgba(0,0,0,0.3));
  filter: drop-shadow(1px -1px 8px rgba(0,0,0,0.3)); */
}
.error_span:before{
    content:"";
    width: 0;
    height: 0;
    position: absolute;
}
.error_span.pos-right{
    top: 50%;
    margin-top: -14px;
    left: 102%;
}
.error_span.pos-right:before{
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #fb7829;
    top: 5px;
    left: -5px;
}
.error_span.pos-left{
    top: 50%;
    margin-top: -14px;
    right: 102%;
}
.error_span.pos-left:before{
   border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #fb7829;
    top: 5px;
    right: -5px;
}



.error_span.pos-bottom-right {
    top: 100%;
    right: 0;
}
.error_span.pos-bottom-right:before{
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fb7829;
    top: -5px;
    right: 10px;
}
.error_span.pos-bottom-left {
    top: 100%;
    left: 0;
}
.error_span.pos-bottom-left:before{
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fb7829;
    top: -5px;
    left: 10px;
}
.error_span.pos-top-left {
    top: -100%;
    left: 0;
}
.error_span.pos-top-left:before{
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fb7829;
    bottom: -5px;
    left: 10px;
}
.error_span.pos-top-right {
    top: -100%;
    right: 0;
}
.error_span.pos-top-right:before{
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fb7829;
    bottom: -5px;
    right: 10px;
}




.checkout-cart-wrap i{
font-style: normal;
}

.myacc-savedcards-wrap{
    padding: 65px 71px 50px 71px;
    float:left;
    width:100%;
}
.myacc-savedcards-wrap .savedcards-item{
   width:60%;
}
.myacc-savedcards-wrap .savedcards-item:last-child{
   margin-bottom: 0;
}
.myacc-savedcards-wrap .savedcards-item .bottom-part{
   padding-top: 0;
}
.myacc-savedcards-wrap .savedcards-item .bottom-part .delete-card{
   float: right;
   height:25px;
   cursor:pointer;
}
.myacc-savedcards-wrap .savedcards-item .bottom-part .card-type{
   float: left;
   margin-right:10px;
   height:25px;
}
.myacc-savedcards-wrap .savedcards-item .bottom-part .card-type-name{
   display: inline-block;
    font-size: 15px;
    float: left;
    line-height: 25px;
}
.empty-food-quotes{
    float: left;
    width:100%;
    min-height: 120px;
    padding: 40px 0;
    position: relative;
 }
 .empty-food-quotes::before{
    content: "\f07a";
    font-family: FontAwesome !important;
    font-size: 100px;
    color: #f6f6f6;
    position: absolute;
    top:30%;
    left:50%;
    transform: translate(-50%, -20%);
    -webkit-transform: translate(-50%, -20%);
    -moz-transform: translate(-50%, -20%);
    -o-transform: translate(-50%, -20%);
    z-index: -1;
 }
 .empty-food-quotes p{
    font-size: 16px;
    color: #9e9e9e;
    text-align: center;
    max-width: 350px;
    margin: 0 auto;
 }
 .empty-food-quotes p span{
 display: block;
 font-size: 13px;
 font-style: italic;
 color: #d0d0d0;
 margin-top:10px;
 }
.time-toggler-holder .switch{
margin-right:0;
}
/* .abt-mybus-outterwrap{
    height:auto!important;
    float: left;
    width:100%;
} */
.no-order-history-found{
    float:left;
    width:100%;
    padding: 100px 20px;
    text-align: center;
    position:relative;
    min-height: 400px;
    display: table;
}
.no-order-history-found h4{
    font-size:30px;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    color: #717171;
}
.no-order-history-found img {
    opacity: 0.05;
    position: absolute;
    margin: auto;
    display: inline-block;
    max-height: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

/**search-header**/
.search-header .navbar{
    background-color: white;
    /* box-shadow: none; */
    box-shadow: inset 0 -1px 0 0 #e9e9e9;
}
.search-header.scrolling .nav.navbar-nav{
    padding: 5px 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.search-header.scrolling .navbar-brand {
    height: 55px;
    padding: 10px 1px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.search-header .nav.navbar-nav{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.search-header .navbar-brand {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.fixed-head-heightfiller.scrolling {
    padding-top: 57px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.search-filter-wrap.scrolling {
    padding: 10px 0;
    transition:all ease 0.4s
}
.search-filter-heightfiller.scrolling{
    height: 54px;
    transition:all ease 0.4s
}
.search-header.scrolling .sear-location {
    height: 45px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.search-header.scrolling .sear-location label {
    margin-bottom:5px;
    text-align: center;
    padding: 0 6px;
    float:left;
    position:absolute;
    top:-6px;
    left:20px;
    font-size: 12px;
    margin-bottom: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.search-header.scrolling .sear-location h6 {
    font-size: 12px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.search-header.scrolling .sear-location h6 .fa-chevron-down {
    top: 0px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.search-header.scrolling .sear-location h6 .fa-map-marker {
    top:2px;
}
.search-header.scrolling .header-lcserach input {
    height: 45px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.search-header.scrolling .btn-yurcart button{
    padding: 12.5px 10px 12.5px ;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.search-header.scrolling .btn-yurcart .cart-item-count{
     top: 10px;
}
.search-header.scrolling .login-home button{
    padding: 10px 18px;
    height: 44px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.search-header.scrolling .userlogin-wrap {
    line-height: 44px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.search-header.scrolling .userlogin-wrap-inner img {
    max-width: 40px;
    max-height: 40px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
/**search-header end**/
.banner-header-wrap{
    float: left;
    width:100%;
    overflow:hidden;
    background: #ffffff;
}
.parallaxParent > .home-banner {
	position: relative;
    background-size: cover;
    background-color: #fff;
}

/**pre loader**/
.preloader-wrap.page-preloader{
   background-color:#f8f8f8;
}
.preloader-wrap.page-preloader .page-preloader-container {
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}
.preloader-wrap.progress-loader{
    background-color: rgba(248, 248, 248, 0.69);
}
.preloader-wrap{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: table;
}
#lottie{
    position: fixed;
    /* center the element */
    right: 0;
    left: 0;
    top: 30%;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    /* give it dimensions */
    min-height: 10em;
    width: 40%;
    height: 40%;
    z-index: 10000;
    /*display: table;*/
}
#lottie2{
    position: fixed;
    /* center the element */
    right: 0;
    left: 0;
    top: 30%;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    /* give it dimensions */
    min-height: 10em;
    width: 40%;
    height: 40%;
    z-index: 10000;
    /*display: table;*/
}
.preloader-wrap:before{
 /*content: '';*/
 display: table-cell;
 width: 50%;
}
.preloader-wrap:after{
 /*content: '';*/
    display: table-cell;
    width: 50%;
}
.preloader-wrap .preloader-innerwrap{
    display: table-cell;
    vertical-align: middle;
 }
/**pre loader end**/

/**details page affix nav**/
/* .re-menudetails.fixedMenu{
    top: 120px;
    max-width: 280px;
    position: fixed !important;
  }
.re-menudetails.staticMenu{
    position: absolute !important;
} */
.recomm-menudeta.affix-bottom,.checkout-cart-wrap.affix-bottom {
    position: absolute;
}

.recomm-menudeta.affix,.checkout-cart-wrap.affix {
    position: fixed !important;
    width:284px;
 }
.no-address-selected{
    margin: 10px 0 0;
    background: #fb7829;
    padding: 5px 10px;
    color: #fff;
    border-radius: 2px;
    font-size:12px;
}
.purple{
background: #7814b5 !important;
}
.yellow{
background: #e4e81e !important;
}
.green{
background: #53d800 !important;
}

.ribbon {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}


/**Recommended food**/
  .recommended_food_wrap{
      position:relative;
      display: inline-block;
      float: left;
  }
  .recommended_food_wrap h3.py-de span {
    float: right;
    margin-left: 20px;
    cursor:pointer;
  }
  .recommended_food_wrap h3.py-de .recommended-option-add{
    color: #e67d3d;
  }
  .recommended_food_wrap h3.py-de .recommended-option-select{
    color: #38a725;
  }
  .recommended_food_wrap .spcl-note{
     font-size: 28px;
  }
  .recommended_food_wrap  .spcl-note span{
     color: #fb3131!important;
     font-size: 36px;
     font-weight: 600;
  }
  .recommended_food_wrap .spcl-subnote{
     color:#676767;
     margin-bottom: 35px;
  }
  .recommended_food_wrap .spcl-subnote span{
     color:#161616 !important;
  }
  .recommended_food_wrap .recommended_food_card_wrap{
    height: 80px;
    line-height: 80px;
    background: #fafafa;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    max-width: 60%;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 25px;
    -webkit-transition: box-shadow 0.4s ease-in-out;
    -moz-transition: box-shadow 0.4s ease-in-out;
    transition: box-shadow 0.4s ease-in-out;
  }
  .recommended_food_wrap .recommended_food_card_wrap:hover {
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.2);
    -webkit-transition: box-shadow 0.4s ease-in-out;
    -moz-transition: box-shadow 0.4s ease-in-out;
    transition: box-shadow 0.4s ease-in-out;
    }
  .recommended_food_wrap .recommended_food_card_wrap .recommended_food_img{
     width:120px;
     height: 80px;
     line-height: 80px;
     overflow:hidden;
     float: left;
     display: inline-block;
     background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .recommended_food_wrap .recommended_food_card_wrap .recommended_food_name{
     max-width: 42%;
     height: 80px;
     line-height: 80px;
     float: left;
     display: inline-block;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     text-transform: capitalize;
     padding: 0 20px;
  }
  .recommended_food_wrap .recommended_food_card_wrap .recommended_food_options{
     float: right;
     display: inline-block;
     height: 80px;
     line-height: 80px;
     padding: 0 20px;
  }
  .recommended_food_wrap .recommended_food_card_wrap .recommended_food_options img{
      cursor:pointer;
      max-height: 30px;
  }
   .recommended_food_wrap .recommended_food_card_wrap .recommended_food_options img:hover{
     border-radius: 50%;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.54);
     transition: box-shadow ease-in-out 0.4s;
    }
  .recommended_food_wrap .recommended_food_card_wrap .recommended_food_options img:first-child{
    margin-right: 10px;
   }
  .set-categories .fav-btn-wrap{
    width: 50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    bottom: 35px;
    right: 35px;
    z-index: 9;
    display: none;
  }
  .set-categories .fav-btn-wrap.show{
    display: block;
   }
  .set-categories .fav-btn-wrap a{
   color:#4caf50;
   display: block;
  }
  .set-categories .fav-btn-wrap a>img{
   max-height: 50px;
   background-color: #fff;
   border-radius: 50%;
   cursor:pointer;
  }
  .set-categories .fav-btn-wrap a ~ ul{
    padding: 0;
    top: 0;
    opacity:1;
    display: block;
    position: absolute;
    height: 50px;
    z-index: -1;
  }
  .set-categories .fav-btn-wrap a ~ ul li{
    width: 50px;
    height: 50px;
    display: inline-block;
    cursor:pointer;
    transform: scale(.75) translateY(0px);
    -webkit-transform: scale(.75) translateY(0px);
    -moz-transform: scale(.75) translateY(0px);
    -o-transform: scale(.75) translateY(0px);
  }

.fav-btn-wrap.active li:first-child {
  transform: translateY(-60px) scale(1);
  opacity: 1;
}
.fav-btn-wrap.active li:nth-child(2) {
  transform: translateY(-120px) scale(1);
  opacity: 1;
}

.fav-btn-wrap li {
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 0;
}

.fav-btn-content:first-child {
  z-index: 2;
  width: 50px;
  height: 50px;
}

.fav-btn-content:nth-child(2) {
  z-index: 1;
  width: 50px;
  height: 50px;
}
  .set-categories .fav-btn-wrap a ~ ul .fav-btn-content img{
    max-height: 50px;
  }
  .set-categories .fav-btn-wrap a ~ ul .fav-btn-content:first-child{
    margin-bottom: 10px;
  }
/**Recommended food end**/

/**Recommended food popup**/
.select-recommended-popup .mod-bodyleft{
  width:100%;
}
.select-recommended-popup .mod-bodyleft p{
  float: left;
  width: 100%;
  padding-left: 15px;
  color: #545454;
}
.select-recommended-popup .mod-bodyleft p .food-name{
  float:left;
}
.select-recommended-popup .mod-bodyleft p .food-option{
  float:right;
}
.select-recommended-popup .mod-bodyleft p .food-option label{
    height: 15px;
    width: 15px;
    margin: 0;
    padding: 3px 0;
 }
.select-recommended-popup .res-modelsfooter{
    text-align: center;
}
.select-recommended-popup .resfooter-right{
    width: auto;
    float: none;
    margin: auto;
    display: inline-block;
    padding:0 25px;
}
.select-recommended-popup .resfooter-right button{
    padding: 7px 25px;
    border-radius: 2px;
}
.select-recommended-popup .category-wrap{
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.select-recommended-popup .category-wrap:last-child{
   margin-bottom: 0px;
}
.select-recommended-popup .category-wrap > h4{
   margin-bottom: 10px;
   color: #ce1127;
}
/**Recommended food popup end**/

input::-webkit-input-placeholder {
    font-weight: normal !important;
}
input::-moz-placeholder {
    font-weight: normal !important;
}
input::-ms-input-placeholder {
    font-weight: normal !important;
}
select{
    font-weight: normal !important;
}
.popover-content {
    font-family: 'Inter', sans-serif !important;
    padding: 7px 14px;
    font-size: 13px;
}
.popover{
    background: #fb7829;
    color: #fff;
    border: none;
    border-radius: 3px;
    font-weight: normal;
}
.popover.left>.arrow{
    border-color: transparent;
}
.popover.left>.arrow:after {
    border-left-color: #fb7829;
}
#business .abt-mybus label{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select-billing-cycle-wrap,.earning_section{
    float:left;
    width:100%;
}
.select-billing-cycle{
    margin: 25px 0 15px;
    display:block;
}
.select-billing-cycle .label-wrap{
    display: inline-block;
    height: 25px;
    line-height: 25px;
    margin-right: 35px;
    font-size: 18px;
    color: #ce1126;
}
.select-billing-cycle .input-wrap{
    display: inline-block;
}
.select-billing-cycle .input-wrap select{
    /* display: block; */
    min-width: 140px;
    height: 40px;
    border: 1px dashed #9e9e9e;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    padding: 0 10px;
    outline:none!important;
}
.tab-sample.billing-summary-details{
    overflow:auto;
    max-height: 250px;
}
.tab-sample.billing-summary-details table{
    min-width:1200px;
}
.tab-sample.billing-summary-details th,.tab-sample.billing-summary-details td{
    width:1%;
    min-width: 170px;
}
.current-billing-due h2{
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    margin: 25px 0 15px;
}
.current-billing-due h2 .highlight{
    color: #ecaa0d;
    margin-right:15px;
}
.settled{
    margin-left: 10px;
    color: #36d85c;
}
.unsettled{
    margin-left: 10px;
    color: #ce1126;
}
.licences-wrap .docume input{
    padding-right: 60px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.licences-wrap .docume.success-msg input{
    padding-right: 80px;
}
.docume .upload-success-icon{
    position: absolute;
    top: 10px;
    right: 60px;
    z-index: 9;
    display: block;
	cursor:pointer;
}
.docume .upload-success-icon img{
    max-height: 16px;
}
.btn-default {
    color: #000;
    outline:none!important;
}

.user-forgot-password .pop_full_inner_cont .form-control{
  width: 90%;
  margin: auto;
}

@media (min-width: 991px){
  .recomm-menudeta-outter{
    width: 25%;
  }
  .recomm-menudeta-details-outter{
    width: 47%;
  }
  .checkout-details-outter{
    width: 28%;
  }

}
.error_span_static{
  color:#fb7829;
  display:block;
  text-align: center;
  padding: 0 25px;
}
.no-saved-cards{
 position:relative;
 height:125px;
}
.no-saved-cards img{
 position: absolute;
    top: 40%;
    left: 50%;
    max-width: 70px;
    opacity: 0.09;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.no-saved-cards h4{
    font-weight: 700;
    font-size: 18px;
    color: #505050;
    text-align: center;
    margin: 0;
    margin-top: 82px;
}
.order_sub_details i {
    font-style: normal;
}
.maxheight-active{
    max-height:455px;
    overflow-y: auto;
}
.undermaintenance-wrap{
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height: 100%;
    width: 100%;
    display: table;
    text-align: center;
    background: #63c9c7;
}
.undermaintenance-wrap:before,.undermaintenance-wrap:after{
    content:"";
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width:50%;
}
.undermaintenance-wrap .undermaintenance-content{
    display: table-cell;
    vertical-align: middle;
    margin: auto;
}
.undermaintenance-wrap .undermaintenance-content-inner{
    width: 450px;
}
.undermaintenance-wrap .undermaintenance-content img{
  max-width: 300px;
  height:auto;
}
.undermaintenance-wrap .undermaintenance-content h4{
  color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    text-align: center;
    font-size: 35px;
    margin: 35px auto 0;
}
.undermaintenance-wrap.err404-wrap{
    background: #f5f4e1;
}
.undermaintenance-wrap.err404-wrap .undermaintenance-content-inner{
    max-width: 450px;
}
.undermaintenance-wrap.err404-wrap img{
    max-width: 200px;
}
.undermaintenance-wrap.err404-wrap h4{
    color: #484848;
    font-size: 20px;
    line-height: 30px;
    margin: 0px auto 25px;
}
.undermaintenance-wrap.err404-wrap h4 a{
    color: #e62018;
    font-size: 25px;
    font-weight: 700;
}
input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
/*.modal-content{*/
/*    border:none !important;*/
/*    box-shadow: none !important;*/
/*}*/
.empty_earnings_msg{
   height: 150px;
    vertical-align: middle !important;
    font-size: 20px;
    font-weight: 600;
    color: #9e9e9e;
}
.no_data_msg{
    height: 100px;
    vertical-align: middle !important;
    font-size: 20px;
    font-weight: 600;
    color: #9e9e9e;
    display: block;
    line-height: 100px;
    text-align: center;
}
.no_data_msg_wrap{
    min-width:1px !important;
    width:100%!important;
}
.rest_name_wrap .error_span{
       max-width: 100%;
    white-space: normal;
}
.no_food_msg{
    text-align: center;
    padding: 35px 15px;
    font-size: 15px;
    font-weight: 600;
    color: #bdbdbd;
}
.paypal_pay{
    cursor: pointer;
}
.paypal_pay img {
    max-height: 35px;
    margin: 10px;
}

.checkout-payment-wrap .nav-pills {
    margin-bottom: 20px;
}
.paypal_pay {
    border: 1px solid #dcdcdc;
    /* max-height: 75px; */
    text-align: center;
}

.other_payment_wrap ul {
    float: left;
    width: 100%;
    padding: 0;
}

.other_payment_wrap ul li{
    float: left;
    width: 33.3%;
}

.other_payment_wrap {
    float: left;
    width: 100%;
}
.recomm-menudeta ul.re-menudetails li.active {
    border: 1px solid #ce1126;
}
.user-register-popup .pswrd.frm_cnt{
    white-space: normal;
}

/**mobile header**/
.mobile_landing_search_wrap{
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display:none;
}
.mobile_landing_search_wrap.active{
    display:block;
}
.mobile_landing_search_head{
    position:relative;
    height:50px;
}
.mobile_landing_search_head .form-control{
    padding-left: 40px;
    height: 50px;
    border: none;
    border-bottom: 1px solid #dadada;
    box-shadow: none;
}
.mobile_landing_search_head img{
    position: absolute;
    /* top: 18px;
    left: 15px; */
	top: 9px;
    left: 7px;
    padding: 8px;
}
.mobile_landing_search_body{
    border-top: 15px solid #f5f5f5;
}
.mobile_landing_search_body p{
	margin-bottom:0;
}
.mobile_landing_search_body .error-msg{
	position:static
}
.gps-wrap{
    position:relative;
    padding-left: 40px;
    height:50px;
    line-height: 50px;
    border-bottom: 1px solid #dadada;
}
.gps-wrap img{
    position:absolute;
    top: 18px;
    left: 15px;
}
.Register_popup .error_span{
   white-space: normal;
}
.checkout-addnew-address-popup .error_span {
    white-space: normal;
}
.no-address-selected-wrap{
    display: block;
}
.no-address-selected-wrap .no-address-selected{
    display: inline-block;
}
.no-address-selected-wrap i{
    margin-right: 5px;
}

.uib-datepicker-popup.dropdown-menu *:focus{
    outline: none;
}
.uib-datepicker-popup.dropdown-menu{
    padding: 5px;
}
select:focus::-ms-value {
    background-color: #fff !important;
    color:#000;
}
input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}
input::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
}
.otp_wrap .error_span {
    white-space: normal;
    top: -150% !important;
    left: 50% !important;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.otp_wrap .error_span:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fb7829;
    bottom: -5px;
    left: 50% !important;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.flash {
  -webkit-animation-name: flash;
          animation-name: flash;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

@-webkit-keyframes flash {
  from {
    color: #65c904;
  }
  to {
    color: #7eff00;
  }
}
@keyframes flash {
  from {
    color: #65c904;
  }
  to {
    color: #7eff00;
  }
}

.pending-order-highlight{
    color: #65c904;
    position: absolute;
    width: 100%;
}
.pending-order-highlight > span{
   display: inline-block;
   margin:auto;
   z-index: 999;
   position: relative;
   text-transform:capitalize;
}
.pending-order-highlight .highlight{
    color:#fff;
    cursor:pointer;
    z-index:999;
    text-transform:capitalize;
}
.search-food-blur{
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: 100% !important;
}
.phn_nbr .intl-tel-input .country-list{
    z-index:9999 !important;
}
.orders-detail-wrap.no-order-msg-wrap{
    width:100%;
    left: 0;
}
.licences-wrap .error_span{
    top: 98%;
    left: 15px;
}

.menuitem-basepack .menuitem-basepack-inner > ul > li{
    padding: 0px;
    background:#fff !important;
    border-bottom: none;
}
.menuitem-basepack .menuitem-basepack-inner > ul > li > .menuitem-name{
    margin: 0;
    padding: 10px 20px;
    background: #f7f7f7;
}
.menuitem-basepack .menuitem-basepack-inner > ul > li ul li{
    padding: 10px 20px 10px 30px;
    border-bottom: 1px solid #eaeaea !important;
}
.menuitem-basepack .menuitem-basepack-inner > ul > li ul li .menuitem-name{
    font-size: 14px;
    font-weight: normal;
}
.search-tag{
    font-size: 12px;
    border: 1px solid #b9b9b9;
    border-radius: 25px;
    padding: 4px 25px 4px 13px;
    color: #636363;
    max-width: 140px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: normal;
    vertical-align: middle;
	position:relative;
}
.search-tag-clear{
    width: 12px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 7px;
    right: 10px;
}
.del_add h2 i{
    cursor:pointer;
}
body.modal-open{
    overflow: hidden!important;
    /* position: fixed;
    width:100%;
    height:100%; */
}

/* cursor miss align fix */
body.iosBugFixCaret.modal-open {
    position: fixed; width: 100%;
}
/* cursor miss align fix end*/

.intl-tel-input .selected-flag{
   cursor:default;
   outline:none;
}
.intl-tel-input .flag-dropdown:hover .selected-flag{
    background: transparent !important;
}
.arabic-styled-tel-label .intl-tel-input > input {
    padding-right: 52px !important;
    padding-left: 12px !important;
}
.arabic-styled-tel-label .intl-tel-input .selected-flag .iti-flag{
    left: 4px !important;
}

.right_side_profile_page .error_span {
    top: 110%;
    left: 50% !important;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.right_side_profile_page .error_span:before{
    left: 50% !important;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.business_details .error_span{
    max-width: 100%;
    white-space: normal;
}
.intl-tel-input .country-list{
    z-index: 999;
}
.form-group.abt-mybus p.help-block,p.help-block{
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}
.color_red {
    color: #e44456;
}
.multiselect-holder .form-control{
    overflow: visible !important;
}
.photo_picker{
    pointer-events:none;
}
.preloader-wrap{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.flag-dropdown,.intl-tel-input .country-list{
    z-index: 9999;
}

.featured-city-error{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background:#fff;
	padding:5px;
	z-index:9999;
	display:none;
}
.featured-city-error h6{
	position:relative;
}

/*new footer design*/
.footer ul.ofz_info{
	overflow: auto;
}
.footer ul.ofz_info li{
	width: 33.333%;
  /*width: 100%;*/
    display: inline-block;
    float: left;
	text-align:center;
	/*padding: 0 5px;*/
    margin: 0px 10px 0px 0px;
}
.footer ul.ofz_info li a{
	margin-bottom:10px;
}
.footer ul.ofz_info li a img{
	margin:auto;
}
.footer ul.ofz_info li h4{
	font-size: 15px;
    font-weight: bold;
    color: #ce1126;
    margin-top: 0;
}
.abt-mybus .ui-select-choices{
	z-index:10000;
}
.select-recommended-popup .resc-body.nofood h2{
    padding: 25px 0;
    text-align: center;
    color: #9c9c9c;
}
.my_profilesec .flag-dropdown{
	z-index: 999;
}
.document_info_inner.payout_section_form .uib-datepicker-popup{
	float:none;
	width:auto;
}
.document_info_inner.payout_section_form .uib-datepicker-popup li{
	float:none;
	width:100%;
}
.document_info_inner.payout_section_form .uib-datepicker-popup li.uib-button-bar{
	margin-top:5px;
}
.mobile_driver_sidenav .mainmenu a {
    font-size: 17px;
    line-height: 30px;
}
.mobile_driver_sidenav .mainmenu a img{
	margin-right:5px;
}
.mob-rest-count{
	display:none;
}
/** New Fixes **/
input::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none !important;
}
input::placeholder { /* Recent browsers */
    text-transform: none;
}

.datepicker-holder input::-webkit-input-placeholder { /* WebKit browsers */
    font-size:12px;
}
.datepicker-holder input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size:12px;
}
.datepicker-holder input::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size:12px;
}
.datepicker-holder input:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size:12px;
}
.datepicker-holder input::placeholder { /* Recent browsers */
    font-size:12px;
}
.delivery_order_list .order_id p.order_text {

    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.intl-tel-input .country-list{
	 max-width: 300px;
	 overflow-x:auto;
}
.user-login-popup .intl-tel-input .country-list{
	max-height:140px;
}
.summary_chk  .form-control,.from_to_box .datepicker-holder .form-control{
	padding: 6px 7px;
}
.business_pages.licences-wrap .error_span {
    top: -98%;
    left: 0px;
}
h5.lang.lan-news {
    height: 18px;
    margin: 0;
    display: inline-block;
    width: auto;
    background: #1b1b1b;
    /*padding: 5px 5px;*/
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.1px;
    color: #ffffff;

}
.select-langs {
    float: left;
    width: 100%;
}
.select-langs input[type="radio"] {
    width: 150px;
    height: 40px;
    position: absolute;
     opacity: 0;
    top: 60px;
}
.select-langs input[type="radio"]:checked + label {
	background:#feb917;
}
li.lang-chg.lang-hover:hover label {
    background: #feb917 !important;
}
.lang-selectors {
	background:#ccc;
	padding:10px 30px;
}

/*** 26/12/2018 ***/
section.new-added {
    float: left;
    width: 100%;
}
section.new-added .mobile-images {
    width: 100%;
    float: right;
}
section.new-added .mobile-images img {
    width: 504px;
    height: 592px;
    margin-top:40px;
}
.heading-new {

  float: left;
  width: 100%;
  text-align:center;
}
.heading-intro {

  float: left;
  width: 50%;
    margin-left:30%;
  text-align:center;
}.heading-intro h4 {
     width: 696px;
     height: 40px;
     font-family: Inter;
     font-size: 14px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.43;
     letter-spacing: normal;
     text-align: center;
     color: rgba(0, 0, 0, 0.87);
}.heading-intro p {
      width: 696px;
      height: 16px;
      font-family: Inter;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: -0.1px;
      text-align: center;
      color: #5a5a5a;
}
.heading-new h2 {
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.3px;
    text-align: center;
    color: #c1292e;
}
.heading-new p {
    font-family: 'Inter';
    font-size: 24px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.2px;
    text-align: center;
    color: #000000;
}
.right-loop {
    float: left;
    width: 100%;
}
.right-loop .width32 {
    float: left;
    width: 32%;
}
.right-loop {
    float: left;
    width: 100%;
}
.left-img-loop {
    float: left;
    padding: 10px;

}
.numberCircle{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: white;
    text-align: center;
    margin: 16px;
}
.numberCircleActive {
    background-color: #c1292e;
}
.numberCircleInactive {
    background-color: #6d6d6d;
}
.numberCircle p {
    font-family: 'Inter';
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}
.progress {
    background-color: #edf1f2;
    border-radius: 0;
    margin-bottom: 0;
    position: relative;
}

.progress .progress-bar {
    line-height: 20px;
    overflow: hidden;
    position: absolute;
}

.progress-loading {
    width: 100%;
    transition: opacity 0.6s ease 0s;
    position: absolute;
}

.progress-loading-fixed{
    z-index: 300;
    position: fixed;
    top: 0;
}

.progress-loading .empty-bar, .progress-loading .full-bar{
    opacity: 0;
}

.progress-xxs {
    height: 2px;
}

.progress-xs {
    height: 6px;
}

.progress-sm {
    height: 12px;
}

.progress-sm .progress-bar {
    font-size: 10px;
    line-height: 1em;
}

.progress,
.progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress-bar-primary {
    background-color: #7266ba;
}

.progress-bar-info {
    background-color: #23b7e5;
}

.progress-bar-success {
    background-color: #27c24c;
}

.progress-bar-warning {
    background-color: #fad733;
}

.progress-bar-danger {
    background-color: #c03f39;
}

.progress-bar-black {
    background-color: #1c2b36;
}

.progress-bar-white {
    background-color: #fff;
}

.progress.right .progress-bar {
    right: 0;
}
.progress.vertical {
    /*float: left;*/
    height: 72px;
    width: 8px;
    border-radius: 6px;
    margin: 0 auto;
}
.progress.vertical.bottom {
    position: relative;
}
.progress.vertical .progress-bar {
    height: 0;
    transition: height 0.6s ease 0s;
    width: 100%;
}
.progress.vertical.bottom .progress-bar {
    bottom: 0;
    position: absolute;
}
.width68 {
    float: left;
    width: 68%;
}
.width68 .right-img-loop span {
    width: auto;
    background: #ffc53b;
    border-radius: 40px;
    padding: 2px 10px;
    text-transform: capitalize;
    font-family: Inter;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}
.big-new {
    float: left;
    width: 100%;
    padding: 48px 40px;
    margin-top: 72px;
}
.activePostHeader{
    color: #c1292e;
}
.inactivePostHeader{
    color:#6d6d6d;
}
.right-img-loop h4 {

    font-family: Inter;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.2px;
    margin-bottom: 16px;
}
.right-img-loop p {
    font-family: Inter;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.87);
}

.left-img-loop img {
    width: 146.5px;
    object-fit: contain;
    height: 125.3px;
}
.steps-marks {
    float: left;
    width: 100%;
}
.main-padds {
  padding:0px;
}
.sectionsteps h3 {
    width: 356px;
    height: 64px;
    font-family: Inter;
    font-size: 24px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.2px;
    color: #000000;
}
.sectionsteps h2 {
    width: 193px;
    height: 24px;
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.3px;
    color: #c1292e;
}
.right-img-loop {
    float: left;
    width: 100%;
    margin-top: 4%;
}
.socila-links {
    float: left;
    width: 100%;
}

.socila-links p {
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.28;
    letter-spacing: normal;
    text-align: left;
        font-family: 'Inter-Bold';

    color: #ffffff;
}
.socila-links ul.social_icons {
    margin: 0px;
}


ul.terms-conditions li {
    display: inline-block;
    margin: 6px 40px 0 0;
    width: auto;
    text-align: center;
    /*margin: 0px 20px;*/
    height: 24px;
    font-family: "Inter";
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #cacaca;
}
ul.terms-conditions li a {
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Inter";
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #ffffff;
}
ul.terms-conditions li a:hover {
    text-decoration: none;
}
.Rectangle {
    width: 161px;
    height: 32px;
    border-radius: 8px;
    /*border: solid 1px rgba(255, 255, 255, 0.32);*/
    background-color: #1b1b1b;
    padding: 6px 16px 8px 12px;
    cursor: pointer;
    background-image: url(../images/arrow-down2.svg);
    background-position: 95%;
    background-repeat: no-repeat;

}
.mt-60{
    margin-top: 60px;
}
span.lang-title {
    font-family: Inter;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.1px;
    color: #ffffff;

}
.arrows {
    display: inline-block;
    position: relative;
    top: 0px;
    left: 5px;
}
.arrows img {
  width:10px;
  height:10px;
}
section.footer hr {
    border: none;
}

.del_add.cutom_del_add:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: '';
    background: #00000070;
    left: 0;
    top: 0;
}

.progress-bar-link {
  float: left;
  width:100%;
  /*background-image:url('../images/loader.png');*/
  background-repeat:repeat-x;
  height:10px;
  background-size: 10%;
}
/*h2.sentence {
    font-family: 'NoricanRegular';
    font-weight: 400;
    font-size: 20px;
    position: relative;
    color:#fff;
    margin-bottom: 30px;
}*/
h2.sentence {
    font-family: 'Inter';
    /* text-align: center; */
    position: relative;
    /* width: 400px; */
    margin: 10px auto 30px auto;
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    text-align: center;
    color: #ffffff;
}

/*** text chnage ***/
.slidingVertical{
  display: inline;
  text-indent: 8px;
}
.slidingVertical span{
  animation: topToBottom 20s linear infinite 0s;
  -ms-animation: topToBottom 20s linear infinite 0s;
  -webkit-animation: topToBottom 20s linear infinite 0s;
  color: #ce1127;
  opacity: 0;
  overflow: hidden;
  position: absolute;
}
/* .slidingVertical span:nth-child(2){
  animation-delay: 2.5s;
  -ms-animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s;
}
.slidingVertical span:nth-child(3){
  animation-delay: 5s;
  -ms-animation-delay: 5s;
  -webkit-animation-delay: 5s;
}
.slidingVertical span:nth-child(4){
  animation-delay: 7.5s;
  -ms-animation-delay: 7.5s;
  -webkit-animation-delay: 7.5s;
}
.slidingVertical span:nth-child(5){
  animation-delay: 10s;
  -ms-animation-delay: 10s;
  -webkit-animation-delay: 10s;
}

.slidingVertical span:nth-child(6){
  animation-delay: 12.5s;
  -ms-animation-delay: 12.5s;
  -webkit-animation-delay: 12.5s;
}

.slidingVertical span:nth-child(7){
  animation-delay: 15s;
  -ms-animation-delay: 15s;
  -webkit-animation-delay: 15s;
}

.slidingVertical span:nth-child(8){
  animation-delay: 17.5s;
  -ms-animation-delay: 17.5s;
  -webkit-animation-delay: 17.5s;
} */

.service_available {
	color:#ffc53b;
	margin-left:10px;
	position:absolute;

}

@-moz-keyframes topToBottom{
  0% { opacity: 0; }
  5% { opacity: 0; -moz-transform: translateY(-50px); }
  10% { opacity: 1; -moz-transform: translateY(0px); }
  25% { opacity: 1; -moz-transform: translateY(0px); }
  30% { opacity: 0; -moz-transform: translateY(50px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
@-webkit-keyframes topToBottom{
  0% { opacity: 0; }
5% { opacity: 0; -moz-transform: translateY(-50px); }
  10% { opacity: 1; -moz-transform: translateY(0px); }
  25% { opacity: 1; -moz-transform: translateY(0px); }
  30% { opacity: 0; -moz-transform: translateY(50px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
  0% { opacity: 0; }
 5% { opacity: 0; -moz-transform: translateY(-50px); }
  10% { opacity: 1; -moz-transform: translateY(0px); }
  25% { opacity: 1; -moz-transform: translateY(0px); }
  30% { opacity: 0; -moz-transform: translateY(50px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}

.empty_heder.fixed-head .login-home button {
    color: #000;
    background: #fff;

}
.empty_heder.fixed-head.search-header .serach-fullfilter .login-home button {
    color: #000;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 1px #d9d9d9;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.17px;
    text-align: center;
    background-image: url(../images/user.svg);
    background-position: 6%;
    background-repeat: no-repeat;
    padding: 16px 15px 15px 30px;
}
/*img.img-responsive.driver-lands {*/
/*    width: 220px;*/
/*    top: 28px;*/
/*}*/
img.img-responsive.serach-list-Pages {
    top:10%;
    left :20%;
}
.orders-detail-wrap .order-controls {
    margin: 0px;
}

.navbar-header.logo-head.driver-login img.img-responsive {
    width: 220px;
    top: 28px;
}
.navbar-header.logo-head.driver-login a.navbar-brand {
    float: left;
    width: 100%;
    cursor: pointer;
}
.search_section {
    float: left;
    width: 100%;
    min-height: 250px;
}
span.item_description {
   height: initial;
}


/*----hc----*/

.hit_bottom
{
  padding-bottom: 10px;
}

p.hit_txt {
    padding-top: 10px;
}


.cutom_wrap {
    float: left;
    width: 80%;
}

.cutom_wrap .right_menuadd.left-sec {
    width: 47.5%;
}

.right_price.custom_price {
    margin-left: 0;
}

.addon img {
    cursor: pointer;
}

.add_close img {
    cursor: pointer;
}

.select-langs {
    float: left;
    width: 100%;
    position: relative;
    cursor: pointer;
}

.select-langs input[type="radio"] {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    top: 0;
    cursor: pointer;
}

span.hit_three{
    display: block;
    text-align: right;
    color: green;
    width: 100%;
    float: left;
}
span.hit_one{
    float: left;
    width: auto;
}

span.hit_two{
    float: right;
    color: gray;
}

p.hit_txt.custome_txt {
    float: left;
    width: 100%;
}



ul.custom_add_food {
    float: left;
    width: 100%;
    padding-left: 0;
}

.right_labls.right-sec.customised_read {
    float: left;
    width: 100%;
}

.right_labls.right-sec.customised_read .switch {
    margin-right: 0;
}

.right_labls.right-sec.customised_read {
    padding: 20px;
}

.wraps_switch {

    float: left;
    width: 100%;
}

.wraps_switch .curnt_item {
    float: left;
    width: 25%;
    margin-top: 9px;
}

.wraps_switch label {
    float: right;
}

.form-group.abt-mybus.btm-lc.over_formings div {
    float: left;
    width: 50%;
}

.form-group.abt-mybus.btm-lc.over_formings div label {
    display: block;
}


.custom_max
{
	overflow: auto;
}



.user-saved-address-popup .modal-body {
    max-height: calc(70vh - 100px)!important;

}


.inside_togmenu {

    padding: 20px;
}

.del_add.cutom_del_add {

    min-height: 90px;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(./uploads/images/others/1568890803487.jpeg)
}

.del_add.cutom_del_add h2 {
    position: absolute;
    bottom: 30px;
    color: white;
    font-family: 'Inter', sans-serif;
    font-size: 24px;
}

.home-from3 button
{
      background-color: #ce1127 !important;
}

.home-from3 button:hover {
      background-color: #b21e23 !important;
    transition: all 0.10s;
}

.footer {
    /* background-color: #f3f3f3; */
    background-color: #000000;
}



/*.restaurant_banner .container-fluid {

    margin-top: 15%;
}*/

.restaurant_banner .image_rest {
    width: 17%;
}

.restaurant_banner .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
    padding: 80px 50px;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    width: 100%;
    bottom: 0;
}


p.end_description {
    float: left;
    width: 100%;
    margin-top: 15px;
        font-family: 'Inter', sans-serif;
        color: #4a494a;
    text-transform: lowercase;
}
p.end_description:first-letter {
    text-transform: capitalize;
}

p.times {
    float: left;
    width: 100%;
    text-align: right;
}

p.times span {
    /* background: black; */
    /* color: white; */
    font-size: 10px;
    padding: 4px 10px;
    border-radius: 2px;
    color: #fff;
    background: #989898;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

span.item_add {
    margin-left: 20px;
    height: auto;
    border: 1px solid #ca001e;
    line-height: unset;
    margin-top: 19px;
    padding: 7px;
    color: #ca001e;
    font-size: 10px;
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
}

span.current_price {
    color: #ffa32b;
    font-family: 'Inter', sans-serif;
    font-size: 14px;

}
span.striked {
    color: #9b9a9b;
    font-family: 'Inter', sans-serif;
    margin-left: 10px;
    font-size: 14px;
    text-decoration: line-through;
}
.checkout-cart-body {
    font-family: 'Inter', sans-serif;
}

.inner_res_menu ul li {
    position: relative;
    border-bottom: 1px solid rgba(75, 71, 71, 0.2)!important;
}

.inner_res_menu ul li:nth-child(even) {
    background: #ffffff;
}

span.item_description_inner p {

    font-family: 'Inter', sans-serif!important;
}

p.end_description.cust_ends {
    margin-top: 0;
    font-weight: normal;
    font-family: 'Inter', sans-serif!important;
}




/*---hc1---*/

.intl-tel-input {

    z-index: 11;
}

.orders-outterwrap .orders-detail-wrap {
    overflow: auto;
}

.bur_size p {
    width: auto!important;
    float: left;
}

.preloader-wrap.progress-loader {
    background-color: rgb(255, 255, 255) !important;
}


.login_pro span.glyphicon.glyphicon-eye-open.errspan {
    position: absolute;
    top: 16px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    left: unset;
    right: 8px;
}

.login_pro span.glyphicon.glyphicon-eye-close {
    position: absolute;
    top: 16px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    left: unset;
    right: 8px;
}

.login_pro .form-group {
    position: relative;
}
.errorBasePack{
    color:#D8000C ;background-color: #FFBABA;
}
.button_lang {
    background-color: #444;
    color: #FFF;
    padding: 6px 20px;
    border-radius: 5px;

    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

.button_lang:hover, .current_lang {
    background-color: #777;
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

.swal2-popup {
    font-size: 1.6rem !important;
}
.swal2-icon.swal2-warning::before {
    content: "";
}
.swal2-icon.swal2-info::before{
    content: "";
}
.swal-list-group{
    max-height:500px;
    overflow: auto;
}

.separator{
    margin-bottom: 20px;
    border:none;
}
div.scrollmenu {
    overflow-x: auto;
    overflow-y: hidden;
    max-height: 139px;
    width: auto;
    white-space: nowrap;
    padding: 16px;
}
div.scrollmenu::-webkit-scrollbar {
    display: none;
}

.service{
    /*width: 96px;*/
    height: 120px;
    float: left;
    padding: 4px 4px;
}

.service a {
    color: white;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
}

.service figcaption{
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 76px;
    display: block;
    overflow: hidden;
    font-family: Inter;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.1px;
    text-align: center;
    color: #5a5a5a;
}
.service:hover  figcaption{
    color: #1b1b1b;
}
.service img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-top: 4px;
}
.serviceL a {
    color: white;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
}
.serviceL figure{
    width: min-content;
    max-width: 100px;
}
.serviceL figcaption{
    font-family: Inter;
    display: block;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.1px;
    text-align: center;
    color: #ffffff;
    margin-top: 6px;

}
.serviceL img {
    width: 96px;
    height: 96px;
    border-radius: 50%;
}
.logoBox{
    width: 160px;
    height: 160px;
    /*border-radius: 20px;*/
    /*box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.16);*/
    /*background-color: #ffffff;*/
    margin: 0 auto;
}
.downloadYassir{
    margin-bottom: 100px;
}
.downloadYassir p{
    font-family: 'Inter';
    font-size: 24px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.4px;
    text-align: center;
    color: #000000;
    margin-top: 24px;
}
.downloadYAssirImage img {
    width: 160px;
    height: 48px;
}
.img-float-right{
    float:right;
   margin-right: 8px;
}
.float-right {
    float: right;
}
.float-left {
    float: left;
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
.grow {
    transition: all .3s ease-in-out;
}


.grow:hover {
    transform: scale(1.2);
}
.grow:hover img{
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.24);
}
.grow:hover figcaption{
    color: black;
}
.footer-title h2{
    font-family: 'Inter', serif;
    font-size: 12px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #ffffff;
}
.footer-title p{
     font-family: Inter;
     font-size: 14px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.14;
     letter-spacing: normal;
     color: #d9d9d9;
}
.footerBar{
    height: 64px;
    background-color: #3b3b3b;
}
.mt-16{
    margin-top: 16px;
}
.centered {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.centered h1{
    font-family: Inter;
    font-size: 32px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;

}
.image-box__overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
    z-index: 1;
}
.bordered{
    width: 100%;
    height: 60px;
    border-radius: 8px;
    border: solid 1px #b6b6b6;
    background-color: #ffffff;
}

.servicescroll{
    height: 120px;
    box-shadow: inset 0 -1px 0 0 #e9e9e9;
    background-color: #ffffff;
    margin-bottom:40px;
}
.ratings{
    color:#FFA400;
    width: 300px;
}
.reviews{
    font-family: Inter;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.1px;
    color: #5a5a5a;
}
.lists-item{
    padding: 16px;
}
.back-arrow{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
    margin-top: 17px;
    margin-left: 17px;

}


@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(-250px * 7));
        transform: translateX(calc(-250px * 7));
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(-100px * 21));
        transform: translateX(calc(-100px * 21));
    }
}
.Hslider {
    background: white;
    /*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);*/
    height: 170px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 90%;
}
.Hslider::before, .Hslider::after {
    background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 150px;
    position: absolute;
    width: 120px;
    z-index: 2;
}
.Hslider::after {
    right: 0;
    top: 0;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}
.Hslider::before {
    left: 0;
    top: 0;
}
.Hslider .Hslide-track {
    -webkit-animation: scroll 40s linear infinite;
    animation: scroll 40s linear infinite;
    display: -webkit-box;
    display: flex;
    width: calc(100px * 42);
}
.Hslider .Hslide-track:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;

}
.Hslider .Hslide {
    height: 180px;
    width: 140px;
    padding: 23px 10px;
}
.hr-nav-2 .nav-container::-webkit-scrollbar {
    display: none;
}
.hr-nav-2{
    height: 136px;
}
.hr-nav-2 .nav-container {
    display: flex;
    justify-content: center;
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 98%;
    margin: 1rem auto;
}
/*.hr-nav-2 .nav-container::before, .hr-nav-2 .nav-container::after {*/
/*    background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));*/
/*    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);*/
/*    content: "";*/
/*    height: 150px;*/
/*    position: absolute;*/
/*    width: 120px;*/
/*    z-index: 2;*/
/*}*/
.hr-nav-2 .nav-item {
    flex: 0 0 auto;
    text-decoration: none;
    text-align: center;
    color: #fff;
    border-radius: 50%;
}
.hr-nav-2 .nav-itemActive {
    flex: 0 0 auto;
    text-decoration: none;
    text-align: center;
    color: #fff;
    border: solid 2px #c0282e;
    border-radius: 50%;
}

.serviceImage{
    border-radius: 50%;
    width: 76px;
    height: 76px;
}
.serviceImageActive .serviceImage {
     border: solid 2px #c0282e;
     border-radius: 50%;
 }

.serviceImageActive figcaption {
    color: #1b1b1b;
 }

.serviceImage:hover{
    border-radius: 50%;
    border: solid 2px #b6b6b6;
}
.serviceImageActive .serviceImage:hover {
    border: solid 2px #c0282e;
    border-radius: 50%;
}

.edit-icon{
    max-height: 20px;
    width: auto!important;
    margin: auto;
    float: right;
    opacity: 0.3;
    color: #000;
    font-size: 18px;
    margin-left: 1rem;
    margin-right: 1rem;
}

.container-control{
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.dropzone {
    padding: 2rem;
    text-align: center;
    border: dashed 1px #979797;
    position: relative;
    margin: 0 auto;
}

.dragover{
    border: 1px solid #979797;
}

.dropzone input {
    opacity: 0;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.dropzone label {
    color: white;
    width: 183px;
    height: 44px;
    border-radius: 21.5px;
    background-color: #db202f;
    padding: 8px 16px;
}

.dropzone h3 {
    font-size: 20px;
    font-weight: 600;
    color: #38424c;
}

#icon-upload{
    font-size: 60px;
}

.fileover {
    animation: shake 1s;
    animation-iteration-count: infinite;
}

.files-list {
    margin-top: 1.5rem;
    display: flex;
    flex-grow: 1;
}

.files-list .single-file {
    display: flex;
    padding: 0.5rem;
    justify-content: space-between;
    align-items: center;
    border: dashed 1px #979797;
    margin-bottom: 1rem;
    width: 100%;
}
.files-list img.delete {
    margin-left: 0.5rem;
    cursor: pointer;
    align-self: flex-end;
}

.files-list.name {
    font-size: 14px;
    font-weight: 500;
    color: #353f4a;
    margin: 0;
}

.files-list.size {
    font-size: 12px;
    font-weight: 500;
    color: #a4a4a4;
    margin: 0;
    margin-bottom: 0.25rem;
}

#info {
    margin-right: auto!important;
    width: 100%!important;
    margin-left: 3rem!important;
}

.img-wrap {
    position: relative;
    display: inline-block;
    font-size: 0;
}
.img-wrap .close {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 8;
    background-color: #eee;
    padding: 7px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    opacity: .2;
    text-align: center;
    font-size: 22px;
    line-height: 10px;
    border-radius: 50%;
}
.img-wrap:hover .close {
    opacity: 1;
}


.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px; }
.dropzone .dz-preview:hover {
    z-index: 1000; }
.dropzone .dz-preview:hover .dz-details {
    opacity: 1; }
.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #999;
    background: linear-gradient(to bottom, #eee, #ddd); }
.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1; }
/*.dropzone .dz-preview.dz-image-preview {*/
/*    background: white; }*/
.dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear; }
.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none; }
.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline; }
.dropzone .dz-preview:hover .dz-details {
    opacity: 1; }
.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, 0.9);
    line-height: 150%; }
.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px; }
.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap; }
.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200, 200, 200, 0.8);
    background-color: rgba(255, 255, 255, 0.8); }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis; }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent; }
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 0.4em;
    border-radius: 3px; }
.dropzone .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px); }
.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
}
.dropzone .dz-preview .dz-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    /*z-index: 500;*/
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px; }
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
    display: block;
    width: 54px;
    height: 54px; }
.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in; }
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite; }
.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden; }
.dropzone .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(to bottom, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out; }
.dropzone .dz-preview.dz-error .dz-error-message {
    display: block; }
.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto; }
.dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626, #a92222);
    padding: 0.5em 1.2em;
    color: white; }
.dropzone .dz-preview .dz-error-message:after {
    content: '';
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626; }


.bootstrap-filestyle{
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-counter{
    box-shadow: 2px 2px 10px #DADADA;
    margin: 5px;
    padding: 20px 10px;
    background-color: #fff;
    height: 100px;
    border-radius: 5px;
    transition: .3s linear all;
}

.card-counter:hover{
    box-shadow: 4px 4px 20px #DADADA;
    transition: .3s linear all;
}

.card-counter.primary{
    background-color: #007bff;
    color: #FFF;
}

.card-counter.danger{
    background-color: #ef5350;
    color: #FFF;
}

.card-counter.success{
    background-color: #66bb6a;
    color: #FFF;
}


.card-counter.yallow{
    background-color: #ffcc0d;
    color: #000000;
}

.card-counter.info{
    background-color: #26c6da;
    color: #FFF;
}

.card-counter i{
    font-size: 5em;
    opacity: 0.2;
}

.card-counter .count-numbers{
    position: absolute;
    right: 35px;
    top: 20px;
    font-size: 32px;
    display: block;
}

.card-counter .count-name{
    position: absolute;
    right: 35px;
    top: 65px;
    font-style: italic;
    text-transform: capitalize;
    opacity: 0.5;
    display: block;
    font-size: 18px;
}

.center-modal.modal {
    text-align: center;
}


@media screen and (min-width: 768px) {
    .center-modal.modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.center-modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.center-modal .modal-body {
    /*padding:30px;*/
}
.center-modal div.tab {
    width:100%;
    font-family: 'Barlow', sans-serif;
    height:100%;
}
.center-modal .table::-webkit-scrollbar {
    height:3px;
    width:2px;
}
.center-modal .table > thead > tr > th{
    vertical-align: middle;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: capitalize;
    text-align: center;
}.center-modal .table > tbody > tr td{
    vertical-align: middle;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: capitalize;
    text-align: center!important;
}



.tab .tab-content {
    color: #555;
    background: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 25px;
    border-bottom: 4px solid #1d627c;
    box-shadow: 5px 5px 10px #cdcdcc;
    position: relative;

}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


@keyframes rotate {
    to {transform: rotate(360deg);}
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: rotate 1s linear infinite;
}

.registration-page .language-field {
    display: none;
}
.registration-page .language-field-mobile {
    display: block;
}
.readonly-group {
    display: none;
}
@media only screen and (min-width: 768px) {
    .registration-page .language-field {
        display: block;
        max-width: 268px;
        margin: 40px 60px 32px auto;
    }

    .registration-page .language-field-mobile {
        display: none;
    }
    .readonly-group {
        display: block;
    }
}

@keyframes scale-easeOutElastic {
    0% {
        transform: scale(1);
    }
    2% {
        transform: scale(1.9840025614019186);
    }
    3.5% {
        transform: scale(1.3032397191732996);
    }
    5.5% {
        transform: scale(1.569496618262092);
    }
    7.373% {
        transform: scale(1.4754292349786708);
    }
    9.125% {
        transform: scale(1.5086956580525455);
    }
    11% {
        transform: scale(1.4969256206120827);
    }
    12.5%, 25% {
        transform: scale(1.5);
    }
}

@keyframes scale-easeOutElastic-reverse {
    0% {
        transform: scale(1.5);
    }
    2% {
        transform: scale(1.3226683742679457);
    }
    3.5% {
        transform: scale(0.8688264794488664);
    }
    5.5% {
        transform: scale(1.0463310788413946);
    }
    7.373% {
        transform: scale(0.9836194899857806);
    }
    9.125% {
        transform: scale(1.0057971053683636);
    }
    11% {
        transform: scale(0.9979504137413885);
    }
    12.5%, 25% {
        transform: scale(1);
    }
}

@keyframes colorChange {
    0% {
        background-color: #fb2576;
    }
    12.5%, 25% {
        background-color: #6316db;
    }
    37.5%, 100% {
        background-color: #fb2576
    }
}

.preloader-animation {
    width: max(17.708333333%, 255px);
    --speed: 6.4s;
    --transition-time: 1.6s;
    --start-delay: 0.8s;
}

.preloader-animation img {
    margin-bottom: 20.392156862%;
}

.preloader-animation .preloader-dots {
    width: 40.784313725%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}

.preloader-animation .preloader-dot {
    width: 7.692307692%;
    aspect-ratio: 1;
    background-color: #fb2576;
    border-radius: 50%;
    animation: scale-easeOutElastic var(--speed) linear infinite forwards, scale-easeOutElastic-reverse var(--speed) linear infinite forwards, colorChange var(--speed) linear infinite;
}

.preloader-animation .preloader-dot:nth-child(1) {
    animation-delay: calc(var(--start-delay)), calc(var(--start-delay) + var(--transition-time)), calc(var(--start-delay));
}

.preloader-animation .preloader-dot:nth-child(2) {
    animation-delay: calc(var(--start-delay) + var(--transition-time)), calc(var(--start-delay) + (var(--transition-time) * 2)), calc(var(--start-delay) + var(--transition-time));
}

.preloader-animation .preloader-dot:nth-child(3) {
    animation-delay: calc(var(--start-delay) + (var(--transition-time) * 2)), calc(var(--start-delay) + (var(--transition-time) * 3)), calc(var(--start-delay) + (var(--transition-time) * 2));
}

.preloader-animation .preloader-dot:nth-child(4) {
    animation-delay: calc(var(--start-delay) + (var(--transition-time) * 3)), calc(var(--start-delay) + (var(--transition-time) * 4)), calc(var(--start-delay) + (var(--transition-time) * 3));
}

.restaurant-content{
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.link-window{
    max-width: 500px;
    padding: 40px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    flex-direction: column;
    text-align: center;
}

.link-window p {
    font-size: 18px;
    font-weight: 500;
    color: #1a0244;
}

.link-window button{
    outline: none;
    border: none;
    transition: all .2s;
    border-radius: 12px;
    padding: 8px 16px;
    font-size: 18px;
    font-weight: 500;
    color: #edeaf1;
    background: #1a0244;
    margin-top: 12px;
}

.link-window button:hover{
    color: #1a0244;
    background: #edeaf1;
    transition: all .2s;
}