.field-error:not(.bootstrap-select), .parent-field-error.file-upload {
    border: 1px solid #f73b3b !important;
}

.field-error.bootstrap-select .dropdown-toggle {
    border: 1px solid #f73b3b !important;
}

.my-toast-wrapper {
    position: fixed;
    bottom: 10px;
    z-index: 999;
}

.my-toast {
    min-width: 300px;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    height: auto;
    margin: 20px;
    padding: 10px;
    max-width: 400px;
    font-size: 16px;
    min-height: 60px;
    min-width: 350px;
    border: 1px solid #ccc;
    transition: all ease 0.7s;
}

html[dir="rtl"] .my-toast {
    transform: translateX(-500px);
}

html[dir="ltr"] .my-toast {
    transform: translateX(500px);
}

.shown .my-toast {
    transform: translateX(0px) !important;
}

html[dir="rtl"] .my-toast-wrapper {
    left: 50px;
}

html[dir="ltr"] .my-toast-wrapper {
    right: 50px;
}

html[dir="rtl"] .my-toast-content {
    margin-right: 10px
}

html[dir="ltr"] .my-toast-content {
    margin-left: 10px
}



html[dir="rtl"] .my-toast-close {
    margin-right: auto;
}


html[dir="ltr"] .my-toast-close {
    margin-left: auto;
}

.d-flex-center {
    display: flex;
    align-items: center;
}

.my-toast-close-btn {
    cursor: pointer;
    width: 25px;
    height: 25px;
    color: #f73b3b;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    background-color: #fff;
    font-size: 24px;
}


.error .my-toast {
    /*background: #dc3545;*/
    background: #fff;
    color: #000;
    border-radius: 5px;
}

html[dir="rtl"] .error .my-toast {
    border-right: 5px solid #f73b3b !important;
}


html[dir="ltr"] .error .my-toast {
    border-left: 5px solid #f73b3b !important;
}




.success .my-toast {
    /*background: #00d24c;*/
    background: #fff;
    color: #000;
    border-radius: 5px;
}


html[dir="rtl"] .success .my-toast {
    border-right: 5px solid #00d24c !important;
}


html[dir="ltr"] .success .my-toast {
    border-left: 5px solid #00d24c !important;
}



.toast-succes-icon {
    width: 25px;
    height: 25px;
    color: #00d24c;
    display: none;
}

.toast-error-icon {
    width: 25px;
    height: 25px;
    color: #f73b3b;
    display: none;
}

.success .toast-succes-icon {
    display: block !important;
}

.error .toast-error-icon {
    display: block !important;
}



.hidden {
    display: none !important
}


.show {
    display: initial;
}

.hide {
    display: none;
}






.grooms-brids .gb-tables .delete-row, .grooms-brids .gb-tables .table-delete-record {
    display: none !important;
}


.phone-number-selector {
    display: flex;
    align-content: center;
    width: 100%;
}

    .phone-number-selector select {
        width: 80px !important;
    }


    .phone-number-selector input {
        flex: 1;
        width: 76% !important;
    }


/*.gb-extra-info {
    background: #fff;
    padding: 10px;
    border: 1px solid #b5b5b5;
    margin-left: 0px !important;
    margin-right: 0 !important;
}*/



.user-flag {
    width: 25px !important;
    height: 25px !important;
    border-radius: 50% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}




/*=================
* TIMER
*=================*/
.timer {
    margin-right: 5px;
    margin-left: 5px;
    /*width: 50px;
    height: 50px;
    display: block;*/
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* margin-left: -275px; */
    /* margin-top: -124px; */
    /* color: white; */
}

    .timer * {
        cursor: default;
    }

    .timer h3 {
        width: 100%;
        font-size: 26px;
        letter-spacing: 4px;
        text-align: center;
    }

.timer--clock {
    width: 100%;
    /* position: relative; */
    /* padding-left: 6px; */
    /* margin-top: 22px; */
    /* overflow: hidden; */
    height: auto;
}

    .timer--clock .clock-display-grp {
        width: 100%;
        /* position: relative; */
    }

        .timer--clock .clock-display-grp .number-grp {
            width: auto;
            display: block;
            height: 20px;
            float: left;
            overflow: hidden;
        }

            .timer--clock .clock-display-grp .number-grp .number-grp-wrp {
                width: 100%;
                position: relative;
            }

                .timer--clock .clock-display-grp .number-grp .number-grp-wrp .num {
                    width: 100%;
                    position: relative;
                    /* height: 156px; */
                }

                    .timer--clock .clock-display-grp .number-grp .number-grp-wrp .num p {
                        width: auto;
                        display: table;
                        font-size: 16px;
                        /* line-height: 150px; */
                        font-weight: bold;
                    }

    .timer--clock .clock-separator {
        width: auto;
        float: left;
        display: block;
        height: 16px;
    }

        .timer--clock .clock-separator p {
            width: auto;
            display: table;
            font-size: 16px;
            /* line-height: 150px; */
            font-weight: bold;
        }

.timer h4 {
    width: 100%;
    font-size: 10px;
    letter-spacing: 6px;
    text-align: center;
    padding-top: 25px;
    float: left;
}

.reload {
    width: 125px;
    height: 14px;
    position: absolute;
    bottom: 50vh;
    left: 50%;
    margin-left: -62.5px;
    opacity: 0;
    display: none;
    cursor: pointer;
    z-index: 9999;
}

    .reload:hover svg path {
        fill: #666666;
    }

    .reload:hover p {
        color: #666666;
    }

    .reload svg {
        width: 12px;
        height: 12px;
        float: left;
        margin-right: 10px;
    }

    .reload p {
        color: #2b2b2b;
        font-size: 12px;
        float: left;
        line-height: 11px;
    }

html[dir="rtl"] .datepicker {
    direction: rtl !important;
}


html[dir="ltr"] .datepicker {
    direction: ltr !important;
}


.table-delete-record {
    cursor: pointer;
    width: 30px;
    height: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #8a97a0;
    font-size: 24px;
    border-radius: 50%;
    padding-bottom: 5px;
}



.btn.dropdown-toggle.btn-light {
    /*border: 1px solid #cbcbcb !important;*/
    border: 1px solid #cbcbcb;
    height: 54px !important;
    background: #fff !important;
    border-radius: 0 !important;
}

html[dir="rtl"] .bootstrap-select .dropdown-toggle .filter-option {
    text-align: right;
}

.dropdown-toggle .filter-option {
    align-items: center;
    vertical-align: middle;
    display: flex;
}


.dropdown .dropdown-menu {
    padding: 0px;
}

html[dir="rtl"] .dropdown-menu:not(.datepicker ) {
    text-align: right !important;
    max-height: 360px !important;
    overflow: auto;
    border-radius: 15px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    top: 1px !important
}



html[dir="rtl"] .dropdown-menu .inner.show {
    max-height: 320px !important;
    overflow: auto;
}


.bs-searchbox {
    padding: 0px 0px;
    width: 100%;
    border: none !important;
}



    .bs-searchbox .form-control {
        border: none;
        border-bottom: 1px solid #cbcbcb;
        border-radius: 0;
    }


.d-flex-center-all {
    display: flex;
    align-items: center;
    justify-content: center;
}



.evaluation-popup .con {
    margin: 25px auto 35px;
}

.evaluation-popup .fa-star {
    font-size: 50px;
    align-content: center;
}

.evaluation-wrapper .popup__title {
    font-size: 1.1rem;
}

/*******************
    Starts Rating
*******************/

.stars a {
    display: inline-block !important;
    padding-right: 4px;
    text-decoration: none;
    margin: 0;
    cursor: pointer
}

    .stars a:after {
        font: normal normal normal 14px/1 FontAwesome;
        position: relative;
        font-size: 50px;
        display: block;
        content: "\f318";
        color: #9e9e9e;
    }

.stars span {
    font-size: 0;
    /* trick to remove inline-element's margin */
}

.stars a:hover ~ a:after {
    color: #9e9e9e !important;
}

.stars span.active a.active ~ a:after {
    color: #9e9e9e;
}

.stars span:hover a:after ~ a:after {
    color: #a88e63 !important;
}

.stars span.active a:after,
.stars a.active:after {
    color: #a88e63;
}


/*******************
    End Starts Rating
*******************/

.form-v3 {
    z-index: 6;
}

.btn-gold {
    background: #a78d62;
    color: #fff;
}

.confimation-modal .modal-body {
    font-size: 1.05rem;
}

.modal-footer .btn {
    min-width: 80px;
}



.timing-table {
    width: 100%
}

    .timing-table td {
        text-align: center;
        font-weight: 600;
        height: 25px;
        border: 1px solid#ccc;
        height: 30px;
        height: 50px;
        padding: 10px;
        font-size: 12px;
        background: darkgray;
    }

        .timing-table td.disabled, .timing-table td.temp-disabled {
            background: lightgray;
            color: #fff;
            color: darkgray;
        }

        .timing-table td.selected {
            background: #a88447;
            color: #fff;
        }

        .timing-table td:not(.disabled):not(.temp-disabled):hover {
            background: #a88447;
            color: #fff;
            cursor: pointer;
        }

    .timing-table .check-icon, .timing-table .disabled-icon {
        display: none;
        margin-left: 5px;
        margin-right: 5px;
        position: relative;
    }

    .timing-table .disabled .disabled-icon {
        /*display: inline-block !important;*/
    }

    .timing-table .selected .check-icon {
        /*display: inline-block !important;*/
    }

/*
        .timing-table .selected .check-icon:after {
            position: absolute;
            font-size: 15px;
            line-height: 1;
            left: 0px;
            bottom: -1px;
            content: "\02143";
            transform: rotate(40deg);
            margin-left: 2px;
            color: #48d94b;
        }

    .timing-table .disabled .disabled-icon:after {
        position: absolute;
        font-size: 15px;
        line-height: 1;
        left: 0px;
        bottom: -1px;
        content: "!";
        margin-left: 2px;
        color: #48d94b;
    }*/


/*
    .timing-table .select-td.disabled {
        background: #c20000 !important;
        border: 1px solid #c20000;
    }

    .timing-table .select-td.selected {
        background: #48d94b;
        border: 1px solid #48d94b;
    }

    .timing-table .select-td {
        background: #fff;
    }*/
.form-checkbox-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    background-color: #fff;
    color: #666;
    /*top: 10px;*/
    height: 30px;
    width: 30px;
    border: 0;
    /* border-radius: 50px; */
    cursor: pointer;
    margin-right: 7px;
    outline: none;
    height: 25px;
    width: 25px;
    border: 1px solid #a88447;
}


    .form-checkbox-select:checked::before {
        left: 6px;
        font-size: 20px;
        position: absolute;
        line-height: 1;
        content: "\02143";
        transform: rotate(40deg);
        color: #fff;
    }

    .form-checkbox-select:checked {
        background: #48d94b;
        border: 1px solid #48d94b;
    }

    .form-checkbox-select.disabled {
        background: #c20000 !important;
    }


    .form-checkbox-select:not(.disabled):hover {
        background: #48d94b;
        border: 1px solid #48d94b;
    }


.no-action {
    cursor: default !important;
}


.feild-label .opt {
    font-size: 0.9rem;
    color: #808080;
}

.select-loader-wrapper {
    position: relative
}

.select-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #cecece;
    z-index: 29;
    opacity: 0.3;
    /* background-image: url(https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExbTEzdHFsMHhhejhzOHZweDB3NmZqaTBwZ2RkemYzdjA0MjltN2RpYSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/6036p0cTnjUrNFpAlr/giphy.gif); */
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: none;
    border-radius: 18px;
}


.pagination li {
    cursor: pointer;
}


.notification-count {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: red;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    right: -8px;
    font-size: 12px;
}


.notificationPanelWrap .iconWrap .icon {
    font-size: 28px;
    line-height: 24px;
    display: block;
    color: #92722a;
}


ul.ss-icons_list {
    margin-bottom: 10px;
    padding: 0;
    list-style: none;
}

    ul.ss-icons_list li {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

        ul.ss-icons_list li .s-channel-title {
            margin-right: 10px;
            margin-left: 10px;
        }


.banner-section .ft-service-list > li:after {
    left: 13px;
}


html[dir="rtl"] .checkbox-group .custom-checkbox {
    margin-left: 30px;
}

html[dir="ltr"] .checkbox-group .custom-checkbox {
    margin-right: 30px;
}

.err-txt {
    color: #f73b3b;
    padding-top: 5px;
    display: block;
    white-space: pre-line;
}

.majlis-available-error {
    display: none;
}


.filter-breadcrumb-wrap .breadcrumb .w-700 {
    max-width: 700px !important;
}


/*.linePreloader {
    background: linear-gradient(90deg, #b19667, #b19667) !important;
}*/


.loader .loader-img img {
    max-width: 200px !important
}



/*
@media screen and (max-width: 767px) {
    header .iconMenuList > li .book-now-btn {
        padding: 9px 15px;
        cursor: pointer;
        position: relative !important;
        z-index: 2 !important;
        background-color: #676767 !important;
        border-radius: 25px !important;
        color: #fff !important;
        vertical-align: middle !important;
        display: block !important;
        min-width: 125px !important;
        text-align: center !important;
        display: flex !important;
    }

        header .iconMenuList > li .book-now-btn .iconWrap {
            display: none !important
        }

        header .iconMenuList > li .book-now-btn .txt {
            display: block !important
        }
}*/


.evContentsection-main {
    position: relative;
}


.custom-checkbox.booking-declaration {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    border-radius: 0;
}