body{
    font-family: 'Urbanist', sans-serif !important;
    height: 100vh !important;
    overflow-y:hidden !important;
    background: var(--online-Ordering-PrimaryBackground);
  }

  html body .checkout-page .inner-part .head_part {
     background: var(--secondary-color);
  }
  html body .checkout-page .inner-part .account .account-details .acc-btns .active {
     background: #fff;
     color: var(--primary-color);
  }
  .category-iteam .categorys {
     /* height: 90vh !important; */
     overflow-y:scroll !important;
     margin-bottom: 100px;
     margin-top: 20px;
     padding-top: 20px;
  }
  .category-iteam .categorys::-webkit-scrollbar{
     width: 0px !important;
  }
  .checkoutBrandName{
     font-weight: 500 !important;
  }
  .checkoutPasswordContainer a{
   color: #1a1a1a;
  }
  /* items card price */
  .iteams .food_items .iteam_menu .iteam_name .price_iteam .price p::first-letter {
     color: var(--secondary-color);
     font-size: 15px;
     font-weight:700;
     margin-right:1.5px;
  }
  /* change post code pop up btn */
  .checkout-page .pad-mg .account .account-details .log-details .process button {
     background-color: var(--primary-color);
     /* margin-top: 26px !important; */
  }

   /* items size and modifier start */
  .modifiers_popup_v2 .btn_fixed .fixed .btns button {
     color: #fff !important;
  }
  /* Hide and show elements added */
  body .combinations_and_items .btn_fixed .fixed .shwoing h3 {
     text-transform: Capitalize;
     color: var(--primary-color);
  }
  html body #pizza_design .btn_fixed .fixed .btns .move_to_toppings {
     color: #fff !important;
     background: var(--secondary-color);
     padding: 7px 15px !important;
     width: 30% !important;
     border-radius:8px !important;
  }
 /*  .modifiers_popup_v2 .btn_fixed .fixed .btns{
     background: var(--secondary-color);
  } */
  .btn_fixed .fixed .btns .one span, html body .combinations_and_items .btn_fixed .fixed .btns button {
     color: var(--primary-color);
  }
  body .combinations_and_items .btn_fixed .fixed .btns {
     color: #fff !important;
     padding: 0px 10px;
  }
  .btn_fixed .fixed .btns .two {
     background: var(--primary-color);
     cursor: pointer;
     padding: 7px 15px;
     width: 30%;
     border-radius: 6px;
     color:#fff !important;
     font-size: 16px;
  }
  .item_queries_section .iteams .food_items .iteam_menu .item_img .img_part .add_btn .btn button {
     color: var(--primary-color);
  }
  .combinations_and_items .iteams .food_items .iteam_menu .item_img .img_part .add_btn .btn button {
     background: #fff !important;
     color: var(--primary-color) !important;
     border: 1px solid var(--primary-color) !important;
  }
  
  .modifier .modi #queryMenuItem .add_btn .btn button{
   color: var(--primary-color) !important;
   border: 1px solid var(--primary-color) !important;
   box-shadow: none !important;
  }
  /* items size and modifier end */

  /* header */
  .web-head .container .change_rest h3 a {
     border:none !important;
     border-radius:0 !important;
     border-bottom:1px solid var(--primary-color);
     padding: 0 0 1px 0;
  }

  /* CHECKOUT PAGES */
  body .checkout-page .inner-part .fixed_btn .contune .process_btn .process button,body .checkout-page .inner-part .payment_methoad .pay_div a .pay_money {
     /* background: var(--secondary-color); */
     border-radius: 8px !important;
  }
  .cart_checkout_button_grey {
     background: #A0A2AA !important;
     cursor: not-allowed !important;
  }
  .resend_activation_mail{
     cursor: pointer;
     text-decoration: none;
     padding: 3px 16px;
     margin: 4px 0px;
     outline: 0;
     border-radius: 5px;
     font-size: 15px;
     position: relative;
     background: #fff;
     border: 1px solid #000;
     color: #000;
  }
  .table_para{
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     position: relative;
     font-size: 18px;
     white-space: normal;
     line-height: 18px;
     margin-top: 0px;
  }
  .tablenumber_btn{
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
  }
  .tablenumber_span{
     margin-bottom: 5px !important;
  }
  .box-no p{
     font-size:18px;
     margin:0;
  }
  .tablenomoresize{
     -webkit-line-clamp: 1;
     display: -webkit-box  !important;
     -webkit-box-orient: vertical;
     padding: 3px !important;
     max-width: 90px !important;
     width: 70px;
  }
  .icons{
     overflow: hidden;
     max-width: 115px;
     height: 20px;
  }
  .icons img{
     width: 15px;
     margin:0 4px;
  }
  .group input:read-only~label {
     top: -7px;
     font-size: 12px;
     color: var(--secondary-color);
     padding: 0px 5px;
     font-weight: bold;
     left: 12px;
     margin-left: -3px !important;
     background: #fff;
  } 
  .fixedTotalPriceBar {
     background: var(--secondary-color);
  }
  body #cart_items .cat_main_div .scroll-checkout .checkout_btn a .last_btn {
     background: var(--secondary-color);
  }
  .preorder_change_btn {
     margin-bottom: 10px;
     -ms-flex-align: center;
     align-items: center;
     font-size: 18px;
     font-weight: bold;
     background: #FFFFFF;
     -webkit-box-shadow: 0px 3px 6px rgb(110 116 134 / 24%);
     box-shadow: 0px 3px 6px rgb(116 105 109 / 61%);
     border-radius: 8px;
     height: 45px;
     font-size: 16px;
     outline: 0;
     padding: 0px 35px;
  }
  .mobile_postcode_css_update{
     transform: translatey(0px) !important;
     height: auto !important;
  }
 
  @media (max-height:680px) and (max-width:475px){
     /* .iteams .food_items {
        margin-top: 105px !important;
     } */
  }
.extra-t {
   display: flex;
   align-items: center;
   justify-content: space-between
}

.extra-t p {
   margin: 5px 0;
   font-size: 14px;
   font-weight: bold;
   color: #93959f;
   position: relative;
   display: flex;
   align-items: center
}

.extra-t span {
   display: contents;
   cursor: pointer
}

.extra-t span svg {
   margin-left: 10px
}

.tooltip {
   display: contents;
   position: relative
}

.extra-t .tooltip:hover:after {
   justify-content: center;
   background: #f2f2f2;
   border-radius: 4px;
   color: #1a1a1a;
   content: attr(title);
   position: absolute;
   padding: 5px;
   width: 180px;
   text-align: center;
   font-size: 10px;
   bottom: 29px;
   right: -78%
}

.extra-t .tooltip:hover:before {
   border: solid;
   border-color: #f2f2f2 transparent;
   border-width: 12px 6px 0 6px;
   content: "";
   left: 89%;
   bottom: 18px;
   position: absolute
}

.extra-t .close-d {
   margin-left: 5px;
   display: flex;
   align-items: center
}

.extra-t span svg {
   margin-left: 10px
}

.extra-t .tooltip {
   display: contents;
   position: relative
}

.extra-t .tooltip:hover:after {
   justify-content: center;
   background: #bfc6dc;
   border-radius: 4px;
   color: #404040;
   content: attr(title);
   position: absolute;
   padding: 5px;
   width: 180px;
   text-align: center;
   font-size: 10px;
   bottom: 29px;
   right: -78%
}

.extra-t .tooltip:hover:before {
   border: solid;
   border-color: #bfc6dc transparent;
   border-width: 12px 6px 0 6px;
   content: "";
   left: 89%;
   bottom: 18px;
   position: absolute
}
.topay{
   align-items: baseline;
  display: flex !important;
}
.topay span {
   padding: 0 5px !important;
   font-weight: 700;
}



/* Dikshant custom Code */
/* New loader css 2/6/2022 */
/* PRELOADER CSS DIKSHANT ADDED 1/6/2022 */
/*----preloader---*/
/* The Loader */
/* Spinner 6 starts here */

.loada-body .loading{
  background: transparent !important;
  height: auto;
  padding: 0px !important;
}
.preloaderHost {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
   margin: 0 auto;
   max-width: 650px;
   min-width: 200px;
 }
.canvas {
   align-items: center;
   background: #fff;
   border-radius: 50%;
   box-shadow: 0 5px 20px rgba(0,0,0,0.2);
   display: flex;
   height: 4em;
   justify-content: center;
   margin: 1em 1em 2em 1em;
   width: 4em;
 }
 .loada-body .loading p {
    margin-top:130px;
    margin-bottom:0;
    color: #fff;
    font-weight:400;
    font-size:16px
 }
 .loada-body:before {
    opacity: 0.8;
 }
.loader-wrapper_NewLoader {
   position: fixed;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   /* background-color: #eee; */
}
.loader-box_NewLoader {
       /* height: 100px;
       width: 100%; */
       display: flex;
       align-items: center;
       justify-content: center;
       
   }
.icon {
           font-size: 5rem;
           transform: scale(1);
           background-color: rgb(255, 255, 255);
           border-radius: 150px;
           height: 150px;
           width: 150px;
           display: flex;
           align-items: center;
           justify-content: center;
           animation: loaderSize 2.5s infinite ease-in-out, loaderColor 7.5s infinite ease-in-out;
           color: #9356DC;
           /* box-shadow: 0 0 15px #fff; */
       }
@keyframes loaderCircle {

}
@keyframes loaderSize {
   0% {
       transform: scale(.5) rotate(0);
   }
   16% {
       transform: scale(0) rotate(0);
   }
   50% {
       transform: scale(.5) rotate(0);
   }
   80% {
       transform: scale(.5) rotate(-360deg);
   }
   100% {
       transform: scale(.5) rotate(-360deg);
   }
}
@keyframes loaderColor {
   5% {
       color: #9356DC;
   }
   10% {
       color: #FF79DA;
   }
   39% {
       color: #FF79DA;
   }
   40% {
       color: #99E2D0;
   }
   70% {
       color: #99E2D0;
   }
   80% {
       color: #9356DC;
   }
   100% {
       color: #9356DC;
   }
}




.all_mobile_menus_display .active{
  background: var(--primary-color);
  border-bottom: 3px solid  var(--primary-color);
  border-radius:0 !important;
}
.iteams .food_items .iteam_menu .iteam_name .add_btn .btn button,.iteams .food_items .iteam_menu .item_img .img_part .add_btn .btn button{
  /* border: 1px solid : var(--primary-color); */
  background-color:  var(--primary-color);
  color: #fff !important;
}

.mobilemenu_categories .active{
     border-bottom:2px solid var(--primary-color); ;
 }
.iteams .food_items .iteam_menu .iteam_name .add_btn .btn button:hover{
  opacity: .8;
}

.container {
  width: 100% !important;
  padding: 0px !important;
}
.iteams-nav .category ul .active{
  /* background-color: var(--primary-color) !important; */
  background-color: #1a1a1a !important;
  border-radius:50px !important;
  background-color: var(--primary-color);
  color: #fff;
}
.iteams-nav .category ul li .active{ 
    color: #fff;
}

/* .cart_footer .sidebarMenuInner .delivery_btns .deli .active{
  background: #353839 !important;
  color: #fff !important;
} */
.cart_footer .sidebarMenuInner .delivery_btns .deli .active{
  border-radius:6px !important;
  /* color: #fff !important; */
}
/* .cart_footer .sidebarMenuInner .delivery_btns .deli .active svg {
  filter: invert(99%) sepia(6%) saturate(5%) hue-rotate(161deg) brightness(105%) contrast(100%);
} */
.cart_footer .sidebarMenuInner .tab_delivery .find_address .label_del .address button{
  border: 1px solid  var(--primary-color);
  color:  var(--primary-color);
  box-shadow: none !important;
}
#cart_pop_v2 .name_p .currencySymbol {
  color:  var(--primary-color);
}
.modifiers_popup_v2 .main_sellect .sellect label .add_btn .btn button{
  border: 1px solid var(--primary-color);
  color:  var(--primary-color);
  box-shadow: none !important;
}
/* body .checkout-page {
  background: var(--secondary-color);
} */
.accpt .ter .text-toogle input:checked[type="checkbox"]{
  background: var(--primary-color);
}
.add-to-cart .add-fixed-btn .contune .process_btn .process button,.checkout-page .pad-mg .fixed_btn-2 .contune .process_btn .process button{
  background: var(--primary-color);
  border-radius:12px !important;
  height: 50px;
}
.add-to-cart .add-fixed-btn .contune .process_btn .process button,.checkout-page .pad-mg .fixed_btn-2 .contune .process_btn .process .WarningIconPopup{
  background: var(--primary-color);
  border-radius:10px !important;
  height: 50px;
}
body #cart_pop_v2 .cat_main_div .scroll-checkout .checkout_btn a .last_btn, body #cart_view .cat_main_div .scroll-checkout .checkout_btn a .last_btn {
  background: var(--secondary-color);
}
/* .coupon_text svg path {
  fill: var(--secondary-color);
} */
body #cart_view .cat_main_div .scroll-checkout .coupondiv .coupon .coupon_btn,body #cart_items .cat_main_div .scroll-checkout .coupondiv .coupon .coupon_btn {
  color: var(--secondary-color);
  border: 1px solid var(--secondary-color);
}
.combinations_and_items .btn_fixed .fixed .btns,.modifier_side_section .btn_fixed .fixed .btns,.item_queries_section .btn_fixed .fixed .btns button {
  /* background: var(--secondary-color) !important; */
  border-radius:5px !important;
  /* color: #fff !important; */
  border:none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: #000 !important;
}

.continue_side, .continue_modifier_group{
   border: 0;
   background: var(--primary-color) !important;
   color: #fff !important;
   font-size: 14px;
   font-weight: bold;
   color: #8505f9;
   outline: 0;
   padding: 10px;
 }
.item_queries_section .btn_fixed .fixed .btns button{
  background: var(--primary-color) !important;
  border-radius:5px !important;
  /* color: #fff !important; */
  border:none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: #fff !important;
  padding: 22x !important;
}
.item_queries_section .iteams .iteam_menu_title .iteam_title h3{
text-align: center !important;
}
.item_queries_section .iteams .food_items .iteam_menu .iteam_name .menu_title .title h5 {
   font-weight: 600 !IMPORTANT;
}
.iteam_menu_title{
width: 100% !important;
}
.item_queries_section .btn_fixed .fixed .btns {
   display: -webkit-box;
   width: 30%;
   margin: auto !important;
   margin-bottom: 18px ! IMPORTANT;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 0px;
   -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.46);
   box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.46);
   border-radius: 5px;
   margin: 0px 0;
   outline: 0;
}
body .combinations_and_items .btn_fixed .fixed .btns button,.modifier_side_section .btn_fixed .fixed .btns button{
  color: #fff;
}

#logout_model .modal-content {
  height:auto !important;
}
#logout_model .modal-content body .aler-page .pad-mg {
  background: #fff !important;
  width: 100% !important;
  padding: 20px !important;
}
.cart_footer .sidebarMenuInner .collection_div .date_sellect .niput_date .process_btn .process button{
  background: var(--secondary-color);
  color: #fff !important;
  border-radius:8px !important;
}
@media screen and (max-width:550px){
 /*  .mobile-navgation .head_part{
     background: #fff !important;
  } */
  .navHeaderContainer {
       display: flex !important;
       justify-content: space-between !important;
       /* box-shadow: 0 0 0 10000px rgb(0 0 0 / 34%); */
       box-shadow: 0 0 0 10000px rgb(0 0 0 / 15%);
       box-shadow: 0 0 0 10000px rgb(0 0 0 / 6%);
       border-radius: 0 0 12px 12px;
       align-items: center;
       padding:3px 0;
   }
  /* create password start */
  #change_password_popup .checkout-page .pad-mg .head_part {
     background: var(--primary-color) !important;
     border-bottom: 1px solid #e9e9e9 !important;
     border-radius: 16px 16px 0px 0px !important;
  }
  #change_password_popup .checkout-page .pad-mg .head_part .back .title h3{
     color: #fff !important;
     padding: 0px !important;
  }
  .checkout-page .pad-mg .head_part .back .title h3{
     color: #fff !important;
  }
  body  #change_password_popup .checkout-page{
     /* background: #fff !important; */
  }
  /* create password end */
 
  .container{
     width: 100% !important;
     padding:2px !important
  }
        /* CONTACT US PAGE */
     .map_section .address {
        box-shadow: 1.1px 1.1px 3.1px rgb(0 0 0 / 1%), 2.7px 2.7px 7.4px rgb(0 0 0 / 1%), 5px 5.1px 14px rgb(0 0 0 / 2%), 8.9px 9.2px 25px rgb(0 0 0 / 2%), 16.7px 17.1px 46.8px rgb(0 0 0 / 2%), 40px 41px 112px rgb(0 0 0 / 3%) !important;
     }

     .map_section .address .adrs p
     {
        font-size: 14px;
        font-weight: 500;
        line-height: 25px;
        color: #818181;
        font-size: 14px;
        font-weight: 500;
     }
     body .checkout-page .inner-part .payment_methoad .payment_btn .btn button span 
     {
        font-size: 14px !important;
     }
     .map_section .address .adrs h3{
        color: #000000d9 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
     }
     
     #login_popup .modal-content {
        background: var(--secondary-color);
     }
     .pad-mg .fixed_btn .contune .process_btn .process button {
           background: var(--secondary-color);
            border-radius:8px;
            color: #fff !important;
            height: 50px;
       }
     .btn_fixed .fixed .btns .two {
        width:50%;
     }
   
}
  .pad-mg .order-placed .div_order .stutas h3{
        color: var(--secondary-color);
        font-size: 18px;
        font-weight: bold;
   }
     #change_password_popup .checkout-page .pad-mg .head_part {
      background: var(--primary-color) !important;
      border-bottom: 1px solid #e9e9e9 !important;
      border-radius: 16px 16px 0px 0px !important;
     }
     .checkout-page .pad-mg .head_part{
        border-radius:0 0 12px 12px !important;
     }

.modifiers_popup_v2 .main_sellect .sellect label input:checked + span::before {
  border-color: var(--primary-color);
}

/* order detials dektop btn */
.pad-mg .fixed_btn .contune .process_btn .process button {
  background: var(--secondary-color);
  border-radius:8px;
  color: #fff !important;
  height: 50px;
}
/* body #cart_view .head_part, body #cart_pop_v2 .head_part, body #cart_items .head_part {
  display:none !important;
} */

body .combinations_and_items .iteams .food_items .iteam_menu .item_img .img_part {
   display: flex;
   flex-direction: column !important;
   justify-content: center;
   align-items: center !important;
}
   

/* Dikshant Second part */
@media (max-width:550px){
  /* query meal, items and combinations, meal deals etc design css */
  #querymeal_popup_v2 .modal-body, #mealdeal_popup_v2 .modal-body,#modifiers_popup_v2  .modal-body, #mixmatch_v2  .modal-body, #pizza_v2  .modal-body {
     background:#fafafa;
  }
  body .combinations_and_items .btn_fixed .fixed .shwoing .querycart p, body .combinations_and_items .btn_fixed .fixed .shwoing .querycart span{
     color: var(--secondary-color);
  }
  .combinations_and_items .iteams .tabs_desserts .tab ul .active {
     color: var(--primary-color);
  }
  body .combinations_and_items .iteams .tabs_desserts .tab ul .active::before{
     background:  var(--primary-color);
  }
  .slideUpArrow path {
     fill:  var(--primary-color);
  }

   /* HIDE AND SHOW TOGGLE IN CART */
 body .combinations_and_items .btn_fixed {
     border-radius: 12px 12px  0 0 !important;
     background-color: #fff !important;
 }
/*  body #cart_view .head_part, body #cart_pop_v2 .head_part, body #cart_items .head_part {
       display:block !important;
  } */

}
.bg-img .multi-resta-ordering .search button {
  background: var(--primary-color);
}
.collection_btn:hover, .delivery_btn:hover {
  background: var(--primary-color);
}
.checkout_amount_due_text {
  display: flex;
  justify-content: start;
  flex-direction: column;
  align-items: flex-start; 
  margin: 0 0 20px 0;
  border: 1px solid var(--secondary-color);
  padding: 10px;
  border-radius: 12px;
}
.checkout_amount_due_text_price {
  font-size: 36px;
   line-height: 36px;
   font-weight: 700;
   margin-bottom: 0px;
   color: var(--secondary-color);
}
#mealdeal_popup_v2 .modifier_side_section .one , #mixmatch_v2 .modifier_side_section .one , #querymeal_popup_v2 .modifier_side_section .one {
  color: var(--primary-color);
} 


.modal-backdrop {
    /* position: unset!important; */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}
html body .combinations_and_items .iteams .food_items .iteam_menu .iteam_name .description .dec p a span svg {
   height:15px !important;
}
@media screen and (max-width:1040px){
   html body .iteams-nav .category ul .active {
         background: transparent;
   }
}

@media screen and (max-width:550px){
      .left-category .panel .panel-heading .panel-title p span small {
         font-weight:600 !important;
      }
      .login_account_screen{
         padding:20px !important;min-height:40vh !important;
      } 
      html body .iteams-nav .category ul .active {
         background: transparent;
      }
      #ds-sub-menu ul li,#ds-sub-menu2 ul li {
         font-size:14px !important;
      }
      #ds-sub-menu {
         margin-bottom:10px !important;
      }
      .iteams-nav {
         top: 60px !important
      }
      .iteams .food_items {
         margin-top:100px !important;
      }
      body .alrgn-info .ag_info .iteam_info .iteam_name .menu_title .price, body .info_popup_v2 .ag_info .iteam_info .iteam_name .menu_title .price{
         width:auto !important;
      }

   }
   @media (min-width: 1124px) {
      .left-category .menu_iteams_popup .menu .iteams .panel-group {
         width: 100% !important;
      }
   }
   .group input, .group select, .group textarea {
      font-size:16px !important;
      font-weight: 600 !important;
   }
   .mobile-navgation .head_part .table-book .search img, .mobile-navgation .head_part .table-book .table-b img, .mobile-navgation .head_part .table-book .cart img {
      width:20px !important;
      height: 20px !important;
   }
   /* html,body,span,h1,h2,h3,h4,h5,h6,p,button,strong,b,{
      font-family: 'Figtree', sans-serif !important;
   } */
   
    /* Width for more than 1920px Final commit */
    .customClassDesktop{
      width: 80% !important;
      max-width: 76% !important;
    }
  
   /* margin fix height Final commit */
   @media (min-height:900px){
      .container .menu-web {
         margin-top:20px !important;
      }
   }
   @media (max-width:550px) {
      .menu_buttons {
         bottom: 150px !important;
      }
      .side_error p {
            text-align: center;
            font-size: 12px;
            padding: 5px 10px;
      }
   }
   .new_default_pizza_size_container p {
            display: flex;
            justify-content:space-between;
            align-items:center;
            font-weight:400 !important;
            color: #999 !important;
            font-size:12px !important;
        }
   .new_default_pizza_size_container .name_1 {
      width: 100% !important;
   }
   .fixedTotalPriceBar a:focus {
      color: #fff;
      outline:none !important;
   }
   #order_type_display .btn_fixed .fixed .btns {
      height: 100% !important;
   }
   ::-webkit-scrollbar-thumb:hover {
background: #bbb; 
}
@media screen and (max-width: 767px) {
   .customClassDesktop{
      width: 100% !important;
      max-width: 100% !important;
   }
   
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
   .customClassDesktop{
      width: 100% !important;
      max-width: 100% !important;
   }
}
@media screen and (min-width: 768px) and (max-width: 1180px) and (orientation: landscape){
   .customClassDesktop{
      width: 100% !important;
      max-width: 80% !important;
   }
   .mainContainer{
      max-width: 85% !important;
   }
}