*{ margin: 0; padding: 0;}
html {  scroll-behavior: smooth;}
body{ background:url("../images/bg.jpg") fixed}
ul{ margin: 0; padding: 0; list-style-type: none;}
.material-icons{ vertical-align: middle}
textarea{ border-radius: 0 !important; resize: none}
:root {
    --theme-color: #e1ad01;
    /* --red:  #cc0000; */
         
  }
.delivery_stat{ padding: 15px 0}
.delivery_stat small{ display: block}
.veg {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 20px;
    height: 20px;
    z-index: 9;
    border: 2px solid #00CB30;
    background: #fff;
    position: absolute;
}

    .veg:before {
        content: '';
        width: 10px;
        height: 10px;
        background: #00CB30;
        border-radius: 5px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }

.non_veg {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 20px;
    height: 20px;
    border: 2px solid #cc0000;
    background: #fff;
    z-index: 9999; position: absolute;
}

    .non_veg:before {
        content: '';
        width: 10px;
        height: 10px;
        background: #cc0000;
        border-radius: 5px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }
.bg-white{ background: #fff;}
.nav-pills a{ color: #333}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color:var(--theme-color);}

.taxes li{ font-size: 13px; padding:4px 0}
h6.card-title{ font-size: 13px;}

.offer{}
.offer a{ font-size:13px}
.offer a.active{ color: var(--theme-color) !important; background:#fff; border:1px solid rgba(0,0,0,.125)}
/*.offer a:first-child{ font-size:16px; font-weight: bold; text-transform: uppercase}*/
.cartFixed{ position:fixed; top: 0px; width: 268px; height: 100vh; transition: all 0.3s ease}
.offerFixed{ position:fixed; top: 85px; width: 199px; /*overflow-y:scroll; height: calc(100% - 100px)*/}
.searchFixed{ position:fixed; top: 0px; width: 855px; z-index: 99}

.offer .menuScroll{ height:calc(100vh - 212px); min-height: 200px;}
.offerFixed .menuScroll{ height:calc(100vh - 136px); min-height: 200px;}

/*div#menuList{ height: 600px !important}*/
.offer .mCSB_inside>.mCSB_container{ margin-right:0}

.cartFixedMobile{ position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 9999}

.custom-control-input:checked~.custom-control-label::before { color: #000; border-color: #cc202e; background-color: #cc202e;}
.mCSB_scrollTools{ z-index:99}

.mobile_footer{ display: none;}
.mobile_footer a{ display:block; color: #000; padding: 6px 15px; font-size: 13px; font-weight: bold}
.mobile_footer a small{ font-size:11px;}
.mobile_footer #menu_mobile{ width: 60px; height:60px; border-radius: 30px; border:0px solid #fff; text-align: center; line-height: 46px; position: absolute; left: 50%; top: -50%; transform: translateX(-50%); z-index: 99}

.cart .cartScroll{ height:calc(100vh - 600px); min-height: 200px;}
.cartFixed .cartScroll{ height:calc(100vh - 316px); min-height: 200px;}
div#menuModal a { color: #000; font-size: 12px; font-weight: bold; text-transform: capitalize;}

.bg-warning, .btn-warning, .badge-warning { background-color: #cc202e !important; color: #fff;}
.bg-warning:focus, .btn-warning:focus, .badge-warning:focus, .bg-warning:hover, .btn-warning:hover, .badge-warning:hover, a.bg-warning:focus, a.bg-warning:hover { background-color: #cc202e !important; color: #fff;}
.btn-warning{ border-color: #cc202e !important}
.text-warning{ color: #cc202e !important}

@media only screen and (max-width:768px){
    body{ padding-bottom: 100px}
    .mobile_footer{ display: block}
    .cart{ display: none; position: fixed;}
    .cartFixed{ position: fixed; width: 100%; height: 100vh; z-index: 9999; top: 0; left: 0;}
    .card{ border-radius: 0}
    .mCard{ margin: 0 10px}
    .mCard .card-body{ padding: 6px}
    .card-header{ border: 0}
    .mBody{ padding: 0; margin-top: 15px;}
    .mBody h6{ font-size: 12px}
    /*.card-body{ padding: 0; margin-top: 15px;}*/
    .bg-dark strong{ text-transform: capitalize; color: #000; font-size: 12px;}
    .bg-dark small{ color: #666; font-size: 11px;}
    .bg-dark{ background: #fff !important;}
    .modal-title, .list-group-item-warning, list-group-item{ font-size:13px}
    
    .cart .cartScroll{ height:calc(100vh - 405px); min-height: 305px;}
}