.greytabs li:first-child {
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
}

.greytabs li {
    background-color: var(--color2);
    border: 4px solid var(--color2);
}

.nav-pills .nav-link {
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

#dineBookingModal.navbar-collapse .datepick-popup {
    right: auto !important;
    left: 1.5% !important;
}

:lang(ar) #dineBookingModal .datepick-popup {
    left: auto !important;
    right: 1% !important;
}

.greytabs.nav-pills .nav-link.active {
    color: #25282d;
    background-color: #ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.greytabs .nav-link {
    padding: 18px 20px;
}

.errormsg {
    color: #d40000;
    font-size: 14px;
    line-height: 16px;
    padding: 15px;
}

form.go-bottom>div {
    position: relative;
    overflow: hidden;
}

.bootstrap-select .btn {
    padding: 0 !important;
}

.form-container .btn-light {
    background-color: #fafafa;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 16px;
    height: 52px;
}

.selectbox .dropdown-toggle:before {
    display: inline-block;
    padding: 0.3rem 0.8rem;
    background: url(../../images/caret.svg) no-repeat;
}

form.go-bottom .filter-option {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

form.go-bottom .filter-option {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: solid 0.5px rgba(37, 40, 45, 0.4);
    padding: 13px !important;
}


/* Code Starts Shubham Pardeshi Incident #232001 30/08/22 */


/* .bkmdrop .dropdown-menu {
  min-width: 365px;
} */


/* Code Ends Shubham Pardeshi Incident #232001 30/08/22 */

.button-loader {
    display: none;
    height: 14px;
    width: 14px;
    margin-bottom: 3px;
    margin-right: 4px;
}

.selectbox .dropdown-toggle:before {
    position: absolute;
    right: 10px;
    top: 10px;
}

:lang(ar) .selectbox .dropdown-toggle:before {
    position: absolute;
    right: auto;
    left: 10px;
    top: 10px;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    text-align: start;
}

button,
input,
optgroup,
select,
textarea {
    line-height: inherit;
}

.modal.fade {
    background-color: rgba(0, 0, 0, 0.85) !important;
    max-width: 100%;
}

#cancelbookingmodal .modal-dialog {
    max-width: 800px;
}

#cancelbookingmodal .modal-content {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
}

#cancelbookingmodal .modal-header {
    padding: 40px 80px 40px 40px;
}

.modal-header {
    border: none;
    display: block;
}

.promomodal .modal-title,
.detailsmodal .modal-title {
    font-size: 28px;
}

.detailsmodal .close {
    cursor: pointer;
    opacity: 0.6;
}

#cancelbookingmodal .modal-body {
    padding: 0 40px 40px 40px;
}

.detailsmodal .close {
    position: absolute;
    top: 32px;
    right: 36px;
}

#cancelbookingmodal table.table.table-borderless {
    display: none;
}

.btn.whitebtn100 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 2;
    width: 100%;
    opacity: 0.7;
    border: 1px solid #232323;
}

.img-smbooking {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    overflow: hidden;
    height: 380px;
    width: 100%;
}


/* @media (min-width: 1023px) and (max-width:1500px) {
    .bkmdrop .dropdown-menu {
        min-width: 395px !important;
        transform: translate3d(754px, 416px, 0px) !important;
    }
} */

#cancelbookingmodal .modal-footer .btn {
    padding-right: 15px;
    padding-left: 15px;
}

#cancelbookingmodal .modal-footer .btn.secondary-btn {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media(min-width:1024px) {
    .img-dmbooking {
        height: 100%;
    }
}

@media(max-width:991px) {
    #cancelbookingmodal .modal-footer .btn {
        width: 100%;
        max-width: 230px;
        line-height: 18px;
        /* padding: 15px; */
    }
}

@media(max-width:600px) {
    .bookingdinecta,
    .secondary-btn {
        width: 100%;
    }
    .img-dmbooking {
        height: 280px;
    }
    #cancelbookingmodal .modal-body {
        padding: 16px;
    }
    #cancelbookingmodal .modal-footer .btn {
        width: 100%;
        max-width: 100%;
        line-height: initial;
    }
}


/* Harshit , SR-229577 & SR-231992 , Aug 26, 2022 */

@media (min-width:360px) and (max-width:600px) {
    .bootstrap-select .dropdown-menu li a span.text {
        text-overflow: unset;
        overflow: unset;
    }
    .bkmdrop .dropdown-menu {
        min-width: 100%!important;
        max-width: 100%!important;
        left: 25px;
        overflow: auto!important;
    }
}


/* Harshit , SR-229577 & SR-231992 , Aug 26, 2022 */


/* Change Here, Harshit , SR-233234 , Sept 1, 2022 */

.bs-container.dropdown.bootstrap-select.bkmdrop.selectbox.show .dropdown-menu.show .inner.show::-webkit-scrollbar-track {
    background: rgb(255, 255, 255)!important;
}

.bs-container.dropdown.bootstrap-select.bkmdrop.selectbox.show .dropdown-menu.show .inner.show::-webkit-scrollbar-thumb {
    background: #005a84!important;
}

.bs-container.dropdown.bootstrap-select.bkmdrop.selectbox.show .dropdown-menu.show .inner.show::-webkit-scrollbar {
    width: 5px!important;
    height: 5%!important;
}


/* Change Ends, Harshit , SR-233234 , Sept 1, 2022 */