.slider-controller-con{
    display: none !important;
}
.slider-btn-con{
    display: none !important;
}
.restaurant-detailed-header.restaurant-detailed-header-topper{
    z-index: 9;
}
.navbar-main-top{
    z-index: 10;
    background-color: transparent !important;
    margin-bottom: -75px;
}

.osahan-nav .nav-link {
    padding: 13px 10px !important;
    /* background: transparent !important; */
    color: black !important;
    /* border-radius: 4px; */
    /* text-shadow: 0px 0px 1px black, 0px 0px 1px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 1px black, 0px 0px 3px black; */
    /*font-weight: 900;*/
    /* letter-spacing: 2px; */
    text-transform: uppercase;
    /* -webkit-text-fill-color: white; */
    /* -webkit-text-stroke-width: 0.7px; */
    /* -webkit-text-stroke-color: black; */
    /* font-size: 13px; */
    display: flex;
    align-items: center;
    /* font-family: Arial Black;*/
}

@media(max-width:768px){
    .navbar-main-top{
        margin-bottom: 0px;
    }
}
.headet-top-phone{
    margin: 0px;
    color: white;
    background: #f32129;
    font-size: 22px;
    padding: 4px 9px;
    border-radius: 6px;
}

.osahan-nav .nav-link.nav-link-cus {
    margin: 0 0 0 9px;
}

@media(max-width:768px){
    /*    .resp-hide-item{
            display: none !important;
        }
        .companylogo-header{
        display: none !important;
        }*/
}

.restaurant-detailed-header-left h2,
.restaurant-detailed-header-left p{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}

/*.list-card-body h6,
.list-card-body p.text-gray{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}*/
.mall-category-item h6{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}
/*.list-card-body h6,
.list-card-body p.text-gray.mb-2{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}*/


.single-line-text{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}
.dual-line-text{
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    /* box-shadow: 0px 0px 3px 3px black; */
    /*filter: drop-shadow(0px 0px 0px black) drop-shadow(0px 1px 1px black);*/
    /*transform: scale(1.5);*/
}
.order-box-style1{
    /*padding-bottom: 12px;*/
    padding-bottom: 0px;
}

.reset-text-stroke{
    -webkit-text-fill-color: none;
    -webkit-text-stroke-width: none;
    -webkit-text-stroke-color: none;
}
.badge.badge-style-1{
    background: red;
}
.badge.badge-style-2{
    background: #008cc1;
}
.badge.badge-style-3{
    background: #15af1a;
}
.popup-container{
    width:100%;
    height:100%;
    position:fixed;
    z-index: 999999999;
    top: 0px;
    left: 0px;
}
.popup-inner-container{
    width:100%;
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.8);
}
.popup-box-container{
    width: 100%;
    height: 100%;
    max-width: 400px;
    max-height: 400px;
    position: relative;
    /*    overflow-x: hidden;*/
}
.popup-box-container .modifier-popup{
    overflow-x: hidden;
    max-width: 400px;
    max-height: 400px;
}
.modifier-popup-close{
    position: absolute;
    font-size: 46px;
    color: red;
    font-weight: 900;
    top: -23px;
    right: -23px;
    -webkit-text-stroke-width: 1.8px;
    -webkit-text-stroke-color: white;






}
.modifier-popup-close:hover{
    color: white;
}

input.modfier-count-input::-webkit-outer-spin-button,
input.modfier-count-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input.modfier-count-input[type=number] {
    -moz-appearance: textfield;
}

.modifier-popup-checker-con {
    margin-left: 13px;
    transform: scale(1.5) translateX(3px);
}
.modifiew-popup-price{
    width: 60px;
    text-align: right;
}
.modifier-popup-close{
    cursor: pointer;
}


.address-popup-close{
    position: absolute;
    font-size: 46px;
    color: red;
    font-weight: 900;
    top: -23px;
    right: -23px;
    -webkit-text-stroke-width: 1.8px;
    -webkit-text-stroke-color: white;
}
.address-popup-close:hover{
    color: white;
}
.address-popup-close{
    cursor: pointer;
}

.notify-con-fa{
    font-size: 72px;
}
.notify-con-fa-success{
    color: #3ecf8e;
}

ul.navbar-nav .badge{
    -webkit-text-fill-color: white !important;
    -webkit-text-stroke-width: 0px !important;
    -webkit-text-stroke-color: white !important;
}
.top-bar-nav-right-con{
    background: white;
    padding-right: 10px;
    /*border-radius: 5px;*/
    border-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.top-menu-cart-inline-con{
    display: inline-block;
    margin-left: 4px;
    margin-right: 5px;
}
.top-menu-cart-inline:hover{
    color: #f32129 !important;
}
.img-fluid.cover{
    width: 100%;
}

.pagination.pagination-cus-stle1 li a{
    background: #ff301e;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 20px;
    padding: 3px 10px;
    color: white;
    border-radius: 3px;
}
.pagination.pagination-cus-stle1 li.active a{
    background: #424242;
}
.pagination.pagination-cus-stle1 li:not(.active) a:hover{
    background: #670000;
}
.pagination.pagination-cus-stle1 li.active a:hover{
    cursor: default;
}
.pagination.pagination-cus-stle1 li{
    margin-right:5px;
}
@media(max-width:480px){
    .pagination.pagination-cus-stle1{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .pagination.pagination-cus-stle1 li{
        margin-bottom: 5px;
    }
}



@media(max-width:768px){
    span.restaurant-detailed-action-btn{
        display:none !important;
    }

    #navbarNavDropdown .top-bar-nav-right-con{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .nav-link.nav-link-cus.dropdown-toggle{
        justify-content: flex-end !important;
    }

    .osahan-nav .dropdown-item {
        text-align: left !important;
    }
}

@media(max-width:768px) and (min-width:668px){
    div.restaurant-detailed-header.restaurant-detailed-header-topper,
    .row.d-flex.align-items-end,
    div.col-md-8.col-xs-12{
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100%;
    }
}


@media(max-width:480px){
    .modifier-popup-close{
        position: absolute;
        font-size: 46px;
        color: red;
        font-weight: 900;
        top: -24px;
        right: -23px;
        -webkit-text-stroke-width: 1.8px;
        -webkit-text-stroke-color: white;
        /* transform: translateX(-100%); */
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        right: unset;
    }
}

.footer-app-sec a img{
    width:auto !important;
    height:50px !important;
}

.footer-app-sec a:first-child{
    margin-right:10px;
}

.footer-app-sec{
    margin-top: 32px;
}

.footer ul li{
    margin-bottom: 12px !important;
}

footer p {
    font-size: 15px !important;
}
footer small {
    font-size: 15px;
}

body:not(.yummy_food_home_pg_bdy) .restaurant-detailed-banner div.text-center{
    /*min-height: 250px;*/
    /*min-height: 282px;*/
    min-height: 380px;
    background-image: linear-gradient(180deg, #eafbff, white);
}
body:not(.yummy_food_home_pg_bdy) .restaurant-detailed-banner div.text-center img.cover{
    display: none;
}
body:not(.yummy_food_home_pg_bdy) .restaurant-detailed-banner .restaurant-detailed-header{
    /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);*/
}

body:not(.yummy_food_home_pg_bdy) .restaurant-detailed-banner div.text-center{
    /*background:url('http://localhost/sed/workfromhome/new-smart-ebookings/templates/yummi_food/img/patten-1.png') left top;*/
    background:url('https://smartebookings.com/templates/yummi_food/img/patten-1.png') left top;

    /*background-color: #d6fffb;*/
    background-position: left bottom;
}

/*templates/yummi_food/img/patten-1.jpg*/



section.start-order-home-con{
    margin-top: 0px;
    margin-bottom: 60px;
}

.products-section.products-section-home-con .owl-nav button i {
    font-size: 28px !important;
    opacity: 0.8 !important;
    color: black !important;
    transform: translateY(2px) !important;
    display: inline-block !important;
    font-weight: 900 !important;
}

.item-detail-qty-con{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.item-detail-qty-con button{
    font-size: 23px;
    border: #ced4da 0.3px solid;
    color: black;
    margin-right: 8px;
}
.item-detail-qty-con button:hover{
    background: transparent;
}
.item-detail-qty-con button:first-child{

}
.item-detail-qty-con button:last-child{
    margin-right: 0px !important;
    margin-left: 8px !important;
}

.item-detal-back-btn{
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: auto;
    margin-right: 3px;
    cursor: pointer;
}
.item-detal-back-btn:hover{
    color: #888888;
}

@media(max-width:768px) and (min-width:668px){
    #detail-info-section-con .item-detail-qty-input-con {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        flex-direction: column !important;
    }
    #detail-info-section-con .item-detail-qty-input-text-content {
        margin-left: 0px !important;
    }
    .detail-info-section-table-head-r-con{
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
    .detail-info-section-table-head-info.detail-info-section-table-head-info-qty-con{
        display: inline-block;
        margin-left: 6px;
        margin-bottom: 6px;
    }
}

.products-section-home-con.popular-brand-products-section-home-con{
    padding-top: 14px !important;
    margin-top: 0px !important;
}
.homepage-add-section.homepage-add-section-con{
    padding-top: 13px !important;
    padding-bottom: 14px !important;
    border-radius:15px;
}

.footer .seb-cp-active.text-color-primary{
    color: white !important;
}
.footer p{
    color:white !important;
}
.footer p a.text-info{
    color:white !important;
}
.footer p a{
    color:white !important;
}
.footer .footer-down-btn{
    font-size: 16px;
}

.popular-brand-products-section-home-con.popular-brand-products-section-home-con-yummyfood .list-card-image .star{
    display:none !important;
}
.popular-brand-products-section-home-con.popular-brand-products-section-home-con-yummyfood .list-card-image .favourite-heart{
    display:none !important;
}
.popular-brand-products-section-home-con.popular-brand-products-section-home-con-yummyfood .list-card-image .member-plan{
    display:none !important;
}


.btn-outline-secondary.btn_add_to_cart:hover {
    color: #fff !important;
    cursor: pointer !important;
}
.order-online-pg .favourite-heart{
    display:none !important;
}

.menu-list.menu-list-product-info img {
    width: 100% !important;
    height: auto !important;
}

ul.breadcrumb{
    border-radius: 0px !important;
    padding-left: 60px !important;
    padding-right: 60px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    text-align: center !important;
}

.title-breadcrumb{
    /*margin-top: 30px !important;*/
    margin-top: 0px !important;
}
.title-breadcrumb ul li a.seb-cp-active.text-color-primary{
    color: white !important;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.yummy_food_pg_html footer{
    margin-top: 0px !important;
}

.yummy_food_pg_html .newsletter-form .input-group input, .yummy_food_pg_html .newsletter-form .input-group button{
    width: auto !important;
    /*    border-radius: 0px !important;*/
}

.yummy_food_pg_html .table-canves-search-content{
    display:flex !important;
}

.app.footer-app-sec a{
    margin-bottom: 6px;
    display: inline-block;
}

@media (max-width: 768px){
    .footer h6 {
        font-size: 16px;
        text-transform: uppercase;
    }
    .text-right {
        /*text-align: center!important;*/
        text-align: right!important;
    }
}

.cover-content-item-info-con{
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.cover-content-item-info-con .cover-content-item-info{
    display: inline-block;
}
.cover-content-item-info-con .cover-content-item-info:not(:last-child){
    margin-right: 8px;
    margin-bottom: 2px;
}

@media (max-width: 667px){
    .cover-content-item-info-con .cover-content-item-info:not(:last-child){
        margin-right: 0px;
    }

    .restaurant-detailed-header-left h2, .restaurant-detailed-header-left p{
        -webkit-line-clamp: unset;
    }
}






/*Header menu resp*/
@media (min-width: 769px){
    .cover-content-item-info-con {
        display: flex !important;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
}
@media (max-width: 768px){
    .navbar-collapse#navbarNavDropdown{
        display: block !important;
        position: absolute;
        right: 13px;
    }
    button.navbar-toggler{
        display:none !important;
    }
    #navbarNavDropdown .top-bar-nav-right-con {
        display: flex;
        flex-direction: row-reverse;
        align-items: flex-start;
        justify-content: flex-end;
    }
    .collapse#navbarNavDropdown .dropdown-menu{
        position: absolute !important
    }
}

@media (max-width: 667px){
    .top-menu-cart-inline.top-menu-cart-inline-myaccount{
        display:none !important;
    }
}

@media (max-width: 480px){
    .container.container-topbart{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .navbar-collapse#navbarNavDropdown {
        display: table;
        position: relative;
        right: 0px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;

        width:100%;
    }
    .navbar-brand.navbar-brand-topbar{
        margin-right:0px;
    }
    #navbarNavDropdown > ul > li{
        position: unset !important;
    }

    #navbarNavDropdown .top-bar-nav-right-con {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
    }
}
/*End Header menu resp*/

@media(max-width:667px){
    .banner-row-con-home{

    }
    .banner-col-con-home{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .banner-col-con-home:not(:last-child){
        margin-bottom: 14px;
    }
}

@media(min-width:668px) and (max-width:768px){
    .list-card-body.add_to_cart_div p.text-gray.time{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
}

@media(max-width:1024px){
    .restaurarestaurant-detailed-header-leftnt-detailed-header-left{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
}




@media(max-width:1024px){
    body:not(.yummy_food_home_pg_bdy) .restaurant-detailed-banner .restaurant-detailed-header.restaurant-detailed-header-topper {
        z-index: 9;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

@media(min-width:668px) and (max-width:768px){
    .order-online-content-col-left{
        flex: 0 0 66.666667% !important;
        max-width: 60% !important;
    }
    .order-online-sidebar-col-right{
        flex: 0 0 40% !important;
        max-width: 40% !important;
        width: 100% !important;
    }
}






/*More Info*/

.item-more-info-btn-more-li-sec{
    display:block;

    /*display: block;*/
    border: none !important;
    margin: 0px;
    padding: 0px
    box-shadow: none !important;
}
.item-more-info-btn-review-li-sec{
    display:none;
}
.item-more-info-btn-shipping-li-sec{
    display:none;
}
.item-more-info-btn-return-li-sec{
    display:none;
}

.item-more-info-btn-ul-con{
    position: absolute;
    z-index: 9;
    display: none;
    margin-top: 42px;
    /*margin-right: 42px;*/
    margin-right: auto;
    margin-left: 0px;
    width: 100%;
}

.item-more-info-btn-ul-inner-con{
    width: auto;
    min-width: 250px;
    background: white;
    /*padding: 12px 12px;*/
    padding: 0px;
    /*    box-shadow: 0px 3px 7px -5px #8c8c8c;*/
    border-bottom: 5px #efefef solid;
}

.item-more-info-btn-ul{
    list-style-type: none;
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: auto;
    position: relative;
    margin-bottom: 0px;
    padding: 6px;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 6px;
    margin-top: -5px;
    padding-top: 6px;
}

.item-more-info-h-con{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.item-more-info-btn-con{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    width: 100%;
}
.item-more-info-btn-clicker{
    font-size: 36px;
    color: white;
    line-height: 36px;
    cursor: pointer;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: #e0e0e0;
    border: 0.3px #b7b7b7 solid;
    padding-left: 12px;
    padding-right: 12px;
}
.item-more-info-btn-clicker:hover{
    background: #e6e3e3;
}
.item-more-info-btn-clicker:hover{
    color: #505050;
}

.item-more-info-btn-ul li{
    width: 100%;
    text-align: left;
    padding: 6px 6px 6px 6px;
    cursor:pointer;
    /*background: #efefef;*/
    background: white;

    user-select:none;
}
.item-more-info-btn-ul li:not(:last-child){
    margin-bottom: 6px;
}
.item-more-info-btn-ul li span{
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: 0.3px;
}

.item-more-info-btn-ul li:hover{
    background: #dedcdc;
}

.item-more-info-btn-ul li.item-more-info-btn-more-li{
    background: #dedcdc;
    /*background: white;*/
}

.item-more-info-h{
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    color: white;
}






@media(max-width:1024px){
    .item-more-info-btn-ul {
        background-color: transparent !important;
        padding: 0px !important;
        margin-top: 1px !important;
    }
    .item-more-info-btn-ul li:not(:last-child) {
        margin-bottom: 0px !important;
    }
}

@media(min-width:1025px){
    .item-more-info-btn-ul-con{
        display: block;
    }
    .item-more-info-btn-clicker{
        display:none;
    }
    ul.item-more-info-btn-ul {
        list-style-type: none !important;
        padding-left: 0px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        width: auto !important;
        position: relative !important;
        margin-bottom: 0px !important;
        padding: 6px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 6px !important;
        /*margin-top: -5px !important;*/
        margin-top: 0px !important;
        padding-top: 6px !important;
        background-color: transparent !important;

        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 0px !important;
    }
    .item-more-info-btn-ul li {
        width: 100%;
        text-align: left;
        padding: 10px 6px 10px 6px;
        cursor: pointer;
        /* background: #efefef; */
        background: white;
        user-select: none;
        margin-bottom: 0px !important;

        display: flex;
        align-items: center;
        justify-content: center;
    }
    .item-more-info-btn-ul-con {
        margin-top: 0px !important;
    }
    .item-more-info-btn-ul li:not(:last-child) {
        border-right: 5px white solid;
        border-right-color: white !important;

        border-right: 0px;
        margin-right: 6px;
    }
}





/*End More Info*/






.restaurarestaurant-detailed-header-leftnt-detailed-header-left .companylogo-header{
    max-width:100px !important;
}

.item-more-con-master-row{
    /*margin-top: 36px;*/
    margin-top: 0px;
}


.item-more-info-btn-more-elmnt.seb-cp-active.button-color-primary{
    border-bottom: 4px black solid;
    /*border-bottom-color: black !important;*/
    padding-bottom: 6px;
}




#full_width_loading img{
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(50vh - 180px);
}

.margin-p-sign-up{
    margin: 0 95px;
}

.social-btn-i{
    display: block;
    float: left;
    text-align: center;
    width: 40px;
    border-right: 1px solid;
}

/*----2021/08/24----*/
/*----My Profile Page----*/
.my-profile-img {
    margin-left: auto;
    /*    margin-left: 0px;*/
    margin-right: auto;
    display: block;
    border-radius: 50%;
    width: 235px;
    height: 235px;
}
.my-profile-name{
    display: block;
    text-align: center;
    /*  text-align: left;*/
    font-size: 22px;
    line-height: 1.4;
    font-weight: 600;
}
.mb-30{
    margin-bottom: 30px;
}

.pull-right{
    text-align: right;
}

.cus-action-button{
    font-size: 20px;
}


.pad-lr-unsetter{
    padding-left:0px !important;
    padding-right:0px !important;
}

.btn-elmt{

}
.btn-elmt.btn-elmt-check{
    background-color: #ff6446 !important;
    border-color: #ff6446 !important;
    color:white !important;
}
.tex-normal-elmt{
    font-weight: 500 !important;
    font-size: 16px !important;
    margin-bottom: 12px !important;
}
.text-elmt-font-weight-600{
    font-weight:600 !important;
}



.mg-t-32-elmt{
    margin-top: 32px;
}

.mg-b-30-elmt{
    margin-bottom: 30px;
}

.list-card .badge.badge-success {
    background-color: #3ecf8e !important;
    border-color: #3ecf8e !important;
    color: white !important;
    font-size: 16px;
    padding: 5px 5px 5px 5px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    line-height: 16px;
}
.listing-listview-price-elmt{
    font-size: 16px;
    color: #000000;
    font-weight: 700;
}

.item-detail-pg-desc-elmt{
    margin-bottom: 10px;
    margin-top: 8px;
}
.item-detail-price-elmt{
    margin-top:11px;
    display: block;
}

.cart-schedule-h-con{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cart-schedule-h-col-1{

}
.cart-schedule-h-col-2{

}
.cart-schedule-h-col-2 a{
    color: #0a0ab9 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    text-decoration: underline !important;
    padding-bottom: 0px !important;
    position: relative !important;
    display: block !important;
}

.item-addon-btm-elmt{
    cursor:pointer !important;
}

.full-width-self-elmt{
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}


.model-elmt{

}
.modal .modal-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-direction: row-reverse;
}
.modal .modal-header .close{
    color:red;
    opacity: 1;
}

.modal .modal-footer{
    border: 1px solid #d3d4d3;
    color: black;
    box-sizing: border-box;
    padding: 6px 15px;
}
.modal .modal-footer .seb-button-db-action{
    background-color: #399BFF !important;
    border: 1px solid #3185DB !important;
    color: white;
    box-sizing: border-box;
    padding: 6px 15px;
    font-size: 14px;
    border-radius: 3px;
    display: inline-block;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
}
.modal .modal-footer .seb-button-cancel-action{
    background-color: #ececec !important;
    border: 1px solid #d3d4d3 !important;
    color: black;
    box-sizing: border-box;
    padding: 6px 15px;
    font-size: 14px;
    border-radius: 3px;
    display: inline-block;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
}
.modal .modal-dialog{
    margin-left: 22px;
    margin-right: 22px;
    width: calc(100% - 36px);
    max-width: unset;
}










/*Appointment Ui*/
/*Block UI*/
:root {
    /*heading height*/
    --abd-h-height: 60px;

    /*row height*/
    --abd-row-sec-height-full: 56px;
    --abd-row-sec-height-half: 28px;

    /*section width*/
    --abd-row-sec-col-1-width: 56px;
    --abd-row-sec-col-2-width: calc(100% - 112px);
    --abd-row-sec-col-3-width: 56px;
    /*end section width*/

    /*date section height*/
    --abd-row-sec-date-height-full: 56px;

    /*break section height*/
    --abd-row-sec-break-height-full: 56px;

    /*full row gap with break flow*/
    --abd-break-flow: 0px;

    /*column ssection gap*/
    --abd-column-section-gap: 8px;

    /*column count*/
    /*--abd-rightside-col-count:3;*/

}

/*Dashboard*/
.abd-section, .abd-section *{
    box-sizing: border-box;
}
.abd-section{
    width:100%;
    max-width: 100%;

    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: black;

    margin-top: 22px;
    margin-bottom: 22px;
}
.abd-con{
    width:100%;
    max-width: 100%;
}
.abd-inner-con{
    width:100%;
    max-width: 100%;

    display:flex;
    flex-direction:row;
    align-items: flex-start;
    justify-content: flex-start;
}

/*left date*/
.abd-left-con{
    width: 170px;
    max-width: 170px;
    min-width: 170px;
    /*border-right: 1px solid rgb(144 144 144);*/
    border-right: 2px solid rgb(0 0 0);

    /*background-image: linear-gradient(90deg, transparent, #b1b1b1);*/


}

.abd-left-inner-con{
    width:100%;
    max-width: 100%;

    display:flex;
    flex-direction:column;
    align-items: flex-start;
    justify-content: flex-start;
}
.abd-left-h{
    width:100%;
    height: var(--abd-h-height);
    margin-bottom: 8px;
}
.abd-left-c{
    width:100%;
    /*height: var(--abd-row-sec-height-full);*/
}
.abd-left-inner-c{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--abd-column-section-gap);
    /*height: var(--abd-row-sec-height-full);*/
}
.abd-time-sec{
    width:100%;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    height: var(--abd-row-sec-date-height-full);
    font-weight: 600;

    margin-top:calc(var(--abd-column-section-gap) / 2);
}
.abd-time-sec.abd-time-sec-break{
    height: var(--abd-row-sec-break-height-full);
}
/*end left date*/


/*Right Column*/
.abd-right-con{
    width:100%;
    max-width:100%;
    /* max-width: calc(100% - 150px); */
}
.abd-right-inner-con{
    width: 100%;
    max-width: calc(100%);

    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;

    overflow-x: auto;
    overflow-y: hidden;

    padding-bottom: 8px;
}


.abd-right-col{
    width:100%;
    max-width:calc(100% / 3.8);
    min-width: calc(100% / 3.8);

    display:flex;
    flex-direction:row;
    align-items: flex-start;
    justify-content: flex-start;

    border-right: 2px solid rgb(0 0 0);

    padding-left: 6px;
    padding-right: 6px;
}

.abd-right-inner-con .abd-right-col:last-child{
    /*border-right:none !important;*/
}

.abd-right-inner-col{
    width:100%;
    max-width:100%;

    display:flex;
    flex-direction:column;
    align-items: flex-start;
    justify-content: flex-start;
}
.abd-right-col-h{
    width:100%;
    height: var(--abd-h-height);
}
.abd-right-col-h-row-1{
    /*width: calc(100% / 3);*/
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 42px;
}
.abd-right-col-h-row-2{
    /*width: calc(100% / 3);*/
    /*width: auto;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 1px;
}
.abd-right-col-h-row-2-row-1{
    font-size: 19px;
}
.abd-right-col-h-row-2-row-2{
    font-size: 15px;
}
.abd-right-col-h-row-3{
    /*width: calc(100% / 3);*/
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 42px;
}
.abd-right-col-c{
    width:100%;
    height: auto;
}
.abd-right-col-c-inner{
    width:100%;
    max-width:100%;

    display:flex;
    flex-direction:column;
    align-items: flex-start;
    justify-content: flex-start;

    row-gap: var(--abd-column-section-gap);
}

.abd-right-col-h{
    position:relative;
}
.abd-right-col-h:before {
    content: "";
    width: calc(100% + 24px);
    height: 3px;
    background-color: #777777;
    display: inline-block;
    position: absolute;
    bottom: -6px;
    margin-left: -12px;
}

.abd-time-sec{
    position:relative;
}
.abd-time-sec:before{
    content: "";
    width: calc(100% + 24px);
    height: 3px;
    background-color: #777777;
    display: inline-block;
    position: absolute;
    bottom: -6px;
    margin-left: -12px;

    /*background-image: linear-gradient(90deg, #ededed, transparent);*/
}
.abd-left-inner-c .abd-time-sec:last-child:before {
    /* display: none !important; */
    bottom: 0px;
}

.abd-appointment-sec-group{
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    row-gap: var(--abd-column-section-gap);
    position:relative;
    padding-top: 2px;
    padding-bottom: 2px;
}
.abd-appointment-sec-group:before{
    content: "";
    width: calc(100% + 24px);
    height: 3px;
    background-color: #777777;
    display: inline-block;
    position: absolute;
    bottom: -6px;
    margin-left: -12px;
}

.abd-right-inner-con .abd-right-col:last-child .abd-appointment-sec-group:before {
    width: calc(100% + 20px);
}
.abd-right-col-c-inner .abd-appointment-sec-group:last-child:before{
    /*display:none !important;*/
    bottom: 0px;
}

/*Appointment Section*/
.abd-appointment-sec{
    width:100%;
    max-width:100%;
    height: var(--abd-row-sec-height-full);
}

.abd-appointment-sec .abd-appointment-sec-col-1{
    background-color: black;
    color: white;
}
.abd-appointment-sec .abd-appointment-sec-col-2, .abd-appointment-sec .abd-appointment-sec-col-3{
    /*background-color:#adeeff;*/
    background-color:white;
}

.abd-appointment-sec.abd-appointment-approved .abd-appointment-sec-col-1{
    background-color:#ffc000;
    color: black;
}
.abd-appointment-sec.abd-appointment-approved .abd-appointment-sec-col-2,
.abd-appointment-sec.abd-appointment-approved .abd-appointment-sec-col-3{
    background-color:#ffe599;
}


.abd-appointment-sec.abd-appointment-waiting .abd-appointment-sec-col-1{
    background-color:#ff0000;
}
.abd-appointment-sec.abd-appointment-waiting .abd-appointment-sec-col-2,
.abd-appointment-sec.abd-appointment-waiting .abd-appointment-sec-col-3{
    background-color:#ff9999;
}


.abd-appointment-sec.abd-appointment-completed .abd-appointment-sec-col-1{
    background-color:#538135;
    color:white;
}
.abd-appointment-sec.abd-appointment-completed .abd-appointment-sec-col-2,
.abd-appointment-sec.abd-appointment-completed .abd-appointment-sec-col-3{
    background-color:#c5e0b3;
}


.abd-appointment-sec.abd-appointment-expired .abd-appointment-sec-col-1{
    background-color:white;
    color:white;
}
.abd-appointment-sec.abd-appointment-expired .abd-appointment-sec-col-2,
.abd-appointment-sec.abd-appointment-expired .abd-appointment-sec-col-3{
    background-color:white;
}




.abd-appointment-inner-sec{
    width:100%;
    max-width:100%;
    min-width:100%;

    display:flex;
    flex-direction:row;
    align-items: flex-start;
    justify-content: flex-start;

    padding-left: 0px;
    padding-right: 0px;

    /*border: 1px solid #707070;*/
}
.abd-appointment-sec-col-1{
    width:var(--abd-row-sec-col-1-width);
    max-width:var(--abd-row-sec-col-1-width);
    max-width:var(--abd-row-sec-col-1-width);

    height:var(--abd-row-sec-height-full);

    display:flex;
    flex-direction:column;
    align-items: flex-start;
    justify-content: flex-start;

    background: #ff2c2c;
}
.abd-appointment-sec-col-1-row-1{
    /*    width:100%;
        max-width:100px;*/
    width:var(--abd-row-sec-col-1-width);
    max-width:var(--abd-row-sec-col-1-width);
    min-width:var(--abd-row-sec-col-1-width);

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    height: var(--abd-row-sec-height-half);
}
.abd-appointment-sec-col-1-row-2{
    /*    width:100%;
        max-width:100px;*/
    width:var(--abd-row-sec-col-1-width);
    max-width:var(--abd-row-sec-col-1-width);
    max-width:var(--abd-row-sec-col-1-width);

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    height: var(--abd-row-sec-height-half);
}

.abd-appointment-sec-col-2{
    width:var(--abd-row-sec-col-2-width);
    max-width:var(--abd-row-sec-col-2-width);
    min-width:var(--abd-row-sec-col-2-width);

    height:var(--abd-row-sec-height-full);

    display:flex;
    flex-direction:column;
    align-items: flex-start;
    justify-content: flex-start;

    background-color: #ffbaba;
}
.abd-appointment-sec-col-2-row-1{
    width:100%;
    /*max-width:100px;*/

    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 6px;

    height: var(--abd-row-sec-height-half);
    font-weight: 900;
}
.abd-appointment-sec-col-2-row-2{
    width:100%;
    /*max-width:100px;*/

    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 6px;

    height: var(--abd-row-sec-height-half);
}

.abd-appointment-sec-col-3{
    width:var(--abd-row-sec-col-3-width);
    max-width:var(--abd-row-sec-col-3-width);
    min-width:var(--abd-row-sec-col-3-width);
    /*    width:var(--abd-row-sec-height-full);
        max-width:var(--abd-row-sec-height-full);
        min-width:var(--abd-row-sec-height-full);*/

    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;

    height:var(--abd-row-sec-height-full);

    background: #ffbaba;
}
/*End Appointment Section*/


/*Break Section*/
.abd-break-sec{
    width:100%;
    max-width:100%;

    height: var(--abd-row-sec-break-height-full);

    background-color: #c7c7c7;

    /*Removed padding left and right of break section*/
    padding-left:0px !important;
    padding-right:0px !important;
    background-color:#d1d1d1 !important;
    /*end Removed padding left and right of break section*/
}

.abd-right-inner-con .abd-right-col:first-child .abd-break-sec-out-of-service{
    background-color:white !important;
}
.abd-break-sec-out-of-service{
    width:100%;
    max-width:100%;

    height: var(--abd-row-sec-break-height-full);

    background-color: #c7c7c7;

    /*Removed padding left and right of break section*/
    padding-left:0px !important;
    padding-right:0px !important;
    background-color:white !important;
    /*end Removed padding left and right of break section*/
}
.abd-break-inner-sec{
    width:100%;
    max-width:100%;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    font-weight: 500;

    height: var(--abd-row-sec-break-height-full);

    /*Removed reft rigt paddng of break*/
    background-color: transparent;
    /*background-color: #c7c7c7;*/
    /*end Removed reft rigt paddng of break*/

    /*background-image: linear-gradient(256deg, #d7d7d7, #b3b3b3);*/
}

.abd-break-inner-sec-out-of-service{
    width:100%;
    max-width:100%;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    font-weight: 500;

    height: var(--abd-row-sec-break-height-full);

    /*Removed reft rigt paddng of break*/
    background-color: transparent;
    /*background-color: #c7c7c7;*/
    /*end Removed reft rigt paddng of break*/

    /*background-image: linear-gradient(256deg, #d7d7d7, #b3b3b3);*/
}


.abd-break-inner-sec-unavailable{
    width:100%;
    max-width:100%;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    font-weight: 500;

    height: var(--abd-row-sec-break-height-full);

    /*Removed reft rigt paddng of break*/
    background-color: #ff9999;
    /*background-color: #c7c7c7;*/
    /*end Removed reft rigt paddng of break*/

    /*background-image: linear-gradient(256deg, #d7d7d7, #b3b3b3);*/
}

.abd-break-inner-sec-available{
    width:100%;
    max-width:100%;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    font-weight: 500;

    height: var(--abd-row-sec-break-height-full);

    /*Removed reft rigt paddng of break*/
    background-color: #c5e0b3;
    /*background-color: #c7c7c7;*/
    /*end Removed reft rigt paddng of break*/

    /*background-image: linear-gradient(256deg, #d7d7d7, #b3b3b3);*/
}

.abd-break-inner-sec-available .abd-appointment-inner-sec{
    background-color: #c5e0b3;
    display: flex;
    align-items: center;
    justify-content: center;
}
.abd-break-inner-sec-available .abd-appointment-sec-col-3{
    background-color: #c5e0b3;
}
.abd-break-inner-sec-available .abd-section-icon-add{
    color: #000 !important;
}


/*End Break Section*/
/*End right column*/

.abd-right-inner-con .abd-right-col:first-child .abd-break-sec{
    margin-left:var(--abd-break-flow);
    width:calc(100% - var(--abd-break-flow));
    max-width:calc(100% - var(--abd-break-flow));

    /*Removed padding left and right of break section*/
    padding-left:0px !important;
    padding-right:0px !important;
    background-color:#d1d1d1 !important;
    /*end Removed padding left and right of break section*/

    /*border: 1px solid #707070*/
}
.abd-right-inner-con .abd-right-col:last-child .abd-break-sec{
    margin-right: var(--abd-break-flow);
    width:calc(100% - var(--abd-break-flow));
    max-width:calc(100% - var(--abd-break-flow));

    /*padding-left:0px !important;*/
    padding-right:0px !important;
}
.abd-right-inner-con .abd-right-col:not(:first-child) .abd-break-sec,
.abd-right-inner-con .abd-right-col:not(:last-child) .abd-break-sec{
    padding-left: var(--abd-break-flow);
    padding-right: var(--abd-break-flow);
}


/*Heading*/
.abd-right-col-h{
    /*    margin-left: var(--abd-break-flow);
        width: calc(100% - (var(--abd-break-flow) + var(--abd-break-flow)));
        max-width: calc(100% - (var(--abd-break-flow) + var(--abd-break-flow)));
        min-width: calc(100% - (var(--abd-break-flow) + var(--abd-break-flow)));*/

    /*    margin-left: var(--abd-column-section-gap);
        margin-right: var(--abd-column-section-gap);
        width: calc(100% - var(--abd-column-section-gap));
        min-width: calc(100% - (var(--abd-column-section-gap) + var(--abd-column-section-gap)));
        max-width: calc(100% - (var(--abd-column-section-gap) + var(--abd-column-section-gap)));*/

    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;

    /*    display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;*/

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    column-gap: 12px;

    row-gap:6px;
    background-color: #399bff;
    color: white;
    font-weight: 900;

    margin-bottom: 8px;
}

.abd-right-col.abd-right-col-today .abd-right-col-h{
    background-color: #3185db;
    color: white;
    font-weight: 900;

    /*    margin-left: var(--abd-column-section-gap);
        margin-right: var(--abd-column-section-gap);
        width: calc(100% - var(--abd-column-section-gap));
        min-width: calc(100% - (var(--abd-column-section-gap) + var(--abd-column-section-gap)));
        max-width: calc(100% - (var(--abd-column-section-gap) + var(--abd-column-section-gap)));*/

    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;

}

/*.abd-appointment-sec-col-2-row-1,
.abd-appointment-sec-col-2-row-2,
.abd-appointment-sec-col-1-row-1,
.abd-appointment-sec-col-1-row-2*/
.abd-line-count-1
{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    word-break: break-all;
}


.abd-section-icon{
    font-size: 32px;
    color: black;
    font-weight: 600;
    cursor:pointer;
}

.abd-section-icon:hover{
    color: #3a3a3a;
}
.abd-section-icon.abd-section-icon-add{
    color:#3185db;
}
.abd-section-icon.abd-section-icon-add:hover{
    color:#399bff;
}

/*Hand*/
.abd-section-icon.abd-section-icon-hand {
    /*  bottom: 15%;
      position: absolute;*/

    transform-origin: bottom;
    animation: linear infinite abdhand 0.8s;
}
@-webkit-keyframes abdhand {
    /*    0% {
           transform: rotate(15deg);
        }
        50% {
          transform: rotate(-15deg);
        }
        100% {
            transform: rotate(15deg);
        }*/
    0% {
        transform: translateY(3px);
    }
    50% {
        transform: translateY(-3px);
    }
    100% {
        transform: translateY(3px);
    }
}


.abd-section-icon.abd-section-icon-email {
    /*  bottom: 15%;
      position: absolute;*/

    transform-origin: bottom;
    animation: linear infinite abdemail 0.8s;
}
@-webkit-keyframes abdemail {
    /*    0% {
           transform: translate(5px);
        }
        50% {
          transform: translate(-5px);
        }
        100% {
            transform: translate(5px);
        }*/
    0% {
        transform: scale(0.9);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.9);
    }
}
/*
.abd-section-icon.abd-section-icon-search {
      bottom: 15%;
      position: absolute;
  
    transform-origin: bottom;
    animation: linear infinite abdsearch 1.1s;
}
@-webkit-keyframes abdsearch {
    0% {
       transform: scale(0.85);
    }
    50% {
       transform: scale(1);
    }
    100% {
   transform: scale(0.85);
    }
}


.abd-section-icon.abd-section-icon-add {
      bottom: 15%;
      position: absolute;
  
    transform-origin: center;
    animation: linear infinite abdadd 1.3s;
}
@-webkit-keyframes abdadd {
    0% {
       transform: rotate(5deg);
    }
    50% {
      transform: rotate(-5deg);
    }
    100% {
        transform: rotate(5deg);
    }
}


.abd-section-icon.abd-section-icon-online {
      bottom: 15%;
      position: absolute;
  
    transform-origin: bottom;
    animation: linear infinite abdonline 1.5s;
}
@-webkit-keyframes abdonline {
    0% {
       transform: translateY(3px);
    }
    50% {
      transform: translateY(-3px);
    }
    100% {
        transform: translateY(3px);
    }
}*/

.abd-ani-shake {
    /*  bottom: 15%;
      position: absolute;*/

    /*transform-origin: bottom;*/

    animation: linear infinite abdshake 0.5s;
    /*animation: linear infinite abdshake 0.5s;*/
}
.abd-ani-shake2 {
    /*  bottom: 15%;
      position: absolute;*/

    /*transform-origin: bottom;*/
    animation: linear infinite abdshakeb 3s;
}
.abd-ani-abdblink {
    /*  bottom: 15%;
      position: absolute;*/

    /*transform-origin: bottom;*/
    animation: linear infinite abdblink 1s;
}

/*section animation*/
/*@keyframes abdshake {
  0% { transform: translate(0, 0) rotate(0deg); }
  25% { transform: translate(5px, 5px) rotate(5deg); }
  50% { transform: translate(0, 0) rotate(0eg); }
  75% { transform: translate(-5px, 5px) rotate(-5deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}
@keyframes abdshakeb {
  0% { transform: translateX(0) }
 25% { transform: translateX(5px) }
 50% { transform: translateX(-5px) }
 75% { transform: translateX(5px) }
 100% { transform: translateX(0) }
}*/


@keyframes abdblink {
    0% {
        opacity:0
    }
    3% {
        opacity:0
    }
    4% {
        opacity:1
    }
    11% {
        opacity:1
    }
    80% {
        opacity:1
    }
    93% {
        opacity:1
    }
    99% {
        opacity:0
    }
    100% {
        opacity:0
    }
}


/*.abd-appointment-sec-last{
    position:relative;
}
.abd-appointment-sec-last:before{
    content: "";
    width: calc(100% + 24px);
    height: 3px;
    background-color: #777777;
    display: inline-block;
    position: absolute;
    bottom: -6px;
    margin-left: -12px;
}*/

.abd-time-sec.abd-time-sec-2{
    /*height: calc(var(--abd-row-sec-date-height-full) * 2);*/
}
.abd-time-sec.abd-time-sec-3{
    /*height: calc(var(--abd-row-sec-date-height-full) * 3);*/
}

@media(max-width:1025px){
    .abd-inner-con{
        overflow-x: auto;
    }
    .abd-right-col{
        width:100%;
        /*        max-width:calc(100% / 2);
                min-width: calc(100% / 2);*/
        max-width: calc((100% / 2) - 180px);
        min-width: calc((100% / 2) - 180px);
    }

    /*    .abd-right-con {
            width: 100%;
            max-width: calc(100% - 160px);
        }*/
}

@media(max-width:991px){
    /*    .abd-right-col{
            width:100%;
            max-width:calc(100% / 2);
            min-width: calc(100% / 2);
        }*/

    .abd-inner-con{
        overflow-x: auto;
    }
    .abd-right-col{
        width:100%;
        /*        max-width:calc(100% / 2);
                min-width: calc(100% / 2);*/
        max-width: calc((100% / 2) - 180px);
        min-width: calc((100% / 2) - 180px);
    }
}


@media(max-width:768px){
    .abd-inner-con{
        overflow-x: auto;
    }
    .abd-right-col{
        width:100%;
        /*        max-width:calc(100% / 2);
                min-width: calc(100% / 2);*/
        max-width: calc((100% / 1) - 180px);
        min-width: calc((100% / 1) - 180px);
    }
}
@media(min-width:667px){
    .abd-left-con{
        padding-left: 8px !important;
    }
}
@media(max-width:667px){
    /*    .abd-right-col{
            width:100%;
            max-width:calc(100% / 1);
            min-width: calc(100% / 1);
        }*/

    .abd-inner-con{
        overflow-x: auto;
    }
    .abd-right-col{
        width:100%;
        /*        max-width:calc(100% / 2);
                min-width: calc(100% / 2);*/
        max-width: calc((100% / 1) - 180px);
        min-width: calc((100% / 1) - 180px);
    }


    .abd-left-con {
        width: 170px;
        max-width: 170px;
        min-width: 170px;
    }
}
@media(max-width:481px){
    /*    .abd-right-col{
            width:100%;
            max-width:calc(100% / 1);
            min-width: calc(100% / 1);
        }*/

    .abd-inner-con{
        overflow-x: auto;
    }
    .abd-right-col{
        width:100%;
        /*        max-width:calc(100% / 2);
                min-width: calc(100% / 2);*/
        max-width: calc((100% / 1) - 100px);
        min-width: calc((100% / 1) - 100px);
    }
    .abd-left-con {
        width: 100px;
        max-width: 100px;
        min-width: 100px;
    }

    .abd-inner-con {
        /*        width: calc(100% + 75px);
                max-width: calc(100% + 65px);
                min-width: calc(100% + 65px);
                display: flex;
                flex-direction: row;
                align-items: flex-start;
                justify-content: flex-start;*/
    }
}
@media(max-width:392px){
    /*    .abd-right-col {
            width: 100%;
            max-width: calc(100% / 0.8);
            min-width: calc(100% / 0.8);
        }*/

    .abd-inner-con{
        overflow-x: auto;
    }
    .abd-right-col{
        width:100%;
        /*        max-width:calc(100% / 2);
                min-width: calc(100% / 2);*/
        max-width: calc((100% / 1) - 100px);
        min-width: calc((100% / 1) - 100px);
    }
}

/*End Dashboard*/
/*End Block UI*/



/*webportal apponintment custom*/
.ap-calender-sec{
    background-color: #ededed !important;
}
/*End webportal apponintment custom*/


/*End Appointment Ui*/



/*New UI*/
.day-calender-master-sec-switch.day-calender-master-sec-switch-set{

}
.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-item_count{
    font-size: 14px;
}
.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-item_date{
    font-size: 14px;
    width: 20px;
    height: 20px;
    top:3px;
    left:3px;
}
.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-day-con-body-row {
    flex-wrap: wrap;
    width: 100%;
    display: flex
        ;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    background-color: white;
}
.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-day-con-body-row-item.day-calender-day-active {
    background-color: #067c1a;
}
.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-day-con-body-row-item.day-calender-day-active .day-calender-item_date {
    color: white !important;
}
.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-day-con-body-row-item.day-calender-day-blocked .day-calender-item_date{
    color: white !important;
}
.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-day-con-body-row-item.day-calender-day-blocked {
    background-color: #d92626;

    cursor: not-allowed;
}
.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-day-con-body-row-item.day-calender-day-holiday {
    background: #e3e3e3; /* different color from blocked */
    cursor: not-allowed;
}

.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-item_count-2 {
    display:none !important;
}
.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-item_count {
    display:none !important;
}

.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-items-sec{
    width: 100%;
    max-width: 100%;
    /*    overflow: auto;
        overflow-x: auto;
        scroll-behavior: smooth; */
}
.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-items-con{
    /*width: auto;*/
    /*max-width: unset;*/
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 22px;

    /*    width: min-content;
        max-width: unset;
        scroll-behavior: smooth; */

    width:100%;
    max-width:100%;

    overflow: auto;
    overflow-x: auto;
    scroll-behavior: smooth;
}

.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-item_date{
    color:black !important;
    background-color: transparent !important;
    padding:0px !important;
    margin:0px !important;
    position:relative !important;
    top:unset !important;
    left:unset !important;
    bottom:unset !important;
    right:unset !important;
}

.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-sec{
    max-width: calc(((100% / 12) * 4) - 14px);
    width: 100%;
    min-width: calc(((100% / 12) * 4) - 14px);
    background-color: transparent;
}
.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-heading-con-body-row-item{
    font-size:12px;
    background-color:#0d2c70;
    color:white !important;
}
.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-ctrl-left{

}
.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-ctrl-center{
    display:none !important;
}
.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-ctrl-right{

}

.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-month-con{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    color: black;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-month-inner-con{

}
.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-heading-con-body{
    background-color: white;
}
.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-ctrl-con{
    margin: 0px;
    position: absolute;
    width: calc(100% - 30px);
    margin-top: -10px !important;
}

@media (max-width: 991px) {
    .day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-con {
        min-width: unset;
    }
}
@media (max-width: 667px) {
    .day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-sec {
        max-width: calc(((100% / 12) * 6) - 11px);
        width: 100%;
        min-width: calc(((100% / 12) * 6) - 11px);
        background-color: transparent;
    }
}
@media (max-width: 480px) {
    .day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-ctrl-con {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 16px;
        margin-bottom: 12px;
        padding: 0px 0px;
    }
}
@media (max-width: 392px) {
    .day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-sec {
        max-width: calc(((100% / 12) * 12) - 0px);
        width: 100%;
        min-width: calc(((100% / 12) * 12) - 0px);
        background-color: transparent;
    }
}


.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-items-con::-webkit-scrollbar {
    display: none;
}

.day-calender-master-sec-switch.day-calender-master-sec-switch-set .day-calender-items-con {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.day-calender-master-sec-switch.day-calender-master-sec-switch-set,
.day-calender-master-sec-switch.day-calender-master-sec-switch-set *{
    user-select: none;       /* Standard */
    -webkit-user-select: none; /* Chrome, Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */
}
/*End New UI*/



/*============Time Calender UI==============*/
:root{
    --width-column-fixed: 100px;
    --width-column-scroll: 100px;
    --height-column-fixed: 50px;
    --height-column-scroll: 50px;
}

.calender-time-ui-sec{
    width:100%;
    max-width:100%;
}
.calender-time-ui-con{
    width:100%;
    max-width:100%;

    display: flex;
    flex-direction:column;
    align-items: flex-start;
    justify-content:flex-start;

    gap:0px;
}

/*Head*/
.calender-time-ui-head-con{
    width:100%;
    max-width:100%;
}
.calender-time-ui-head-inner-con{
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.left-btn-test{

}
.left-btn-test-elmt{
    font-size: 32px;
    cursor: pointer;
}
.right-btn-test{

}
.right-btn-test-elmt{
    font-size: 32px;
    cursor: pointer;
}
/*End head*/

/*Body*/
.calender-time-ui-body-con{
    width:100%;
    max-width:100%
}
.calender-time-ui-body-inner-con{
    width:100%;
    max-width:100%;

    display: flex;
    flex-direction:column;
    align-items: flex-start;
    justify-content:flex-start;

    gap:0px;
}

/*Row*/
.calender-time-ui-body-row{
    width:100%;
    max-width:100%;
}
.calender-time-ui-body-inner-row{
    width:100%;
    max-width:100%;

    display: flex;
    flex-direction:row;
    align-items: flex-start;
    justify-content:flex-start;

    gap:0px;
}


/*Fixed column*/
.calender-time-ui-body-column-fixed-section{
    width: var(--width-column-fixed);
    height: var(--height-column-fixed);
}
.calender-time-ui-body-column-fixed{
    width: var(--width-column-fixed);
    height: var(--height-column-fixed);
}
.calender-time-ui-body-inner-column-fixed.calender-time-dark-col{
    width: var(--width-column-fixed);
    height: var(--height-column-fixed);
}
.calender-time-ui-body-inner-column-fixed.calender-time-dark-col-inner{
    width: var(--width-column-fixed);
    height: var(--height-column-fixed);

    background-color: #0d2c70;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;

    border-left: 0.1px solid #b5b5b5;
    border-bottom: 0.1px solid #b5b5b5;
}
/*End fixed column*/


/*Scroll column*/
/*Scroll heading*/
.calender-time-ui-body-column-scroll-section{
    width: 100%;
    max-width: 100%;

    /*Scrolling*/
    /*  width: 100%;
        max-width: 100%;
        overflow: hidden;
        overflow-x: auto;*/
    /*End Scrolling*/
}
.calender-time-ui-body-column-scroll{
    width: 100%;
    /*max-width: 100%;*/
    max-width: calc(100% - var(--width-column-fixed));
}
.calender-time-ui-body-inner-column-scroll-row{
    width:auto;
    max-width:unset;

    display:flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;

    /*Scrolling*/
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    overflow-x: auto;
    /*End Scrolling*/
}

.calender-time-ui-body-inner-column-scroll-row-inner{
    width:var(--width-column-scroll);
    height:var(--height-column-scroll);
}

.calender-time-ui-body-inner-column-scroll-row-inner.calender-time-ui-body-inner-column-scroll-row-inner calender-time-dark-col{
    width:var(--width-column-scroll);
    height:var(--height-column-scroll);
}
.calender-time-ui-body-inner-column-scroll-row-inner{
    width:var(--width-column-scroll);
    height:var(--height-column-scroll);

    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    /*background-color: #ffffff;*/

    border-left: 0.1px solid #b5b5b5;
    border-bottom: 0.1px solid #b5b5b5;
}
.calender-time-ui-body-inner-column-scroll-row-inner.calender-time-dark-col-inner{
    width:var(--width-column-scroll);
    height:var(--height-column-scroll);

    background-color: #0d2c70;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
}
/*End scroll heading*/


/*Scroll none heading*/

/*End scroll none heading*/
/*End scroll column*/


/*End row*/

/*End Body*/


.calender-time-ui-body-con .calender-time-ui-body-column-fixed-section:first .calender-time-ui-body-inner-column-fixed.calender-time-dark-col-inner{
    opacity:0.3;
}

.calender-time-ui-body-inner-con .calender-time-ui-body-row:first-child .calender-time-ui-body-inner-row:first-child .calender-time-ui-body-column-fixed-section:first-child .calender-time-ui-body-inner-column-fixed.calender-time-dark-col-inner{
    background-color: #334468;
    font-size: 13px;
    text-transform: uppercase;
}





/*Optional*/
.calender-time-ui-body-inner-column-scroll-row {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.calender-time-ui-sec,
.calender-time-ui-sec *{
    user-select: none;       /* Standard */
    -webkit-user-select: none; /* Chrome, Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */
}
.calender-time-ui-body-column-scroll-section,
.calender-time-ui-body-column-scroll-section *{
    cursor: grab;
}
/*End optional*/


.calender-time-ui-body-inner-column-scroll-row > .calender-time-ui-body-inner-column-scroll-row-inner{
    background-color: white;
    color:black;
}

/*Java script*/
.calender-time-ui-body-inner-column-scroll-row > .calender-time-ui-body-inner-column-scroll-row-inner.calender-time-active{
    background-color: #067c1a !important;
    color:white !important;
}
.calender-time-ui-body-inner-column-scroll-row > .calender-time-ui-body-inner-column-scroll-row-inner.calender-time-blocked{
    background-color: #d92626 !important;
    color:white !important;
}
.calender-time-ui-body-inner-column-scroll-row > .calender-time-ui-body-inner-column-scroll-row-inner.calender-time-holiday{
    background-color: #e3e3e3 !important;
    color:black !important;
}
/*End java script*/
/*==========End Time Calender UI============*/



.list-card.list-card-elmt{
    border-radius: 15px !important;
    box-shadow: 0px 3px 8px 2px #dbdbdb !important;
    border: 1px solid #edf0f5 !important;
}

.list-card-hover-elmt{
    background-color:` rgb(0 0 0 / 45%);
        width: 100%;
        height: stretch;
        position: absolute;
        z-index: 9;
        /*background-image: linear-gradient(180deg, #29cfbb, #ff6060)*/
        }
        .list-card-hover-elmt-inner{
        width:100%;
        height: stretch;
        }
        .list-card-hover-elmt-inner-text{
        display: flex;
        flex-direction: column;
        width: 100%;
        height: stretch;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        color: white;
        font-weight: 600;
        text-shadow:2px 2px 1px rgba(0,0,0,0.6);
        }
        .list-card-hover-elmt-inner-text-top{
        font-weight: 500; 
        }
        .list-card-hover-elmt-inner-text-bottom{
        font-size: 18px;
        }

        .list-card-hover-elmt{
        display:none;
        }
        .list-card.list-card-elmt:hover .list-card-hover-elmt{
        display:block;

        /*-webkit-animation: flip-scale-2-hor-top 0.5s linear both;*/
        /*animation: flip-scale-2-hor-top 0.5s linear both;*/
        animation: ani-to-top 300ms linear both;
        }

        .list-card-body{
        text-align:center;
        }


        @keyframes ani-to-top {
        0% {
        transform:translateY(-100%)
        }
        100% {
        transform:translateY(0%)
        }
        }




        /*
        @-webkit-keyframes flip-scale-2-hor-top {
        0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        }
        50% {
        -webkit-transform: translateY(-50%) rotateX(-90deg) scale(2);
        transform: translateY(-50%) rotateX(-90deg) scale(2);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        }
        100% {
        -webkit-transform: translateY(-100%) rotateX(-180deg) scale(1);
        transform: translateY(-100%) rotateX(-180deg) scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        }
        }*/
        /*@keyframes flip-scale-2-hor-top {
        0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        }
        50% {
        -webkit-transform: translateY(-50%) rotateX(-90deg) scale(2);
        transform: translateY(-50%) rotateX(-90deg) scale(2);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        }
        100% {
        -webkit-transform: translateY(-100%) rotateX(-180deg) scale(1);
        transform: translateY(-100%) rotateX(-180deg) scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        }
        }*/


        .owl-carousel.owl-carousel-four-con .owl-dots.disabled, .owl-carousel.owl-carousel-four-con .owl-nav.disabled{
        display:block !important; 
        }

        .home-oreder-sec-elmt{
        border-radius: 15px;
        }
        .order-cat-btn-home-elmt{
        border: none;
        border-radius: 32px;    
        }

        .home-cat-line-elmt{
        /*margin-bottom: 24px;*/
        margin-bottom: 18px;
        }
        .footer-map-ifram-elmt{
        border-radius:15px;
        }

        .newsletter-form-elmt{

        }
        .newsletter-form-elmt input{
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        max-width: 220px;
        }
        .newsletter-form-elmt .input-group-append{

        }
        .newsletter-form-elmt .input-group-append button{
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        border:color:black;
        }


        .solid-blink {
        /* Total duration is 1.3s (1s visible + 0.3s hidden) */
        animation: asymmetrical-blink 1.3s steps(1) infinite;
        }

        @keyframes asymmetrical-blink {
        0%, 76.9% {
        opacity: 1; /* Stays visible for the first 1 second */
        }
        77%, 100% {
        opacity: 0; /* Instantly snaps to hidden for the remaining 0.3 seconds */
        }
        }

        span.header-status-badge{
        padding: 3px 4px 2px 4px;
        background-color: #feff09 !important;
        border-color: #000000 !important;
        color: #000000 !important;
        }
        .cart-popup-badge-elmt{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        letter-spacing: 0px;
        width: auto;
        height: 16px;
        font-weight: 600;
        font-size: 11px;
        contain-intrinsic-block-size: auto 100px;
        }

        .dropdown-cart-top-header{
        padding: 12px !important;
        }
        .cart-item-row-con{
        padding: 16px !important;
        }

        .navbar-brand.navbar-brand-topbar{
        display:none !important;
        }

        section.footer h6{
        font-weight: 600;
        }






        .btn-bounceXXXXXXX {
        background-color: #007bff;
        color: white;
        padding: 12px 24px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        }

        /*.btn-snap-up {
        background-color: #007bff;
        color: white;
        padding: 12px 24px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        }*/

        /* Runs the animation only once per hover */
        .btn-snap-up:hover {
        animation: quickPop 0.25s ease-out 1;
        }

        @keyframes quickPop {
        0% {
        transform: translateY(0);
        }
        50% {
        transform: translateY(-8px); /* Shoots up quickly */
        }
        100% {
        transform: translateY(0); /* Snaps right back down */
        }
        }

        .btn-snap-side:hover {
        animation: quickPopSide 0.25s ease-out 1;
        }

        @keyframes quickPopSide {
        0% {
        transform: translateX(0);
        }
        50% {
        transform: translateX(-8px); /* Shoots up quickly */
        }
        100% {
        transform: translateX(0); /* Snaps right back down */
        }
        }

        @media(max-width:768px){
        .navbar-main-top{
        position:absolute;
        width: 100%;
        }
        .navbar-collapse#navbarNavDropdown{
        top: 0px;
        }

        #navbarNavDropdown .top-bar-nav-right-con{
        padding-top: 3px;
        }
        .navbar-collapse#navbarNavDropdown{
        right: 0px;

        }
        .newsletter-form-elmt > .input-group{
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        }
        .yummy_food_pg_html .newsletter-form-elmt > .input-group > input{
        width: inherit !important;
        }
        }

        @media(max-width:767px){
        .row.banner-row-con-home{
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        gap:42px !important;
        }
        .banner-col-con-home .products-box{
        width:100%;
        }
        .banner-col-con-home .products-box img{
        width:100%;
        }
        }

        @media(max-width:481px){
        .row.banner-row-con-home{
        gap:24px !important;
        }

        div.restaurant-detailed-header.restaurant-detailed-header-topper{
        padding-top: 60px !important;
        }
        }

        @media(max-width:480px){
        .navbar-collapse#navbarNavDropdown {
        top: -20px;
        }
        }


        .modal-header{
        padding: 6px 12px !important;
        }
        h4.modal-title.modal-page-header{
        text-transform: uppercase !important;
        font-weight: 600 !important;
        letter-spacing: 0.2px !important;
        font-size: 18px !important;
        }
        .modal .modal-header .close{
        color: red !important;
        opacity: 1 !important;
        background-color: white !important;
        padding: 2px !important;
        margin-right: -3px !important;
        width: 28px !important;
        height: 28px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        font-size: 24px !important;
        font-weight: 900 !important;
        }






        /* Target your specific modal */
        #mutual-modal.modal.fade .modal-dialog {
        /* Put it completely off-screen to the right by default */
        transform: translate3d(100%, 0, 0);
        transition: transform 0.3s ease-out;

        /* Align it to the right side of the screen */
        margin: 0 0 0 auto; 
        height: 100%;
        }

        /* When Bootstrap adds the '.show' class, slide it into view */
        #mutual-modal.modal.show .modal-dialog {
        transform: translate3d(0, 0, 0);
        }

        /* Make the modal take up the full height on the right side */
        #mutual-modal .modal-content {
        height: 100vh;
        border-radius: 0; /* Optional: gives it a clean side-panel look */
        overflow-y: auto; /* Ensures your long terms & conditions scroll smoothly */
        }

        @media(max-width:1024px){
        @media (max-width: 1024px) {
        #mutual-modal.modal.fade .modal-dialog {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        }

        #mutual-modal .modal-content {
        width: 100% !important;
        }
        }
        }


        .item-detail-page-datepicker-sec{
        padding: 20px 20px;
        margin-bottom:0px !important;
        }

        .detail-page-datepicker-con{
        padding: 0px; margin-top: 0px;
        }
        .item-detail-page-datepicker-con{
        padding: 0px; margin-top: 0px;
        padding-left: 20px !important;
        padding-right: 20px !important;
        /*margin-bottom: 52px;*/
        margin-bottom: 0px;
        }
        .item-detail-page-datepicker-inner-con{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 32px;
        }

        .item-detail-page-datepicker-col-1{
        /*padding: 0 10px 0 0;*/
        }
        .item-detail-page-datepicker-col-2{
        /*padding: 0 0 0 10px;*/
        }

        .item-detail-page-datepicker-col-1,
        .item-detail-page-datepicker-col-2{
        padding: 0px;
        margin: 0px !important;
        }
        .item-detail-page-datepicker-col-1 label,
        .item-detail-page-datepicker-col-2 label{
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: bold;
        font-size: 15px;
        }
        .item-detail-page-datepicker-col-1 input,
        .item-detail-page-datepicker-col-2 input{
        width:100%;
        border: 1px solid #d9e0ea;
        border-radius: 7px;

        color: black;
        background: white;
        box-shadow: 0 2px 7px rgba(17, 24, 39, .05);
        font-size: 15px;
        outline: 0;
        }

        .default-bg-style{
        border: 1px solid #edf0f5 !important;
        border-radius: 15px !important;
        background: #fff !important;
        box-shadow: 0 10px 28px rgba(17, 24, 39, .06) !important;
        }


        .item-detail-cotnent-sec{

        }
        .item-detail-cotnent-con{

        }
        .item-detail-cotnent-col{

        }
        .item-detail-cotnent-col-1{

        }
        .item-detail-cotnent-col-2{

        }
        .item-detail-cotnent-col-inner{
        padding: 0px !important;
        margin: 0px;
        background-color: transparent;
        border: none;
        box-shadow: none !important;    
        margin-bottom: 0px !important;
        }

        .page-sect-controller{
        display:flex;
        flex-direction:column;
        align-item:flex-start;
        justify-content:flex-start;
        gap:40px;
        width:100%;
        }
        .page-sect-controller-row{
        width:100%;
        margin:0px !important;
        }


        .temp-hide-elmt{
        display:none !important;
        }

        .item-detail-main-sec{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        gap: 22px;
        }
        .item-detail-main-con{
        width: 100%;
        /*margin-bottom: -10px;*/
        }
        .item-detail-main-title{
        font-size: 1.375rem;
        line-height: normal;
        word-wrap: normal;
        font-weight: 500;
        color: black;
        }
        .item-detail-main-desc{
        font-size: .875rem;
        line-height: normal;
        word-wrap: normal;
        font-weight: 500;
        color: black;
        }

        .description-text{
        font-size: .875rem;
        line-height: normal;
        word-wrap: normal;
        font-weight: 500;
        color: black;        
        }

        .item-detail-main-flex-raw{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 5px;
        }
        .item-detail-main-flex-co-1{
        font-size: 13.5px;
        font-weight: 600;
        }
        .item-detail-main-flex-co-2{

        }


        #detail-info-section-con.pad-t-unsetter{
        padding-top:0px !important; 
        }

        *.pad-t-unsetter{
        padding-top:0px !important; 
        }
        *.pad-lr-unsetter{
        padding-left:0px !important;
        padding-right:0px !important;
        }
        *.mg-lr-unsetter{
        margin-left:0px !important;
        margin-right:0px !important;
        }
        *.mg-t-unsetter{
        margin-top:0px !important;
        margin-right:0px !important;
        }
        .obj-pad-20{
        padding:20px !important;
        }



        /* Container styling */
        .cart-item-description {
        display: flex;
        align-items: flex-end; /* Aligns the icon to the bottom right of the text block */
        gap: 4px;
        max-width: 100%; /* Adjust based on your cart layout */
        }

        .description-text {
        margin: 0;
        font-size: 13.5px;
        line-height: 1.5; /* Consistent line-height is important for line-clamping */
        transition: all 0.3s ease;
        }

        /* Three-line truncation logic */
        .description-text.truncate {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;  
        overflow: hidden;
        }

        /* Icon Button Styling */
        .toggle-btn {
        background: none;
        border: none;
        cursor: pointer;
        padding: 0 4px;
        font-size: 14px;
        color: black; /* Change to match your theme */
        display: inline-flex;
        align-items: center;
        transform: scale(1.2);
        }

        .toggle-btn:hover {
        color: #0056b3;
        }


        .item-detail-main-flex-co-2 input.item_qty{
/*        border: none;
        text-align: center;
        font-size: 16px;*/
        text-align: center;
    font-size: 16px;
    border: 1px solid #d9e0ea !important;
    /*border-radius: 8px;*/
    border-radius: 0px;
    height: 36px;
        }
        .item-detail-main-flex-co-2 input.item_qty:focus-visible,
        .item-detail-main-flex-co-2 input.item_qty:focus,
        .item-detail-main-flex-co-2 input.item_qty:active{
        /*border:none !important;*/
        outline:none !important;
        }
        .item-detail-main-flex-co-2 .item-detailview-component-sprinner-btn{
        border: none;
        background-color:transparent;
        margin: 0px;
        padding: 0;
        color: black;
        background-color: white;
        font-size: 18px;
        /*border: 0.3px solid white;*/
        border: 1px solid #d9e0ea !important;
        width: 36px;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        letter-spacing: 0px;
        border-radius: 8px;
        /*filter: drop-shadow(2px 3px 3px rgba(0, 0, 0, 0.3));*/
        filter: none;
        transition:ease-in-out 0.1s;
        }
        
        .item-detail-main-flex-co-2 .item-detailview-component-sprinner-btn.qtyminusone{
        border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
        }
        .item-detail-main-flex-co-2 .item-detailview-component-sprinner-btn.qtyplus{
        border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
        }

        .item-detail-main-flex-co-2 .item-detailview-component-sprinner-btn:hover{
        filter: drop-shadow(-2px 3px 3px rgba(0, 0, 0, 0.3));
        }


        .no-spinner {
        -moz-appearance: textfield;
        }

        .item-detail-main-flex-co-2 input.item_qty::-webkit-outer-spin-button,
        .item-detail-main-flex-co-2 input.item_qty::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
        }

        .item-detail-tier-selector{
        /*    min-width: 160px;
        border-radius: 30px;
        filter: drop-shadow(3px 4px 3px rgba(0, 0, 0, 0.4));
        border:none;*/

        min-width: 160px;
        border-radius: 8px;
        filter: none;
        border: none;

        }

        .item-detail-tier-selector:focus,
        .item-detail-tier-selector:focus-visible,
        .item-detail-tier-selector:active{
        outline:none !important;
        border:none !important;
        /*box-shadow:none !important;*/
        box-shadow:0 2px 7px rgba(17, 24, 39, .05) !important;
        /*     filter: drop-shadow(-2px 4px 3px rgba(0, 0, 0, 0.4));    */
        filter: none !important;
        border: none !important;
        border: 1px solid #d9e0ea !important;
        /*padding: 0 16px;*/
        box-shadow: 0 2px 7px rgba(17, 24, 39, .05) !important;
        }
        .item-detail-main-img-elmt{
        border-radius:8px !important;
        }
        .item-detail-main-img-elmt-viewer{
                border-radius: 15px;
    width: 100%;
    height: auto;
        }

        .item-detail-page-datepicker-col-1 input, .item-detail-page-datepicker-col-2 input{
        /*filter: drop-shadow(3px 4px 3px rgba(0, 0, 0, 0.3));*/
        filter: none;
        border:none;
        }
        .item-detail-page-datepicker-col-1 input, .item-detail-page-datepicker-col-2 input:focus,
        .item-detail-page-datepicker-col-1 input, .item-detail-page-datepicker-col-2 input:focus-visible,
        .item-detail-page-datepicker-col-1 input, .item-detail-page-datepicker-col-2 input:active{
        outline:none !important;
        border:none !important;
        box-shadow:none !important;
        filter: drop-shadow(-2px 4px 3px rgba(0, 0, 0, 0.3));    
        }

        .item-detail-price-con{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        line-height: 1;
        gap: 20px;
        margin:0px !important;
        padding:0px !important;
        margin-top: 18px !important;
        }
        .item-detail-price-off-elmt{
        font-size: 16px;
        color: #808080;
        font-weight: 600;
        text-decoration: line-through;
        line-height: 1;
        margin:0px !important;
        padding:0px !important;
        }
        .item-detail-price-elmt{
        font-size: 22px;
        color: red;
        font-weight: 600;
        line-height: 1;
        margin:0px !important;
        padding:0px !important;
        }



        .item-detail-btn-set-con{
        margin-top: 22px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 22px;    
        width: 100%;
        }

        .restg-btn-elmt{
        font-size: 15px;
        font-weight: bold;
        padding: 14px 35px;
        letter-spacing: 1px;
        /*border-radius: 35px;*/
        border: none;
        color: black;
        background-color: white;


        border-radius: 8px;
        /*filter: drop-shadow(3px 4px 3px rgba(0, 0, 0, 0.4));*/
        filter: none;
        border: none;

        width: 50%;
        white-space: nowrap;
        }

        .restg-btn-elmt.restg-btn-elmt-cart{
        background-color: #0ba564;
        color: white;
        }
        .restg-btn-elmt.restg-btn-elmt-cart span{
        }
        .restg-btn-elmt.restg-btn-elmt-cart i{
        }

        .restg-btn-elmt.restg-btn-elmt-order{
        background-color: #399bff;
        color: white;
        }
        .restg-btn-elmt.restg-btn-elmt-order span{
        }
        .restg-btn-elmt.restg-btn-elmt-order i{
        }

        .restg-btn-elmt-inner{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 12px;    
        }


        *.input-elmt-comb{
        border: 1px solid #d9e0ea !important;
        padding: 0 16px !important;
        box-shadow: 0 2px 7px rgba(17, 24, 39, .05) !important;
        font-size: 15px !important;
        outline: 0 !important;
        height: 45px !important;
        }

        .item-detail-page-datepicker-col-1 input.input-elmt-comb,
        .item-detail-page-datepicker-col-2 input.input-elmt-comb:focus,
        .item-detail-page-datepicker-col-1 input.input-elmt-comb, 
        .item-detail-page-datepicker-col-2 input.input-elmt-comb:focus-visible, 
        .item-detail-page-datepicker-col-1 input.input-elmt-comb, 
        .item-detail-page-datepicker-col-2 input.input-elmt-comb:active{
        border: 1px solid #d9e0ea !important;
        padding: 0 16px !important;
        /*box-shadow: 0 2px 7px rgba(17, 24, 39, .05) !important;*/
        box-shadow: none !important;
        font-size: 15px !important;
        outline: 0 !important;
        height: 45px !important;
        filter:none !important;
        }




        /*detail caledar*/

        .calendar-component-month-body-row-3-inner {
        z-index: 10;
        font-size: 14px;
        font-weight: 400 !important;
        color: #7e7e7e;
            font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
    color: black;
    font-weight: 900 !important;
        }

        /*end optional*/
        /*End New UI*/
        /*Right*/
        .item-detailview-component-col-right {
        width: 100%;
        max-width: calc((100% / 12) * 8);
        background-color: white;
        padding: 20px;
        display: flex;
        place-self: stretch;
        border-radius: 10px;
        }

        .item-detailview-component-col-right-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 16px;
        }

        .item-detailview-component-col-right-row {
        width: 100%;
        }

        .item-detailview-component-col-right-row-inner {
        width: 100%;
        }

        .item-detailview-component-col-right-row-title {
        color: black;
        /* font-family: 'Bookingb'; */
        font-size: 23px;
        text-align: left;
        font-weight: 500;
        line-height: 1.2;
        }

        .item-detailview-component-col-right-row-desc {
        text-align: left;
        font-size: 16px;
        font-weight: 500;
        color: black;
        line-height: 1.3;
        }

        .item-detailview-component-col-right-row-itemcode {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 6px;
        font-size: 14px;
        color: black;
        letter-spacing: 0.8px;
        }

        .item-detailview-component-col-right-row-itemcode-h {
        }

        .item-detailview-component-col-right-row-itemcode-v {
        font-weight: 600;
        font-size: 14.5px;
        }

        .item-detailview-component-col-right-row-sec {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 5px;
        }

        .item-detailview-component-col-right-row-sec-heading {
        font-size: 16px;
        font-weight: 500;
        color: black;
        text-transform: inherit;
        letter-spacing: 0.3px;
        }

        .item-detailview-component-col-right-row-sec-contant {
        }

        .item-detailview-component-col-right-row-amount {
        font-size: 24px;
        font-weight: 900;
        color: red;
        margin-top: 0px !important;
        display: block;
        }

        /*End Right*/
        /*Rating and reviuew*/
        .item-detailview-component-review-and-rating-con {
        font-size: 14px;
        color: black;
        letter-spacing: 0.8px;
        }

        /*End Rating and reviuew*/
        /*Custom*/
        .item-detailview-component-col-right-row-sec-contant {
        }

        .item-detailview-component-col-right-row-sec-contant .form-top-sec-controller-l-item-c {
        display: flex;
        flex-direction: row;
        animation: c;
        justify-content: flex-start;
        gap: 4px;
        }

        .item-detailview-component-col-right-row-sec-contant .form-top-sec-controller-l-item-c-inc-dec-l {
        width: 100%;
        }

        .item-detailview-component-col-right-row-sec-contant .form-top-sec-controller-l-item-c-inc-dec-c {
        }

        .item-detailview-component-col-right-row-sec-contant .form-top-sec-controller-l-item-c-inc-dec-r {
        }

        .item-detailview-component-col-right-row-sec-contant .form-top-sec-controller-l-item-c-inc-dec-l input {
        margin: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 42px;
        height: 32px;
        border-radius: 5px;
        border: 1px solid #afafaf;
        font-weight: 600;
        font-size: 26px;
        line-height: 17px;
        color: black;
        }

        .item-detailview-component-col-right-row-sec-contant .form-top-sec-controller-l-item-c-inc-dec-c input {
        margin: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 64px;
        height: 32px;
        border-radius: 5px;
        border: 1px solid #afafaf;
        font-weight: 500;
        font-size: 19px;
        line-height: 17px;
        color: black;
        letter-spacing: 0.3px;
        }

        .item-detailview-component-col-right-row-sec-contant .form-top-sec-controller-l-item-c-inc-dec-r input {
        margin: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 42px;
        height: 32px;
        border-radius: 5px;
        border: 1px solid #afafaf;
        font-weight: 600;
        font-size: 26px;
        line-height: 17px;
        color: black;
        }

        .item-detailview-component-col-right-row-sec-contant-elmt {
        width: auto;
        max-width: 100%;
        min-width: 155px;
        margin: 0px;
        text-align: left;
        height: 32px;
        border-radius: 5px;
        border: 1px solid #afafaf;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: black;
        padding: 0px 3px 0px 3px;
        }

        /* Start date → highlight bottom triangle */
        .calendar-start-half::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 0;
        border-left: 35px solid transparent;
        /* adjust based on your box width */
        border-right: 35px solid transparent;
        border-bottom: 35px solid #e6e78dff;
        /* green or your highlight color */
        }

        /* End date → highlight top triangle */
        .calendar-end-half::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-left: 0px solid transparent;
        border-right: 35px solid transparent;
        border-top: 35px solid #e6e78dff;
        }

        /* ensure the date box allows absolute children */
        .calendar-component-month-body-row-3 {
        position: relative;
        overflow: hidden;
        background-color: transparent !important;
        }

        /* full box for days in between */
        .calendar-between {
        background-color: #e6e78dff !important;
        /* or your highlight color */
        }

        /*Calendar*/
        .calendar-component-sec {
        width: 100%;
        margin-top: 12px;
        margin-bottom: 8px;
        }

        .calendar-component-con {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 0px;
        }

        .calendar-component-inner-con {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        }

        .calendar-component-month-con {
/*        width: 100%;
        max-width: calc((100% / 1) - 0px);*/
        width: auto;
        max-width: unset;
        border: 0.3px solid #e4e4e4;
        border-radius: 14px;
        /*padding: 15px 5px;*/
        padding: 15px 0px;
        padding-top: 0px;
        box-sizing: border-box
        }

        .calendar-component-month-inner-con {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        row-gap: 4px;
        }

        .calendar-component-month-heading-con {
        width: 100%;
        }

        .calendar-component-month-heading-inner-con {
        /*            width: 100%;
        text-align: center;
        font-size: 17px;
        text-transform: uppercase;
        background-color: #edfeff;
        background-color: white;
        color: black;
        padding-top: 4px;
        padding-bottom: 3px;
        font-weight: 600;
        letter-spacing: 0.3px;
        border: none;
        border-bottom: none;*/

        width: 100%;
        text-align: center;
        font-size: 16px;
        text-transform: capitalize;
        background-color: white;
        color: black;
        padding-top: 0px;
        padding-bottom: 0px;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0.3px;
        border: none;
        border-bottom: none;

        overflow: hidden;
    background-color: #ffcece;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 8px;
        }

        .calendar-component-month-body-con {
        width: 100%;
        }

        .calendar-component-month-body-inner-con {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0px;
        /*row-gap: 0px;*/
        row-gap: 0px;
        column-gap: 4px;
            flex-wrap: nowrap;
        }

        .calendar-component-month-body-col-con {
/*        width: 100%;
        max-width: calc((100% / 7) - 4px);*/
        width: 100%;
        max-width: 50px;
        min-width: 50px;
        }

        .calendar-component-month-body-col-inner-con {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        row-gap: 2px;
        padding-top: 9px;
        padding-bottom: 8px;
        border: 1px solid #e4e4e4;
        border-radius: 8px;
        background-color: #ffffff;
        }



        .calendar-component-month-body-row-1 {
        width: 100%;
        background-color: transparent;
        font-size: 13px;
        text-align: center;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        color: black;
        padding-top: 0px;
        padding-bottom: 0px;
        box-sizing: border-box;
        /*border: 1px solid #6c6c6c;*/
        border: none;
        /*border-top: none;*/
        border-bottom: none;
        /*transform: skewX(-18deg) translateX(7px);*/
        /*transform-origin: bottom;*/
        }

        .calendar-component-month-body-row-1-inner {
        font-weight: 600;
        font-size: 14px;
        letter-spacing: 1px;
        /*transform: skewX(18deg) translateX(2px);*/
        /*transform-origin: bottom;*/

    width: 50%;
    background-color: transparent;
    font-size: 12px;
    text-align: center;
    line-height: 1;
    color: #828282;

        }

        .calendar-component-month-body-row-2 {
width: 100%;
    background-color: transparent;
    font-size: 12px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    color: black;
    padding-top: 3px;
    padding-bottom: 10px;
    box-sizing: border-box;
    /* border: 1px solid #6c6c6c; */
    border: none;
    border-top: none;
    border-bottom: none;
    /* transform: skewX(-18deg); */
    /* transform-origin: bottom;*/
        background-color: transparent;
    font-size: 13px;
    text-align: center;
    color: #7e7e7e;
    line-height: 1;
    font-weight:400;
        }

        .calendar-component-month-body-row-2-inner {
        /*transform: skewX(18deg) translateX(3px);*/
        /*transform-origin: bottom;*/

    width: 100%;
    background-color: transparent;
    font-size: 12px;
    text-align: center;
    color: black;
    line-height: 1;
        }

        .calendar-component-month-body-row-3 {
        width: 100%;
        height: 16px;
        background-color: #efefef;
        font-size: 14px;
        text-align: center;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        color: black;
        padding-top: 8px;
        padding-bottom: 8px;
        box-sizing: border-box;
        border: 1px solid #6c6c6c;
        border: none;
        font-weight: 900;
        cursor: default !important;
        }

        .calendar-component-month-body-row-3.calendar-component-blocked {
        background-color: #f0c2c2;
        color: white;
        }

        .calendar-component-month-body-row-3.calendar-component-blocked .calendar-component-month-body-row-3-inner {
        /* display:none !important; */
        color: #000;
        }

        .calendar-component-month-body-row-3.calendar-component-holiday {
        background-color: #fffa02;
        }

        .calendar-component-month-body-row-3.calendar-component-active {
        background-color: #c2dfd0;
        }

        .calendar-component-month-body-row-3-inner {
        /*width: 36px;
        height: 36px;
        background-color: #ebebeb;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        line-height: 1;
        font-size: 14px;
        font-weight: 900;*/
        }

        .item-detailview-component-sec,
        .item-detailview-component-sec * {
        user-select: none;
        cursor: move;
        }

        @media(max-width:768px) {
        .item-detailview-component-con {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 22px;
        }

        .item-detailview-component-col-left {
        width: 100%;
        max-width: 100%;
        margin-right: 0px;
        background-color: white;
        padding: 0px;
        border-radius: 10px;
        }

        .item-detailview-component-col-right {
        width: 100%;
        max-width: 100%;
        background-color: white;
        padding: 20px;
        display: flex;
        place-self: stretch;
        border-radius: 10px;
        }
        }

        @media(max-width:481px) {
        .item-detailview-component-col-right-col-con {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 4px;
        }
        }

        .arrow-scroller-component:first-child {
/*        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;*/
        border-top-left-radius: 50%;
        border-bottom-left-radius: 50%;
        }

        .arrow-scroller-component:last-child {
/*        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;*/
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        }

        /*End Calendar*/



        .h-scroll {
        position: relative;
        width: 1000px;
        display: flex;
        align-items: center;
        }

        .calendar-component-inner-con {
        width: 100%;
        overflow-x: auto;
        scrollbar-width: none;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 0px;
        align-items: flex-start;
        justify-content: flex-start;
        column-gap: 5px;
        
/*        padding-left: 8px;
        padding-right: 8px*/
        
        padding-left: 8px;
    padding-right: 8px;
        }

        
        .calendar-component-inner-con::-webkit-scrollbar {
        display: none;
        /* Chrome */
        }

        .btn-elmt-lg.btn-elmt-lg-edit {
        background-color: #c7b709ff;
        color: #fff;
        border: 2px solid #aa9d06ff;
        }

        .btn-elmt-lg.btn-elmt-lg-edit:hover {
        background-color: #a09304ff;
        color: #fff;
        }

        /*.inner-container {
        display: flex;
        gap: 20px;
        }*/
        /*.item-container {
        width: 600px;
        height: 100px;
        background: gray;
        flex-shrink: 0;
        border-radius: 6px;
        }*/
        
        
        .arrow-scroller-component {
/*        XXXXXbackground: black;
        color: white;
        border: none;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        cursor: pointer;
        font-size: 18px;*/
        XXXXXbackground: transparent;
        color: black;
        border: none;
        width: auto;
        height: auto;
        cursor: pointer;
        font-size: 32px;*/
        background: #646464;
        color: #ffffff;
        border: none;
        width: auto;
        height: auto;
        cursor: pointer;
        font-size: 26px;
        align-self: stretch;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
       XXXXdisplay: none !important;*/
        
       margin: 0px;
    padding: 0;
    color: black;
    background-color: white;
    font-size: 18px;
    border: 0.3px solid white;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    letter-spacing: 0px;
    border-radius: 8px;
    filter: drop-shadow(2px 3px 3px rgba(0, 0, 0, 0.3));
    transition: ease-in-out 0.1s;
            z-index: 9999;
        transform: translateY(45px);
        border-radius: 50%
            }

        .bold {
        font-weight: 600;
        }

        .arrow-scroller-component:active {
        /*transform: scale(0.9);*/
        opacity: 0.8;
        }


        .calendar-component-week-heading-con{
        /*width: 100%;
        text-align: center;
        text-transform: uppercase;             */

        width: 100%;
        text-align: center;
        text-transform: uppercase;
        border-bottom: #f1f1f1 0.3px solid;
        padding-bottom: 12px;
        margin-bottom: 0px;
        margin-top: 6px;
        }
        .calendar-component-week-heading-inner-con{
        display: flex;
        flex-direction: row;
        width: 100%;
        align-items: center;
        justify-content: center;
        gap: 4px;
        flex-wrap: nowrap;
        text-align: center;
        }
        .calendar-component-week-heading-col{
        width: 100%;
        max-width: calc((100% / 7) * 1);
        font-size: 14px;
        font-weight: 600;
        color: #5d5d5d;
        letter-spacing: 0px;
        line-height: 1;
        }

      
          .calendar-comp-holiday{
        border: 1px solid #d9a300;
        border-radius: 8px;
        background-color: #fff8e1;
        }
        /*.calendar-comp-holiday .calendar-component-month-body-row-1-inner{*/
        .calendar-comp-holiday .calendar-component-month-body-row-3-inner{
        color: #c05e0c;
        }
        
        
        .calendar-comp-between{
        border: 1px solid #043f97;
        border-radius: 8px;
        background-color: #f2f7ff;
        }
        /*.calendar-comp-between .calendar-component-month-body-row-1-inner{*/
        .calendar-comp-between .calendar-component-month-body-row-3-inner{
        color: #043f97;
        }
        
        
        .calendar-comp-block{
          border: 1px solid #c51a29;
    border-radius: 8px;
    background-color: #fff5f6;
        }
        /*.calendar-comp-block .calendar-component-month-body-row-1-inner{*/
        .calendar-comp-block .calendar-component-month-body-row-3-inner{
        color: #c51a29;
        }


        .calendar-comp-start_hal{

        }
        .calendar-comp-end_hal{

        }
        
        
        
        
        .section-header-row{
        
        }
        .section-header-col-1{
        
        }
        .section-header-col-2{
        
        }

        /*End detail caledar*/


        .menu-list-product-info{
            padding: 0px !important;
    margin: 0px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
        }
        
        
        .calendar-component-month-body-col-inner-con:not(.calendar-comp-between) .calendar-component-month-body-row-3-inner,
        .calendar-component-month-body-col-inner-con:not(.calendar-comp-holiday) .calendar-component-month-body-row-3-inner,
        .calendar-component-month-body-col-inner-con:not(.calendar-comp-block) .calendar-component-month-body-row-3-inner,
        .calendar-component-month-body-col-inner-con:not(.calendar-comp-empty) .calendar-component-month-body-row-3-inner{
            color: #024e02;
    font-size: 20px;
    font-weight: 600 !important;
        }
        
        .item-detail-main-rating{
        /*display:none !important;*/
            margin-bottom: -10px;
        }
        
        .rotator-card-item-title{
            font-size: 1rem !important;
                font-weight: 500 !important;
    line-height: 1.2 !important;
        }
        
        .input-subtiutle-elmt{
        margin: 0px;
        color: black;
        font-size: 13.5px;
        line-height: 1.2;
        margin-bottom: 12px;
        margin-top: 2px;
        }
        
        
        .detail-desc-sec{
        width:100%;
margin-bottom: 24px;
        }
        .detail-desc-con{
        width:100%;
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:flex-start;
        gap:16px;
        }
        .detail-desc-col-1{
        width:auto;
        height:auto;
        }
        .detail-desc-col-1-i{
font-size: 22px;
    color: #0e71ed;
    background-color: #e4eefa;
    padding: 10px;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
        }
        .detail-desc-col-2{
        width:100%;
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        justify-content:flex-start;
        gap:4px;
        
        font-size: 13px;
    line-height: 1.5;
    /*transition: all 0.3s ease;*/
        }
        .detail-desc-col-2-row-1{
        width:100%;
        display:flex;
        flex-direction:row;
        align-items:flex-start;
        justify-content:flex-start;
        gap:3px;
        }
        .detail-desc-col-2-row-2{
        width:100%;
        display:flex;
        flex-direction:row;
        align-items:flex-start;
        justify-content:flex-start;
        gap:3px;  
        }
        
        .detail-desc-col-2-row-row-1{
   font-weight: 600;
    white-space: nowrap;  
          line-height: 1.35;
        }
        .detail-desc-col-2-row-row-2{
            line-height: 1.35;
        }

        
        .item-view-page-image-sec{
        display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px !important;
    width: 100%;
        }
        .item-view-page-image-col-1{
        width: 100%;
    box-sizing: border-box;
    /*padding: 30px;*/
    padding: 0px;
    border-radius: 15px;
    background-color: #f7f7f7;
    box-shadow: 0px 3px 8px 2px #dbdbdb !important;
    /*border: 1px solid #e8e8e8 !important;*/
    border: 0px !important;
        }
        .item-view-page-image-col-2{
width: 100%;        
        }
        
        .item-view-page-image-sec .owl-nav.disabled{
        display:flex !important;
        }
        .item-view-page-image-sec .owl-nav.disabled i{
             font-size: 28px !important;
    opacity: 0.8 !important;
    color: black !important;
    transform: translateY(2px) !important;
    display: inline-block !important;
    font-weight: 900 !important;
        }
       .owl-carousel .owl-nav i{
             font-size: 28px !important;
    opacity: 0.8 !important;
    color: black !important;
    transform: translateY(2px) !important;
    display: inline-block !important;
    font-weight: 900 !important;
        }
        
        .item-view-page-image-sec .owl-nav,
        .owl-carousel .owl-nav{
            /*margin-top: -26px;*/
            margin-top: 0px;
        }
        
        .item-view-page-image-sec .item img{
        cursor:pointer;
        }
        .item-view-page-image-sec .item{
           /*margin-left: 12px;*/

        }
        
        .mg-btm-25{
            margin-bottom: 25px;
        }
        
        @media(max-width:768px){
        .item-detail-btn-set-con {
    margin-top: 22px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    flex-wrap: wrap;
}
.restg-btn-elmt.restg-btn-elmt-cart {
    background-color: #0ba564;
    color: white;
    width: 100%;
}
.restg-btn-elmt.restg-btn-elmt-order {
    background-color: #399bff;
    color: white;
    width:100%;
}
        }
        
        @media(max-width:767px){
        .item-detail-btn-set-con {
    margin-top: 22px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    flex-wrap: nowrap;
}
.restg-btn-elmt.restg-btn-elmt-cart {
    background-color: #0ba564;
    color: white;
    width: 50%;
}
.restg-btn-elmt.restg-btn-elmt-order {
    background-color: #399bff;
    color: white;
    width:50%;
}

.item-detail-cotnent-col-2 {
    margin-top: 42px;
}

.item-detail-page-datepicker-con {
    padding: 0px;
    margin-top: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-bottom: 0px;
}


        }

        @media(max-width:667px){
        .detail-desc-col-2-row-1 {
width: 100%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 6px;
        }
        .detail-desc-col-2-row-2 {
    width: 100%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 6px;
}
.detail-desc-col-2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    font-size: 13px;
    line-height: 1.5;
    /* transition: all 0.3s ease; */
}
.detail-desc-con {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 11px;
}

.detail-desc-col-1 {
    width: auto;
    height: auto;
    display:none;
    }
        }
        
        @media(max-width:481px){
            .detail-desc-col-2-row-1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 1px;
    }
            .detail-desc-col-2-row-2 {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 1px;
    }
        }
        
        @media(max-width:392px){
        .item-detail-page-datepicker-inner-con {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
}
.item-detail-page-datepicker-con {
    padding: 0px;
    margin-top: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-bottom: 52px;
}
    .item-detail-btn-set-con {
        margin-top: 22px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        width: 100%;
        flex-wrap: wrap;
    }
        .restg-btn-elmt.restg-btn-elmt-cart {
        background-color: #0ba564;
        color: white;
        width: 100%;
    }
        .restg-btn-elmt.restg-btn-elmt-order {
        background-color: #399bff;
        color: white;
        width: 100%;
    }
    .item-detail-price-con {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    line-height: 1;
    gap: 12px;
    margin: 0px !important;
    padding: 0px !important;
    margin-top: 18px !important;
}
        }
        
        
        
        
        
        /* 1. Add spacing to the left and right of the carousel container so arrows have breathing room */
.owl-carousel-detail-page {
    padding: 0 40px;
    box-sizing: border-box;
}

/* 2. FORCE hide the navigation wrapper completely if Owl Carousel disables it */
.owl-carousel-detail-page .owl-nav.disabled {
    /*display: none !important;*/
}

/* 3. Style and position the navigation arrows nicely on the edges of that padded space */
.owl-carousel-detail-page .owl-nav .owl-prev,
.owl-carousel-detail-page .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 !important;
    background: #fff !important; /* Optional: gives buttons a clean white background circle */
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-carousel-detail-page .owl-nav .owl-prev {
    left: 5px; /* Aligns left arrow within left padding */
}

.owl-carousel-detail-page .owl-nav .owl-next {
    right: 5px; /* Aligns right arrow within right padding */
}


.detail-page-share-btn-elmt:hover{
color:black !important;
}

@media(min-width:769px){
#pmMobileNavToggleBtn{
display:none !important;
}
}
@media(max-width:768px){
.offer-dedicated-nav{
display:none !important;
}
}


/*mbile menu*/
/* =========================================================
   MOBILE MENU TOGGLE BUTTON
========================================================= */
.pm-mobile-menu-toggle {
    position: absolute;
    top: 54px;
    right: 8px;
    z-index: 9997;
    width: 56px;
    height: 56px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    /*background: rgba(19, 118, 53, 0.92);*/
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
    transition: transform 0.25s ease, background 0.25s ease;
}

.pm-mobile-menu-toggle:hover {
    background: #0d7131;
    transform: scale(1.06);
}

.pm-mobile-menu-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    border-radius: 10px;
    background: #ffffff;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.pm-mobile-menu-toggle.active span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.pm-mobile-menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

.pm-mobile-menu-toggle.active span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

/* =========================================================
   OVERLAY
========================================================= */
.pm-mobile-nav-overlay {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: rgba(4, 10, 15, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
    backdrop-filter: blur(3px);
}

.pm-mobile-nav-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* =========================================================
   SLIDE MENU PANEL
========================================================= */
.pm-mobile-nav-panel {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: min(88vw, 390px);
    height: 100vh;
    min-height: 100dvh;
    overflow-y: auto;
    padding: 24px 20px 22px;
    box-sizing: border-box;
/*    background:
        radial-gradient(circle at top right, rgba(255, 255, 2555, 0.14), transparent 36%),
        linear-gradient(145deg, #101720 0%, #131c28 52%, #0d131c 100%);*/
    color: #ffffff;
    box-shadow: 15px 0 48px rgba(0, 0, 0, 0.32);
    transform: translateX(-105%);
    transition: transform 0.42s cubic-bezier(0.22, 0.8, 0.25, 1);
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
}

.pm-mobile-nav-panel.active {
    transform: translateX(0);
}

.pm-mobile-nav-panel::-webkit-scrollbar {
    width: 5px;
}

.pm-mobile-nav-panel::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 20px;
}

/* =========================================================
   HEADER / BRAND
========================================================= */
.pm-mobile-nav-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 5px 0 22px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.pm-mobile-nav-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.pm-mobile-nav-logo {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    padding: 4px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.1);
}

.pm-mobile-nav-logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 12px;
    background: #ffffff;
}

.pm-mobile-nav-company {
    min-width: 0;
}

.pm-mobile-nav-company h3 {
    margin: 0;
    overflow: hidden;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pm-mobile-nav-company span {
    display: block;
    margin-top: 5px;
    /*color: #58df7e;*/
    color: white;
    font-size: 13px;
    font-weight: 500;
}

/* =========================================================
   CLOSE BUTTON
========================================================= */
.pm-mobile-nav-close-btn {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 50%;
    /*background: rgba(255, 255, 255, 0.08);*/
    background: rgba(0, 0, 0, 0.4);
    color: #ffffff;
    font-size: 17px;
    cursor: pointer;
    transition: transform 0.25s ease, background 0.25s ease;
    line-height:1;
    }

.pm-mobile-nav-close-btn:hover {
    background: #2fae55;
    transform: rotate(90deg);
}

/* =========================================================
   NAVIGATION LINKS
========================================================= */
.pm-mobile-nav-body {
    padding-bottom: 18px;
}

.pm-mobile-nav-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.pm-mobile-nav-item {
    margin-bottom: 7px;
}

.pm-mobile-nav-link {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 58px;
    padding: 10px 13px;
    border: 1px solid transparent;
    border-radius: 13px;
    /*color: rgba(255, 255, 255, 0.92);*/
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.pm-mobile-nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    /*color: #e5ecef;*/
    font-size: 18px;
}

.pm-mobile-nav-arrow {
    margin-left: auto;
    color: rgba(255, 255, 255, 0.62);
    font-size: 12px;
    transition: transform 0.25s ease, color 0.25s ease;
    display:none !important;
    }

.pm-mobile-nav-link:hover {
/*    border-color: rgba(88, 223, 126, 0.2);
    background: rgba(51, 180, 85, 0.13);
    color: #58df7e;*/
        border-color: rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.8);
    color: #000000;
}
.pm-mobile-nav-link:hover .pm-mobile-nav-icon {
    color: #000000;
}

.pm-mobile-nav-link:hover .pm-mobile-nav-arrow {
    color: #58df7e;
    transform: translateX(4px);
}

.pm-mobile-nav-item.active .pm-mobile-nav-link {
/*    border-color: rgba(88, 223, 126, 0.2);
    background: linear-gradient(90deg, rgba(47, 174, 85, 0.3), rgba(47, 174, 85, 0.08));
    color: #58df7e;*/

    border-color: rgba(255, 255, 255, 0.6);
    /*background: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(0, 0, 0, 0.1));*/
    background: whitesmoke;
    color: black;
}

.pm-mobile-nav-item.active .pm-mobile-nav-icon {
    /*color: #58df7e;*/
    color: black;
}

/* =========================================================
   SUPPORT BOX
========================================================= */
.pm-mobile-nav-help-box {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 12px;
    padding: 16px;
    margin-top: 8px;
    /*border: 1px solid rgba(88, 223, 126, 0.25);*/
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    /*background: linear-gradient(135deg, rgba(47, 174, 85, 0.16), rgba(255, 255, 255, 0.04));*/
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.04));
}

.pm-mobile-nav-help-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    /*background: rgba(88, 223, 126, 0.14);*/
    background: rgba(0, 0, 0, 0.75);
    /*color: #58df7e;*/
    color: white;
    font-size: 18px;
}

.pm-mobile-nav-help-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pm-mobile-nav-help-content strong {
    color: #ffffff;
    font-size: 15px;
}

.pm-mobile-nav-help-content span {
    margin-top: 3px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
}

.pm-mobile-nav-help-btn {
    grid-column: 1 / -1;
    display: block;
    padding: 11px 14px;
    /*border: 1px solid #4cdb73;*/
    border: 1px solid white;
    border-radius: 9px;
    /*color: #58df7e;*/
    color: white;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: background 0.25s ease, color 0.25s ease;
}

.pm-mobile-nav-help-btn:hover {
    /*background: #2fae55;*/
    background: black;
    color: #ffffff;
}

/* =========================================================
   SOCIAL LINKS
========================================================= */
.pm-mobile-nav-footer {
    display: flex;
    gap: 10px;
    padding-top: 22px;
    margin-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.pm-mobile-nav-footer a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    font-size: 17px;
    text-decoration: none;
    transition: transform 0.25s ease, background 0.25s ease;
}

.pm-mobile-nav-footer a:hover {
    background: #2fae55;
    color: #ffffff;
    transform: translateY(-3px);
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 380px) {
    .pm-mobile-nav-panel {
        width: 91vw;
        padding: 20px 16px;
    }

    .pm-mobile-nav-logo {
        flex-basis: 52px;
        width: 52px;
        height: 52px;
    }

    .pm-mobile-nav-company h3 {
        font-size: 17px;
    }

    .pm-mobile-menu-toggle {
        top: 54px;
        right: 8px;
        width: 52px;
        height: 52px;
    }
}


.pm-mobile-nav-item.active{

}
/*mob-nav-home
mob-nav-shop
mob-nav-gallery
mob-nav-about*/
/*end mbile menu*/