html {
    font-size: 14px;
}

.form-label {
    margin-bottom: 0rem;
}

.tabs-rounded-xs a {
    border: 1px solid var(--imv-app-border-light) !important;
}

    .tabs-rounded-xs a:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .tabs-rounded-xs a:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
/*Extending Bootstrap Utilities*/
.h-5 {
    height: 5% !important;
}

.h-10 {
    height: 10% !important;
}

.h-15 {
    height: 15% !important;
}

.h-20 {
    height: 20% !important;
}

.h-30 {
    height: 30% !important;
}

.h-35 {
    height: 35% !important;
}

.h-40 {
    height: 40% !important;
}

.h-45 {
    height: 45% !important;
}

.h-55 {
    height: 55% !important;
}

.h-60 {
    height: 60% !important;
}

.h-65 {
    height: 65% !important;
}

.h-70 {
    height: 70% !important;
}

.h-80 {
    height: 80% !important;
}

.h-85 {
    height: 85% !important;
}

.h-90 {
    height: 90% !important;
}

.h-95 {
    height: 80% !important;
}







/*Bootstrap Utilities*/
@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1024px) {
    html {
        font-size: 14px;
    }

    h5 {
        font-size: 13px;
        line-height: 18px;
    }

    .font-18 {
        font-size: 13px !important;
    }

    .font-12 {
        font-size: 10px !important;
        letter-spacing: .05em;
    }

    .bootstrap-select > .dropdown-toggle,
    .bs-searchbox .form-control {
        border-radius: 5px !important;
        border-color: var(--imv-app-border-light);
        line-height: 20px;
    }

    .bootstrap-select {
        line-height: 15px;
        font-size: 12px !important;
    }

        .bootstrap-select .dropdown-menu li a,
        .bootstrap-select > .dropdown-toggle.bs-placeholder {
            font-size: 12px !important;
        }

    .filter-option-inner-inner {
        /*font-size: 13px;*/
        font-size: 1rem !important;
    }

    .bootstrap-select .dropdown-menu li a span.text {
        /*font-size: 13px;*/
        font-size: 1rem !important;
    }

    .product-card {
        min-height: 100px;
    }

    .product-name {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}
/*End media only screen and (max-width: 1024px)*/
@media only screen and (min-width: 1025px) {
    .bs-searchbox .form-control {
        line-height: 24px;
    }

    .bootstrap-select > .dropdown-toggle,
    .bs-searchbox .form-control {
        border-radius: 5px !important;
        border-color: var(--imv-app-border-light);
        line-height: 22px;
    }

    .bootstrap-select .dropdown-menu li a span.text {
        /*font-size: 15px;*/
        font-size: 1rem;
    }

    .filter-option-inner-inner {
        /*font-size: 13px;*/
        font-size: 1rem;
    }

    .product-card {
        min-height: 100px;
    }

    .product-name {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}
/*End media only screen and (min-width: 1025px)*/
html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.theme-dark .wrapper-left-bottom,
.theme-dark .wrapper-categories,
.theme-dark .wrapper-middle,
.theme-dark .left-dd,
.theme-dark #divProductView,
.theme-dark .wrapper-top,
.theme-dark .wrapper-top2,
.theme-dark .wrapper-bottom,
/*.theme-dark .wrapper-bottom-totals,*/
.theme-dark .wrapper-left-top,
.theme-dark #divCartContainer,
.theme-dark .tab-controls a:not(.no-click),
.theme-dark .datepicker-main,
.theme-dark .datepicker-header,
.theme-dark .datepicker-controls {
    background-color: #21252a !important;
    color: #FFF;
}


.cart-text-main {
    color: var(--imv-text-dark-600);
    font-weight: 600;
}

.theme-dark .cart-text-main {
    color: var(--bs-gray-200);
}

.cart-text-secondary {
    color: var(--imv-text-dark-600);
    font-weight: 500;
}

.stepper input {
    font-size: 18px !important;
}

.cow-icon {
    display: inline-block;
    width: 1rem;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16"><path d="M96 224v32V416c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V327.8c9.9 6.6 20.6 12 32 16.1V368c0 8.8 7.2 16 16 16s16-7.2 16-16V351.1c5.3 .6 10.6 .9 16 .9s10.7-.3 16-.9V368c0 8.8 7.2 16 16 16s16-7.2 16-16V343.8c11.4-4 22.1-9.4 32-16.1V416c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V256l32 32v49.5c0 9.5 2.8 18.7 8.1 26.6L530 427c8.8 13.1 23.5 21 39.3 21c22.5 0 41.9-15.9 46.3-38l20.3-101.6c2.6-13-.3-26.5-8-37.3l-3.9-5.5V184c0-13.3-10.7-24-24-24s-24 10.7-24 24v14.4l-52.9-74.1C496 86.5 452.4 64 405.9 64H272 256 192 144C77.7 64 24 117.7 24 184v54C9.4 249.8 0 267.8 0 288v17.6c0 8 6.4 14.4 14.4 14.4C46.2 320 72 294.2 72 262.4V256 224 184c0-24.3 12.1-45.8 30.5-58.9C98.3 135.9 96 147.7 96 160v64zM592 336c0 8.8-7.2 16-16 16s-16-7.2-16-16s7.2-16 16-16s16 7.2 16 16zM166.6 166.6c-4.2-4.2-6.6-10-6.6-16c0-12.5 10.1-22.6 22.6-22.6H361.4c12.5 0 22.6 10.1 22.6 22.6c0 6-2.4 11.8-6.6 16l-23.4 23.4C332.2 211.8 302.7 224 272 224s-60.2-12.2-81.9-33.9l-23.4-23.4z"/></svg>') 0 0/contain no-repeat;
}

.cow-icon2 {
    display: inline-block;
    width: 1rem;
    background-image: url('/dairy-product.png');
}
/*  custom css from ecommerce project*/
.maindv {
    width: 100vw;
    height: 100vh;
    /* background-image: url('../images/AdobeStock.jpeg');
            text-align: center;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;*/
}

.dvHeight {
    width: 100vw;
    height: 33vh;
}

.dvleft {
    /*width: 100vw;
    height: 100vh;
    background-image: url('../images/Deliveryimg.jpg');*/
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50vw;
    height: 100vh;
    float: left;
    /*opacity: 0.5;*/
    background-color: #fff;
}

.dvright {
    width: 50vw;
    height: 100vh;
    float: right;
    background-color: #ffffff;
}

.card {
    /*border-radius: 16px;*/
}

.food-block {
    height: 30vh;
    margin-top: 2.5vh;
    background-image: url('../images/foodbannerimg.jpg');
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    opacity: 0.9;
    z-index: 999999
}

.grocery-block {
    height: 30vh;
    margin-top: 2.5vh;
    opacity: 0.9;
    background-image: url('../images/grocerybannerimg.jpg');
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 999999
}

.omanmall {
    height: 30vh;
    margin-top: 2.5vh;
    background-image: url('../images/electrobannerimg.jpg');
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 999999
}

.shop-content {
    color: #ffffff;
    margin: 0 auto;
    font-size: 20px
}

.logo-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 100px;
    align-content: center;
    top: 200px;
    position: relative;
}

.punchline1 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 100px;
    align-content: center;
    top: 250px;
    position: relative;
    font-size: 22px;
    color: #000000;
    font-weight: 700;
}

.punchline2 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 100px;
    align-content: center;
    top: 170px;
    position: relative;
    font-size: 22px;
    color: #000000;
}


/*Radio button Customer CSS */
.custom-radio {
    z-index: 1;
    padding-left: 1rem;
    visibility: visible;
  /*  margin-top: -15px;*/
    right: 4px;
}

.custom-control-label {
    position: absolute;
}

    .custom-control-label::before {
        position: absolute;
        top: -8px;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #cdcdcd solid 1px;
    }

    .custom-control-label::before {
        width: 1.5rem;
        height: 1.5rem;
    }

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #28a745;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #28a745;
    background-color: #28a745;
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-control-label::after {
    position: absolute;
    top: -8px;
    left: -1.5rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60% 60%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.select-border {
    border: 0.5px solid #28a745 !important;
}

.card-disabled {
    opacity: 0.5;
    cursor: context-menu;
}
/*tag css*/
.tags-container {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 15px;
    width: 100%;
    min-height: 34px;
    padding: 20px 5px;
    font-size: 14px;
    line-height: 1.6;
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 1px;
    overflow: hidden;
    word-wrap: break-word;
    /*box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);*/
}

.tag {
    position: relative;
    margin: 2px 6px 2px 0;
    padding: 1px 20px 1px 8px;
    font-size: inherit;
    font-weight: 400;
    text-align: center;
    color: #007bff;
    /* background-color: #ff5600; */
    border: 1px solid #007bff;
    border-radius: 3px;
    transition: background-color 0.3s ease;
    cursor: default;
    /* box-shadow: 0 5px 15px -2px rgb(255 86 0 / 70%); */
}

    .tag:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

        .tag:hover .tag-remove {
            color: #fff;
        }

.tag-name {
    margin-right: 3px;
}

.tag-remove {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 100%;
    padding: 0 5px;
    font-size: 25px;
    font-weight: 400;
    transition: opacity 0.3s ease;
    /* opacity: 0.5; */
    cursor: pointer;
    border: 0;
    background-color: transparent;
    color: #007bff;
    line-height: 1;
}



input.tag-input {
    flex: 3;
    border: 0;
    outline: 0;
}

.tag:first-child {
    margin-left: 0;
}

.whole-wrap {
    background-color: #F7F9F8;
}

.card-body p.notes {
    font-size: 11px
}

img, figure {
    max-width: 100%;
    /*height: auto;*/
    vertical-align: middle;
}

.card-body a {
    color: #635c5c;
}

.disableattribute {
    background-color: #dddddd;
    /*background-color: #f8f9fa;*/
    border-color: #f8f9fa;
    opacity:0.5;
}

.close-menu {
    display: none;
}

.page-title-imv {
    font-size: 18px;
}

.kds-card {
    border-radius: 15px;
}

.kds-card-header {
    border-radius: 15px 15px 0 0;
}

.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
    border: 2px solid red;
    border-radius: 8px;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}
/*Preloader*/


.loader {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: calc(50vh - 10em);
    left: calc(50vw - 13vw);
}

#loadingDiv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    z-index: 1000;
}

:root {
    --yellow: #feb60a;
    --red: #ff0062;
    --blue: #00dbf9;
    --violet: #da00f7;
}

div.loader > div {
    width: 3vw;
    height: 3vw;
    border-radius: 100%;
    margin: 2vw;
    animation: bounce 1.5s 0.5s linear infinite;
}

    div.loader > div.preyellow {
        background-color: var(--yellow);
        animation-delay: 0s;
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -o-animation-delay: 0s;
    }

    div.loader > div.prered {
        background-color: var(--red);
        animation-delay: 0.3s;
        -webkit-animation-delay: 0.3s;
        -moz-animation-delay: 0.3s;
        -o-animation-delay: 0.3s;
    }

    div.loader > div.preblue {
        background-color: var(--blue);
        animation-delay: 0.6s;
        -webkit-animation-delay: 0.6s;
        -moz-animation-delay: 0.6s;
        -o-animation-delay: 0.6s;
    }

    div.loader > div.previolet {
        background-color: var(--violet);
        animation-delay: 0.9s;
        -webkit-animation-delay: 0.9s;
        -moz-animation-delay: 0.9s;
        -o-animation-delay: 0.9s;
    }

@keyframes bounce {
    0%, 50%, 100% {
        transform: scale(1);
        filter: blur(0px);
    }

    25% {
        transform: scale(0.6);
        filter: blur(0px);
    }

    75% {
        filter: blur(0px);
        transform: scale(1.4);
    }
}
/*End PreLoader*/
#divCategoryView > a.is-selected {
    position: relative;
    left: -8px;
    /*margin: 0px;*/
    padding-left: 5px;
    margin-right: -8px;
    border-left: 5px solid;
    border-left-color: var(--imv-accent-color) !important;
}

.datepicker {
    margin-right: auto !important;
    margin-left: auto !important;
}

#modal-product-customize {
    width: 50%;
}

.customizecomponent {
    min-height: 110px;
}

.keypadbtn {
    border-radius: 6px;
    background-color: var(--imv-div-header-background-color);
    border: 1px solid var(--imv-app-border-light);
    font-weight: 400;
    width: 70px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
    vertical-align: middle;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 3px;
    margin-right: 3px;
}

.default-btn-bg {
    background-color: #f3f3f3;
    border-color:#dee2e6;
}

.pay-option-selected {
 
    background: linear-gradient(51deg, #6546BD 0%, #EE3F97 100%);
 
    color: #fff;
 
}
/*.form-control:active{
    border-color:aqua;
}
*/