:root {
    --theme-default-hover: #9db4d5;
    --theme-default: #4d86c6;
    --theme-gray-border: #ced4da;
    --theme-secondary: #4d86c6;
    --theme-bg-sky-light: #F8F9FF;
    --theme-reg-color: #1C1F37;
    --theme-reg--light-color: #8E8E8E;
    --theme-reg--dark--light: #919191;
    --theme-reg--grey-light: #f8f8f8;
    --theme-bg-light-clr: #F5F7FB;
    --theme-border-light-clr: #DADADA;
    --theme-light-gray: #CCD2E3;
    --theme-danger: #CF3A59;
    --box-shadow: rgb(13 110 253 / 25%);
    --nav-theme-default: #0d2639;
    --theme-reg-dark-color: #eeeff3;
    --theme-bg-back-color: #f1f5f9;
    --theme-white: #ffffff;
    --swiper-theme-color: #4d86c6 !important;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
    font-family: Inter, sans-serif !important;
}

.form-select, .form-control, .collapseheader .mandatory-text {
    font-weight: 500 !important;
}

.form-floating .intl-tel-input input {
    font-weight: 500 !important;
    font-size: 14px;
}

.form-floating .intl-tel-input .flag-container {
    font-size: 14px;
}

.suggestions {
    padding: 0.75rem;
    box-shadow: rgb(0 0 0 / 25%) 0px 4px 4px;
    border-radius: 0px 0px 8px 8px;
    background: #ffffff;
    width: calc(100% - 12px);
    min-width: 235px;
    position: absolute;
    z-index: 99;
    max-height: 240px;
    overflow: auto;
    display: none;
}

    .suggestions ul {
        list-style-type: none;
        padding: 0;
    }

        .suggestions ul li {
            margin-bottom: 7px;
            font-size: 14px;
            color: #212529;
            font-weight: 400;
        }

body {
    background: #ffffff;
}

.body-page-wrapper > div > .card > .card-header {
    border-bottom: none;
}

.body-page-wrapper > div > .card {
    box-shadow: none;
}

table.dataTable.no-footer, table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer, table.dataTable tbody th, table.dataTable tbody td, .dataTables_wrapper table {
    border: none !important;
}

table.dataTable thead th, table.dataTable thead td {
    background-color: transparent !important;
}

html, .modal {
    scroll-behavior: smooth;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background: transparent !important;
}

    table.dataTable.stripe tbody tr.odd:hover, table.dataTable.display tbody tr.odd:hover {
        background: #f6f6f6 !important;
    }

table.dataTable tbody tr:hover .dtfc-fixed-left, table.dataTable tbody tr:hover .dtfc-fixed-right {
    background: #f6f6f6 !important;
}

.dataTables_scrollBody td.dtfc-fixed-left {
    background: #ffffff !important;
    z-index: 1;
}

table.dataTable.stripe tbody tr.selected, table.dataTable.display tbody tr.selected, table.dataTable.stripe tbody tr.selected:hover, table.dataTable.display tbody tr.selected:hover, table.dataTable tbody tr.selected:hover .dtfc-fixed-left, table.dataTable tbody tr.selected:hover .dtfc-fixed-right, .dataTables_scrollBody tr.selected td.dtfc-fixed-left, .dataTables_scrollBody tr.selected td.dtfc-fixed-right {
    background: #e0effe !important;
}

.sidebar li.nav-item .menu-icon {
    width: 24px;
    opacity: .3;
}

.sidebar .dropdown-menu {
    background: #f8f8f8;
}

.sidebar li.nav-item .nav-link .menu-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 5px;
    color: #192024;
}

.remove-text {
    color: var(--theme-danger);
}

    .remove-text img {
        margin-right: 5px;
    }

.sidebar li.nav-item .nav-link, .sidebar li.nav-item .dropdown-item {
    display: grid;
    grid-column-gap: 6px;
    grid-template-columns: auto 1fr auto;
    align-items: center;
}

.sidebar li.nav-item .active .menu-icon {
    opacity: 1;
}

.layoutbody, .maincntntwrap {
    height: 100vh;
    overflow: hidden;
}

.row {
    margin-left: -8px;
    margin-right: -8px;
}

    .row > * {
        padding-left: 8px;
        padding-right: 8px;
    }

.multicount {
    position: absolute;
    right: 15px;
    top: 10px;
    color: var(--theme-reg--dark--light);
}

.layout-row {
    min-height: calc(100vh - 76px);
}

b, strong {
    font-weight: 600;
}

.ps-13 {
    padding-left: 13px !important;
}

.pe-13 {
    padding-right: 13px !important;
}

.bg-f8f8f8 {
    background-color: var(--theme-reg--grey-light);
}

.dash-form-group {
    background: #FFFFFF;
    border: 1px solid var(--theme-border-light-clr);
    border-radius: 4px;
    padding: 10px 15px 15px;
    margin-bottom: 12px;
    position: relative;
}

.room-type-quote.dash-form-group + .room-type-quote.dash-form-group {
    margin-bottom: 0px;
    margin-top: 12px;
}

.form-select + .dash-mandatory-sign, .twitter-typeahead + .dash-mandatory-sign {
    right: 34px;
}

.dash-mandatory-sign {
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -7px;
    z-index: 1;
    width: 26px;
    height: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMiAxMicgd2lkdGg9JzEyJyBoZWlnaHQ9JzEyJyBmaWxsPSdub25lJyBzdHJva2U9JyNkYzM1NDUnPjxjaXJjbGUgY3g9JzYnIGN5PSc2JyByPSc0LjUnLz48cGF0aCBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBkPSdNNS44IDMuNmguNEw2IDYuNXonLz48Y2lyY2xlIGN4PSc2JyBjeT0nOC4yJyByPScuNicgZmlsbD0nI2RjMzU0NScgc3Ryb2tlPSdub25lJy8+PC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
}

.dash-mandatory.dash-error {
    border: 1px solid var(--theme-danger);
    background-color: #ffffff;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTUnIGhlaWdodD0nMTMnIHZpZXdCb3g9JzAgMCAxNSAxMycgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48ZyBjbGlwLXBhdGg9J3VybCgjY2xpcDBfNjc0Xzg2OCknPjxwYXRoIGQ9J00xNC44MzEyIDExLjE3MjJDMTUuMzExOSAxMS45ODQ2IDE0LjcwODUgMTMgMTMuNzQ4NSAxM0gxLjI1MTQxQzAuMjg5NTEzIDEzIC0wLjMxMTA2IDExLjk4MyAwLjE2ODY3OSAxMS4xNzIyTDYuNDE3MjggMC42MDg5OTRDNi44OTgxOSAtMC4yMDM3MzQgOC4xMDI2OSAtMC4yMDIyNjIgOC41ODI3NSAwLjYwODk5NEwxNC44MzEyIDExLjE3MjJaTTcuNTAwMDEgOC45ODgyOEM2LjgzODQyIDguOTg4MjggNi4zMDIwOSA5LjUxMTIgNi4zMDIwOSAxMC4xNTYyQzYuMzAyMDkgMTAuODAxMyA2LjgzODQyIDExLjMyNDIgNy41MDAwMSAxMS4zMjQyQzguMTYxNiAxMS4zMjQyIDguNjk3OTMgMTAuODAxMyA4LjY5NzkzIDEwLjE1NjJDOC42OTc5MyA5LjUxMTIgOC4xNjE2IDguOTg4MjggNy41MDAwMSA4Ljk4ODI4Wk02LjM2MjY5IDQuNzkwMDRMNi41NTU4NyA4LjI0MzE3QzYuNTY0OTEgOC40MDQ3NSA2LjcwMTk0IDguNTMxMjUgNi44Njc5IDguNTMxMjVIOC4xMzIxMkM4LjI5ODA4IDguNTMxMjUgOC40MzUxMiA4LjQwNDc1IDguNDQ0MTUgOC4yNDMxN0w4LjYzNzMzIDQuNzkwMDRDOC42NDcwOSA0LjYxNTUxIDguNTA0NTcgNC40Njg3NSA4LjMyNTMgNC40Njg3NUg2LjY3NDdDNi40OTU0MyA0LjQ2ODc1IDYuMzUyOTMgNC42MTU1MSA2LjM2MjY5IDQuNzkwMDRaJyBmaWxsPScjQ0YzQTU5Jy8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0nY2xpcDBfNjc0Xzg2OCc+PHJlY3Qgd2lkdGg9JzE1JyBoZWlnaHQ9JzEzJyBmaWxsPSd3aGl0ZScvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPgo=");
    background-position: right 15px top 10px;
    background-repeat: no-repeat;
}

.dash-mandatory .dash-mandatory-sign {
    pointer-events: none;
}

.dash-form-group label {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: var(--theme-reg--light-color);
    display: block;
    line-height: 21px;
    margin-bottom: 5px;
}

.form-editor-wrap .dash-mandatory-sign {
    top: 27px;
}

.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable {
    padding-right: 40px;
    padding-bottom: 30px;
}

.ck.ck-editor__main > .ck-editor__editable {
    min-height: 250px;
}

.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar, .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom: 1px solid #c4c4c4;
}

.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable, .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
    border-radius: 6px !important;
}

.ck.ck-reset_all {
    position: absolute !important;
    bottom: 0px;
    left: 0px;
    width: 100% !important;
    background: #f8f8f8 !important;
    z-index: 1;
}

    .ck.ck-reset_all.ck-body.ck-rounded-corners {
        z-index: 9999;
    }

.daterangepicker.ltr.single {
    padding-bottom: 4px;
}

.daterangepicker.ltr .ranges .applyBtn {
    float: right;
    background: var(--theme-default) !important;
    border-color: var(--theme-default) !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background: var(--theme-default) !important;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    opacity: .3;
}

.status {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 2px 20px;
    border: 1px solid #dddddd;
    position: relative;
    overflow: hidden;
    min-width: 115px;
    text-align: center;
}

    .status .status-color {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: .2;
    }

.btn-group > .btn:hover {
    opacity: .7;
}

.radio-group .btn-check:checked + .btn-outline-primary:hover {
    opacity: 1;
}

.scrollspy {
    position: relative;
    margin-top: 0.5rem;
    overflow: auto;
}

select.form-select.empty {
    color: rgba(0, 0, 0, .4);
}

    select.form-select.empty option {
        color: var(--theme-reg-color);
    }

        select.form-select.empty option:nth-child(1) {
            color: rgba(0, 0, 0, .4);
        }

.form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .4);
}

.form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, .4);
}

.form-control::placeholder {
    color: rgba(0, 0, 0, .4);
}

.form-floating > .twitter-typeahead ~ label, .form-floating .bootstrap-touchspin ~ label {
    opacity: 0.65;
    -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    z-index: 3;
}

.form-floating .bootstrap-touchspin .form-control {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.form-floating .tt-menu {
    padding: 0.75rem;
    box-shadow: rgba(95, 94, 231, .07) 0px 4px 30px;
    border-radius: 0px 0px 8px 8px;
    background: #ffffff;
    width: 100%;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
    width: 45px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
}

.btn {
    font-size: 14px;
}

.bootstrap-touchspin-up {
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
}

.bootstrap-touchspin-down {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
}

.bootstrap-touchspin-up, .bootstrap-touchspin-down {
    background-color: transparent !important;
    border: none !important;
}

.form-floating > .form-select, .form-floating > .twitter-typeahead > .form-select, .form-floating > .form-control, .form-floating .bootstrap-touchspin .form-control {
    padding-top: 2rem !important;
    height: calc(4rem + 2px);
    padding-left: 10px;
    padding-right: 30px;
}

.form-select.is-invalid:not([multiple]):not([size]) {
    background-position: right 2.5rem center, center right 2.25rem;
}

.form-floating .bootstrap-touchspin .form-control {
    padding-bottom: 0.625rem;
}

.table-responsive {
    min-height: 70vh;
}

.form-floating > textarea.form-control {
    height: auto;
}

.form-floating > .twitter-typeahead {
    width: 100%;
}

.form-floating > .form-control, .form-floating > .form-select {
    font-size: 14px;
    color: var(--theme-reg-color);
}

.form-select.is-invalid:not([multiple]):not([size]) {
    background-position: right 0.75rem center, center right 2.25rem;
}

.form-floating > label {
    padding-top: 1.2rem;
    height: auto;
    color: var(--theme-reg--light-color);
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
}

.text-muted {
    color: var(--theme-reg--light-color);
}

.Disabled {
    pointer-events: none;
}

    .Disabled input {
        background: #f8f8f8;
    }

.pagemainrow {
    padding-left: 240px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

    .pagemainrow .sidebar {
        position: absolute;
        top: 70px;
        left: 0;
        width: 240px;
        height: 100%;
    }

    .pagemainrow .mainContent {
        width: 100%;
        background-color: var(--theme-bg-back-color);
    }

        .pagemainrow .mainContent .maincard {
            border-radius: 0px !important;
            border: none !important;
        }

    .pagemainrow, .pagemainrow > * {
        transition: all .3s linear;
    }

        .pagemainrow.toggle {
            padding-left: 60px;
        }

            .pagemainrow.toggle .sidebar {
                width: 68px;
                transition: all .3s linear;
            }

                .pagemainrow.toggle .sidebar .sidebar-help-section {
                    opacity: 0;
                    visibility: hidden;
                }

.dash-link {
    position: absolute;
    right: 13px;
    top: 10px;
    color: var(--theme-default);
    cursor: pointer;
    user-select: none;
}

    .dash-link.controlselctinput {
        right: 50px;
    }

.dash-box {
    border-radius: 4px;
    border: 1px solid #dddddd;
    padding: 7px 50px 7px 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    min-width: 175px;
}

.dash-form-group .dash-box label {
    margin-bottom: 3px;
}

.dash-box .btn-close {
    position: absolute;
    right: 7px;
    top: 7px;
    width: 15px;
}

.dash-form-group .form-select, .dash-form-group .form-control {
    width: 100%;
    border: 0;
    padding: 0;
    outline: 0;
    box-shadow: none;
    font-size: 1rem;
}

    .dash-form-group .form-control:focus {
        box-shadow: none;
        border: 0;
    }

.select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field {
    width: 100% !important;
    font-size: 14px;
}

.select2-container--bootstrap-5 .select2-selection--multiple {
    padding-right: 40px;
}

.datepicker {
    background-image: url('../images/caleneder.svg');
    background-repeat: no-repeat;
    background-position: right 13px center;
}

.dash-check-group {
    padding-right: 60px;
    user-select: none;
    padding: 8px 15px;
}

.form-switch .form-check-input {
    border: 1px solid #dadada;
}

.dash-check-group label {
    margin-bottom: 2px;
}

.dash-check-group.yes .no, .dash-check-group.no .yes {
    display: none;
}

.dash-check-group.no .no, .dash-check-group.yes .yes {
    display: block;
    font-size: 15px;
}

.dash-check-group .display-label {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    color: #212529;
}

    .dash-check-group .display-label .no {
        color: #858585;
    }

.dash-check-group .form-switch {
    float: right;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.sidebar-help-section {
    padding: 0px 30px;
    margin-top: 80px;
}

    .sidebar-help-section .sidebar-help-content {
        color: rgb(255, 255, 255);
        height: 100%;
        position: relative;
        text-align: center;
        padding-bottom: 20px;
        border-radius: 8px;
        background-color: var(--theme-bg-light-clr);
        padding-top: 30px;
    }

    .sidebar-help-section .icon-question {
        width: 40px;
        height: 40px;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 16px;
        align-items: center;
        display: grid;
        justify-content: center;
        vertical-align: middle;
        position: absolute;
        left: 50%;
        top: -20px;
        transform: translateX(-50%);
        border-radius: 50%;
        background: rgb(245, 247, 251);
    }

        .sidebar-help-section .icon-question i {
            background-color: var(--theme-default);
            color: rgb(255, 255, 255);
            font-weight: 700;
            width: 30px;
            height: 30px;
            justify-content: center;
            display: grid;
            vertical-align: middle;
            align-items: center;
            font-style: normal;
            font-size: 16px;
            border-radius: 50%;
        }

    .sidebar-help-section .sidebar-help-content p {
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 10px;
        color: var(--theme-reg-color);
    }

    .sidebar-help-section .sidebar-help-content a {
        color: var(--theme-default);
        border: 1px solid var(--theme-default);
        display: inline-block;
        padding: 5px 10px;
        text-decoration: none;
        border: 1px solid;
        border-radius: 4px;
    }

.sidebar-inner {
    position: sticky;
    top: 95px;
}

.sidebar.toggle {
    width: 60px;
}

.mainContent.toggle {
    width: 90%;
    width: calc(100% - 60px);
}

.sidebar.toggle ul.nav li.nav-item .dropdown-menu a {
    padding-left: 15px;
}

.sidebar.toggle .dropdown-menu {
    min-width: 50px;
}

.sidebar.toggle .menu-text {
    display: none;
}

.sidebar.toggle .sidebar-help-section {
    display: none;
}

.sidebar {
    min-height: 100vh;
    position: relative;
    padding: 0px;
    z-index: 9;
    line-height: inherit;
    text-align: left;
    transition: all 0.3s ease 0s;
}

    .sidebar ul.nav {
        height: calc(100vh - 300px);
        min-height: 300px;
        z-index: 99;
        color: rgba(0, 0, 0, 0);
        margin-top: 25px;
        margin-bottom: 50px;
        transition: color 1s ease 0s;
        overflow-x: hidden;
        display: block;
        margin-left: 0px;
        margin-right: 0px;
    }

        .sidebar ul.nav li.nav-item {
            display: block;
            width: 100%;
        }

.nav-link {
    transition: none;
}

.sidebar ul.nav li.nav-item > a {
    color: var(--theme-reg-color);
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    cursor: pointer;
    padding-left: 10px;
    margin-bottom: 3px;
    border: 1px solid Transparent;
}

.sidebar ul.nav li.nav-item:last-child > a {
    margin-bottom: 0px;
}

.sidebar ul.nav li.nav-item a.dropdown-item {
    color: var(--theme-reg--dark--light);
    font-size: 15px;
    cursor: pointer;
}

.sidebar ul.nav li.nav-item > a.active {
    border-radius: 0px;
    font-weight: 600 !important;
    background-color: var(--theme-secondary);
    color: #fff;
}

    .sidebar ul.nav li.nav-item > a.active + ul {
        border-bottom: 1px solid #ddd !important;
    }

.badge-pink-primary {
    float: right;
}

.sidebar ul.nav .dropdown-menu {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100%;
    transform: translate(0px, 0px) !important;
    border: 1px solid transparent !important;
    padding: 0px !important;
}

.sidebar ul.nav li.nav-item a {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    position: relative;
}

.sidebar ul.nav li.nav-item.dropdown > a.active {
    color: var(--theme-reg--dark--light);
}

    .sidebar ul.nav li.nav-item.dropdown > a.active > img {
        opacity: .5;
    }

.sidebar ul.nav li.nav-item.dropdown .a.dropdown-item > img {
    opacity: .5;
}

.sidebar ul.nav li.nav-item.dropdown .a.dropdown-item.active > img {
    opacity: 1;
}

.sidebar ul.nav li.nav-item .dropdown-menu {
    padding-bottom: 5px;
    padding-top: 5px;
}

    .sidebar ul.nav li.nav-item .dropdown-menu a {
        padding: 7px 10px 7px 34px;
        -webkit-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s;
    }

        .sidebar ul.nav li.nav-item .dropdown-menu a.active {
            color: var(--theme-default);
            background: transparent;
        }

.dropdown.showme .dropdown-toggle::after {
    transform: rotate(180deg);
    width: 8px;
}

.navbar-dark {
    background-color: var(--nav-theme-default);
    position: sticky;
    top: 0;
    z-index: 10;
}

.breakpointtop {
    min-height: 80px;
}

.navbar-dark .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .4);
}

.navbar-dark .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, .4);
}

.navbar-dark .form-control::placeholder {
    color: rgba(255, 255, 255, .4);
}

.navbar-dark .form-control {
    color: #ffffff;
}

.navbar-dark .nav-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: var(--theme-light-gray);
    padding: 28px 25px 28px 19px;
}

    .navbar-dark .nav-link.active {
        font-weight: 600 !important;
        color: #FFFFFF !important;
        background-color: var(--theme-secondary) !important;
    }

.nav-link.hamburgertoggle {
    border: 1px solid var(--theme-secondary);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: relative;
    vertical-align: middle;
    align-items: center;
    display: grid;
    justify-content: center;
    padding: 0;
    margin-top: 16px;
    margin-right: 15px;
    cursor: pointer !important;
}

.navbar-dark .input-group {
    border: 1px solid rgba(204, 210, 227, 0.1);
    box-sizing: border-box;
    border-radius: 8px;
    vertical-align: middle;
    align-items: center;
    padding: 0 10px;
    color: #fff;
}

    .navbar-dark .input-group .form-control {
        background: transparent;
        border: none;
        outline: 0;
        width: 169px;
        line-height: 27px;
    }

        .navbar-dark .input-group .form-control:focus {
            outline: 0;
            box-shadow: none;
        }

.custom-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.custom-dropdown-menu .dropdown-item {
    padding-left: 40px !important;
    user-select: none;
    cursor: n-resize;
}

    .custom-dropdown-menu .dropdown-item label, .table_heading_dropdown .form-check label {
        cursor: n-resize;
        font-size: 14px;
        user-select: none;
        text-transform: capitalize;
    }

.custom-dropdown-menu-list {
    padding-left: 0px;
    list-style: none;
    margin: 0;
}

.addition_rprts_body_wrapp .custom-dropdown-menu-list {
    height: 160px;
    overflow-y: scroll;
}

.custom-dropdown-link {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    user-select: none;
    text-align: center;
}

.custom-dropdown-menu.menu-right {
    right: 0;
    left: auto;
}

.custom-dropdown-menu.menu-left {
    left: 0;
    right: auto;
}

.custom-dropdown.show .custom-dropdown-menu {
    display: block;
}

.body-page-wrapper {
    padding: 20px 0 0 0 !important;
}

.custom-dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 240px;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 10px 55px 0 rgba(0,25,50,.10);
    border: 1px solid #eae4e4;
    border-radius: 0.25rem;
}

table.dataTable .top .dataTables_filter > label {
    font-size: 0px;
}

.childrenlength > div {
    font-size: 14px;
}

.dataTables_wrapper .top .dataTables_filter input {
    padding: 5px 10px;
    padding-left: 36px;
    background-image: url('../images/Search.svg');
    background-repeat: no-repeat;
    background-position: left 10px center;
    border: 1px solid #dddddd;
    background-size: 15px !important;
    height: 40px;
    border: 1px solid #eae4e4;
    border-radius: 7px;
    color: #565656;
    font-size: 15px;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding-left: 18px;
    padding-right: 18px;
}

.dataTables_wrapper {
    border-radius: 8px;
    margin-top: 0px;
    margin-bottom: 0;
}

    .dataTables_wrapper .bottom {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        align-items: center;
        padding-top: 16px;
    }

    .dataTables_wrapper .top .dataTables_scroll div.dataTables_scrollBody {
        height: 0px !important;
    }

.Datatable-thread-row .Datatable-optionsheader .itemsettings {
    opacity: 0;
    visibility: hidden;
}

.dataTables_wrapper .dataTables_scroll {
    position: relative;
}

.dataTables_wrapper .top {
    padding-bottom: 16px;
}

    .dataTables_wrapper .top .cutomdaterange input {
        background-image: url('../images/caleneder.svg');
        background-repeat: no-repeat;
        background-position: left 10px center;
        border: 1px solid #dddddd;
        height: 40px;
        padding: 5px 10px;
        padding-left: 40px;
        border-radius: 4px;
    }

.dataTables_wrapper .dataTables_info {
    padding-top: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #dddddd !important;
    padding: 5px 10px;
    line-height: 18px;
    margin-left: 0px;
    border-left: none;
    background: #ffffff !important;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        color: #ffffff !important;
        background: var(--theme-default) !important;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
            color: #ffffff !important;
            background: var(--theme-default) !important;
        }

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #ffffff !important;
        background: var(--theme-default) !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
        background: var(--theme-border-light-clr) !important;
        pointer-events: none;
        opacity: .5;
    }

table.dataTable.no-footer, table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #dddddd;
}

table.dataTable.display tbody tr td, table.dataTable.display thead tr th {
    border-bottom: 1px solid #f1f1f1 !important;
}

.dataTables_wrapper .dataTables_length select {
    height: 30px;
    padding: 0px 5px 4px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-right: none;
}

#myAccordion .Customer_Data #collapsecp .card {
    box-shadow: rgb(95 94 231 / 0%) 0px 4px 30px;
}

.card {
    margin-bottom: 30px;
    letter-spacing: 0.5px;
    box-shadow: rgba(95, 94, 231, 0.07) 0px 4px 30px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    transition: all 0.3s ease 0s;
    border-radius: 8px;
}

    .card .card-header {
        background-color: #ffffff;
        padding-top: 18px;
        vertical-align: middle;
        align-items: center;
    }

        .card .card-header h1 {
            font-weight: 600;
            font-size: 20px;
            line-height: 27px;
            margin-bottom: 0;
        }

.modal-backdrop.show {
    display: none !important;
}

.modal.show:before {
    content: "";
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
}

.modal-footer {
    position: sticky;
    bottom: 0;
    background: #ffffff;
    z-index: 20;
}

.modelside-nav {
    height: 100%;
}

    .modelside-nav .nav {
        width: 100%;
        position: sticky;
        top: 0;
        padding: 0px;
        padding-right: 0px;
    }

        .modelside-nav .nav .nav-link {
            font-weight: 400;
            font-size: 15px;
            line-height: 22px;
            padding: 1rem 2rem 1rem 1.5rem;
            color: var(--theme-reg-color);
            border-top: 0px solid transparent;
            border-bottom: 0px solid transparent;
            text-align: left;
            position: relative;
            border-radius: 0px !important;
            border-top-right-radius: 0px !important;
            border-bottom-right-radius: 0px !important;
            margin-bottom: 5px;
            cursor: pointer;
        }

th {
    font-weight: 600 !important;
}

.fs-1 {
    font-size: 30px;
}

.fs-2 {
    font-size: 26px;
}

.fs-3 {
    font-size: 22px;
}

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

.fs-5 {
    font-size: 16px !important;
}

.fs-6 {
    font-size: 14px !important;
}

.fs-7 {
    font-size: 12px;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-600 {
    font-weight: 600;
}

.min-w-50 {
    min-width: 50px;
}

.min-w-75 {
    min-width: 75px;
}

.min-w-100 {
    min-width: 100px;
}

.min-w-125 {
    min-width: 125px;
}

.min-w-150 {
    min-width: 150px;
}

.min-w-175 {
    min-width: 175px;
}

.min-w-200 {
    min-width: 200px;
}

.w-5 {
    width: 5%;
}

.w-10 {
    width: 10%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-30 {
    width: 30%;
}

.w-35 {
    width: 35%;
}

.w-40 {
    width: 40%;
}

.w-45 {
    width: 45%;
}

.w-50 {
    width: 50%;
}

.w-55 {
    width: 55%;
}

.w-60 {
    width: 60%;
}

.w-65 {
    width: 65%;
}

.w-70 {
    width: 70%;
}

.w-75 {
    width: 75%;
}

.w-80 {
    width: 80%;
}

.w-85 {
    width: 85%;
}

.w-90 {
    width: 90%;
}

.w-95 {
    width: 95%;
}

.w-100 {
    width: 100%;
}

.collapsewrap {
    border: 1px solid #dddddd;
    background: #ffffff;
}

.lead-popup-breakpoint > .collapsewrap {
    display: none;
}

    .lead-popup-breakpoint > .collapsewrap.active {
        display: block;
    }

.collapseheader {
    padding: .7rem 2rem .7rem 1rem;
    color: #212529;
    font-weight: 600;
    padding-right: 60px;
    position: relative;
}

.lead-popup-breakpoint > .collapsewrap > .collapseheader {
    padding-right: 1rem;
    padding-bottom: 0px;
    padding-top: 0px;
    background-color: #f8f8f8;
}

#customerdetails .collapsewrap .collapsebody {
    border-top: 0px !important;
}

.collapsetoggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    height: 38px;
    width: 38px;
    cursor: pointer;
    z-index: 1;
}

    .collapsetoggle[aria-expanded="false"] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 15px;
    }

    .collapsetoggle[aria-expanded="true"] {
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMzNDNBNDA7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQsMTFMOCw1bC02LDYiLz4NCjwvc3ZnPg0K");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 15px;
    }

.collapsebody {
    background: #f8f8f8;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

    .collapsebody .card-body {
        background: #f8f8f8;
    }

.roles-table {
    border-radius: 8px;
    border: 1px solid #dddddd;
}

    .roles-table + .roles-table {
        margin-top: 20px;
    }

    .roles-table tr {
        border-bottom: 1px dashed #dddddd;
    }

    .roles-table th, .roles-table td {
        padding: 10px;
    }

        .roles-table th:first-child, .roles-table td:first-child {
            padding-left: 1rem;
        }

        .roles-table th:last-child, .roles-table td:last-child {
            padding-right: 1rem;
        }

.pointer-none {
    pointer-events: none;
}

.circlespinner {
    animation: rotate 2s linear infinite;
    z-index: 2;
    position: relative;
    stroke: var(--theme-default);
    width: 100px;
}

.path {
    stroke: hsl(210, 70, 75);
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite
}

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.loaderwrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.loaderoverlay {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
}

.loadercontent {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    border-radius: 8px;
    width: 300px;
    height: auto;
    padding: 30px;
    background: #ffffff;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    transform: translate(-50%, -50%);
}

.tieredlevels > div .form-control {
    border-radius: 0px;
    border-right: 1px solid transparent;
}

.tieredlevels > div:first-child .form-control {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.tieredlevels .likeinput {
    height: 66px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #ced4da;
    background: #ffffff;
}

    .tieredlevels .likeinput .text-danger {
        text-decoration: none;
    }

.tieredlevels .form-control:focus {
    z-index: 2;
    outline: none;
    box-shadow: none;
    border-left-color: #ced4da;
    border-top-color: #ced4da;
    border-bottom-color: #ced4da;
}

.modal-header button {
    margin-left: 10px !important;
}

.client--info-section {
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 4px;
    padding: 12px 15px;
}

    .client--info-section .client--info {
        border-bottom: 1px dashed #DADADA;
        margin-bottom: 15px;
    }

        .client--info-section .client--info:last-child {
            border-bottom: 0;
        }

.cislabel {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    font-size: 14px;
    font-weight: 400;
}

.cisdata {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
    font-size: 14px;
    font-weight: 400;
}

.line-heading {
    position: relative;
    font-size: 15px;
    margin-bottom: 15px;
}

    .line-heading:before {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: 2px;
        left: 0px;
        width: 100%;
        z-index: 0 !important;
        border-top: 1px solid #dddddd;
    }

    .line-heading > * {
        z-index: 1;
        position: relative;
        padding-right: 15px;
        display: inline-block;
        vertical-align: middle;
    }

.staybox {
    padding: 10px 15px;
    border: 1px solid #dddddd;
}

.childinput {
    min-width: 60px !important;
    width: 100%;
    text-align: center;
    font-weight: bold;
    border-radius: 0.25rem;
    border-radius: 0.25rem;
    border: 1px solid #dddddd;
}

.childvalue {
    position: absolute;
    left: 27px;
    top: 34px;
    font-size: 80%;
}

.childinput:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.modifychild .custom-dropdown-menu .dropdown-item {
    padding-left: 15px !important;
    padding-right: 15px !important;
    cursor: default;
}

.modifychild .custom-dropdown {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 8;
}

.modifychild .custom-dropdown-menu {
    width: 100%;
    top: 62px;
}

.modifychild .custom-dropdown-link {
    position: absolute;
    font-size: 80%;
    top: 10px;
    right: 50px;
    font-weight: 600;
    color: var(--theme-default);
}

.modifychild .dropdown-item:active {
    color: #1e2125 !important;
    text-decoration: none;
    background-color: #e9ecef !important;
}

.left-side-Stepper {
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 242px;
    list-style-type: none;
    padding-left: 23px;
    width: 100%;
}

.no-steps.left-side-Stepper li:before, .no-steps.left-side-Stepper li:after {
    display: none;
}

.no-steps.left-side-Stepper {
    padding-left: 15px;
}

    .no-steps.left-side-Stepper li a.nav-link {
        padding-top: 6px;
        padding-bottom: 6px;
    }

.modelside-nav .nav .nav-link.quote-nav-link.active {
    border-bottom: 0px;
}

.modelside-nav .quote-nav-link {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-position: calc(100% - 16px) 20px !important;
    background-repeat: no-repeat !important;
    background-size: 15px !important;
}

.quote-nav-link.active {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMzNDNBNDA7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQsMTFMOCw1bC02LDYiLz4NCjwvc3ZnPg0K) !important;
    background-position: calc(100% - 16px) 20px !important;
    background-repeat: no-repeat !important;
    background-size: 15px !important;
}

.room-categories .heading h6 {
    font-size: 14px;
}

.room-categories .heading p {
    font-size: 12px;
}

.room-categories {
    border-bottom: 1px solid #dddddd !important;
    padding: 10px 15px;
}

.room-type-details p {
    font-size: 13px;
    font-weight: 400;
    color: #8E8E8E;
    margin: 0;
}

    .room-type-details p a {
        color: var(--theme-default);
        text-decoration: none;
        font-weight: 500;
    }

.room-type-quote {
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
    align-items: center;
}

.room-type-section-group {
    padding: 15px;
    background: #f8f8f8;
    overflow: auto;
    height: 30vh;
}

.room-type-section-identifier {
    padding: 15px 9px 15px 9px;
    background: #f8f8f8;
    overflow: auto;
}

.room-type-section-Activities {
    padding: 15px;
    background: #f8f8f8;
    overflow: auto;
    height: 39vh;
}

.selectroomcate .form-select#CabinCategories_0 {
    background-position: right 0px bottom 5px;
}

.room-type-section-group > .identifier-group + .identifier-group {
    margin-top: 1rem;
}

.identifier-group > div:first-child {
    border-radius: 4px 0 0 4px;
}

.identifier-group > div:last-child {
    border-radius: 0 4px 4px 4px;
}

.room-type-price .form-check-input {
    width: 18px;
    border: 1px solid #ddd;
    height: 18px;
    margin-left: 5px;
    margin-top: 0px;
}

.room-categories-section, .room-categories-identifier {
    border: 1px solid #ddd;
    border-radius: 4px;
}

.room-type-quote.checked {
    border: 1px solid var(--theme-default);
}

.room-categories-section .selectandreset, .room-categories-identifier .selectandreset {
    padding: 8px 15px !important;
}

.room-categories-identifier {
    display: none;
}

.room-categories-section .selectandreset a {
    font-size: 12px;
    padding-right: 8px;
}

.room-categories .radio-group {
    height: 36px;
    align-items: center;
}

    .room-categories .radio-group label {
        height: 30px;
        line-height: 15px;
    }

.room-type-quote .room-type-price {
    display: flex;
    vertical-align: middle;
    align-items: center;
    font-size: 12px;
}

.left-side-Stepper li {
    font-size: 16px;
    font-weight: 400;
    color: #212529;
    line-height: 22px;
    position: relative;
    padding: 15px 18px 15px 24px;
    cursor: pointer;
    background: #fff;
}

    .left-side-Stepper li a {
        color: #8E8E8E;
        line-height: 22px;
        text-decoration: none;
    }

.identifier-group {
    padding: 0px !important;
}

    .identifier-group .room-type-price {
        display: block;
        font-size: 12px;
    }

.room-type-quote.checked .room-type-price span b {
    color: #000;
    font-weight: 700;
}

.on-request {
    color: #E79504;
}

.notes-details .sub-titlep {
    font-size: 12px;
    color: #8E8E8E;
}

.notes-details p {
    font-size: 14px;
    color: #8E8E8E;
}

.load-notes, .notes-details-sec {
    display: none;
}

.flight-itinerary-section, .transportation-wrapper-Itinerary {
    padding: 10px 15px;
    border-top: 1px solid #DADADA;
}

.border-dashed-top {
    border-top: 1px solid #DADADA !important;
}

.hotelstaybox .stayheading {
    color: var(--theme-reg-color);
}

.loadroom-section {
    padding: 65px 0;
    background: #f8f8f8;
}

.grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.selectandreset .add-room-icon {
    font-size: 22px;
    line-height: 17px;
    padding-right: 5px;
    padding-top: 2px;
}

.selectroomcate .form-select {
    background-position: right 67px bottom 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 20px !important;
    font-size: 14px;
}

    .selectroomcate .form-select:focus {
        outline: 0;
    }

.flight-detailsdropdown {
    width: 100%;
    position: absolute;
    border: 1px solid #DADADA;
    border-radius: 5px;
    left: 0;
    top: 99px;
    z-index: 9;
    background: #fff;
    padding: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    display: none;
}

    .flight-detailsdropdown ul, .flight-detailsdropdown ul li {
        list-style-type: none;
    }

.border-dashed-bottom {
    border-bottom: 1px dashed #DADADA !important;
}

.dash-form-group .clklink {
    margin: 0;
    padding-bottom: 5px;
    cursor: pointer;
}

.flightdetailswrap .datetimevalue {
    font-size: 14px;
    font-weight: 600;
    color: #4d86c6;
    padding-bottom: 0px;
}

.ui-timepicker-container.ui-timepicker-standard {
    z-index: 99999 !important;
    border-radius: 4px;
}

    .ui-timepicker-container.ui-timepicker-standard a {
        font-size: 14px;
        text-align: left;
    }

        .ui-timepicker-container.ui-timepicker-standard a:hover {
            background: #DFF5FF;
            border: 1px solid transparent;
        }

    .ui-timepicker-container.ui-timepicker-standard #ui-active-item {
        background-color: var( --theme-default);
        color: #fff;
        border: 1px solid transparent;
    }

.form-time {
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.dashflightdprtr {
    cursor: pointer;
}

.timepicker {
    background-image: url(../images/time.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    padding-left: 0px;
}

.addCabinCategoryBtn {
    align-items: center;
}

.transportation-wrapper-Itinerary, .addon-wrapper-section {
    display: none;
}

.offline-agent::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    z-index: 100;
    width: 15px;
    height: 15px;
    background: black;
    border-radius: 50%;
}

.table-responsive.custom-filter-add-btn .dataTables_wrapper .top {
    padding-right: 0px;
}

.custom-filter-btn {
    position: absolute;
    left: auto;
    cursor: pointer;
    right: 24px;
    width: 43px;
    height: 39px;
    display: block;
    z-index: 8;
}

.table-responsive.booking-table, .table-responsive.custom-filter-add-btn {
    overflow: initial !important;
}

.custom-filter-btn span {
    height: 39px;
    width: 43px;
    display: block;
    text-align: center;
    margin: auto;
    line-height: 34px;
    cursor: pointer;
    border: 1px solid rgba(204, 210, 227, 0.10);
    border-radius: 7px;
    cursor: pointer;
    background-color: #F5F7FB;
}

    .custom-filter-btn span img {
        height: 17px;
    }

.custom-dropdown-menu-list.sort-icon-dropdown li {
    position: relative;
}

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background: #e0effe !important;
}

.dtfc-fixed-right, .dtfc-fixed-left {
    background: var(--theme-white);
    z-index: 1;
}

.cutomdaterange .daterangepicker .range_inputs {
    display: none;
}

.cutomdaterange .daterangepicker.ltr {
    padding-bottom: 0;
}

.cutomdaterange .daterangepicker.show-calendar .range_inputs {
    display: block;
}

.cutomdaterange .daterangepicker.show-calendar {
    padding-bottom: 45px;
}

.dtfc-fixed-right.index2, .dtfc-fixed-left.index2 {
    z-index: 2;
}

.custom-dropdown-menu-list.sort-icon-dropdown li::before {
    content: '';
    background-image: url(../images/right-side-sort-icon.svg);
    left: auto;
    right: 11px;
    height: 12px;
    width: 16px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-dropdown-menu-list.sort-icon-dropdown li.ui-sortable-helper::before {
    background-image: url(../images/right-side-sort-icon-active.svg);
}

.btn.btn-orange {
    background-color: #F18204;
    border-color: #F18204;
}

.merge-info-section .heading {
    font-size: 14px;
}

.client--info-section.merge-info-section .intosection {
    font-size: 14px;
    margin-bottom: 5px;
    color: #8E8E8E;
}

.border-dashed-right {
    border-right: 1px dashed #dadada;
}

.merge-top-section .tripid-sec p {
    color: #000;
    font-weight: 600;
}

.merge-top-section .tripid-sec a {
    font-weight: 600;
}

.merge-top-section {
    display: flex;
    justify-content: space-between;
}

.mergesectop {
    z-index: 1;
    position: relative;
}

    .mergesectop span {
        border-radius: 30px;
        border: 1px solid #DADADA;
        font-size: 14px;
        font-weight: 600;
        color: #000;
        padding: 6px 20px;
        background-color: #ffffff;
    }

        .mergesectop span.arrow {
            height: 34px;
            width: 34px;
            padding: 0;
            vertical-align: middle;
            align-items: center;
            line-height: 34px;
            text-align: center;
            display: inline-flex;
            justify-content: center;
        }

    .mergesectop::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background: #dadada;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
    }

.select-lead-merge-section a {
    color: var(--theme-default);
    border: 1px solid var(--theme-default);
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    border: 1px solid;
    border-radius: 4px;
}

.giveaccess.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    display: inline-flex;
    background: #fff;
}

.giveaccess.select2-container--bootstrap-5 .select2-container {
    width: 100% !important;
}

.select2-container--open .select2-dropdown--below {
    z-index: 9999;
}

.border-bottom-radius-8 {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

#file-upload1 {
    cursor: pointer;
}

.uploader {
    display: inline-block;
    clear: both;
    margin: 0 auto;
    width: 100%;
    border: 1px dashed #DADADA;
    border-radius: 5px;
    position: relative;
}

    .uploader label {
        float: left;
        clear: both;
        width: 100%;
        padding: 2rem 1.5rem;
        text-align: center;
        transition: all 0.2s ease;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .uploader label:hover {
            border-color: #454cad;
        }

        .uploader label.hover {
            border: 3px solid #454cad;
            box-shadow: inset 0 0 0 6px #eee;
        }

            .uploader label.hover #start i.fa {
                transform: scale(0.8);
                opacity: 0.3;
            }

    .uploader #start {
        float: left;
        clear: both;
        width: 100%;
    }

        .uploader #start.hidden {
            display: none;
        }

        .uploader #start i.fa {
            font-size: 50px;
            margin-bottom: 1rem;
            transition: all 0.2s ease-in-out;
        }

    .uploader #response {
        float: left;
        clear: both;
        width: 100%;
    }

        .uploader #response.hidden, .uploader #response2.hidden {
            display: none;
        }

        .uploader #response #messages {
            margin-bottom: 0.5rem;
        }

    .uploader #file-image {
        display: inline;
        margin: 0 auto 0.5rem auto;
        width: auto;
        height: auto;
        max-width: 180px;
    }

        .uploader #file-image.hidden {
            display: none;
        }

    .uploader #notimage {
        display: block;
        float: left;
        clear: both;
        width: 100%;
    }

        .uploader #notimage.hidden {
            display: none;
        }

    .uploader progress, .uploader .progress {
        display: inline;
        clear: both;
        margin: 0 auto;
        width: 100%;
        max-width: 180px;
        height: 8px;
        border: 0;
        border-radius: 4px;
        background-color: #eee;
        overflow: hidden;
    }

        .uploader .progress[value]::-webkit-progress-bar {
            border-radius: 4px;
            background-color: #eee;
        }

        .uploader .progress[value]::-webkit-progress-value {
            background: linear-gradient(to right, #393f90 0%, #454cad 50%);
            border-radius: 4px;
        }

        .uploader .progress[value]::-moz-progress-bar {
            background: linear-gradient(to right, #393f90 0%, #454cad 50%);
            border-radius: 4px;
        }

    .uploader input[type=file] {
        opacity: 0;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .uploader div {
        margin: 0 0 0.5rem 0;
        color: #5f6982;
    }

    .uploader .btn {
        font-size: 14px;
        border: none;
        padding: 0 1rem;
        height: 36px;
        line-height: 32px;
        color: #000;
        font-weight: 400;
        background: transparent;
        border: 1px solid #dadada;
    }

.published-Quote::before {
    background-color: var(--theme-default);
}

.draft-Quote::before {
    background-color: gray;
}

.published-Booking::before {
    background-color: #198754;
}

.Draft-Booking::before {
    background-color: #F89E1C;
}

.quote-tab-content .collapseheader:before {
    position: absolute;
    content: "";
    height: 90%;
    width: 5px;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    bottom: 10px;
    border-radius: 10px 10px 10px 10px;
}

.Draft-Red {
    position: relative;
}

    .Draft-Red::before {
        background-color: red;
    }

.select-lead-merge-details {
    display: none;
    width: 100%;
}

.no-indendent {
    padding-left: 17px;
}

.main_chat_left {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 10px 0px;
}

.main_chat_right {
    width: 100%;
    display: flex;
    justify-content: end;
    flex-direction: row;
    margin: 10px 0px;
}

.chat_message {
    padding: 20px;
    max-width: 80%;
    background: #FFFFFF;
    font-size: 15px;
    border-radius: 5px;
    margin-bottom: 3px;
    border-radius: 0px 17px 17px 17px;
    border: 1px solid #DADADA;
}

.chat_message_right {
    padding: 20px;
    max-width: 80%;
    background: rgba(1, 126, 250, 0.1);
    font-size: 15px;
    border-radius: 5px;
    margin-bottom: 3px;
    border-radius: 20px 0px 20px 20px;
    border: 1px solid #DADADA;
}

.message {
    padding: 30px 39px 2px 43px;
    gap: 23px;
}

.image-correction {
    width: 315px;
    margin: -7px
}

.notes-tabs ul {
    padding: 15px 30px 0;
}

.notes-tabs.navbar-dark .nav-link {
    padding: 7px 31px 9px 36px;
    border: 1px solid transparent;
    margin: -1px;
    font-size: 14px;
}

    .notes-tabs.navbar-dark .nav-link:hover {
        border: 1px solid transparent;
    }

    .notes-tabs.navbar-dark .nav-link.active {
        font-weight: 600;
        color: #000;
        background-color: #fff;
        border: 1px solid rgba(218, 218, 218, 0.99);
        border-bottom: 0px;
        border-radius: 6px 6px 0px 0px;
    }

.notes-tabs .nav-tabs {
    border-bottom: none;
}

.bg-light-blue {
    background-color: #F5F7FB !important;
}

div#collapseConnection-details table tr:last-child td, div#collapseConnection-details table tr:last-child th {
    border-bottom: 0;
}

.customer-header {
    border-bottom: 1px dashed #DADADA;
}

.table-border {
    border: 1px solid rgba(218, 218, 218, 0.5);
    border-radius: 8px;
}

.customer-header2 {
    border-bottom: 1px solid #DADADA;
}

.customer-border {
    border: 1px solid rgba(218, 218, 218, 0.5);
    border-radius: 8px;
    background-color: white;
}

.h66btn {
    height: 66px;
}

.cruise_itinerary_section {
    padding: 0px 0px 0px 15px;
    border-radius: 8px;
    border: 1px solid #dddddd;
}

    .cruise_itinerary_section + .cruise_itinerary_section {
        margin-top: 10px;
    }

.cruise_itinerary_input {
    width: 100%;
    float: left;
}

.cruise_itinerary_section .form-select {
    border: none;
    height: calc(1.5rem + 5px);
    background-position: right 15px bottom 5px;
    padding-left: 0;
    padding-top: 0px !important;
    padding-bottom: 0px;
}

.cruise_itinerary_section .form-control {
    border: none;
    height: calc(1.5rem + 5px);
    background-position: right 15px bottom 5px;
    padding-left: 0;
    padding-top: 12px !important;
    padding-bottom: 0px;
}

.padding-10 {
    padding-left: 15px;
}

.contact-toggle-button {
    background-color: #c4c4c4;
    padding: 3px;
    border-radius: 50px;
}

    .contact-toggle-button input[type='button'].btn-toggle {
        background: #fff;
        padding: 5px 20px;
        font-weight: 500;
        font-size: 14px;
        border-radius: 50px;
        transition: 0.5s all ease;
        border: none;
        color: #000 !important;
    }

.contact-btn {
    padding: 5px 20px;
    font-weight: 500;
    width: 88px;
    font-size: 14px;
    text-align: center;
    border: none;
    background-color: transparent;
}

.accordion-line {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
}

.accrodian-collapseheader {
    color: #212529;
    font-weight: 600;
    padding: .7rem 2rem .7rem 1rem;
    position: relative;
}

.accordion-button:not(.collapsed) {
    color: #000000 !important;
}

.accordion-button:not(.collapsed) {
    -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 0%);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 0%);
}

.accro-collapseheader {
    padding: 1rem;
    color: #212529;
    font-weight: 600;
    padding-right: 0px;
    position: relative;
}

.nav-link-child.modelside-nav .left-side-Stepper .nav-link.active {
    color: var(--theme-default);
    font-weight: 600;
}

.modelside-nav .nav .nav-link.active, .nav-link-child.modelside-nav > .nav-link.active {
    background: var(--theme-reg--grey-light);
    font-weight: 500;
    margin-top: 5px;
    border-top: 1px solid #dee2e6 !important;
    border-left: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.nav-link-child.modelside-nav .nav-link, .nav-link-child.modelside-nav .nav-link.active {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.nav-link-child .left-side-Stepper li {
    padding: 0;
}

.booking-data-table-date {
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-position: left 10px center;
    border: 1px solid #dddddd;
    height: 36px;
    padding: 5px 10px;
    border-radius: 4px;
    margin-right: 10px;
}

.booking-table.custom-filter-add-btn .dataTables_wrapper .top {
    padding-right: 50px;
}

.custom-filter-btn.booking-btn span {
    margin-left: 6px !important;
    display: inline-block;
}

.custom-filter-btn.booking-btn {
    width: 42px;
}

.bg-danger-25 {
    background-color: #ff000012;
}

.bg-success-25 {
    background-color: #1987541f;
}

.accounting-table th {
    font-size: 14px;
    font-weight: 400 !important;
    text-align: right;
    padding-left: 0px;
    padding-right: 0px;
}

    .accounting-table th:nth-child(1) {
        text-align: left;
    }

.accounting-table td:nth-child(1) {
    text-align: left;
}

.accounting-table td {
    font-size: 16px;
    color: #6c757d;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 500;
    text-align: right;
}

.accounting-table2 tr th {
    font-size: 15px;
    font-weight: 400 !important;
    padding-left: 0px;
    padding-right: 0px;
}

.accounting-table2 tr td {
    color: #000;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 500;
    font-size: 14px;
}

.accounting-table2 tr[d-transactiontype="refund"] td, .accounting-table2 tr[d-transactiontype="Refund"] td {
    color: red !important;
}

.total-accounting-amount {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.accounting-table-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.muted-text {
    font-size: 15px !important;
    color: #8e8e8e;
    font-weight: 400;
    text-align: right;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .upload-btn-wrapper input[type=file] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }

.addleadmodal .modal-footer {
    margin: 0px -12px;
}

.priceSummaryclose {
    cursor: pointer;
}

.accordion-tripcost-section {
    padding: 0px;
    position: relative;
    display: inline-flex;
}

    .accordion-tripcost-section .sidebar-tripcost-section {
        height: 100%;
        border-radius: 8px;
    }

.priceSummary .showmorebtn {
    text-decoration: none;
    justify-content: flex-start;
    display: flex;
    padding: 0px;
    margin-top: 3px;
}

.accordion-tripcost-section .sidebar-tripcost-section > p {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.5;
}

.accordion-tripcost-section .sidebar-tripcost-section .priceSummarylink {
    text-decoration: none;
}

.priceSummary {
    display: none;
    background: #fff;
    border-radius: 8px;
    width: 300px;
    border: 1px solid #ddd;
    position: absolute;
    bottom: 80%;
    left: 40%;
    z-index: 1000;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
}

.modelside-nav {
    z-index: 5;
    position: relative;
    padding-bottom: 180px;
}

    .modelside-nav .modelside-nav {
        padding-bottom: 0px;
    }

.priceSummary .shared-price-summary {
    border-radius: 0;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    padding: 15px;
}

.priceSummary .subtitles {
    color: var(--theme-reg-color);
    font-weight: bold;
    font-size: 15px;
}

.priceSummary .shared-price-summary .subtitles {
    text-align: right;
    line-height: 18px;
}

.trip-section-wrapper {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: auto;
    overflow: hidden;
    max-height: 60vh;
}

.orderlistrow {
    min-height: 60px;
    overflow: auto;
}

.trip-section-wrapper .farelist {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.orderlistitem > .farelist {
    position: sticky;
    top: 0;
    background: #ffffff;
    z-index: 1;
}

.orderlistitem > .faredetails {
    background: rgb(248, 248, 248);
    padding: 10px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 6px;
    margin-top: 1px;
}

    .orderlistitem > .faredetails > .divider:last-child {
        display: none;
    }

.pricesummaryicons {
    display: grid;
    grid-template-columns: auto 1fr;
    vertical-align: middle;
    padding-left: 10px;
    border-top: 1px dashed #dddddd;
}

    .pricesummaryicons img {
        padding-top: 9px;
        height: 32px;
        width: 20px;
    }

.trip-section-wrapper .orderlistitem {
    padding: 8px 7px;
}

.trip-section-wrapper .travellerheading {
    padding: 8px 7px;
    display: grid;
}

    .trip-section-wrapper .travellerheading .travellercontent {
        font-weight: 600;
    }

    .trip-section-wrapper .travellerheading .travellercount {
        font-size: 13px;
    }

.trip-section-wrapper .orderlistitem .orderlistitemborder {
    border-bottom: 1px dashed transparent;
}

.trip-section-wrapper .orderlistitem .fareitem, .trip-section-wrapper .orderlistitem .PriceSummaryMainHeading {
    font-size: 13px;
    font-weight: 600;
}

.trip-section-wrapper .orderlistitem .pricedetailname {
    font-weight: 500;
    vertical-align: top;
    width: 55%;
}

.trip-section-wrapper .orderlistitem .faredetailslabel {
    width: 60%;
}

.faredetails .divider {
    border-bottom: 1px dashed #bebebe;
    margin: 7px 0;
}

.showmorebtn {
    font-size: 11px;
    text-decoration: none;
}

.total-trip-price_container .IdentNamewithprice {
    overflow: auto;
    max-height: 44px;
}

.total-trip-price, .IdentName_container {
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
}

.total-trip-price_container {
    background-color: #F8F8F8;
    padding: 12px 0px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 1px solid rgb(221, 221, 221);
}

.IdentName_container .IdentName {
    font-size: 14px;
}

.trip-section-wrapper .orderlistitem .fareprice, .trip-section-wrapper .orderlistitem .MainServicePrice {
    text-align: right;
    font-size: 12px;
    font-weight: 600 !important;
    color: #000;
    padding-left: 9px;
}

.IdentName_container .IdentPrice, .total-trip-price .fareitem {
    font-size: 14px;
    font-weight: 600;
}

.trip-section-wrapper .fareitem2 {
    font-size: 11px;
    color: #8E8E8E;
    font-weight: 400;
    vertical-align: top;
}

.trip-section-wrapper .faremaindetails {
    font-size: 11px;
    color: #8E8E8E;
    font-weight: 400;
    vertical-align: top;
    display: flex;
    margin: 0;
}

.trip-section-wrapper .fareprice2 {
    font-size: 11px;
    color: #8E8E8E;
    font-weight: 600;
}

.total-trip-price .finalprice {
    font-size: 14px;
    font-weight: bold;
    padding-left: 11px;
}

.vacations-section-wrapper {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border: 1px solid #dddddd;
    border-radius: 6px;
    padding: 0;
}

    .vacations-section-wrapper .farelist {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
        gap: 20px;
    }

    .vacations-section-wrapper .orderlistitem {
        padding: 8px 18px;
    }

.total-vacations-price {
    padding: 15px 18px;
    border-top: 1px solid #dddddd;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

.vacations-section-wrapper .orderlistitem .price-vacation-canellation {
    font-size: 12px;
    font-weight: 600;
    line-height: 25px;
    color: #919191;
}

.vacationspopup .vacationbody {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

table.communicationcard-body {
    border-radius: 4px;
}

.communicationcard-body tr.communicationbody td, .communicationcard-body tr.communicationbody th {
    padding-bottom: 10px;
    border: none;
}

.communicationcard-body tr.communicationbody .communicationcontent {
    color: #3B824B;
    font-weight: 500;
}

.communicationcard-body tr.communicationbody:nth-child(2) .communicationcontent {
    color: #8E8E8E;
    font-weight: 500;
}

.communicationcard-body tr.communicationbody:nth-child(3) .communicationcontent, .communicationcard-body tr.communicationbody:nth-child(4) .communicationcontent {
    color: #000000;
    font-weight: 500;
}

.attachment-top {
    padding: 5px 16px;
}

    .attachment-top .attachment-header {
        border: 1px solid #dddddd;
        border-radius: 4px;
    }

.attachment-header .attachment-content {
    display: flex;
    justify-content: space-between;
}

.attachment-header .attachment-body {
    border: 1px solid #dddddd;
    border-radius: 5px;
}

.collapspebody .card-body {
    background: #f8f8f8;
}

.noborderinput {
    border: 1px solid transparent;
    width: 100%;
    text-align: right;
    font-weight: 600;
}

.rcmdroom {
    border: 2px solid var(--theme-default);
}

    .rcmdroom:before {
        content: attr(recommended-title);
        background: var(--theme-default);
        border-radius: 5px 5px 0 0;
        color: #ffffff;
        position: absolute;
        bottom: 100%;
        font-size: 9px;
        padding: 1px 8px;
    }

.ckeditorclass {
    height: 100px;
}

.font-10 {
    font-size: 12px;
}

.notification-dropdown {
    right: 20px;
    border-radius: 6px;
    min-width: 360px;
    top: 40px;
    border: none;
}

.Notification-close {
    cursor: pointer;
}

.custom-date {
    display: none;
}

.status-insurance {
    color: var( --theme-default);
}

.insurance-pricing .collapsetoggle[aria-expanded="true"] {
    display: none;
}

.modalcontainer {
    background: #ffffff;
    box-shadow: 0px -4px 10px rgba(0,0,0,.5);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 5px;
    z-index: 100;
    min-height: 78px;
    border-top: 1px solid #dddddd;
    display: none;
}

    .modalcontainer.hasitem {
        display: grid;
        align-items: center;
        grid-template-columns: 1fr auto;
    }

.mdlitem {
    padding: 5px 10px;
    vertical-align: middle;
    border-radius: 5px;
    background: #ffffff;
    border: 1px solid #dddddd;
    display: inline-grid;
    grid-template-columns: 2fr 1fr;
    max-width: 800px;
    margin: 5px;
}

    .mdlitem .modal-header {
        padding: 0px;
        border: none
    }

        .mdlitem .modal-header button {
            margin: 0px;
        }

.mdlitemhdng {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    display: block;
}

.mdlitemsubhdng {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    display: block;
}

.modal .btn-maximize {
    display: none !important;
}

.closecontainer {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 14px;
    height: 14px;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg width='14' height='14' fill='%23000' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.5' d='M8.48514 7.00022L12.9723 2.51308L13.8976 1.58774C14.0341 1.45123 14.0341 1.22941 13.8976 1.09291L12.9075 0.102816C12.771 -0.0336885 12.5492 -0.0336885 12.4127 0.102816L7.00022 5.5153L1.58774 0.102378C1.45123 -0.0341261 1.22941 -0.0341261 1.09291 0.102378L0.102378 1.09247C-0.0341261 1.22898 -0.0341261 1.4508 0.102378 1.5873L5.5153 7.00022L0.102378 12.4127C-0.0341261 12.5492 -0.0341261 12.771 0.102378 12.9075L1.09247 13.8976C1.22898 14.0341 1.4508 14.0341 1.5873 13.8976L7.00022 8.48514L11.4874 12.9723L12.4127 13.8976C12.5492 14.0341 12.771 14.0341 12.9075 13.8976L13.8976 12.9075C14.0341 12.771 14.0341 12.5492 13.8976 12.4127L8.48514 7.00022Z' fill='black'/%3e%3c/svg%3e") center/14px auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
    padding: 0.5rem 0.5rem;
}

    .closecontainer:focus {
        outline: 0;
        -webkit-box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
        opacity: 1;
    }

.addleadmodal .booking-modal-footer {
    margin: 0px -8px;
}

.collapsewrap.active > .collapseheader::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0px;
    width: 6px;
    height: 36px;
    margin-top: -18px;
    background-color: var( --theme-default);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    display: none;
}

.collapsewrap.active .collapse-booking::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0px;
    width: 6px;
    height: 36px;
    margin-top: -18px;
    background-color: var( --theme-default);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.notification-show {
    position: relative;
}

    .notification-show .bell-number {
        position: absolute;
        background-color: #dc3545;
        color: #ffffff;
        top: -10px;
        left: 5px;
        font-size: 10px;
        border-radius: 50px;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.customer-botton {
    border: 1px solid blue;
    border-radius: 0px 6px 0px 0px;
}

.Customerlookup-number .noborder td, .noborder th, .GropLokp_table .lookUpData td {
    border: none !important;
}

.customer-lookup-color {
    color: var(--theme-default);
}

.border-top-radius5 {
    border-top-right-radius: 5px !important;
}

.customer-list-spredsheet.collapsetoggle[aria-expanded="false"] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMCAwTDUuNzA3IDQuMjkzTDEuNDE0IDBMMCAxLjQxNEw1LjcwNyA3LjEyMUwxMS40MTQgMS40MTRMMTAgMFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.customer-list-spredsheet.collapsetoggle[aria-expanded="true"] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjcwNzAzIDcuNzA3MDNMNi4wMDAwMyAzLjQxNDAzTDEwLjI5MyA3LjcwNzAzTDExLjcwNyA2LjI5MzAzTDYuMDAwMDMgMC41ODYwMzJMMC4yOTMwMzEgNi4yOTMwM0wxLjcwNzAzIDcuNzA3MDNaIiBmaWxsPSIjMDE3RUZBIi8+Cjwvc3ZnPgo=) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background: #fff;
}

.collapsewrap {
    border: 0px solid transparent !important;
}

    .collapsewrap .collapseheader {
        border-bottom: 1px solid transparent !important;
    }

    .collapsewrap:last-child {
        border-bottom: 1px solid #dddddd !important;
    }

.hotelAccordion-body {
    border-top: 1px solid #dddddd !important;
    border-left: 1px solid #dddddd !important;
    border-right: 1px solid #dddddd !important;
}

.lead-selectroomcate .form-select {
    background-position: right 0px bottom 5px;
}

.login2-slider {
    background-size: cover;
    width: 100%;
    height: 774px;
    position: relative;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-image: url('../images/login-2.png');
    background-color: rgba(0, 0, 0, 0.6);
}

.login2-banner-section-details {
    width: 50%;
    position: absolute;
    justify-content: center;
    text-align: center;
    top: 40%;
    left: 50%;
    transform: translate(-50%);
    z-index: 100;
}

.font-18 {
    font-size: 18px;
}

.font-50 {
    font-size: 50px;
}

.font-500 {
    font-weight: 500 !important;
}

.login2-linear-color {
    position: absolute;
    content: "66";
    color: rgba(0, 0, 0, 0.6);
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 10;
    height: 100%;
}

.font-12 {
    font-size: 12px;
}

.font-30 {
    font-size: 30px;
}

.font-14, .fonts-14 {
    font-size: 14px;
}

.font-13 {
    font-size: 13px;
}

.font-15 {
    font-size: 15px;
}

.font-16 {
    font-size: 16px;
}

.font-20 {
    font-size: 20px;
}

.login2-form {
    background-color: #f8f8f8;
}

.login2-footer-logo {
    font-size: 24px;
    font-weight: 600;
    color: var(--nav-theme-default);
    height: 32px;
    max-width: 180px;
}

.login2-heading {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.login2-footer-link {
    display: flex;
    justify-content: space-between;
}

    .login2-footer-link ul li {
        list-style: none;
        margin-bottom: 15px;
    }

        .login2-footer-link ul li a {
            font-size: 14px;
            font-weight: 400;
            color: #9a9ea6;
        }

.login2-footer-content p {
    font-size: 14px;
    line-height: 24px;
    color: #9a9ea6;
}

.login2-popup-heading {
    font-size: 30px;
    font-weight: 700;
    color: #393939;
}

.login2-popup-content {
    font-size: 14px;
    font-weight: 400;
    color: #919191;
}

.generate-pass-heading {
    font-size: 24px;
    font-weight: 600;
    color: #1c1f37;
}

.verifyemail-content {
    font-size: 12px;
    font-weight: 400;
    color: #8e8e8e;
}

.createpass-content {
    font-size: 10px;
    font-weight: 400;
    color: #8e8e8e;
}

.templates-togglebtn {
    width: 261px;
    margin: 20px auto;
}

.templates-contact-btn {
    padding: 5px 20px;
    font-weight: 600;
    width: 125px;
    font-size: 14px;
    text-align: center;
    border: none;
    background-color: transparent;
}

.radio-group {
    border-radius: 30px;
    border: 3px solid #c4c4c4;
    background: #c4c4c4;
    overflow: hidden;
}

.Attachment-pdf {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #000;
    padding: 10px;
    border-radius: 4px;
    background: #ffffff;
    position: relative;
}

.attachment-content {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.login2slide {
    width: 100%;
    height: 100%;
}

    .login2slide .swiper-slide .image {
        overflow: hidden;
        height: 563px;
        position: relative;
    }

    .login2slide .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0;
    }

.login2-content {
    position: absolute;
    width: 50%;
    justify-content: center;
    text-align: center;
    top: 40%;
    left: 50%;
    transform: translate(-50%);
    z-index: 10;
}

    .login2-content button {
        min-width: 120px;
    }

.login2swiper-heading {
    font-size: 50px;
    font-weight: 600;
    color: #ffffff;
    line-height: 54px;
    margin-bottom: 16px;
}

.login2swiper-heading-child {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    line-height: 30px;
}

.login2-linear-color {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
    height: 100%;
}

.login2-logo {
    font-size: 24px;
    font-weight: 600;
    color: var(--nav-theme-default);
    height: 30px;
    width: auto;
    max-width: 220px;
}

.edit-template-link {
    position: absolute;
    font-size: 80%;
    top: 10px;
    right: 40px;
    font-weight: bold;
    color: var(--theme-default);
}

.flight-daterange {
    width: 100%;
    border: transparent;
    font-weight: 600;
    font-size: 15px;
}

    .flight-daterange:focus {
        outline: none;
    }

.trazel-width table {
    width: 100% !important;
}

.breakpoint-insurance-card {
    padding-right: 22px !important;
    padding-left: 16px !important;
}

.agreement-togglebtn {
    width: 261px;
    margin: 5px auto;
}

.has-suggestions .active {
    background: #f8f8f8;
    padding: 5px;
}

.menubar {
    display: none;
}

.breakpointsearch-icon {
    display: none;
}

.delete-file {
    cursor: pointer;
}

    .delete-file img {
        width: 24px;
        height: 24px;
    }

.service-PDF {
    background: url("../images/PDF.png");
    height: 37px;
    width: 45px;
    background-repeat: no-repeat;
    background-position: center;
}

.service-SVG {
    background: url("../images/SVG.png");
    height: 37px;
    width: 45px;
    background-repeat: no-repeat;
    background-position: center;
}

.service-PNG {
    background: url("../images/PNG.png");
    height: 37px;
    width: 45px;
    background-repeat: no-repeat;
    background-position: center;
}

.service-IMG {
    background: url("../images/IMG.png");
    height: 37px;
    width: 45px;
    background-repeat: no-repeat;
    background-position: center;
}

.service-JPG {
    background: url("../images/JPG.png");
    height: 37px;
    width: 45px;
    background-repeat: no-repeat;
    background-position: center;
}

.breakpoint-defineroles {
    padding: 0px !important;
}

.masterpage-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 13px;
}

.masterpage-content label {
    font-size: 30px;
    font-weight: 600;
}

.masterpage-search input {
    padding-left: 5px;
    border: transparent;
}

    .masterpage-search input:hover, .masterpage-search input:focus {
        border: transparent;
        outline: none;
    }

.masterpage-search {
    padding: 5px 10px;
    background-repeat: no-repeat;
    background-position: left 10px center;
    border: 1px solid #dddddd;
    background-size: 16px;
    height: 36px;
    border-radius: 3px;
}

.sidebarMaster-page {
    column-count: 4;
    display: block;
    cursor: pointer;
}

    .sidebarMaster-page li {
        border: 1px solid #dddddd;
        margin-bottom: 20px;
        margin-left: 10px;
        margin-right: 10px;
        border-radius: 4px;
        background: #ffffff;
        padding-left: 15px;
        position: relative;
    }

        .sidebarMaster-page li a {
            color: black;
        }

.service-attachment {
    padding: 20px 8px;
}

.Error {
    color: #dc3545;
    font-size: 18px;
    font-weight: 500;
}

.file-Error {
    border: 1px solid #dc3745;
}

.progress {
    width: 100%;
}

.delete-file {
    color: #dc3745;
    font-weight: 500;
    margin-left: 20px;
    margin-right: 10px;
    text-decoration: none;
}

.edit-file {
    color: var(--theme-default);
    font-weight: 500;
    text-decoration: none;
}

.lead-tripId {
    text-decoration: none;
    cursor: pointer;
    min-width: 150px;
    display: inline-flex;
    justify-content: center;
}

.proposal-sliderbody {
    z-index: 99 !important;
}

.not-responsive {
    display: none;
}

.cancl_reqst_div .Attachment-pdf .service-PDF {
    background-position: left;
}

@media(max-width:1200px) {
    .not-responsive {
        background: #aaaaaa;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        width: 100%;
        height: 100%;
        color: white;
        display: grid;
        align-items: center;
        text-align: center;
        justify-content: center;
    }

        .not-responsive > div {
            color: #ffffff;
        }

    .groupSummaryPopup .modal-dialog {
        max-width: 97%;
        margin: 12px auto;
    }
}

@media (min-width: 730px) {
    .daterangepicker.ltr .ranges {
        float: left;
        clear: both;
        text-align: left;
        padding: 8px 8px 5px 8px;
    }

    .daterangepicker.show-calendar .calendar {
        margin-top: 12px;
    }

    .daterangepicker.ltr {
        padding-bottom: 45px;
    }

        .daterangepicker.ltr .range_inputs {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 100%;
            padding: 10px 15px;
            border-top: 1px solid #ddd;
        }

            .daterangepicker.ltr .range_inputs .cancelBtn {
                float: right;
                margin-right: 10px;
            }
}

@media(max-width:1200px) {
    .masterpage-header {
        padding: 15px 7px 15px 13px !important;
    }

    .sidebarMaster-page li {
        margin-right: 4px !important;
    }

    .breakpointtop {
        justify-content: space-between !important;
    }

    .menubar {
        display: block;
    }

    .container-fluid {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .breakpointtop a:nth-child(2) img {
        width: 100px;
        height: 30px;
    }

    .nav-link.hamburgertoggle {
        width: 32px;
        height: 32px;
    }

    .breakpointsearch-icon {
        display: block;
        position: relative;
    }

    .breakpoint-search {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        z-index: 100;
        transition: all .2s linear;
        border-radius: 5px;
        background: #fff;
    }

    .hamburger-breakpoint {
        margin-top: 8px;
    }

    .nav-link.hamburgertoggle {
        width: 34px;
        height: 34px;
    }

    .breakpoint-bell {
        margin-right: 0px !important;
    }

    .breakpointtop .dropdown a:nth-child(3) img {
        width: 1px;
        height: 2px;
    }

    .Erza-miller {
        display: none;
    }

    .dropdown-toggle::after {
        content: none;
    }

    .breakpointnavbar .nav-link {
        padding: 0;
        font-size: 12px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
    }

        .breakpointnavbar .nav-link.active {
            background-color: transparent !important;
            color: var(--theme-secondary) !important;
        }

    .breakpointnavbar .header_icon {
        width: 20px;
        height: 20px;
    }

        .breakpointnavbar .header_icon use {
            color: #fff;
        }

    .breakpointnavbar .nav-link.active .header_icon use {
        color: var(--theme-secondary);
    }

    .breakpointnavbar li {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex: 1;
    }

    .pagemainrow, .pagemainrow.toggle {
        padding-left: 0;
    }

    .position-sticky {
        padding-top: 0;
    }

    .pagemainrow.toggle .sidebar {
        width: 225px;
        top: 61px;
    }

    .breakpoint-sidebar {
        position: absolute;
        z-index: 9;
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    }

    .pagemainrow .sidebar {
        width: 0px;
        transition: all .5s ease-in-out;
    }

    .breakpoint-sidebar.active {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }

    .breakpoint-button {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        border-radius: 0.2rem
    }

    .booking-table.custom-filter-add-btn .dataTables_wrapper .top {
        display: flex;
    }

    .body-page-wrapper {
        padding-top: 0px !important;
    }

        .body-page-wrapper .card .card-body {
            padding: 15px !important;
        }

    .dataTables_wrapper {
        padding-top: 58px;
    }

    .table-responsive {
        width: 100%;
    }

    .breakpoint-insurance-card {
        padding-right: 22px !important;
        padding-left: 16px !important;
    }

    .breakpoint-AddUser-popup {
        margin: 60px 40px;
        max-width: 100% !important;
    }

    .breakpoint-Adduser-label {
        padding-right: 0px !important;
    }

    .breakpoint-Adduser-content {
        font-size: 13px !important;
    }

    .breakpoint-Adduser-togglebutton label {
        font-size: 13px
    }

    .breakpoint-Adduser-togglebutton .radio-group .btn {
        padding-right: 12px;
        padding-left: 12px;
    }

    .modelside-nav {
        padding-top: 0px !important;
    }

    .breakpoint-content {
        width: 100% !important;
    }

        .breakpoint-content small {
            width: 100% !important;
            text-align: start;
        }

    .modalitems {
        white-space: nowrap;
        overflow: auto;
    }

    .breakpoint-tieredlevels .breakboint-likeinput a {
        font-size: 16px !important;
        color: #dc3545 !important;
    }

    .lead-modaldialog, .addGroupLeadmodal .modal-dialog {
        max-width: 1100px;
        margin: 60px 40px;
    }
}

@media(max-width:991px) {
    .lead-modaldialog {
        margin: 55px 45px;
    }

    .quotes-banner-section-details {
        padding: 15px 15px 0 15px !important;
    }

    .masterpage-header {
        padding: 15px 13px 15px 21px !important;
    }

    .sidebarMaster-page li {
        margin-right: 11px !important;
    }

    .masterpage-content label {
        font-size: 25px !important;
    }

    .breakpointtop {
        justify-content: space-between !important;
    }

    .menubar {
        display: block;
    }

    .container-fluid {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .nav-link.hamburgertoggle {
        width: 32px;
        height: 32px;
    }

    .breakpointtop a:nth-child(2) img {
        width: 100px;
        height: 30px;
        margin-top: 8px;
    }

    .breakpointsearch-icon {
        display: block;
        position: relative;
    }

    .breakpoint-search {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        z-index: 100;
        transition: all .2s linear;
    }

    .hamburger-breakpoint {
        margin-top: 8px;
    }

    .nav-link.hamburgertoggle {
        width: 34px;
        height: 34px;
    }

    .breakpoint-bell {
        margin-right: 0px !important;
    }

    .breakpointtop .dropdown a:nth-child(3) img {
        width: 1px;
        height: 2px;
    }

    .Erza-miller {
        display: none;
    }

    .dropdown-toggle::after {
        content: none;
    }

    .pagemainrow, .pagemainrow.toggle {
        padding-left: 0;
    }

    .position-sticky {
        padding-top: 0;
    }

    .pagemainrow.toggle .sidebar {
        width: 200px;
        top: 61px;
    }

    .breakpoint-sidebar {
        position: absolute;
        z-index: 9;
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    }

        .breakpoint-sidebar.active {
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        }

    .breakpoint-button {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        border-radius: 0.2rem
    }

    .booking-table.custom-filter-add-btn .dataTables_wrapper .top {
        display: flex;
    }

    .body-page-wrapper {
        padding-top: 0px !important;
    }

    .dataTables_wrapper {
        padding-top: 58px;
    }

        .dataTables_wrapper .dataTables_filter {
            margin-top: 0;
        }

    .table-responsive {
        width: 100%;
    }

    .breakpoint-insurance-card {
        padding-right: 22px !important;
        padding-left: 16px !important;
    }

    .breakpoint-Adduser-label {
        padding-right: 0px !important;
    }

    .breakpoint-Adduser-content {
        font-size: 13px !important;
    }

    .breakpoint-Adduser-togglebutton label {
        font-size: 13px
    }

    .breakpoint-Adduser-togglebutton .radio-group .btn {
        padding-right: 12px;
        padding-left: 12px;
    }

    .modelside-nav {
        padding-top: 0px !important;
    }

    .breakpoint-content {
        width: 100% !important;
    }

        .breakpoint-content small {
            width: 100% !important;
            text-align: start;
        }

    .modalitems {
        white-space: nowrap;
        overflow: auto;
    }

    .breakpoint-tieredlevels .breakboint-likeinput a {
        font-size: 16px !important;
        color: #dc3545 !important;
    }

    .hotelstaybox-adult {
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-right: 30px !important;
    }

    .refund-adult {
        width: 70%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .description-more {
        display: flex;
        justify-content: start;
    }

    .request-content label {
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

@media(max-width:768px) {
    .lead-popup-breakpoint {
        width: 100%;
    }

    .lead-modaldialog {
        margin: 58px 40px;
    }

    .modelside-nav .nav .nav-link.active::before {
        top: 39px !important;
    }

    .breakpoint-minmize {
        display: inline-block !important;
    }

    .masterpage-header {
        padding: 15px 13px 15px 21px !important;
    }

    .sidebarMaster-page li {
        margin-right: 11px !important;
    }

    .masterpage-content label {
        font-size: 20px !important;
    }

    .sidebarMaster-page {
        column-count: 3 !important;
    }

    .breakpointtop {
        justify-content: space-between !important;
    }

    #LeadModalMainId .modelside-nav, .addGroupLeadmodal .modelside-nav, .breakpoint-AddUser-popup .modelside-nav {
        overflow: auto;
    }

        #LeadModalMainId .modelside-nav .nav {
            min-width: 700px;
            flex-wrap: inherit !important;
        }

    .menubar {
        display: block;
    }

    .nav-link.hamburgertoggle {
        width: 32px;
        height: 32px;
    }

    .breakpointtop a:nth-child(2) img {
        width: 100px;
        height: 30px;
        margin-top: 10px;
    }

    .breakpointsearch-icon {
        display: block;
        position: relative;
    }

    .breakpoint-search {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        z-index: 100;
        transition: all .2s linear;
    }

    .hamburger-breakpoint {
        margin-top: 10px;
    }

    .nav-link.hamburgertoggle {
        width: 34px;
        height: 34px;
    }

    .breakpoint-bell {
        margin-right: 0px !important;
    }

    .breakpointtop .dropdown a:nth-child(3) img {
        width: 1px;
        height: 2px;
    }

    .Erza-miller {
        display: none;
    }

    .dropdown-toggle::after {
        content: none;
    }

    .pagemainrow, .pagemainrow.toggle {
        padding-left: 0;
    }

    .position-sticky {
        padding-top: 0;
    }

    .pagemainrow.toggle .sidebar {
        width: 230px;
        top: 61px;
    }

    .breakpoint-sidebar {
        position: absolute;
        z-index: 9;
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    }

        .breakpoint-sidebar.active {
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        }

    .breakpoint-button {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        border-radius: 0.2rem
    }

    .booking-table.custom-filter-add-btn .dataTables_wrapper .top {
        display: flex;
    }

    .body-page-wrapper {
        padding-top: 0px !important;
    }

    .dataTables_wrapper {
        padding-top: 58px;
    }

        .dataTables_wrapper .dataTables_filter {
            margin-top: 0px;
        }

    .table-responsive {
        width: 100%;
    }

    .breakpoint-insurance-card {
        padding-right: 22px !important;
        padding-left: 16px !important;
    }

    .breakpoint-AddUser-popup {
        max-width: 700px !important;
    }

    .breakpoint-Adduser-label {
        padding-right: 0px !important;
    }

    .breakpoint-Adduser-content, .breakpoint-Adduser-togglebutton label {
        font-size: 13px !important;
    }

    .breakpoint-Adduser-togglebutton .radio-group .btn {
        padding-right: 12px;
        padding-left: 12px;
    }

    .modelside-nav {
        padding-top: 0px !important;
    }

    .breakpoint-content {
        width: 100% !important;
    }

        .breakpoint-content small {
            width: 100% !important;
            text-align: start;
        }

    .modalitems {
        white-space: nowrap;
        overflow: auto;
    }

    .breakpoint-tieredlevels .breakboint-likeinput a {
        font-size: 16px !important;
        color: #dc3545 !important;
    }

    .hotelstaybox-adult {
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-right: 30px !important;
    }

    .refund-adult {
        width: 70%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .description-more {
        display: flex;
        justify-content: start;
    }

    .txtadult-price {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

@media(max-width:576px) {
    .emty_notftion {
        display: flex !important;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 100%;
    }

    .addGroupLeadmodal #GroupProposal_File .uploadedFiles .attachment-pdf-header, .addleadmodal #quotedetailsAttachments .UploadedData .attachment-pdf-header {
        right: 10px;
        margin-top: 0px !important;
    }

        .addGroupLeadmodal #GroupProposal_File .uploadedFiles .attachment-pdf-header .delete-file, .addleadmodal #quotedetailsAttachments .UploadedData .attachment-pdf-header .delete-file {
            width: 20px;
            height: 20px;
        }

    .view_notification {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        border-top: 1px solid #dadada;
    }

    .breakpoint-Adduser-collapseheader {
        padding-right: 26px !important;
        padding-left: 10px;
    }

    .trvlinsrnce_popup .modal-body {
        padding: 15px !important;
    }

    .cashrefund {
        display: flex !important;
        -webkit-box-orient: initial !important;
        -webkit-box-direction: initial !important;
        flex-direction: initial !important;
        border-top: 1px solid #ced4da !important;
    }

    #my-legend-con ul {
        grid-template-columns: 1fr 1fr !important;
    }

    #my-legend-con ul {
        gap: 15px 25px;
    }

    .lead-modaldialog {
        max-width: 700px;
        margin: 57px 30px;
    }

    .pagemainrow.toggle .sidebar {
        width: 230px !important;
    }

    .masterpage-header {
        padding: 15px 1px 15px 1px !important;
    }

    .sidebarMaster-page li {
        margin-left: 0px !important;
    }

    .masterpage-content label {
        font-size: 18px !important;
    }

    .sidebarMaster-page {
        column-count: 2 !important;
    }

    .rounded-circle {
        width: 30px !important;
        height: 30px !important;
    }

    .breakpointtop a:nth-child(2) img {
        width: 92px;
        height: 28px;
    }

    .nav-link.hamburgertoggle {
        width: 27px;
        height: 27px;
    }

    .card .card-header {
        padding-right: 0;
        padding-left: 0;
    }

        .card .card-header h1 {
            font-size: 15px;
        }

            .card .card-header h1 span {
                padding-right: 0.5rem !important;
                margin-right: 0px !important;
            }

                .card .card-header h1 span img {
                    width: 24px;
                }

    .custom-filter-btn.booking-btn span {
        margin-left: 24px !important;
    }

    .sidenavformmodal .breakpoint-minmize {
        display: inline-block !important;
    }

    .modelside-nav {
        padding-bottom: 0px !important;
    }

        .modelside-nav .nav .nav-link.active {
            background: #f8f8f8;
        }

    .hamburger-breakpoint {
        margin-top: 6px;
    }

    .nav-link.hamburgertoggle {
        width: 32px;
        height: 32px;
    }

    .breakpoint-minmize {
        display: inline-block !important;
    }
}

@media screen and (min-width:320px) and (max-width:576px) {
    #ServiceAgreement-fileupload .Attachment-pdf .attachment-content {
        max-width: 180px !important;
        margin-left: 0px !important;
    }

    .groupreports .reportRoomInventory .attachment-content {
        overflow: auto;
    }

    .addGroupLeadmodal #quote_attachment .service-PNG, .addGroupLeadmodal #quote_attachment .service-IMG, .addGroupLeadmodal #quote_attachment .service-PDF, .addGroupLeadmodal #quote_attachment .service-SVG, .addGroupLeadmodal #quote_attachment .service-JPG, .addGroupLeadmodal #Confirmed-fileupload .uploadedFiles .service-PNG, .addGroupLeadmodal #Confirmed-fileupload .uploadedFiles .service-IMG, .addGroupLeadmodal #Confirmed-fileupload .uploadedFiles .service-PDF, .addGroupLeadmodal #Confirmed-fileupload .uploadedFiles .service-SVG, .addGroupLeadmodal #Confirmed-fileupload .uploadedFiles .service-JPG, .addGroupLeadmodal #intAttach .service-PNG, .addGroupLeadmodal #intAttach .service-IMG, .addGroupLeadmodal #intAttach .service-PDF, .addGroupLeadmodal #intAttach .service-SVG, .addGroupLeadmodal #intAttach .service-JPG, .addGroupLeadmodal #custAttach .service-PNG, .addGroupLeadmodal #custAttach .service-IMG, .addGroupLeadmodal #custAttach .service-PDF, .addGroupLeadmodal #custAttach .service-SVG, .addGroupLeadmodal #custAttach .service-JPG, .addleadmodal #quote_attachment .service-PNG, .addleadmodal #quote_attachment .service-IMG, .addleadmodal #quote_attachment .service-PDF, .addleadmodal #quote_attachment .service-SVG, .addleadmodal #quote_attachment .service-JPG {
        width: 45px !important;
        min-width: 45px;
    }

    .addGroupLeadmodal .modelside-nav .left-side-Stepper {
        overflow: auto;
    }

        .addGroupLeadmodal .modelside-nav .left-side-Stepper li a.nav-link {
            min-width: 185px !important;
        }

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

    .dashbord_date_div .cutomdaterange input {
        width: 20px !important;
    }

    .Generate-password-popup .modal-dialog, .verify-mobile-popup .modal-dialog, .Create-password-popup .modal-dialog, .Change-password-popup .modal-dialog, .Request-popup .modal-dialog {
        min-width: initial !important;
    }

    .modal-dialog.modal-xl.lead-modaldialog, .modal-dialog.modal-xl.lead-modaldialog .modal-content {
        margin: 0px !important;
    }

    .DepAirport .select2-container .select2-selection--multiple .select2-selection__rendered {
        max-width: 214px;
        white-space: normal;
    }

    .main-card-box {
        padding: 14px !important;
    }

    .advisor-section img {
        width: 40px !important;
    }

    .advisor-section {
        margin-bottom: 14px !important;
    }

    .agent-body {
        margin: 14px !important;
    }

    .mobil-agent-container, .mobil-attachment-container, .day-tab-seleced {
        padding-left: 14px !important;
    }

    .addleadmodal .accomdton_time_sction .day-tab-seleced {
        padding-left: 0px !important;
    }

    .addleadmodal .accomdton_time_sction {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .mobil-ticket-heading {
        display: block !important;
    }

    .mobil-card-bottom {
        margin-top: 10px;
    }

    .mobil-card-head {
        margin-bottom: 10px;
    }

    .mobil-map-container {
        margin-bottom: 10px;
    }

    .mobil-google-container {
        display: block !important;
    }

    .list-group.amenities.hotel_amenities {
        grid-template-columns: 1fr !important;
    }

    .Hotel_description p {
        font-size: 12px !important;
        line-height: 20px !important;
    }

    .attachment-body-section .Hotel_swipper_slider_thumb {
        height: 80px !important;
    }

    .attachment-body-section .Hotel_swipper_slider {
        height: 200px !important;
    }

    .hotel-detail-content .modal-body {
        padding: 10px !important;
    }

    .hotel-skeleton .skeleton-left .line:first-child {
        height: 17px !important;
    }

    .hotel-details-skeleton .hotel-skeleton .breakfast-button-skeleton {
        height: 20px !important;
        width: 20% !important;
    }

    .hotel-details-skeleton .hotel-skeleton .breakfast-content-skeleton {
        height: 10px !important;
    }

    .hotel-details-skeleton .hotel-skeleton .hotel-heading-skeleton {
        height: 16px !important;
        width: 17% !important;
    }

    .hotel-details-skeleton .hotel-skeleton .thumb-square {
        height: 50px !important;
    }

    .hotel-details-skeleton .hotel-skeleton .square {
        height: 200px !important;
    }

    .mobil-col {
        overflow: hidden !important;
    }

    .mobil-hotel-image .shared-listview-Image {
        min-width: 100px !important;
        min-height: 100px !important;
        margin-bottom: 0px !important;
    }

    .stay_hotel_name, .hotel_address {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        max-width: 100% !important;
        display: initial !important;
    }

    .previewLead-dayslist .left-side-Stepper li::before {
        top: -40px !important;
    }

    .previewLead-dayslist .left-side-Stepper li:first-child:after {
        top: 13px !important;
    }

    .previewtoggle .contact-btn {
        width: 87px !important;
    }

    .mobil-itinerary-tab {
        padding-left: 14px !important;
        padding-right: 12px !important;
    }

    .mobil-quote-tab {
        display: -webkit-inline-box !important;
        display: inline-box !important;
        overflow: scroll !important;
        flex-wrap: initial !important;
    }

    .left-side-tab li.nav-item {
        padding: 0 10px !important;
    }

        .left-side-tab li.nav-item a {
            font-size: 13px !important;
        }

    .attachment-body-section .Hotel_swipper_slider .swiper-button-next:after, .attachment-body-section .Hotel_swipper_slider .swiper-button-prev:after, .quotes-details-page .quotes-slider .proposal-slider .swiper-button-next:after, .quotes-details-page .quotes-slider .proposal-slider .swiper-button-prev:after {
        font-size: 18px !important;
    }

    .attachment-body-section .Hotel_swipper_slider .swiper-button-next, .attachment-body-section .Hotel_swipper_slider .swiper-button-prev, .quotes-details-page .quotes-slider .proposal-slider .swiper-button-next, .quotes-details-page .quotes-slider .proposal-slider .swiper-button-prev {
        height: 30px !important;
        width: 30px !important;
    }

    .quotes-banner-section-details {
        padding: 0 18px !important;
    }

    .proposal-sliderbody {
        height: 420px !important;
        min-height: 420px !important;
        left: 0px !important;
    }

    .quotes-slider-content {
        padding-left: 2px;
        padding-top: 12px;
    }

    .mobil-request-button {
        display: flex;
        align-items: center;
    }

        .mobil-request-button button {
            font-size: 13px;
        }

    .container-fluid .mainContent {
        width: 100% !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .breakpoint-container-fluid {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 0px !important;
    }

    .file-upload-content {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .travelprotection-header {
        padding-right: 42px !important;
    }

    .protection-notes {
        padding-right: 0px;
        padding-left: 0px;
    }

    .room-type-details p {
        white-space: normal;
    }

    .selectroomcate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 96%;
    }

    .HotelRoomDynClss .quote_identifierroom .selectroomcate {
        width: 100% !important;
    }

        .HotelRoomDynClss .quote_identifierroom .selectroomcate .DynamicRoomCategories {
            padding-right: 0px !important;
        }

    .CruiseCategories .lead-selectroomcate.selectroomcate {
        gap: 10px;
    }

    .depature-details, .Arrival-details {
        min-width: 240px !important;
    }

    .flight-itinerary-section {
        padding: 9px 8px !important;
    }

    .h66btn {
        height: 40px !important;
        font-size: 13px;
        margin-bottom: 10px;
    }

    .mobilflight-button {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .mobil-selectbutton {
        text-align: right;
    }

    .collapsetoggle {
        right: 0px !important;
    }

    .modal-header {
        padding: 10px !important;
    }

    .room-categories-identifier .selectandreset {
        padding: 8px 0px 8px 9px !important;
    }

    .mobil-staybox {
        padding: 10px 7px !important;
    }

    .mobil-roomview .form-check {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .mobil-roomcategories label {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-right: 0px !important;
    }

    .selectroomcate .form-select {
        background-position: right 5px bottom 2px !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-right: 28px !important;
        width: 95%;
        font-size: 12px !important;
    }

    .selectroomcate label {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 92%;
        font-size: 12px !important;
    }

    .mobil-identifier .form-select {
        text-overflow: ellipsis;
        overflow: hidden !important;
        white-space: nowrap;
        width: 100% !important;
    }

    .mobil-editbutton {
        padding-right: 0px !important;
    }

    .mobil-adultcount label {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 95%;
    }

    .addlead-button {
        display: flex !important;
        justify-content: space-between !important;
    }

        .addlead-button button {
            font-size: 12px !important;
        }

            .addlead-button button:first-child {
                margin-right: 10px;
            }

    .mobilleadpopup-botton button {
        font-size: 12px;
    }

    .mobil-container {
        padding: 0px !important;
    }

    .selectandreset {
        align-items: center;
    }

    .templates-btn {
        font-size: 15px;
    }

    .categoriesTxt {
        color: var(--theme-reg--light-color);
    }

    .lead-popup-breakpoint {
        width: 100%;
    }

    .login-popup li a {
        text-align: start !important;
    }

    .breakpoint-minmize {
        display: inline-block !important;
    }

    .masterpage-header {
        padding: 15px 3px !important;
    }

    .sidebarMaster-page li {
        margin-right: 0px !important;
    }

    .masterpage-content label {
        white-space: nowrap;
        width: 87px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .sidebarMaster-page {
        column-count: 1 !important;
    }

    .modal-title {
        font-size: 14px;
    }

    .breakpoint-Adduser-label {
        font-size: 12px !important;
        margin-bottom: 7px !important;
    }

    .breakpoint-Adduser-collapseheader .breakpoint-Adduser-label {
        width: 100% !important;
    }

    .breakpoint-Adduser-collapseheader .breakpoint-Adduser-togglebutton {
        width: 100% !important;
        padding-left: 0px !important;
    }

        .breakpoint-Adduser-collapseheader .breakpoint-Adduser-togglebutton label {
            font-size: 12px;
        }

    .breakpoint-Adduser-collapseheader .collapsetoggle {
        right: 0px !important;
        width: 29px;
        top: 64%;
    }

    .breakpoint-Adduser-togglebutton .radio-group .btn {
        padding-right: 6px;
        padding-left: 6px;
    }

    .modelside-nav {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

        .modelside-nav .nav .nav-link {
            text-align: center;
        }

    #AddUserModal .modelside-nav .nav .nav-link {
        border-bottom: 0px !important;
    }

    .breakpoint-AddUser-popup .modelside-nav .nav .nav-link {
        border-bottom: 0px !important;
    }

    .modelside-nav .nav .nav-link.active {
        background: #f8f8f8;
    }

    .modelside-nav .nav .nav-link {
        border-radius: 0px !important;
    }

    .breakpoint-usertype-collapsebody {
        border-top: transparent !important;
    }

    .roles-table th, .roles-table td {
        padding: 8px 5px;
    }

    .HeadMaintr th:first-child {
        width: 90px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
        padding-left: 0px !important;
    }

    .HeadMaintr th:nth-child(1) input {
        width: 13px !important;
        height: 13px !important;
        border-radius: 0.15em !important;
    }

    .HeadMaintr th:first-child span, .HeadMaintr th:nth-child(2) span, .HeadMaintr th:nth-child(3) span, .HeadMaintr th:nth-child(4) span, .HeadMaintr th:nth-child(5) span {
        font-size: 12px;
    }

    .roles-table th:last-child {
        padding-right: 4px !important;
    }

    .form-check-label, .Hotel_req_cntnt .d-inline-block label {
        font-size: 13px;
    }

    .roles-table th:first-child, .roles-table td:first-child {
        padding-left: 6px !important;
    }

    .breakpoint-desktop .collapseheader p, .breakpoint-usertype-content {
        font-size: 13px !important;
    }

    .HeadMaintr th:nth-child(2) input, .HeadMaintr th:nth-child(3) input, .HeadMaintr th:nth-child(4) input, .HeadMaintr th:nth-child(5) input {
        width: 13px !important;
        height: 13px !important;
        border-radius: 0.15em !important;
    }

    .tbodytr .tbodyth input {
        width: 13px !important;
        height: 13px !important;
    }

    .breakpoint-usertype-form .userTypeName {
        font-size: 14px;
    }

    .hamburger-breakpoint {
        margin-top: 6px;
    }

    .nav-link.hamburgertoggle {
        width: 32px;
        height: 32px;
    }

    .notification-dropdown {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        min-width: 100%;
        border-radius: 0px;
    }

    .breakpoint-bell {
        width: 35px !important;
        height: 35px !important;
    }

    .breakpoint-notification-date {
        width: 45% !important;
        text-align: end;
    }

        .breakpoint-notification-date span {
            font-size: 12px;
        }

    .breakpoint-notification-text {
        width: 55% !important;
        display: grid;
        white-space: break-spaces;
        text-align: start;
    }

    .breakpoint-commission-button {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        border-radius: 0.2rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .breakpoint-commission-heading {
        font-size: 17px !important;
        border-radius: 0.2rem;
        white-space: nowrap;
        width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .breakpoint-commission-footer, .breakpoint-commission-header {
        padding: 0.75rem !important;
    }

    .breakpoint-commission-bodywrapper {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .breakpoint-tieredlevel-content p {
        font-size: 12px !important;
    }

    .breakpoint-addtier {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .team-popup-modalbody {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .mdlitem {
        padding: 2px 6px !important;
        width: 74%;
    }

    .mdlitemhdng {
        font-size: 12px !important;
    }

        .mdlitemhdng small {
            font-size: 8px !important;
        }

    .modalitems {
        white-space: nowrap;
        overflow: auto;
    }

    .mdlitem button {
        padding: 0px !important;
    }

    .breakpoint-tieredlevels > [class*="col"], .social-media-items .social_media_item > [class*="col"] {
        width: 100%;
    }

    .social-media-items .social_media_item {
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
    }

    .social-media-items .commissionstructures-likeinput {
        position: absolute !important;
        top: 84px;
        right: 13px;
        width: 24px !important;
        height: 24px;
        border-radius: 14px;
        background-position: center;
        background-size: 10px;
        padding-right: 0px;
        border: 0px;
    }

        .social-media-items .commissionstructures-likeinput a.add-social-row {
            height: 24px !important;
            width: 24px !important;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            color: var(--nav-theme-default) !important;
        }

        .social-media-items .commissionstructures-likeinput .remove-social-row {
            border: 1px solid #CF3A59;
            height: 24px !important;
            width: 24px !important;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
        }

    .social_media_item_main .social-media-items {
        margin-bottom: 15px;
    }

        .social_media_item_main .social-media-items .social_media_select {
            border-bottom: 0px;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
            border-right: 1px solid #dadada;
        }

        .social_media_item_main .social-media-items .social_media_url {
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            border-right: 1px solid #dadada;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }

    .tieredlevels-commissionstructures {
        position: relative;
    }

        .tieredlevels-commissionstructures .commissionstructures-likeinput {
            position: absolute !important;
            top: -10px;
            right: -10px;
            width: 24px;
            height: 24px;
            border-radius: 14px;
            background: url(../images/close-icon.png);
            background-position: center;
            background-size: 10px;
            background-repeat: no-repeat;
            background-color: #ffffff;
        }

            .tieredlevels-commissionstructures .commissionstructures-likeinput a {
                font-size: 5px !important;
                color: transparent !important;
            }

        .tieredlevels-commissionstructures .structures-tierto {
            border-right: 1px solid #ced4da;
        }

    .pagemainrow .sidebar, .pagemainrow.toggle .sidebar {
        width: 225px !important;
    }

    .breakpoint-customerdetails {
        padding-left: 16px !important;
        padding-right: 20px !important;
    }

    .customerdetails-content {
        padding-right: 0px !important;
    }

    .customerdetails-AddCustomerBtn {
        padding-right: 3px !important;
        padding-left: 0px !important;
    }

    .attachment-pdf-header {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -2px !important;
    }

    .delete-file {
        font-size: 11px;
        background: url('../images/delete.png');
        background-position: center;
        background-size: 20px;
        background-repeat: no-repeat;
        margin-right: 0;
        margin-left: 2px;
        color: transparent !important;
        padding-top: 5px;
    }

    .edit-file {
        background: url('../images/edits.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 20px;
        color: transparent !important;
    }

    .attachment-pdf-header {
        margin-top: 5px;
    }

    .serviceAgreement-payment .table-borderless {
        min-width: 700px;
    }

    .serviceAgreement-payment .accounting-table-footer {
        width: 700px;
    }

    .attachementcontent-header {
        margin-left: 6px !important;
    }

    .hotelstaybox-adult {
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-right: 30px !important;
    }

    .hotelstaybox-children {
        width: 75%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .refund-adult {
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .description-more {
        display: block;
        justify-content: start;
    }

    .selectroomcate-content {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

    .addroom-button {
        width: 100%;
    }

    .addroomCategory {
        padding-bottom: 8px;
    }

    .lead-selectroomcate .form-select.selectroomcate-select {
        width: 100% !important;
    }

    .selectroomidentifier-content {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 90%;
    }

    .breakpoint-outbounddate {
        width: 100% !important;
    }

    .floatingSelect-Assign {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        white-space: nowrap;
    }

    .transportation-collapsebody {
        padding-right: 7px !important;
        padding-left: 7px !important;
    }

    .attachment-content {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .font-ResponsiveSize {
        font-size: 12px !important;
    }

    .cashrefund {
        display: flex !important;
        -webkit-box-orient: initial !important;
        -webkit-box-direction: initial !important;
        flex-direction: initial !important;
        border-top: 1px solid #ced4da;
    }

    .DepAirport label {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        white-space: nowrap;
    }

    .service-PNG, .service-IMG, .service-PDF, .service-SVG, .service-JPG {
        width: 75px !important;
    }

    #ServiceAgreement-fileupload .service-PNG, #ServiceAgreement-fileupload .service-IMG, #ServiceAgreement-fileupload .service-PDF, #ServiceAgreement-fileupload .service-SVG, #ServiceAgreement-fileupload .service-JPG {
        width: 55px !important;
        min-width: 55px !important;
        max-width: 55px !important;
    }
}

@media screen and (min-width:320px) and (max-width:576px) {
    .card-paratext {
        font-size: 12px;
    }

    .advisor-content .advisor-tag {
        font-size: 11px !important;
    }

    .collapsetoggle[aria-expanded="false"], .collapsetoggle[aria-expanded="true"] {
        background-size: 12px !important;
    }

    .datepicker {
        background-size: 15px !important;
    }

    .ReqCity .select2-selection--multiple:before, .RequestDetail_Body .DepAirport .select2-selection--multiple:before {
        right: 30px !important;
    }
}

.travel-status {
    border-radius: 50px;
    font-weight: 500;
    color: #3B824B;
    background-color: rgba(59, 130, 75, 0.1);
    border-color: #919191;
}

.selectroomcate-select {
    background-position: right 0px bottom 5px !important;
}

.service-Reminders {
    padding-top: 20px;
    margin-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.Reminders-content {
    font-size: 20px;
    font-weight: 500;
}

.Arrow::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-position: center right 15px;
    background-repeat: no-repeat;
    background-size: 15px;
    content: "";
    position: absolute;
    top: 30px;
    width: 30px;
    height: 40px;
    right: 0px;
}

.departure-and-arrival {
    position: relative;
}

.depature-details {
    position: absolute;
    display: block;
    left: 8px;
    min-width: 270px;
    width: 100%;
    width: calc(100% - 16px);
}

.flightdetailswrap {
    position: relative;
}

.departure-content {
    font-size: 12px;
    font-weight: 400;
    color: #8E8E8E;
    margin-bottom: 5px;
}

.datepicker-border {
    border: transparent;
}

.Arrival-details {
    position: absolute;
    display: block;
    left: 8px;
    min-width: 270px;
    width: 100%;
    width: calc(100% - 16px);
}

.is-invalid .ck-editor__editable:focus {
    box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%) !important;
}

.Email-togglebtn {
    width: 261px;
    margin: 7px auto;
    background-color: #fff !important;
}

.is-invalid {
    border: 1px solid #d73422 !important;
    border-radius: 5px;
}

    .is-invalid:focus {
        box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%) !important;
    }

.sure-content {
    font-size: 25px;
    display: block;
    padding-bottom: 10px;
}

.sure-body, .sure-footer {
    background-color: #dadada;
}

.sure-image img {
    height: 90px;
    width: 90px;
}

.sure-image {
    margin-top: 20px;
    text-align: center;
    border-bottom: 1px solid black;
    padding-bottom: 20px;
}

.room-image {
    width: 77px;
    height: 50px;
    overflow: hidden;
    border-radius: 4px;
    margin-right: 10px;
    min-width: 77px;
}

    .room-image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.room-type-Activities {
    display: none;
}

.room-ativity-width {
    width: 81%;
    float: right;
}

.heading-logo {
    width: 30px;
}

.Total-Price {
    background: transparent;
}

.Inclusive-dropdown {
    background-position: right 0px bottom 6px;
    font-weight: 600;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    font-size: 14px;
    max-width: 166px;
    min-width: 117px;
    margin-right: 0px;
    margin-left: 0px !important;
}

    .Inclusive-dropdown:focus {
        outline: 0;
    }

.Inclusive-identifier {
    padding-left: 4rem;
}

.focus-removed:focus, button:focus {
    box-shadow: none !important;
    outline: 0 !important;
}

.Inclusive-identifier .collapsetoggle {
    right: -11px !important;
}

.modify-color {
    color: red !important;
}

.allshowmorebtn {
    border: transparent;
    background: transparent;
    color: var( --theme-default);
    font-size: 12px;
    display: flex;
    padding: 0px;
}

.TravelProtection_Desc {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.group-leadicon {
    border: 1px solid var(--theme-default);
    border-radius: 50px;
    padding: 10px;
}

:root {
    --background: hsl(0 0% 0% / 0%);
    --surface: hsl(0 0% 0% / 0%);
    --block: hsl(0 0% 0% / 12%);
    --loader: hsl(0 0% 100% / 40%);
    --space: 1rem;
}

@media (prefers-color-scheme: dark) {
    :root {
        --background: hsl(222deg 47% 11%);
        --surface: hsl(217deg 33% 17%);
        --block: hsl(215deg 25% 27%);
        --loader: hsl(0 0% 100% / 10%);
    }
}

.skeleton {
    gap: calc(var(--space) * 0.5);
    width: clamp(200px, 50vmin, 20rem);
    border: 1px solid hsl(220 3% 15% / 10%);
    border-radius: calc(var(--space) * 0.5);
    background-color: var(--surface);
    width: 100%;
    height: 67px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.skeleton-left {
    width: 50%;
}

    .skeleton-left .skeleton__block:first-child {
        width: 60%;
    }

    .skeleton-left .skeleton__block:nth-child(2) {
        height: 15px;
    }

.skeleton-right {
    width: 20%;
}

    .skeleton-right .skeleton__block {
        height: 30px;
    }

.skeleton__block {
    background: linear-gradient( -75deg, transparent 40%, var(--loader), transparent 60% ) 0 0 / 200% 100%, var(--block);
    border-radius: calc(var(--space) * 0.5);
    animation: load 2s infinite linear;
    background-attachment: fixed;
    height: 20px;
}

@keyframes load {
    to {
        background-position: 200% 0;
    }
}

.daterangepicker .input-mini {
    background: url('../images/caleneder.svg');
    background-position: center right 10px;
    background-repeat: no-repeat;
}

.wedddate {
    display: flex;
    justify-content: space-between;
    padding: 5px 15px;
    font-size: 14px;
    gap: 10px;
    align-items: center;
}

.weddbridal {
    display: grid;
    grid-template-columns: 5% 80% auto;
    background: #FFFFFF;
    padding: 10px 15px 15px;
    position: relative;
}

.padddlt {
    padding-right: 10px;
    padding-top: 10px;
}

.progbar {
    height: 20px;
    border-radius: 20px;
}

.line-headingabout {
    border-top: 1px dashed #DADADA;
    padding: 0px 10px;
}

    .line-headingabout:last-child {
        border-top: 0px;
    }

.htltbl {
    padding-left: 20px;
}

.grbprice:before {
    content: attr(recommended-title);
    background: var(--theme-default);
    border-radius: 0 0 5px 5px;
    color: #ffffff;
    position: absolute;
    bottom: 100%;
    padding: 1px 8px;
    top: auto;
    height: 25px;
    bottom: -25px;
    line-height: 19px;
    font-size: 12px;
    width: 100%;
    left: 0px;
}

.grpaddrates table, .grpaddrates th, .grpaddrates td {
    border: 1px solid #DADADA;
    border-collapse: collapse;
    padding: 10px;
}

.grpaddrates .dataTable thead tr th, .grpaddrates .dataTable tbody tr td {
    border-right: 1px solid #DADADA !important;
}

.bdrnone {
    border-radius: 0px;
}

.loadroom-sectiontwo {
    padding: 100px 0;
    background: #f8f8f8;
}

.grpbg {
    background: #f5f5f7 !important;
}

.commissionhead {
    font-weight: 600;
    position: relative;
    background: #F8F8F8;
    border-radius: 4px;
}

.comspt {
    padding: 15px !important;
    border: 1px solid #DADADA;
    color: #212529;
}

.boxshad {
    box-shadow: none;
}

.menudropdown {
    display: inline-flex;
    justify-content: center;
    background: var(--theme-default);
    border-radius: 50px;
    padding-top: 10px;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px;
    vertical-align: middle;
    align-items: center;
}

    .menudropdown img {
        filter: brightness(100);
    }

.dolloricon {
    display: inline-block;
    margin-right: 7px;
    position: absolute;
    left: -20px;
}

#requestdetails .select2-selection__choice {
    font-weight: 500;
    font-size: 14px;
    color: var(--theme-reg-color);
    background: #f8f8f8;
}

.grpcommdlt {
    position: absolute;
    right: 0px;
    align-items: center;
    vertical-align: middle;
    right: 50px;
    top: 60px;
}

.addratestab {
    font-size: 15px;
    font-weight: 400;
    color: #8E8E8E;
}

.grproomheader {
    background: rgba(217, 217, 217, 0.25)
}

.adddropdown li label {
    color: #858585;
}

.rateslabfont label {
    font-size: 14px !important;
}

.group-proposals td .collapsetoggle {
    position: relative;
    transform: none;
}

.confirmtextnone tr a {
    text-decoration: none;
}

.custlookupbody {
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 10px;
    width: 285px;
    margin-left: 20px;
}

.custlookupbody-details {
    color: #FFFFFF;
    background: var(--theme-default);
    opacity: 0.8;
    border-radius: 10px;
}

.grouplookup-nav td {
    font-weight: 400;
    border-style: none;
}

.group-lookuptab .nav-pills .nav-link {
    background: none;
    color: black;
    font-size: 16px;
}

    .group-lookuptab .nav-pills .nav-link.active {
        background: none;
        font-size: 16px;
        color: var(--theme-default);
        border-bottom: 3px solid var(--theme-default);
        border-radius: 0px !important;
    }

.grouproomgrid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.Group-Room .attachment-content {
    font-size: 12px;
}

.Group-Room .group-roomheader div {
    font-size: 14px;
}

.Group-Room .collapsebody {
    font-size: 14px;
    border-top: 0px !important;
}

.groupnotesbottom {
    border-bottom: 1px dashed #DADADA;
    padding-bottom: 10px;
}

.cruise_itinerary_section.bdrnone .col-md-2.group-roomheader {
    width: 14% !important;
}

    .cruise_itinerary_section.bdrnone .col-md-2.group-roomheader:first-child {
        width: 30% !important;
    }

.attachment-content table tr th:first-child {
    width: 24% !important;
}

.grpaddrates .attachment-content table tr th:first-child {
    width: 20% !important;
}

.login-content {
    color: #808080;
    display: flex;
    align-items: center;
    padding-left: 40px !important;
    padding-top: 22px !important;
}

.has-suggestions li {
    cursor: pointer;
}

.trazel-login img {
    position: absolute;
    top: 27px;
    left: 12px;
    padding-right: 10px;
}

.trazel-login input {
    padding-left: 36px !important;
}

.trazel-login .user-img {
    padding-top: 3px !important;
}

.lastview-table-heading tr th {
    color: #919191;
    border: transparent;
}

.lastview-table-body {
    border: transparent;
}

.history-heading label {
    border: 1px solid #dadada;
    padding: 8px 17px;
    border-radius: 30px;
    font-size: 14px;
    color: #8e8e8e;
}

.history-heading {
    display: flex;
    justify-content: center;
}

.payment-form-control {
    padding: 5px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    font-size: 14px;
    font-weight: 600;
    max-width: 150px;
}

.commission-payment-tr {
    border: transparent;
}

    .commission-payment-tr td {
        font-size: 14px;
    }

.commission-payment_text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 110px;
}

.payable-toggle {
    margin: 0 auto 20px auto;
}

    .payable-toggle .contact-toggle-button label {
        font-size: 14px;
    }

.quoteDetailsBtnNew {
    position: initial !important;
}

.TravelProtection_Response {
    overflow-y: scroll;
    max-height: 571px;
}

.TravelProtection_paragraph_container {
    background: #fff;
    border: 1px solid #dddddd;
    border-radius: 5px;
    padding: 10px;
}

.My-overview-filled .nav-item .nav-link {
    color: black !important;
    position: relative;
    background: transparent;
}

    .My-overview-filled .nav-item .nav-link.active:after, .My-overview-filled .nav-item .nav-link:focus::after {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0px;
        height: 3px;
        width: 100%;
        background: var( --theme-default);
    }

    .My-overview-filled .nav-item .nav-link.active, .My-overview-filled .nav-item .nav-link:focus {
        color: var( --theme-default) !important;
    }

.Quote-disable-color {
    color: #a5a5a5;
    background: #ededed;
    pointer-events: none;
}

.Quote-arrow {
    opacity: .3;
}

.dot-container {
    display: flex;
    justify-content: center;
    padding: 10px;
}

.dot-flashing {
    position: relative;
    width: 15px;
    height: 15px;
    border-radius: 11px;
    background-color: var( --theme-default);
    color: var( --theme-default);
    animation: dotFlashing 1s infinite linear alternate;
    animation-delay: .5s;
}

    .dot-flashing::before, .dot-flashing::after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 0;
    }

    .dot-flashing::before {
        left: -22px;
        width: 15px;
        height: 15px;
        border-radius: 11px;
        background-color: var( --theme-default);
        color: var( --theme-default);
        animation: dotFlashing 1s infinite alternate;
        animation-delay: 0s;
    }

    .dot-flashing::after {
        left: 23px;
        width: 15px;
        height: 15px;
        border-radius: 11px;
        background-color: var( --theme-default);
        color: var( --theme-default);
        animation: dotFlashing 1s infinite alternate;
        animation-delay: 1s;
    }

@keyframes dotFlashing {
    0% {
        background-color: var( --theme-default);
        opacity: .4;
    }

    50%, 100% {
        background-color: var( --theme-default);
        opacity: 1;
    }
}

.Trazel_table_loader {
    background-color: #FFF;
    color: #666;
    width: 100%;
    padding: 0;
}

    .Trazel_table_loader th {
        background: #F7F9FA;
        border-top: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5;
        padding: 12px 10px;
        text-align: left;
    }

    .Trazel_table_loader td {
        border-top: 0px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5;
        padding: 12px 10px;
        vertical-align: top;
    }

.page-loader-img, .page-loader-content, .page-loader-button, .page-loader-calendar, .page-loader-search, .page-loader-filter {
    border-radius: 3px;
    background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
    background-size: 600px;
    animation: shine-lines-table 1.6s infinite linear;
    display: inline-block;
}

.page-loader-img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

.page-loader-content {
    height: 19px;
    width: 80px;
}

.page-loader-button {
    height: 35px;
    width: 100px;
}

.page-loader-calendar {
    height: 35px;
    width: 200px;
}

.page-loader-search {
    height: 30px;
    width: 170px;
}

.page-loader-filter {
    height: 40px;
    width: 35px;
}

.animation-heading, .loader-three-dot, .animation-content, .loader-total-entries, .loader-show-entries, .loader-next-entries {
    border-radius: 3px;
    background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
    background-size: 600px;
    animation: shine-lines-table 1.6s infinite linear;
    display: inline-block;
}

.animation-heading {
    height: 17px;
    width: 200px;
}

.loader-three-dot {
    height: 8px;
    width: 8px;
    border-radius: 50%;
}

.animation-content {
    height: 17px;
    width: 150px;
}

.loader-total-entries {
    height: 21px;
    width: 150px;
}

.loader-show-entries {
    height: 17px;
    width: 250px;
}

.loader-next-entries {
    height: 21px;
    width: 180px;
}

@keyframes shine-lines-table {
    0% {
        opacity: 0.5;
    }

    40% {
        opacity: 0.8;
    }

    100% {
        opacity: 0.7;
    }
}

.sidebar:hover {
    display: block;
    width: 240px !important;
}

.pagemainrow.toggle .sidebar:hover .sidebar-help-section {
    opacity: 1 !important;
    visibility: visible !important;
}

.clickroom {
    color: red !important;
    border-color: red !important;
}

    .clickroom:hover {
        color: #fff !important;
        border-color: red !important;
        background: red !important;
    }

.DepAirport .select2-selection--multiple .select2-search .select2-search__field {
    opacity: 1 !important;
}

.lead-backdrop {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    background-color: #0000007d !important;
    z-index: 9999 !important;
    width: 100% !important;
    height: 100% !important;
    scroll-behavior: smooth !important;
}

.swal-text, .swal-footer {
    text-align: center !important;
}

.commissionstatus {
    padding-bottom: 20px;
}

.commission-content {
    padding: 10px 20px;
    margin-right: 10px;
    display: grid;
    border-radius: 7px !important;
}

    .commission-content:first-child {
        background: var(--theme-default);
    }

    .commission-content:nth-child(2) {
        background: #3B824B;
    }

    .commission-content:nth-child(3) {
        background: var(--theme-secondary);
    }

    .commission-content label {
        font-size: 17px;
        line-height: 1.5;
        color: #fff;
        font-weight: 600;
    }

    .commission-content span {
        font-size: 16px;
        line-height: 1.5;
        color: #fff;
        font-weight: 500;
    }

.ReqCity .select2-selection--multiple .select2-search .select2-search__field {
    opacity: 1;
}

.ReqCity .select2-selection--multiple:before, .DepAirport .select2-selection--multiple:before {
    background-image: url(../images/Search.svg);
    position: absolute;
    top: 50%;
    height: 18px;
    width: 18px;
    content: "";
    background-repeat: no-repeat;
    background-size: 16px;
    right: 15px;
    margin-top: -8px;
}

.mandatory-text {
    font-size: 12px;
    padding: 0px;
    color: var(--theme-danger);
    display: flex;
    justify-content: end;
}

.edit-room-type {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}

    .edit-room-type svg path {
        stroke: var(--theme-default);
    }

.req_room_count {
    font-size: 15px !important;
}

.total-room-price p {
    font-size: 14px !important;
}

.QuoteDetailsBody .menuheading {
    font-size: 15px !important;
}

.ReqCity .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear, .DepAirport .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
    right: 2.95rem;
}

.claim-button {
    background-color: #808080 !important;
    border-color: #808080 !important;
}

.switch-wrapper {
    width: 100%;
    max-width: 300px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    justify-content: end;
}

.label-container p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.switch-container {
    width: 100%;
    max-width: 76px;
    max-height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 5px 8px;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid #DADADA;
}

    .switch-container .switch-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: #949494;
        z-index: -1;
        transition: background-color 0.2s ease-in;
    }

    .switch-container #with-warrenty:checked ~ .switch-bg {
        background-color: #37ca37;
    }

    .switch-container .switch-left span {
        font-size: 13px;
        font-weight: 700;
        color: #000;
        line-height: 1;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }

    .switch-container .switch-right span {
        font-size: 13px;
        font-weight: 700;
        color: var( --theme-default);
        line-height: 1;
        opacity: 1;
        transition: opacity 0.3s ease-in-out;
    }

    .switch-container #with-warrenty:checked ~ .switch-left span {
        opacity: 1;
    }

    .switch-container #with-warrenty:checked ~ .switch-right span {
        opacity: 0;
    }

    .switch-container .round-box {
        position: absolute;
        width: 22px;
        height: 22px;
        top: 50%;
        transform: translate(-3px, -50%);
        background-color: #f6f6f6;
        box-shadow: 0 2px 3px rgb(0 0 0 / 15%);
        border-radius: 50%;
        transition: transform 0.3s ease-in-out;
    }

    .switch-container #with-warrenty:checked ~ .round-box {
        transform: translate(40px, -50%);
    }

.DropOffTime .form-time, .PickUpTime .form-time {
    border-radius: 5px;
}

#width_tmp_select {
    display: none;
}

.tbodyAddth input, .tbodyModifyth input, .tbodyArchiveth input, .thbodyperent input {
    width: 1rem !important;
    height: 1rem !important;
}

.previewtoggle .contact-btn {
    width: 125px;
}

.previewLead-dayslist .left-side-Stepper li, .previewlead-standard .left-side-Stepper li {
    padding: 5px 18px 1px 24px !important;
}

.previewLead-dayslist .left-side-Stepper, .previewlead-standard .left-side-Stepper {
    position: static !important;
}

    .previewLead-dayslist .left-side-Stepper li::before {
        top: -13px !important;
    }

    .previewLead-dayslist .left-side-Stepper li:first-child:after {
        top: 30px !important;
    }

    .previewLead-dayslist .left-side-Stepper li:last-child:after {
        top: -35px !important;
    }

.previewtransfer {
    border: 1px solid #dee2e6;
}

.previewlead-standard .left-side-Stepper li:first-child:after {
    top: 24px !important;
}

.previewlead-standard .left-side-Stepper li:last-child:after {
    top: -23px !important;
}

.request-content {
    display: flex;
    align-items: center;
}

.animatedBackground {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eee;
    background: -webkit-gradient(linear,left top,right top,color-stop(8%,#eee), color-stop(18%,#ddd),color-stop(33%,#eee));
    background: -webkit-linear-gradient(left,#eee 8%,#ddd 18%,#eee 33%);
    background: linear-gradient(to right,#eee 8%,#ddd 18%,#eee 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    position: relative
}

.loaderBg {
    background-color: #eee
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.sidebar-help-section {
    display: none;
}

.wedding-slide:before {
    border-radius: 5px !important;
}

.Hotel_rooms_heading {
    padding-top: 13px !important;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.attachment-body-section .Hotel_swipper_slider {
    height: 500px;
}

.ViewHotelDetails .modal-body .selected-rate_subdiv {
    gap: 15px;
}

.ViewHotelDetails .modal-xl, .HardRockPopup .modal-xl {
    max-width: 800px;
}

.Hotel_description p {
    font-size: 14px;
    line-height: 28px;
}

.hotelDetail_all_rooms .Hotel_rooms_heading {
    display: flex;
    align-items: center;
    padding-top: 10px !important;
    margin-bottom: 0px;
}

.attachment-body-section .Hotel_swipper_slider_thumb .Hotel_swipper_thumb .swiper-slide {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

    .attachment-body-section .Hotel_swipper_slider_thumb .Hotel_swipper_thumb .swiper-slide .swiper-image, .attachment-body-section .Hotel_swipper_slider .Hotel_swipper .swiper-slide .swiper-image {
        height: 100%;
        width: 100%;
    }

.attachment-body-section .Hotel_swipper_slider .swiper-button-next, .attachment-body-section .Hotel_swipper_slider .swiper-button-prev, .quotes-details-page .quotes-slider .proposal-slider .swiper-button-next, .quotes-details-page .quotes-slider .proposal-slider .swiper-button-prev {
    height: 35px;
    width: 35px;
    border-radius: 50px;
    background-color: #fff;
    opacity: 0.8;
}

    .attachment-body-section .Hotel_swipper_slider .swiper-button-next:hover, .attachment-body-section .Hotel_swipper_slider .swiper-button-prev:hover, .quotes-details-page .quotes-slider .proposal-slider .swiper-button-next:hover, .quotes-details-page .quotes-slider .proposal-slider .swiper-button-prev:hover {
        opacity: 1;
    }

    .attachment-body-section .Hotel_swipper_slider .swiper-button-next:after, .attachment-body-section .Hotel_swipper_slider .swiper-button-prev:after, .quotes-details-page .quotes-slider .proposal-slider .swiper-button-next:after, .quotes-details-page .quotes-slider .proposal-slider .swiper-button-prev:after {
        font-size: 20px;
        color: #000;
    }

.hotel-details-skeleton .hotel-skeleton, .prevw_lead_skelton .hotel-skeleton {
    gap: calc(var(--space) * 0.5);
    width: clamp(200px, 50vmin, 20rem);
    background-color: var(--surface);
    width: 100%;
}

    .hotel-details-skeleton .hotel-skeleton .square, .hotel-details-skeleton .hotel-skeleton .line, .hotel-details-skeleton .hotel-skeleton .thumb-square, .hotel-details-skeleton .hotel-skeleton .hotel-heading-skeleton, .hotel-details-skeleton .hotel-skeleton .paragraph-content-skeleton, .hotel-details-skeleton .hotel-skeleton .breakfast-content-skeleton, .hotel-details-skeleton .hotel-skeleton .breakfast-button-skeleton, .prevw_lead_skelton .hotel-skeleton .square, .prevw_lead_skelton .hotel-skeleton .line, .prevw_lead_skelton .hotel-skeleton .thumb-square, .prevw_lead_skelton .hotel-skeleton .hotel-heading-skeleton, .prevw_lead_skelton .hotel-skeleton .paragraph-content-skeleton, .prevw_lead_skelton .hotel-skeleton .breakfast-content-skeleton, .prevw_lead_skelton .hotel-skeleton .breakfast-button-skeleton {
        background: rgba(130, 130, 130, 0.2);
        background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
        background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
        background-size: 800px 100px;
        animation: wave-squares 2s infinite ease-out;
    }

@keyframes wave-lines {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

@keyframes wave-squares {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.hotel-details-skeleton .hotel-skeleton .square, .prevw_lead_skelton .hotel-skeleton .square {
    height: 650px;
    border-radius: 5px;
}

.hotel-details-skeleton .hotel-skeleton .hotel-skeleton-image {
    padding-bottom: 10px;
}

.hotel-details-skeleton .hotel-skeleton .line {
    height: 12px;
    margin-bottom: 6px;
    border-radius: 2px;
}

.hotel-details-skeleton .hotel-skeleton .thumb-square {
    height: 125px;
    margin-right: 10px;
    width: 25%;
    border-radius: 5px;
}

    .hotel-details-skeleton .hotel-skeleton .thumb-square:last-child {
        margin-right: 0px !important;
    }

.hotel-details-skeleton .hotel-skeleton .hotel-skeleton-thumb {
    display: flex;
    padding-bottom: 40px;
}

.hotel-details-skeleton .hotel-skeleton .hotel-heading-skeleton {
    height: 23px;
    width: 13%;
    margin-bottom: 20px;
}

.hotel-details-skeleton .hotel-skeleton .paragraph-content-skeleton, .prevw_lead_skelton .hotel-skeleton .paragraph-content-skeleton {
    height: 13px;
    margin-bottom: 10px;
}

.hotel-details-skeleton .hotel-skeleton .room-paragraph-skeleton, .prevw_lead_skelton .hotel-skeleton .room-paragraph-skeleton {
    padding-bottom: 30px;
}

.hotel-details-skeleton .hotel-skeleton .paragraph-content-skeleton:last-child {
    width: 22%;
}

.hotel-details-skeleton .hotel-skeleton .breakfast-content-skeleton {
    height: 15px;
    margin-bottom: 10px;
    width: 50%;
}

    .hotel-details-skeleton .hotel-skeleton .breakfast-content-skeleton:last-child {
        margin-bottom: 0px !important;
        width: 30%;
    }

.hotel-details-skeleton .hotel-skeleton .breakfast-button-skeleton {
    height: 30px;
    width: 10%;
    border-radius: 5px;
}

.hotel-details-skeleton .hotel-skeleton .room-breakfast-skeleton .breakfast-container-skeleton {
    border: 1px solid #dadada;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.m10 {
    margin-bottom: 10px !important;
}

.hotel-skeleton .skeleton-left .line:first-child {
    width: 60%;
    height: 23px;
    margin-bottom: 16px;
}

.hotel-skeleton .skeleton-left {
    padding-bottom: 30px;
}

.left-side-tab {
    padding-top: 0px !important;
}

.form-group {
    display: block;
}

.checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.checkbox label {
    position: relative;
    cursor: pointer;
}

    .checkbox label:before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 2px solid var( --theme-gray-border);
        box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
        padding: 7px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px;
        border-radius: 4px;
        height: 18px;
        width: 18px;
    }

.checkbox input:checked ~ label::before {
    border-color: var(--theme-default);
}

.checkbox input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 6px;
    width: 6px;
    height: 10px;
    border: solid var( --theme-default);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.priceSummarylink img {
    filter: brightness(0.5) grayscale(1);
    opacity: .5;
}

.navbar-dark .nav-link.hamburgertoggle:hover, .navbar-dark .nav-link.hamburgertoggle:focus, .navbar-dark ul li a:hover, .navbar-dark ul li a:focus, .navbar-dark a img:hover, .navbar-dark a img:focus {
    background: var(--theme-default-hover);
    color: #fff;
}

.forgot-pass {
    font-weight: 400;
    float: right;
    color: var(--theme-default);
    cursor: pointer;
}

.forgot-pass-section, .notVisible {
    display: none;
}

.search-text {
    color: var(--theme-light-gray);
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: #1b2b65;
    border-radius: 20px;
    cursor: pointer;
    display: none;
}

    .search-text:hover {
        background: #43569cf7;
        transition: 0.3s all ease;
    }

.loadroom-section-sec.loadroom-section {
    padding: 46px 0 !important;
}

.room-type-section-identifier.p-3.selectedRoomCategories {
    overflow-x: auto;
    height: 270px;
}

.RequestDetail_Body .card {
    box-shadow: rgb(95 94 231 / 0%) 0px 4px 30px;
    border-radius: 0px;
}

.selectroomcate .RoomCategories, .boardTypeSelect {
    background-position: center right !important;
}

input.price {
    padding-right: 0.75rem !important;
}

.flightdetailsfetch.outbound-search.SearchBtn {
    padding: 0px;
}

.dropdown-item:active .text-muted {
    color: #fff !important;
}

input#ReqBudget.Mobile {
    padding-right: 0.75rem !important;
}

.TotalAdultPax.TotalChildPax#TotalAdultPax_0 label, .TotalActivityChildPax .ActivityAdultCount label {
    font-size: 14px;
    letter-spacing: 0.1px;
}

.selectroomcat .activityIdentifierSelect.IdentifierType {
    background-position: right 8px !important;
}

.request_details#requestdetails .RequestDetailsBtn.active, #quotedetails .QuoteDetailsBtn.active {
    display: none;
}

.AddCustomerBtn.customerdetails-AddCustomerBtn {
    padding-top: 17px;
    padding-bottom: 3px;
}

.quote-creating-side-bar.modalside-nav.nav-link-child .left-side-Stepper.quoteDetailsBtnNew li span a, .addGroupLeadmodal .modal-body .modelside-nav .mainNavDiv .quote-creating-side-bar ul.left-side-Stepper li a, .customerprofilepopup #Customer-profile-tabs .nav-link-child ul .nav-link {
    padding: 0.7rem 0.7rem 0.7rem 2rem;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.quote-creating-side-bar.modalside-nav.nav-link-child .left-side-Stepper.quoteDetailsBtnNew li.active span a, .addGroupLeadmodal .modelside-nav .left-side-Stepper li a.nav-link.active {
    background-color: var(--theme-reg-dark-color);
    border: 0px !important;
    width: 100%;
    border-radius: 0px !important;
}

.quote-creating-side-bar.modalside-nav.nav-link-child .left-side-Stepper.quoteDetailsBtnNew li a.active {
    background-color: var(--theme-reg-dark-color);
    border: 0px !important;
    width: 100%;
    border-radius: 0px !important;
}

.intosection p {
    font-size: 15px;
    margin-bottom: 7px;
}

.intosection .cislabel {
    color: var(--theme-reg--light-color);
}

.intosection .cisdata {
    font-weight: 400;
}

.pagemainrow.toggle .sidebar .dropdown-toggle::before {
    display: none;
}

.Erza-miller {
    cursor: pointer;
    font-size: 15px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
    display: none;
}

a.d-flex.align-items-center.col-md-3.col-lg-2.mb-2.mb-lg-0.text-dark.text-decoration-none img, a.d-block.link-dark.text-decoration-none.notification-show img {
    background-color: transparent !important;
}

.team-Member_new p {
    font-size: 15px;
    font-weight: 600;
}

.select-searchbar:before {
    background-image: url(../images/Search.svg);
    position: absolute;
    top: 50%;
    height: 18px;
    width: 18px;
    content: "";
    background-repeat: no-repeat;
    background-size: 17px;
    right: 12px;
    margin-top: -8px;
    cursor: pointer;
}

.select-searchbar .form-select {
    background-image: none;
}

.modelside-nav .nav .nav-link.QuoteDetailsBtn.active {
    border-bottom-left-radius: 0px !important;
    border-bottom: 0px !important;
}

.quote-creating-side-bar.modalside-nav.nav-link-child ul.left-side-Stepper.quoteDetailsBtnNew, .addGroupLeadmodal .modelside-nav .left-side-Stepper {
    background: var(--theme-reg--grey-light);
    padding-left: 20px;
    margin-top: -10px;
    border-left: 1px solid rgb(222, 226, 230) !important;
    border-bottom: 1px solid rgb(222, 226, 230) !important;
    padding-bottom: 15px;
}

.addGroupLeadmodal .modelside-nav .left-side-Stepper {
    top: 235px;
}

    .quote-creating-side-bar.modalside-nav.nav-link-child .left-side-Stepper.quoteDetailsBtnNew li, .addGroupLeadmodal .modelside-nav .left-side-Stepper li {
        background: #fff0 !important;
    }

.collapseheader.breakpoint-customerdetails.CustomerDetailsBtn.active {
    pointer-events: none;
}

#AddCustomerBtn-button {
    pointer-events: initial;
}

.rcmdroom .total-room-price .noborderinput.Total-Price.price {
    padding-right: 0px !important;
}

main#mainContent .modal.fade.addRoomCategorymodal.show .modal-dialog.modal-dialog-centered.modal-dialog-scrollable .modal-body.RoomCategoryBody {
    overflow-y: initial;
}

.dash-form-group.dash-check-group label {
    font-size: .845rem;
}

.quote-creating-side-bar.modalside-nav.nav-link-child ul.left-side-Stepper.quoteDetailsBtnNew li span a:before, .addGroupLeadmodal .modal-body .modelside-nav .mainNavDiv .quote-creating-side-bar ul.left-side-Stepper li a:before {
    content: '';
    position: absolute;
    width: 10px;
    transform: rotate(180deg);
    height: 10px;
    top: 50%;
    left: 13px;
    background-repeat: no-repeat;
    border-radius: 10px;
    margin-top: -4px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%23787887'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
}

.annoucement-section {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    background-color: #FFF1D3;
    text-align: left;
}

.annoucement-section-disabled, .annoucement-section-disabled h4, .annoucement-section-disabled span img {
    filter: grayscale(1);
    cursor: not-allowed;
}

.theme-reg-dark-bg {
    background: var(--theme-reg-dark-color);
}

.annoucement-icon {
    display: inline-block;
    width: auto;
    float: left;
}

.annoucement-content {
    display: inline-block;
    padding-left: 20px;
}

    .annoucement-content h4 {
        font-size: 18px;
        color: #1C1F37;
        display: inline-block;
        padding-right: 10px;
    }

    .annoucement-content p {
        font-size: 14px;
        color: #000;
        margin-bottom: 0px;
        max-height: 68px;
        overflow-y: auto;
    }

        .annoucement-content p::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgb(255 255 255);
            border-radius: 10px;
            background-color: #f1f1f1;
        }

        .annoucement-content p::-webkit-scrollbar {
            width: 10px;
            background-color: #ffffff;
            border-radius: 12px;
        }

        .annoucement-content p::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background-color: #dfdfdf;
        }

.dashboard-card {
    width: 100%;
    display: block;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 15px 8px rgba(0, 0, 0, 0.06);
}

.card-total-amount-section {
    width: 100%;
    display: block;
    margin-top: 25px;
}

.card-amount-section {
    width: 100%;
    display: block;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 15px 8px rgba(0, 0, 0, 0.06);
}

.card-amount_line {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .card-amount_line h5 {
        font-size: 16px;
        margin-bottom: 0px;
        display: inline-block;
        padding-right: 10px;
        font-weight: 500;
        text-transform: capitalize;
    }

    .card-amount_line h4 {
        font-size: 18px;
        color: #1C1F37;
        margin-bottom: 0px;
        font-weight: 600;
    }

    .card-amount_line .price {
        font-size: 18px;
        color: #1C1F37;
        margin-bottom: 0px;
        font-weight: 600;
    }

.dashboard-card .progress {
    height: 5px;
}

.dashboard-card .progress-bar.pro-bg-success {
    background-color: #2DAE4A;
}

.dashboard-card .progress-bar.pro-bg-success2 {
    background-color: #03C3EC;
}

.dashboard-card .progress-bar.pro-bg-success3 {
    background-color: #6201ED;
}

.dashboard-card .progress-bar.pro-bg-success4 {
    background-color: #FFAB00;
}

.travel-leads-section {
    margin-top: 25px;
}

.dash-heading {
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    height: 38px;
    text-transform: capitalize;
}

.dashboard-bg-blue-light {
    background-color: #D2E8FD;
}

.dashboard-bg-orange-light {
    background-color: #FEE7D7;
}

.text-dark-orange {
    color: #DA7905;
}

.total-sales-box {
    width: 100%;
    display: flex;
    align-items: center;
    text-align: left;
    justify-content: space-between;
}

    .total-sales-box p {
        font-size: 16px;
        font-weight: 700;
        text-align: left;
        margin-bottom: 10px;
    }

    .total-sales-box h4 {
        font-size: 24px;
        font-weight: 700;
    }

.travel-leaderboard-switch {
    display: inline-block;
    margin-bottom: 0px;
    min-height: auto;
}

table.travel-Leaderboard-table, table.recent-submitted-table, table.group-leader-table {
    width: 100%;
    text-align: left;
}

    table.travel-Leaderboard-table tr, table.recent-submitted-table tr, table.group-leader-table tr {
        border-bottom: solid 1px #F1F3F9;
    }

        table.travel-Leaderboard-table tr:last-child, table.recent-submitted-table tr:last-child, table.group-leader-table:last-child {
            border-bottom: 0px;
        }

    table.travel-Leaderboard-table td, table.group-leader-table td {
        font-size: 14px;
        font-weight: 600;
        padding: 10px 0px;
        font-weight: 500;
    }

        table.travel-Leaderboard-table td:last-child, table.group-leader-table td:last-child {
            font-weight: 700;
        }

    table.recent-submitted-table td {
        font-size: 14px;
        font-weight: 400;
        padding: 10px 0px;
    }

    table.recent-submitted-table tr th {
        font-size: 14px;
        font-weight: 600;
        padding: 10px 0px;
    }

    table.travel-Leaderboard-table td:last-child, table.group-leader-table tr td:nth-child(3) {
        text-align: right;
    }

    table.recent-submitted-table td:nth-child(2) {
        overflow: hidden;
        max-width: 150px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.padd-25 {
    padding: 25px 20px;
}

.recent-submitted-section {
    width: 100%;
    display: block;
    margin-top: 25px;
    padding-bottom: 5px;
}

table.recent-submitted-table th:last-child, table.recent-submitted-table td:last-child, table.recent-submitted-table th:nth-child(4), table.recent-submitted-table td:nth-child(4) {
    text-align: right;
}

.view-link-but {
    border-radius: 20px;
    padding: 4px 14px;
    transition: 0.3s ease-in-out;
}

    .view-link-but:hover {
        color: var(--theme-default-hover);
        background: #ffffff;
    }

.table-scroll1 {
    overflow-y: auto;
    min-height: 245px;
    max-height: 245px;
    background: var(--theme-bg-light-clr);
    padding: 0 15px;
}

.canvas-con {
    display: flex;
    align-items: center;
    min-height: 246px;
    position: relative;
    padding-top: 17px;
    justify-content: space-around;
}

p.canvas-total {
    position: relative;
    left: 159px;
    margin-top: 64px;
    color: #919191;
    margin-top: -20px;
}

.canvas-con-inner {
    height: 100%;
}

.canvas-con-inner {
    position: relative;
}

p.canvas-total {
    margin: 0;
    position: absolute;
    left: 0% !important;
    top: 42%;
    transform: translateY(-50%);
    width: 100%;
}

.canvas-con-inner, .legend-con {
    display: inline-block;
}

    .legend-con ul {
        list-style: none;
    }

        .legend-con ul li {
            display: flex;
            align-items: center;
            margin-bottom: 8px;
            font-size: 14px;
            vertical-align: middle;
            line-height: 20px;
        }

            .legend-con ul li span {
                display: inline-flex;
            }

.legend-con {
    display: inline-block;
}

span.chart-legend {
    width: 12px;
    height: 12px;
    margin-right: 8px;
    border-radius: 20px;
}

.dashboard-date input {
    border: 0px;
    color: #919191;
    font-size: 15px;
    background-image: url(../images/caleneder.svg);
    background-repeat: no-repeat;
    background-position: left 0px center;
    padding-left: 30px;
}

.dashboard-date.toolbar input {
    position: static;
}

.dashboard-date.toolbar .daterangepicker.dropdown-menu {
    top: 53px !important;
    left: auto !important;
    right: 16px !important;
}

.dashboard-date.toolbar .daterangepicker.opensright:after {
    left: 10px;
    display: none;
}

.dashboard-date.toolbar .daterangepicker.opensright:before {
    left: 10px;
    display: none;
}

.dashboard-date input:focus-visible {
    outline: 0px;
    border: 0px;
}

.travel-leaderboard-switch .form-check-input {
    border: 1px solid #dadada;
    background-color: #017efa;
    width: 3.5rem;
    height: 1.5rem;
}

.travel-leaderboard-switch .form-check-input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

    .travel-leaderboard-switch .form-check-input:focus {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    }

.travel-Leaderboard-table tr td:nth-child(1), .group-leader-table tr td:nth-child(1), table.group-leader-table tr td:nth-child(1) {
    width: 45px;
}

.recent-submitted-table-scroll {
    overflow-y: auto;
    min-height: 326px;
    max-height: 326px;
    height: 326px;
    padding-right: 15px;
}

#BookingmyChart.booking-chart {
    width: 100% !important;
    height: 310px !important;
}

.canvas-graph-height {
    min-height: 246px;
    height: 246px;
}

.booking-graph-height {
    min-height: 326px;
    height: 326px;
}

#mychart2 {
    height: 150px !important;
    width: 300px !important;
    float: left;
}

.dash-heading .nav.nav-tabs {
    border-bottom: 1px solid #f1f3f9;
}

    .dash-heading .nav.nav-tabs .nav-item.active {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border: solid 1px #F1F3F9;
        color: #000;
        background-color: #f8f8f800;
        border-bottom: 0px;
    }

        .dash-heading .nav.nav-tabs .nav-item.active .nav-link {
            border-bottom: 0px;
        }

.tab-content.travel-Leaderboard.table-scroll1 .tab-pane {
    margin-top: 6px;
}

.dash-heading .nav.nav-tabs .nav-item.active a.nav-link {
    color: #000 !important;
    background-color: var(--theme-bg-light-clr) !important;
}

.dashboard-card .title {
    font-size: 16px;
}

.dash-heading .nav.nav-tabs .nav-item a.nav-link {
    color: #6c757d;
    font-weight: 600;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}

    .dash-heading .nav.nav-tabs .nav-item a.nav-link:hover {
        border: 1px solid transparent;
        background: var(--theme-bg-sky-light);
    }

.dash-heading .nav.nav-tabs .nav-item.active a.nav-link:focus {
    border-color: #e9ecef00 #e9ecef00 #dee2e600;
}

#legend {
    width: auto;
    display: block;
    float: right;
    margin-top: -40px;
}

    #legend ul {
        margin-bottom: 0px;
    }

        #legend ul li {
            width: auto;
            padding-right: 20px;
            list-style: none;
            display: inline-block;
        }

            #legend ul li span {
                width: 14px;
                height: 14px;
                margin-right: 10px;
                border-radius: 20px;
                display: inline-block;
            }

            #legend ul li:nth-child(2) {
                padding-right: 0px;
            }

.custom-legend {
    width: auto;
    display: block;
    float: right;
    margin-top: -40px;
}

    .custom-legend ul {
        margin-bottom: 0px;
    }

        .custom-legend ul li {
            display: inline-flex;
            align-items: center;
            margin-bottom: 8px;
            font-size: 14px;
            vertical-align: middle;
            line-height: 20px;
            margin-left: 7px;
        }

.daterangepicker .calendar th, .daterangepicker .calendar td {
    font-size: 14px;
}

.custom-legend ul li span {
    width: 12px;
    height: 12px;
    margin-right: 8px;
    border-radius: 20px;
}

.custom-legend ul li:nth-child(2) {
    padding-right: 0px;
}

.custom-legend ul li span {
    background-color: #FFB75F;
}

    .custom-legend ul li span.leisure {
        background-color: #FF947A;
    }

input.task-input-search {
    padding: 5px 10px;
    padding-left: 36px;
    background-image: url(../images/Search.svg);
    background-repeat: no-repeat;
    background-position: left 10px center;
    border: 1px solid #dddddd;
    background-size: 16px;
    height: 36px;
    border-radius: 5px;
}

    input.task-input-search:focus-visible {
        outline: 0px;
        border: 1px solid #dddddd;
    }

table.to-do-table tr td:last-child {
    width: 50px;
    cursor: pointer;
}

.to-do-table-footer {
    width: 100%;
    display: block;
    border-top: solid 1px #F1F3F9;
    padding-top: 10px;
    text-align: right;
    padding-bottom: 0px;
}

    .to-do-table-footer .btn {
        border-radius: 20px;
    }

.tble-scroll {
    overflow-y: auto;
    min-height: 313px;
    max-height: 313px;
    height: 313px;
}

.tble-scroll2 {
    overflow-y: auto;
    min-height: 250px;
    max-height: 250px;
    height: 250px;
}

.cus-chat-name {
    width: 32px;
    height: 32px;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
    margin-top: 4px;
}

.cus-chat-name-details {
    width: 100%;
    display: block;
    padding-left: 8px;
}

    .cus-chat-name-details p {
        width: 100%;
        display: block;
        color: #000000;
        font-weight: 600;
        font-size: 12px;
        margin-bottom: 4px;
    }

    .cus-chat-name-details span {
        width: 100%;
        display: block;
        color: #6A6565;
        font-weight: 400;
        font-size: 12px;
    }

.bg-081A51 {
    background-color: #081A51;
}

.bg-3B824B {
    background-color: #3B824B;
}

.bg-017EFA {
    background-color: #017EFA;
}

.bg-CF3A59 {
    background-color: #CF3A59;
}

.border-bt-chat {
    border-bottom: solid 1px #F1F3F9;
    padding: 13px 0px;
    display: flex;
}

.cus-chat-date {
    text-align: right;
    font-weight: 400;
    font-size: 11px;
    color: #6A6565;
}

.tble-scroll3 {
    overflow-y: auto;
    min-height: 301px;
    max-height: 301px;
    height: 301px;
    background: var(--theme-bg-light-clr);
    padding: 0 15px;
}

.rounded-full {
    border-radius: 20px;
}

.lh-17 {
    line-height: 16px;
}

.new-bookings-table tr td:last-child {
    padding-left: 30px;
    cursor: pointer;
}

.payment-due-but {
    min-width: 93px;
}

.switchin-div-cls .travel-Leaderboard-table {
    display: none;
}

.switchin-div-cls .group-leader-table {
    display: block;
}

    .switchin-div-cls .group-leader-table tbody {
        width: 100%;
        display: inline-table;
    }

.switchin-sec .dash-heading span.travel-lead-heading {
    color: #000 !important;
}

.switchin-div-cls span.text-muted {
    color: #000 !important;
}

.switchin-div-cls .dash-heading span.travel-lead-heading {
    color: #6c757d !important;
}

.dash-heading span.travel-lead-heading {
    color: #000 !important;
}

.data-not-available {
    width: 100%;
    height: 100%;
    padding: 20px;
    border-radius: 10px;
    background-color: #f8f8f8;
    font-size: 12px;
    color: #6a6565;
    display: flex;
    align-items: center;
    justify-content: center;
}

.not-responsive {
    display: none;
}

.recent-submitted-table-scroll::-webkit-scrollbar-track, .travel-Leaderboard.table-scroll1::-webkit-scrollbar-track, .travel-leads-graph-under.tble-scroll2::-webkit-scrollbar-track, .travel-leads-graph-under.tble-scroll::-webkit-scrollbar-track, .travel-Leaderboard.tble-scroll3::-webkit-scrollbar-track, #sidebarmenu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(255 255 255);
    border-radius: 10px;
    background-color: #f1f1f1;
}

.recent-submitted-table-scroll::-webkit-scrollbar, .travel-Leaderboard.table-scroll1::-webkit-scrollbar, .travel-leads-graph-under.tble-scroll2::-webkit-scrollbar, .travel-leads-graph-under.tble-scroll::-webkit-scrollbar, .travel-Leaderboard.tble-scroll3::-webkit-scrollbar, #sidebarmenu::-webkit-scrollbar {
    width: 10px;
    background-color: #ffffff;
    border-radius: 12px;
}

.recent-submitted-table-scroll::-webkit-scrollbar-thumb, .travel-Leaderboard.table-scroll1::-webkit-scrollbar-thumb, .travel-leads-graph-under.tble-scroll2::-webkit-scrollbar-thumb, .travel-leads-graph-under.tble-scroll::-webkit-scrollbar-thumb, .travel-Leaderboard.tble-scroll3::-webkit-scrollbar-thumb, #sidebarmenu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #dfdfdf;
}

@media screen and (min-width:320px) and (max-width:768px) {
    .dashboard-date input {
        font-size: 12px;
        padding-left: 20px;
        background-size: 17px;
    }

    .annoucement-icon img {
        display: none;
    }

    .annoucement-content {
        padding-left: 0px;
    }

    .card-amount_line p {
        font-size: 15px;
        padding-right: 4px;
    }

    .cus-chat-name {
        margin-right: 15px;
    }

    .legend-con {
        margin-left: 0px;
    }

    .canvas-con-inner {
        margin-left: -68px;
    }

    p.canvas-total {
        position: relative;
        left: 50%;
        transform: translate(-100%);
        margin-top: -5px;
    }

    .canvas-graph-height {
        min-height: 198px;
        height: 198px;
    }

    .canvas-con {
        min-height: 200px;
        justify-content: space-between;
    }

    .travel-leaderboard-switch .form-check-input {
        width: 3rem;
    }

    .dash-heading {
        font-size: 14px;
        line-height: 18px;
        height: auto;
        padding-bottom: 0px;
    }

    table.recent-submitted-table td, table.recent-submitted-table tr th {
        padding-right: 20px;
        font-size: 13px;
    }

    #BookingmyChart.booking-chart {
        width: 100% !important;
        height: auto !important;
    }

    .booking-graph-height {
        min-height: auto;
        height: auto;
    }

    .dash-heading .nav.nav-tabs .nav-link {
        letter-spacing: 0.4px;
        font-size: 12px;
        padding: 0.5rem 0.2rem;
    }

    .custom-legend {
        margin-top: -24px;
    }

        .custom-legend ul li {
            padding-right: 7px;
        }
}

@media screen and (min-width:481px) and (max-width:768px) {
    .dashboard-date input {
        font-size: 15px;
        padding-left: 30px;
        background-size: 19px;
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    .legend-con {
        display: inline-block;
        margin-left: 0px;
    }

    div#AddUserModal .tab-flex-row, #AddUserModal .user_colNine {
        width: 100%;
    }

    #mychart2 {
        height: 213px !important;
        width: 225px !important;
    }

    p.canvas-total {
        left: 60px;
    }

    .recent-submitted-section .dashboard-card {
        margin-bottom: 25px;
    }

    .travel-leads-section .col-sm-12.col-md-12.col-lg-6.col-xl-4:nth-child(1), .travel-leads-section .col-sm-12.col-md-12.col-lg-6.col-xl-4:nth-child(2) {
        margin-bottom: 25px;
    }

    .card-amount_line p {
        font-size: 15px;
    }

    .card-amount_line h4 {
        font-size: 16px;
    }

    .card-total-amount-section .dashboard-card {
        padding: 12px;
    }

    .canvas-graph-height {
        min-height: 245px;
        height: 245px;
    }

    .canvas-con {
        min-height: 200px;
    }

    .annoucement-icon img {
        display: none;
    }

    .dash-heading .text-muted {
        text-align: right;
    }
}

@media screen and (min-width:993px) and (max-width:1199px) {
    .annoucement-content {
        display: table;
        padding-left: 20px;
    }

    .legend-con {
        display: inline-block;
        margin-left: 0px;
    }

    #mychart2 {
        height: 220px !important;
        width: 250px !important;
    }

    p.canvas-total {
        left: 75px;
    }

    .recent-submitted-section .dashboard-card {
        margin-bottom: 25px;
    }

    .travel-leads-section .col-sm-12.col-md-12.col-lg-6.col-xl-4:nth-child(1), .travel-leads-section .col-sm-12.col-md-12.col-lg-6.col-xl-4:nth-child(2) {
        margin-bottom: 25px;
    }

    .card-amount_line p {
        font-size: 14px;
    }

    .card-amount_line h4 {
        font-size: 16px;
    }

    .card-total-amount-section .dashboard-card {
        padding: 12px;
    }

    .dash-heading .text-muted {
        text-align: right;
    }
}

@media screen and (min-width:1200px) and (max-width:1350px) {
    .dash-heading {
        line-height: 22px;
        font-size: 15px;
    }

    .legend-con {
        display: inline-block;
        margin-left: 0px;
    }

    #mychart2 {
        height: 228px !important;
        width: 228px !important;
    }

    .annoucement-content {
        display: table;
    }

    .card-amount_line p {
        font-size: 14px;
        padding-right: 4px;
        letter-spacing: -0.5px;
    }

    .card-amount_line h4 {
        font-size: 17px;
    }

    .card-total-amount-section .dashboard-card {
        padding: 10px;
    }

    .legend-con ul {
        padding-left: 50px;
    }

    .total-sales-box h4 {
        font-size: 24px;
    }

    .sales-icon {
        text-align: right;
        float: right;
    }

        .sales-icon img {
            width: 75px !important;
        }

    .canvas-graph-height {
        min-height: 210px;
        height: 210px;
    }

    .table-scroll1 {
        overflow-y: auto;
        min-height: 210px;
        max-height: 210px;
        height: 210px;
    }

    .dash-heading .text-muted {
        text-align: right;
    }

    .travel-Leaderboard.tble-scroll3 .border-bt-chat .col-md-1 {
        margin-right: 20px;
    }

    .travel-Leaderboard.tble-scroll3 .border-bt-chat .col-md-8 {
        width: 57%;
    }

    .task-input-search-main {
        width: 60%;
    }

        .task-input-search-main input.task-input-search {
            width: 100%;
        }

    .dash-heading .nav.nav-tabs .nav-link {
        letter-spacing: 0.4px;
        font-size: 14px;
        padding: 0.5rem 0.5rem;
    }
}

@media screen and (min-width:1351px) and (max-width:1560px) {
    .card-total-amount-section .dashboard-card {
        padding: 12px;
    }

    .annoucement-content {
        padding-left: 15px;
    }

    .dashboard-card {
        padding: 15px;
    }

    .card-amount_line p {
        letter-spacing: -0.4px;
        padding-right: 5px;
    }

    .card-amount_line h4 {
        font-size: 17px;
    }

    .legend-con {
        margin-left: 0px;
    }

    p.canvas-total {
        left: 132px;
    }

    .dash-heading {
        font-size: 16px;
        line-height: 22px;
    }

        .dash-heading .nav.nav-tabs .nav-link {
            letter-spacing: 0.4px;
            font-size: 12px;
            padding: 0.5rem 0.5rem;
        }

    table.travel-Leaderboard-table td, table.group-leader-table td {
        font-size: 12px;
    }
}

#SaveCustomerData.claim-button.btnSaveasDraft {
    background-color: #80808000 !important;
    border-color: #80808000 !important;
}

    #SaveCustomerData.claim-button.btnSaveasDraft:disabled {
        background-color: #808080 !important;
        border-color: #808080 !important;
        color: #fff !important;
        opacity: 0.3;
    }

.form-select:disabled, .form-control:disabled, #customerdetails .Customer_Data .form-floating.disabled .form-control, #customerdetails .Customer_Data .form-floating.disabled .intl-tel-input, #customerdetails .Customer_Data .form-floating.disabled .flag-container {
    background-color: #f8f8f8 !important;
    color: #8E8E8E;
    background-image: none !important;
}

.btn.btn-primary.claim-button#btnClaimLead {
    opacity: 0.3;
}

.selectroomcate select.transferIdentifierSelect:disabled, select.RoomCategories:disabled, .selectroomcate select.activityIdentifierSelect:disabled {
    background-color: #fff !important;
}

select.activityIdentifierSelect.IdentifierType {
    background-position: right 0.75rem center !important;
}

.select-searchbar .form-select {
    background-image: none;
}

#sidebarMenu1.sidebar.sidebarMenu.collapse #sidebarmenu li.nav-item ul.dropdown-menu.show {
    border-bottom: 1px solid #ddd0 !important;
    background-color: #f8f8f8;
    padding: 10px !important;
    margin-top: -1px !important;
}

    #sidebarMenu1.sidebar.sidebarMenu.collapse #sidebarmenu li.nav-item ul.dropdown-menu.show li a.dropdown-item svg {
        display: none;
    }

    #sidebarMenu1.sidebar.sidebarMenu.collapse #sidebarmenu li.nav-item ul.dropdown-menu.show li {
        position: relative;
        margin-bottom: 2px;
    }

        #sidebarMenu1.sidebar.sidebarMenu.collapse #sidebarmenu li.nav-item ul.dropdown-menu.show li a.dropdown-item:before {
            content: "";
            height: 0.125rem;
            width: 0.375rem;
            background: var(--theme-default);
            position: absolute;
            left: 1.3rem;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transition: all 0.5s;
            -ms-transition: all 0.5s;
            transition: all 0.5s;
        }

        #sidebarMenu1.sidebar.sidebarMenu.collapse #sidebarmenu li.nav-item ul.dropdown-menu.show li a.dropdown-item:hover:before {
            width: 1.25rem;
        }

.sidebar ul.nav li.nav-item .dropdown-menu a:hover {
    padding-left: 3.2rem;
    background: transparent;
    color: var(--theme-default);
}

.sidebar .dropdown-toggle::after {
    display: none;
}

.sidebar .dropdown-toggle::before {
    content: '';
    position: absolute;
    width: 15px;
    transform: rotate(-90deg);
    height: 15px;
    top: 50%;
    margin-top: -7px;
    left: auto;
    background-size: 15px;
    background-repeat: no-repeat;
    border-radius: 10px;
    right: 15px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%23787887'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
}

.sidebar .dropdown-toggle.active::before {
    transform: rotate(90deg);
    filter: brightness(100);
}

.selectedRoomCategories.dataTables_wrapper.no-footer .top, .dataTables_wrapper.no-footer .top {
    padding-right: 0px !important
}

table.dataTable tbody tr.selected, table.dataTable tbody tr.odd.selected, table.dataTable tbody tr.even.selected {
    background-color: #017efa1f !important;
}

tr#EditFields .dash-form-group {
    margin-bottom: 0px;
}

tr#EditFields {
    background-color: #f1f8ff !important;
}

.intl-tel-input input.form-control {
    height: 24px;
    border: 0;
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

    .intl-tel-input input.form-control:focus {
        outline: 0;
        box-shadow: none;
    }

.nav.sidebarMaster-page#sidebarmenuMaster li.nav-item a.nav-link:before {
    content: '';
    position: absolute;
    width: 10px;
    transform: rotate(180deg);
    height: 10px;
    top: 50%;
    left: 13px;
    background-repeat: no-repeat;
    border-radius: 10px;
    margin-top: -4px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%23787887'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
}

.sidebarMaster-page li:hover {
    background-color: #e7e7e7;
    transition: 0.4s all ease;
}

    .sidebarMaster-page li:hover a {
        color: #000 !important;
    }

.maincntntwrap .container-fluid .dropdown ul a {
    font-size: 14px;
    padding: 6px 20px;
}

.form-editor-wrap .ck-editor__main� p {
    margin: 0px;
}

.breakpoint-bell .dropdown-list .breakpoint-notification-date {
    font-size: 11px;
}

.breakpoint-bell .dropdown-list .dropdown-item {
    border-bottom: 1px solid #f1f1f1;
}

.breakpoint-bell .dropdown-list .border-bottom a:last-child {
    border: none;
}

.custom-touchpin.input-group-btn-vertical {
    position: absolute;
    right: 0;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 2;
}

    .custom-touchpin.input-group-btn-vertical .btn {
        position: absolute;
        right: 0;
        height: 50%;
        padding: 0;
        width: 2em;
        text-align: center;
        line-height: 1;
    }

    .custom-touchpin.input-group-btn-vertical > .btn {
        width: 45px;
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .custom-touchpin.input-group-btn-vertical .bootstrap-touchspin-up {
        border-radius: 0 4px 0 0;
        top: 0;
    }

    .custom-touchpin.input-group-btn-vertical .bootstrap-touchspin-down {
        border-radius: 0 0 4px 0;
        bottom: 0;
    }

    .custom-touchpin.input-group-btn-vertical > .btn:focus {
        outline: 0px;
        border: 0px !important;
        box-shadow: 0px 0px 0px transparent;
    }

.card .card-header {
    border-bottom: 1px solid rgb(0 0 0 / 0%);
}

.quote-tab-content#quotedetailsFinalPayment #collapseFinalPayment-details .DepositContainer .IdentifierContainer .room-type-quote .noborderinput.depositPrice.price {
    padding-right: 1px !important;
}

.form-floating .form-select[type="text"]:disabled, .form-floating .form-control[type="text"]:disabled, .form-floating .form-select.disabled, .form-floating .form-control.disabled {
    background-color: #f8f8f8;
}

.tra-dash .body-page-wrapper .dataTables_scroll:before {
    content: "";
    position: absolute;
    z-index: 2;
    background: #ffffff;
    width: 18px;
    right: 8px;
    height: 40px;
    display: none;
}

.tra-dash .body-page-wrapper {
    padding: 0px !important;
    background-color: var(--theme-bg-back-color);
}

body {
    background-color: var(--theme-bg-back-color) !important;
}

.tra-dash .card {
    border: 1px solid #e5e7eb;
}

.tra-dash .sidebar {
    border-right: 1px solid #e5e7eb;
}

.tra-dash .card-body {
    padding: 25px;
}

.tra-dash .modal.fade.show .modal-dialog .card-body {
    padding: 16px;
}

.tra-dash .card .card-header {
    padding: 25px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #dadada;
}

.tra-dash .body-page-wrapper table.dataTable.display tbody tr td, .tra-dash .body-page-wrapper table.dataTable.display thead tr th, .tra-dash table.dataTable.display tbody tr td, .tra-dash table.dataTable.display thead tr th {
    border: 1px solid #dcdfe657 !important;
    border-bottom: 0px !important;
    border-right: 0px !important;
}

    .tra-dash .body-page-wrapper table.dataTable.display tbody tr td:last-child, .tra-dash .body-page-wrapper table.dataTable.display thead tr th:last-child, .tra-dash table.dataTable.display tbody tr td:last-child, .tra-dash table.dataTable.display thead tr th:last-child {
        border-right: 1px solid #dcdfe657 !important;
    }

.tra-dash .body-page-wrapper table.dataTable.display tbody tr:last-child td, .tra-dash table.dataTable.display tbody tr:last-child td {
    border-bottom: 1px solid #dcdfe657 !important;
}

.tra-dash .body-page-wrapper table.dataTable thead th, .tra-dash table.display.Datatable-Main thead th {
    color: #444d58;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #f6f8fa !important;
}

.tra-dash .body-page-wrapper table.dataTable tbody td, .tra-dash table.dataTable tbody td {
    color: #444d58;
    font-size: 15px;
}

.tra-dash .body-page-wrapper .top.cust-search .cutomdaterange input {
    border: 1px solid rgba(204, 210, 227, 0.10);
    height: 40px;
    border-radius: 7px;
    color: #565656;
    background-size: 17px;
    min-width: 260px;
    background-color: #F5F7FB;
}

.tra-dash .body-page-wrapper .top.cust-search .dataTables_filter input {
    border: 1px solid rgba(204, 210, 227, 0.10);
    height: 40px;
    border-radius: 7px;
    color: #565656;
    background-size: 17px;
    margin-left: 8px;
    font-size: 15px;
    background-color: #F5F7FB;
}

.tra-dash .body-page-wrapper .dataTables_wrapper .dataTables_length select {
    border: 1px solid #eae4e4;
    height: 35px;
    border-radius: 7px;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #dcdfe657 !important;
}

.tra-dash .body-page-wrapper .dataTables_wrapper .dataTables_length label, .tra-dash .body-page-wrapper .dataTables_wrapper .dataTables_info, .tra-dash .dataTables_wrapper .dataTables_length label, .tra-dash .dataTables_wrapper .dataTables_info {
    color: var(--theme-reg--light-color);
    font-size: 15px;
}

.tra-dash .body-page-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button, .tra-dash .dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #dddddd00 !important;
    padding: 3px 8px;
    line-height: 18px;
    margin-left: 0px;
    border-left: none;
    background: #f1f5f9 !important;
    margin: 0px 5px;
    border-radius: 6px;
}

    .tra-dash .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        color: #ffffff !important;
        background: var(--theme-default) !important;
    }

    .tra-dash .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #ffffff !important;
        background: var(--theme-default-hover) !important;
    }

.tra-dash .card-header img.heading-logo, .tra-dash #mainContent.mainContent .card .card-header .text-start span svg {
    display: none;
}

.tra-dash .card-header .text-start .me-3, .tra-dash #mainContent.mainContent .card .card-header .text-start .me-3 {
    margin-right: 0rem !important;
}

.tra-dash .body-page-wrapper .dataTables_wrapper .itemsettings .dropdown .dropdown-menu.DropDownMenuList.show, .tra-dash .body-page-wrapper .dataTables_wrapper .itemsettings .dropdown .dropdown-menu.dropdown-menu-end.show {
    padding: 0px 0px;
    border: solid 1px #dcdfe657;
    box-shadow: 0px 4px 8px rgb(0 0 0 / 8%);
}

    .tra-dash .body-page-wrapper .dataTables_wrapper .itemsettings .dropdown .dropdown-menu.DropDownMenuList.show li a, .tra-dash .body-page-wrapper .dataTables_wrapper .itemsettings .dropdown .dropdown-menu.dropdown-menu-end.show li a {
        padding: 7px 15px;
        font-size: 15px;
    }

.tra-dash .body-page-wrapper .table-responsive {
    min-height: auto;
}

.tra-dash .sidebar li.nav-item .nav-link .menu-text {
    color: var(--theme-reg-color);
    font-size: 15px;
    font-weight: 500;
}

.tra-dash .sidebar ul.nav li.nav-item a.active span {
    color: #fff;
}

#ToastMsg {
    position: relative;
    z-index: 10001;
}

.toastmsg {
    bottom: 50px;
    right: 30px;
}

.tra-dash .sidebar li.nav-item .menu-icon {
    opacity: 1;
    width: 32px;
    padding: 5px;
}

.sidebar ul.nav li.nav-item a.dropdown-item:hover, .sidebar ul.nav li.nav-item a.dropdown-item:focus, .sidebar ul.nav li.nav-item a.dropdown-item:active {
    background: transparent;
}

.tra-dash .sidebar li.nav-item .nav-link.active .menu-icon {
    background: var(--theme-default);
    opacity: 1;
    fill: #fff;
}

.sidebar ul.nav li.nav-item a:hover .menu-text, .sidebar ul.nav li.nav-item a:focus {
    border-radius: 0px;
    color: var(--theme-default);
}

.tra-dash .modal-body .card {
    border: 1px solid #e5e7eb00;
}

.tra-dash table.display.dataTable.no-footer .lead-tripId {
    color: var(--theme-secondary);
    font-size: 14px;
    border: 1px solid var(--theme-secondary);
    padding: 3px 10px;
    border-radius: 5px;
    margin-bottom: 0px;
}

    .tra-dash table.display.dataTable.no-footer .lead-tripId:hover {
        background-color: var(--theme-default-hover);
        border: 1px solid var(--theme-default-hover);
        color: #fff;
        transition: 0.3s all ease;
    }

.tra-dash .body-page-wrapper .top.cust-search .dataTables_filter input:focus-visible, .tra-dash .body-page-wrapper .top.cust-search input:focus-visible {
    outline: 0px;
}

.tra-dash .mainContent .cutomdaterange input:focus, .tra-dash .mainContent .dataTables_filter input:focus {
    border-color: #86b7fe;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

@media screen and (min-width:768px) and (max-width:1300px) {
    .tra-dash .mainContent .body-page-wrapper .dataTables_wrapper #Leaddatatable_wrapper .top.cust-search {
        top: -56px;
    }

    .tra-dash .mainContent .dataTables_wrapper {
        padding-top: 0px;
    }

    .tra-dash .dataTables_wrapper #Leaddatatable_filter.dataTables_filter {
        margin-top: 0em;
    }
}

.travel-Leaderboard .recent-submitted-table thead tr, .new-bookings-table thead tr, .trnsfer_neded_table thead tr, .to-do-table thead tr {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 3;
}

.notfction_agnt_txt {
    max-width: 200px !important;
    white-space: normal !important;
}

.notification-dashboard .paymenttabledashboard .recent-submitted-table thead tr {
    background: var(--theme-bg-back-color);
}

.addleadmodal #quotedetailstransportation.collapsewrap.active .collapseheader.active {
    position: sticky;
    top: 83px;
    z-index: 10;
    background: #fff;
    border-bottom: 1px solid var(--theme-border-light-clr) !important;
}

.addleadmodal .TransportationTypeChild .collapseheader, .addleadmodal .misc-transportation-service > div:first-child, .addleadmodal .misc-transportation-service .collapseheader {
    position: sticky;
    top: 129px;
    z-index: 9;
    background: #fff;
    border-bottom: 1px solid var(--theme-border-light-clr) !important;
}

.serviceFeeContainer {
    z-index: 0 !important;
}

.breakpoint-AddUser-popup .modal-body-wrapper.breakpoint-desktop #commission-structure .collapsewrap .collapseheader {
    border-bottom: 1px solid #dee2e6 !important;
}

.form-signin .forgot-pass-lft {
    font-weight: 400;
    float: left;
    color: var(--theme-default);
    cursor: pointer;
}

.login-form-container .warn-message span, .login-form-container .forgot-pass-detail-span {
    color: #dc3545;
    margin-top: 16px;
    float: left;
}

.login-form-container .recove-pass-data {
    position: absolute;
    bottom: 10px;
}

.login-form-container .otp-top-field {
    width: 100%;
    display: inline-block;
}

.login-form-container .password-match {
    color: #dc3545;
    margin-top: 16px;
    float: left;
}

.user-profile-section {
    width: 100%;
    display: flex;
    padding: 15px;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.user-photo-sec {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    background-color: var(--theme-secondary);
    color: #fff;
    font-size: 18px;
}

    .user-photo-sec .profileimgwrap {
        width: 45px !important;
        height: 45px !important;
    }

.profileimgwrap {
    width: 45px !important;
    height: 45px !important;
    border: 1px solid var(--theme-secondary) !important;
}

.user-photo-sec img {
    width: 100%;
    height: 100%;
}

.user-profile-section .user-photo-sec .nouser-icon {
    background: var(--theme-secondary) !important;
    color: #fff;
}

.profileimgwrap #defaul_icon {
    background: var(--theme-secondary) !important;
    color: #fff !important;
}

.dropdown-menu.login-popup.show {
    padding: 0px;
    z-index: 999;
    top: -3px !important;
    min-width: 230px;
}

.user-details-sec h6 {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    max-width: 180px;
    text-overflow: ellipsis;
}

.user-details-sec .email-sec {
    margin-bottom: 0px;
    font-size: 15px;
    color: #919191;
    font-weight: 400;
    overflow: hidden;
    max-width: 180px;
    text-overflow: ellipsis;
}

.user-details-sec .available-dropdown {
    margin-bottom: 0px;
    font-size: 14px;
    display: flex;
    cursor: pointer;
    line-height: 16px;
}

    .user-details-sec .available-dropdown .material-symbols-outlined {
        font-size: 16px;
        padding-top: 1px;
    }

.links-section {
    width: 100%;
    display: block;
}

    .links-section ul {
        padding: 0px;
        margin: 0px;
        width: 100%;
    }

        .links-section ul li {
            width: 100%;
            list-style-type: none;
        }

            .links-section ul li a {
                font-size: 15px;
                color: #403f3f;
                padding: 5px 20px !important;
            }

        .links-section ul hr.dropdown-divider {
            margin-bottom: 0px !important;
            margin-top: 0px;
        }

    .links-section .dropdown-item.SignOut {
        padding: 10px 20px !important;
    }

.customer-update {
    position: absolute;
    left: 40px;
}

    .customer-update .available-icon-sign {
        font-size: 10px;
        width: 12px;
        bottom: 0;
        right: 3px;
        height: 12px;
    }

        .customer-update .available-icon-sign span {
            font-size: 12px !important;
        }

.available-icon-sign {
    border-radius: 100%;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    right: 0;
    box-shadow: 0px 0px 0px 2px #fff;
}

    .available-icon-sign.available {
        background-color: #92c353;
    }

    .available-icon-sign.busy {
        background-color: #c4314b;
        border-radius: 100%;
    }

    .available-icon-sign.disturb span {
        background-color: #c4314b;
        border-radius: 100%;
        font-size: 16px;
    }

    .available-icon-sign.schedule span {
        background-color: #fdb913;
        border-radius: 100%;
        font-size: 16px;
    }

    .available-icon-sign.add span {
        border-radius: 100%;
        background-color: #b9b7b7;
        color: #ffffff;
        transform: rotate(133deg);
        font-size: 16px;
    }

    .available-icon-sign span.material-symbols-outlined.check {
        font-size: 16px;
    }

.available-dropdown-child {
    width: 200px;
    display: block;
    padding: 8px 0px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 3px #12121230;
    margin-left: 20px;
    margin-top: -10px;
    position: absolute;
    z-index: 9;
    display: none;
}

    .available-dropdown-child ul {
        padding: 0px;
        margin: 0px;
        width: 100%;
    }

        .available-dropdown-child ul li {
            width: 100%;
            list-style-type: none;
            padding: 2px 0px;
        }

            .available-dropdown-child ul li a {
                font-size: 14px;
                color: #403f3f;
                padding: 3px 20px !important;
                text-decoration: none;
                width: 100%;
                display: flex;
                align-items: center;
            }

    .available-dropdown-child .com-icon {
        border-radius: 100%;
        width: 12px;
        height: 12px;
        color: #fff;
        font-size: 12px;
        text-align: center;
        line-height: 13px;
    }

    .available-dropdown-child .available-icon {
        background-color: #92c353;
    }

    .available-dropdown-child .busy-icon {
        background-color: #c4314b;
        display: inline-block;
    }

    .available-dropdown-child .distrub-icon {
        background-color: #c4314b;
    }

    .available-dropdown-child .rightback-icon {
        background-color: #fdb913;
    }

    .available-dropdown-child .appearaway-icon {
        background-color: #fdb913;
    }

    .available-dropdown-child .appearaway-icon {
        background-color: #fdb913;
    }

    .available-dropdown-child .appearoffline-icon {
        background-color: #b9b7b7;
        color: #ffffff;
        transform: rotate(133deg);
    }

    .available-dropdown-child .reset-icon {
        color: #645e5e;
        font-size: 22px;
        margin-right: 10px;
    }

li.duration-link a {
    display: flex !important;
    align-items: center;
}

.available-dropdown-child ul li span {
    margin-right: 8px;
}

.duration-link {
    margin: 5px 0px;
    padding: 5px 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.available-dropdown-child ul li.duration-link a {
    padding: 10px 20px !important;
}

.duration-link:hover .reset-icon {
    color: #fff !important;
}

.cabinet {
    display: block;
    cursor: pointer;
    position: relative;
    height: 100%;
    border-radius: 100%;
    overflow: hidden;
}

    .cabinet input.file {
        position: absolute;
        height: 100%;
        width: auto;
        opacity: 0;
        -moz-opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        margin-top: -30px;
    }

#upload-demo {
    width: 300px;
    height: 300px;
    padding-bottom: 25px;
}

.rounded-circle {
    border-radius: 2% !important;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.croppie-container .cr-viewport, .croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgb(0 0 0 / 50%);
    z-index: 0;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
}

.hotelAccordion-body#quotedetailsAttachments .quote-title-message .agntsmesage_div label {
    background-color: #fff;
    margin-left: 1px !important;
    margin-top: 16px;
}

.hotelAccordion-body#quotedetailsAttachments .quote-title-message label {
    padding-top: 1px;
    margin-top: 8px;
    opacity: 1;
    padding-bottom: 5px;
    margin-left: 3px;
}

.USD {
    position: relative;
}

    .USD::before {
        content: "$";
        font-weight: 600;
    }

.flightdetailswrap .departure-and-arrival .airportname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
    font-size: 15px;
}

.addleadmodal .remove-text {
    font-size: 15px;
    font-weight: 400;
}

.collapsewrap .collapsebody .DepositContainer, .collapsewrap .collapsebody .final-payment-body, .collapsewrap .collapsebody .commission-body, .serviceFeeContainer .bg-white-under-section, .border-top-section {
    border-top: 1px solid #dddddd !important;
    border-radius: 0px !important;
}

.swal-button {
    color: #fff;
    background-color: var(--theme-default);
    border-color: var(--theme-default);
}

.swal-button--danger:not([disabled]):hover {
    background-color: var(--theme-default) !important;
    border-color: var(--theme-default) !important;
}

.profile_dropdown_append {
    display: none;
}

.flightdetailswrap .flight-detailsdropdown .search-icon {
    position: relative;
}

    .flightdetailswrap .flight-detailsdropdown .search-icon .select-searchbar::before {
        margin-top: 3px;
        right: 12px;
    }

.swal-button, .swal-button--confirm {
    text-transform: uppercase;
}

.addGroupLeadmodal.show .modal-content .modal-body .col-3 .modelside-nav .nav-link.active {
    pointer-events: none;
}

.suggestions.HotelSuppliers ul#Country_List.has-suggestions li {
    text-transform: capitalize;
}

.roomIdentifiers .room-type-quote.Identifiers input.noborderinput.price, .selectedActivities.selectedRoomCategories .Identifiers input.noborderinput.price, .TransferResults.selectedRoomCategories .TransferIdentifiers input.noborderinput.price {
    padding-right: 0rem !important;
}

select.form-select.disabled-select-option, select.transferIdentifierSelect:disabled, select.activityIdentifierSelect:disabled {
    background-image: none;
}

ul.login-popup.show a {
    padding: 3px 1rem !important;
}

.dropdown.breakpoint-login .dropdown-toggle#dropdownUser1 img.rounded-circle:hover, .dropdown.breakpoint-login .dropdown-toggle#dropdownUser1:hover img {
    background-color: transparent !important;
    box-shadow: 0px 0px 1px 3px #32427c;
    border-radius: 100% !important;
}

.flightdetailswrap .flight-detailsdropdown .search-icon .form-select {
    background-image: none;
    font-size: 15px;
}

.agent_Div {
    position: relative;
}

.agent_icon {
    position: absolute;
    left: 0;
    top: 4px;
}

.modal-dialog.breakpoint-AddUser-popup.modal-xl #v-pills-tabContent #commission-structure .collapseheader.bg-white {
    border-bottom: 1px solid #dee2e6 !important;
}

.access-modification-section label.form-check-label {
    font-size: 14px;
}

.access-modification-section .form-check {
    padding-left: 0;
}

#collapseTravelProtection-details .collapseTravelProtection .service-row.TravelProtection {
    border-top: 1px solid #dddddd;
}

#collapseTravelProtection-details .forpad-top {
    padding: 0px;
}

    #collapseTravelProtection-details .forpad-top .load-notes-main {
        padding: 16px;
    }

.customer-lookup-profile .mainContent .body-page-wrapper div .cust-lead {
    margin-right: 8px;
}

.room-type-section-identifier input.noborderinput.Total-Price.price:focus-visible, .room-type-quote .room-type-price .noborderinput:focus-visible {
    outline: 1px solid #ebe6e6;
    cursor: pointer !important;
    border-radius: 5px;
    padding: 5px;
}

.flightdetailswrap .flight-detailsdropdown .form-control {
    padding: 0px;
    font-size: 15px;
}

.flightdetailswrap .flight-detailsdropdown .form-select {
    border: 1px solid transparent;
    padding: 0px;
}

.mainContent .body-page-wrapper .card-header .text-start img, .mainContent .body-page-wrapper .card-header .text-start svg {
    display: none;
}

.mainContent .body-page-wrapper .card-header .text-start span {
    margin-right: 0px !important;
}

.RequestDetail_Body .ReqBudget input, .form-floating input.price {
    text-align: left !important;
}

.room-categories-identifier .selectedRoomCategories .room-categories-views .form-check a {
    color: #000000;
    font-weight: 600;
    opacity: 0.8;
    font-size: 14px;
}

.room-categories-section .room-type-section-group .room-type-details .HotelName {
    color: #000000;
    font-weight: 600;
    cursor: auto;
}

.modal-dialog-scrollable .divmandatorycount .intl-tel-input label {
    padding: 7px;
}

#contactnumbers .modal-dialog-scrollable .modal-body, #Lookupcontactnumbers .modal-body {
    overflow: inherit;
}

#contactnumbers .intl-tel-input .country-list, #Lookupcontactnumbers .intl-tel-input .country-list {
    z-index: 999;
    width: 251px;
}

#contactnumbers .modal-dialog-scrollable .modal-content, #Lookupcontactnumbers .modal-content {
    overflow: inherit;
}

.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-focused {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.flight-itinerary-section .flightdetailswrap .departure-and-arrival .Arrow-Down.Arrow::before {
    transform: rotate(180deg);
    right: 15px;
}

.breakpoint-commission-bodywrapper .form-floating input#cp.form-control {
    text-align: left !important;
}

.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.is-invalid {
    border: 1px solid #d73422 !important;
    outline: 0;
}

.btn-minimize1 {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 14px;
    height: 14px;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg width='14' height='2' viewBox='0 0 14 2' fill='%23000' xmlns='http://www.w3.org/2000/svg'%3e%3crect opacity='0.5' width='14' height='2' rx='0.4' fill='black'/%3e%3c/svg%3e ") center/14px auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
}

.no-wrap {
    white-space: nowrap;
}

.booking-table.custom-filter-add-btn .dataTables_wrapper .top .cutomdaterange input {
    min-width: 260px;
}

.identifier-group .total-room-price input {
    padding-right: 0px !important;
}

.room-type-section-identifier.p-3.selectedRoomCategories.overflow-none, .room-type-section-group.p-3.selectedRoomCategories.selectedCabinCategory {
    overflow-x: inherit;
    height: auto;
}

.hotelAccordion-body .mobilflight-heading .fs-6.m-0 {
    font-weight: 600;
}

.text-success {
    font-size: 14px;
}

.room-type-section-identifier .total-room-price {
    align-items: center;
}

#templatecovid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.mobilleadpopup-botton .btnCopyQuote:hover {
    color: #fff;
}

#collapsecp .line-heading .text-danger {
    padding-right: 0px !important;
}

.customerprofilepopup #cpcustomerdetail #collapsecpd .card-body {
    padding-left: 13px !important;
    padding-right: 13px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.mobil-roomview .form-check a {
    font-size: 16px;
    text-transform: capitalize;
}

.mobil-roomview p {
    font-size: 14px;
}

#selectTriggerFilter, #selectTriggerFilterGroup {
    padding: 0px;
    padding-left: 0px;
    width: 225px;
    border: none;
    font-size: 15px;
    outline: none;
    border-radius: 7px !important;
    border: 1px solid #eae4e4;
    box-shadow: 0 10px 55px 0 rgba(0,25,50,.10);
    appearance: none;
}

.trigger_filter {
    position: relative;
}

    .trigger_filter:after {
        content: "";
        position: absolute;
        background-image: url('../images/filter.svg');
        height: 20px;
        width: 20px;
        background-repeat: no-repeat;
        background-size: 20px;
        top: 12px;
        right: 10px;
        pointer-events: none;
    }

.request_roomclass .staybox {
    border-radius: 7px;
    background: #f2faff;
    border: 1px solid #c3e3f8;
}

.quote_hotelroom .staybox {
    border-radius: 7px;
    background: #f2faff;
    border: 1px solid #c3e3f8;
}

.quote_identifierroom .room-categories {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.custom-filter-add-btn .dataTables_filter {
    padding-right: 0px;
}

.custom-filter-add-btn .custom-filter-btn .dropdown-menu {
    margin-top: 3px !important;
}

.swal-overlay--show-modal .swal-icon--warning {
    margin-top: 18px !important;
}

.Hotelstay-app .ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-focused {
    box-shadow: none !important;
}

.mobil-Categorybutton .category_reset, .mobil-Categorybutton .category_select {
    font-size: 15px !important;
}

.recommeded_div1 {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.recommeded_div2 {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

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

.quote_identifierroom .room-categories-identifier .room-type-section-identifier {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.attachment_div .form-floating label {
    background: transparent;
}

.dataTables_wrapper #Leaddatatable_processing.dataTables_processing {
    font-size: 0px;
}

.mobilleadpopup-botton .claim-button {
    background-color: #808080 !important;
    border-color: #808080 !important;
    color: #fff !important;
    opacity: 0.3;
}

.total-room-price > span {
    font-weight: 600;
    font-size: 18px;
}

.total-room-price span .noborderinput {
    max-width: 122px;
}

.mobil-identifier .DynamicRoomCategories {
    width: auto;
}

#quotedetails .collapseheader {
    cursor: pointer;
}

#Leaddatatable_wrapper .cutomdaterange input {
    min-width: 260px !important;
}

.selectedRoomCategories .bottom.edit-price {
    text-align: left;
    vertical-align: bottom;
    align-items: end;
    display: flex;
}

    .selectedRoomCategories .bottom.edit-price input.price {
        text-align: left !important;
    }

.groupdashboard_sidebar {
    box-shadow: none;
}

    .groupdashboard_sidebar ul.nav li.nav-item > a.active {
        background-color: transparent;
        color: var(--theme-default);
    }

    .groupdashboard_sidebar ul.nav li.nav-item .nav-link img {
        width: initial;
    }

    .groupdashboard_sidebar ul.nav {
        height: calc(70vh - 300px);
        overflow: hidden;
    }

.TransportationBtn.classForDisable a, .TravelBtn .classForDisable a {
    pointer-events: all;
}

.TransportationBtn.Quote-disable-color.Quote-arrow a, .TravelBtn .Quote-disable-color.Quote-arrow a {
    pointer-events: none;
}

.flight_itinerary_div {
    background: #f2faff;
    border-radius: 7px;
    border: 1px solid #c3e3f8;
    padding: 13px;
}

.flight-itinerary-add-section .theme-reg-dark-bg {
    background: #f8f8f8;
}

.flight-itinerary-add-section .flight-itinerary-section {
    background: #fff;
}

.FlightItineraries .flight-itinerary-section {
    border-top: 0 !important;
    padding-top: 15px !important;
    padding-bottom: 0px !important;
}

    .FlightItineraries .flight-itinerary-section:last-child {
        padding-bottom: 10px !important;
    }

.TransportationTypeChild .TransfersContainer .RoundTripTransfer {
    margin-top: 15px;
}

.TransportationTypeChild .TransfersContainer .RoundTripTransfer, .TransportationTypeChild .RailContainer .RailChild .service-row, .TransportationTypeChild .RentalCarContainer .RentalChild .service-row, .TransportationTypeChild .MiscTransportContainer .MiscChild .service-row {
    border: 1px solid #c3e3f8;
    border-radius: 7px;
    background: #f2faff;
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 7px;
}

.NumPassengers, .rail_included_text, .rental_included_text, .misc_included_text, .Include_misc, .misc_passenger_text {
    white-space: nowrap;
}

.TransportationTypeChild .RailContainer .RailChild.section_main:first-child, .TransportationTypeChild .RentalCarContainer .RentalChild.section_main:first-child, .TransportationTypeChild .MiscTransportContainer .MiscChild.section_main:first-child {
    border-top: 1px solid #dddddd !important;
    padding-top: 15px !important;
}

.TransportationTypeChild .RailContainer .RailChild.section_main, .TransportationTypeChild .RentalCarContainer .RentalChild.section_main, .TransportationTypeChild .MiscTransportContainer .MiscChild.section_main {
    border-top: 0px !important;
    padding-top: 15px !important;
}

.addOnContainer .serviceFeeContainer .addons-service-fee-section .service-fee-list-section {
    border: 1px solid #c3e3f8;
    border-radius: 7px;
    background: #f2faff;
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 7px;
}

.addOnContainer .misc-transportation-service {
    border-bottom: 1px solid #dddddd !important;
}

.addOnContainer .serviceFeeContainer .addons-service-fee-section {
    border-top: none !important;
    border-bottom: none !important;
    padding-top: 0px !important;
}

    .addOnContainer .serviceFeeContainer .addons-service-fee-section:first-child {
        border-top: 1px solid #dddddd !important;
        padding-top: 17px !important;
    }

.excursion_main_div .child-clone-body .child-clone-card .service-row {
    border: 1px solid #c3e3f8;
    border-radius: 7px;
    background: #f2faff;
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 7px;
}

.excursion_main_div .child-clone-body .child-clone-card {
    border-top: none !important;
    padding-top: 0px !important;
}

    .excursion_main_div .child-clone-body .child-clone-card:first-child {
        border-top: 1px solid #dddddd !important;
        padding-top: 15px !important;
    }

.addons_template_button {
    border-bottom: none !important;
}

.discountContainer .discount-main-section .discount-section-list {
    border: 1px solid #c3e3f8;
    border-radius: 7px;
    background: #f2faff;
    padding-left: 13px;
    padding-right: 13px;
}

.discountContainer .discount-main-section {
    border-top: none !important;
}

    .discountContainer .discount-main-section:first-child {
        border-top: 1px solid #dddddd !important;
    }

.miscAddonContainer .misc-addons-main-section .misc-addons-list-section {
    border: 1px solid #c3e3f8;
    border-radius: 7px;
    background: #f2faff;
    padding-left: 13px;
    padding-right: 13px;
}

.miscAddonContainer .misc-addons-main-section {
    border-top: none !important;
    padding-top: 0px !important;
}

    .miscAddonContainer .misc-addons-main-section:first-child {
        border-top: 1px solid #dddddd !important;
        padding-top: 15px !important;
    }

.collapseTravelProtection .TravelProtection {
    border-top: none !important;
}

#collapseFinalPayment-details .DepositContainer .DepositBody {
    border: 1px solid #c3e3f8;
    border-radius: 7px;
    background: #f2faff;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 7px;
    margin-top: 15px !important;
}

    #collapseFinalPayment-details .DepositContainer .DepositBody:first-child {
        margin-top: 0px !important;
    }

#collapseFinalPayment-details .DepositContainer {
    padding-bottom: 15px !important;
    padding-left: 23px !important;
    padding-right: 23px !important;
}

.MiscAdditionalPrice .form-floating label {
    white-space: nowrap;
    font-size: 14px;
}

.logo_text_div {
    height: 64px;
    background: #F8F8F8;
    border-top: 1px solid #DDDDDD;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.logo_dimensions_text {
    font-size: 12px;
    padding: 5px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.change_logo_div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 5px;
    border-top: 1px solid #dadada;
}

.avatar-upload {
    position: relative;
    border: 1px solid #DDDDDD;
    border-radius: 7px;
    overflow: hidden;
}

    .avatar-upload .avatar-edit {
        position: absolute;
        right: 12px;
        z-index: 1;
        top: 10px;
    }

        .avatar-upload .avatar-edit input {
            display: none;
        }

            .avatar-upload .avatar-edit input + label:hover {
                background: #f1f1f1;
                border-color: #d6d6d6;
            }

            .avatar-upload .avatar-edit input + label:after {
                content: "\f040";
                font-family: 'FontAwesome';
                color: #757575;
                position: absolute;
                top: 10px;
                left: 0;
                right: 0;
                text-align: center;
                margin: auto;
            }

    .avatar-upload .avatar-preview {
        height: 140px;
        position: relative;
        display: flex;
        align-items: center;
    }

        .avatar-upload .avatar-preview > div {
            margin: 0 auto;
            width: 200px;
            height: 60px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

.status_slider_container {
    border-bottom: 3px solid #DADADA;
    height: 60px;
}

.status_slide {
    position: relative;
}

    .status_slide span {
        height: 30px;
        width: 30px;
        background: #EFEFEF;
        border-radius: 60px;
        display: grid;
        text-align: center;
        align-items: center;
        margin-right: 10px;
        border: 2px solid #919191;
    }

    .status_slide label {
        font-size: 16px;
        font-weight: 600;
    }

.welcome_hand_text label {
    font-size: 40px;
    font-weight: 600;
    color: #1C1F37;
}

.welcome_para_text {
    font-size: 15px;
    color: #919191;
    font-weight: 600
}

.welcome_text_div {
    margin: auto;
}

.bg-F8F8F8 {
    background: #F8F8F8;
}

.agencydet_text {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 25px;
}

.owner_heading {
    font-size: 20px;
    font-weight: 600;
    color: #1C1F37;
}

.remove_text {
    font-size: 14px;
    color: #CF3A59;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .remove_text img {
        margin-right: 3px;
        height: 12px;
        width: 12px;
    }

    .remove_text:hover {
        color: #CF3A59;
    }

.imageUpload {
    font-size: 14px;
    color: var(--theme-secondary);
    font-weight: 400;
    cursor: pointer;
}

.Congratulations_checkbox {
    height: 50px;
    width: 50px;
    margin: 0 auto;
    margin-bottom: 30px;
}

    .Congratulations_checkbox img {
        height: 100%;
        width: 100%;
    }

.Congratulations_text {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}

.Congratulations_para {
    font-size: 20px;
    color: #919191;
    font-weight: 400;
}

.Congratulations_div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 500px;
}

.success_div {
    position: relative;
    height: 30px;
    width: 30px;
    background: #EFEFEF;
    border-radius: 60px;
    text-align: center;
    align-items: center;
    margin-right: 10px;
    border: 2px solid #3B824B;
}

    .success_div:after {
        position: absolute;
        content: "";
        background: url('../images/right.png');
        background-repeat: no-repeat;
        background-position: center;
        height: 20px;
        width: 20px;
        left: 3px;
        top: 3px;
    }

.btn-primary:hover {
    background: var(--theme-default-hover);
    border: 1px solid var(--theme-default-hover);
}

.nav-item:hover {
    background: var(--theme-default-hover);
}

    .nav-item:hover .nav-link .menu-text {
        color: #fff !important;
    }

.lead-tripName {
    text-transform: capitalize;
    cursor: pointer;
    margin-bottom: 0px;
    color: var(--theme-default);
    text-decoration: underline;
}

.user_dash_box, .profile_contact_box {
    position: relative;
}

    .user_dash_box .user_dash_box_edit, .profile_contact_box .profile_contact_box_edit {
        position: absolute;
        top: 7px;
        right: 38px;
        cursor: pointer;
        font-size: 14px;
    }

.custom-filter-btn .dropdown span:hover {
    border: 1px solid var(--theme-default-hover);
    background-color: var(--theme-default-hover);
}

    .custom-filter-btn .dropdown span:hover img {
        filter: brightness(100);
    }

.cutomdaterange input {
    cursor: pointer;
}

.navbar-dark .nav-link.hamburgertoggle:hover {
    border: 1px solid var(--theme-default-hover) !important;
}

.lead-tripName:hover {
    color: var(--theme-secondary);
}

.welcome_agency .sw-btn-prev {
    display: none !important;
}

.welcome_agency .sw-theme-default > .nav .nav-link.done::after {
    background: #017EFA;
}

.welcome_agency .sw-theme-default > .nav .nav-link.active::after {
    background: #017EFA !important;
}

.welcome_agency .sw-theme-default .toolbar > .btn {
    color: #fff;
    background-color: var(--theme-default);
    border-color: var(--theme-default);
}

.welcome_agency .sw-theme-default > .nav .nav-link.active span {
    border: 2px solid #017EFA !important;
    color: #000000 !important;
}

.welcome_agency .sw-theme-default > .nav .nav-link.active {
    color: #000000 !important;
    font-size: 16px;
    font-weight: 600;
}

.welcome_agency .sw-theme-default > .nav .nav-link.done {
    color: #000000 !important;
    font-weight: 600;
    font-size: 16px;
}

    .welcome_agency .sw-theme-default > .nav .nav-link.done span {
        border: 2px solid #3B824B !important;
        position: relative;
    }

        .welcome_agency .sw-theme-default > .nav .nav-link.done span:after {
            position: absolute;
            content: "";
            background-image: url('../images/right.png');
            background-repeat: no-repeat;
            background-position: center;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #EFEFEF;
            border-radius: 50px;
        }

.welcome_agency .sw-theme-default > .nav .nav-link.inactive {
    font-size: 16px;
    font-weight: 600;
    color: #858585;
}

.select_agent_div {
    background: #DCEEFF;
}

.middle_agent_text, .middle_Archive_text {
    position: relative;
    padding: 2px 10px;
    border: 1px solid #017EFA;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    color: #017EFA;
    cursor: pointer;
}

.middle_agent, .middle_Archive {
    position: absolute;
    top: 28px;
    width: 273px;
    left: 0;
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    display: none;
}

.select_agent_div {
    display: none;
}

.schedule_text {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    padding-bottom: 6px !important;
}

.history_content_text {
    font-size: 14px;
    font-weight: 600 !important;
    color: #000000;
    display: block;
}

.history_content_para {
    font-size: 14px;
    font-weight: 400;
    color: #1C1F37;
}

.history_content_email {
    font-size: 14px;
    font-weight: 400;
    color: #1C1F37;
}

.history_time_div {
    margin-left: 50px;
    width: 30%;
}

.history_content_div {
    width: 70%;
}

.history_time_text {
    font-size: 14px;
    font-weight: 600;
    color: #919191;
}

.view_payment_form input, .view_payment_form .form-select, .view_payment_form .form-control, .view_payment_form .input-group, .view_payment_form .cruise_itinerary_section, .view_payment_form .form-floating, .view_payment_form .client--info-section, .view_payment_form .communicationcard-body, .view_payment_form .communicationbody, .view_payment_form .serviceAgreement-payment, .view_payment_form .Attachment-pdf, .view_payment_form .uploader, .view_payment_form .atomtdfolwup_div, .view_payment_form .ck-editor__editable, .view_payment_form .select2-container--bootstrap-5 .select2-selection--multiple, .view_payment_form .traveller_mobile_div, .view_payment_form .traveller_mobile_div .intl-tel-input .flag-container, .view_payment_form .load-note-btn, .view_payment_form .edit-template-link, .view_payment_form .Accessibility_content .form-check label, .view_payment_form .Hotel_Request label {
    pointer-events: none !important;
}

.view_payment_form .templates-btn, .view_payment_form .flght_itny_btn {
    display: none !important;
}

.view_payment_form .AddIdentifierDiv .text-decoration-none, .view_payment_form .dash-form-group .editIdentifierBtn, .view_payment_form .edit-room-type, .view_payment_form .deleteLegBtn, .view_payment_form .DepDateTime, .view_payment_form .ArrDateTime, .view_payment_form .FlightSearch, .view_payment_form .custom-dropdown-link, .view_payment_form .activityIdentifier .room-categories-views .text-decoration-none, .view_payment_form .TravelProtection .remove-text, .view_payment_form .deleteItineraryBtn {
    color: #b4b4b4;
    pointer-events: none !important;
}

.view_payment_form .tranport_custom_btn button {
    color: #958e8e !important;
    pointer-events: none !important;
}

.view_payment_form .dictry_container {
    background: #ededed;
    pointer-events: none !important;
}

.view_payment_service {
    background-color: #f8f8f8 !important;
}

.addTravelProtection_button {
    max-width: 200px;
    min-width: 200px;
    float: right;
    justify-content: center;
}

.edit_lead_buton {
    display: none;
    pointer-events: initial;
}

.welcome_agency .toolbar-bottom {
    border-top: 1px solid #ced4da;
}

.font-10 {
    font-size: 10px;
    color: #858585;
    font-weight: 400;
}

.wedding_font_14 {
    font-size: 14px;
    margin-bottom: 5px;
}

.group_summary_tab .nav-item:hover .nav-link {
    color: #fff;
}

.first_cust_Email, .second_cust_Email {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 235px;
}

.RentalAdditionalPrice label, .RailAdditionalPrice label, .ActivityAdultCount label {
    white-space: nowrap;
    font-size: 14px;
}

form.digit-group {
    padding: 0 6px;
}

.digit-group .ootp {
    width: 13%;
    margin: 0 auto;
}

.table_heading_dropdown {
    border: solid 1px #dcdfe657;
    box-shadow: 0px 4px 8px rgb(0 0 0 / 8%);
}

    .table_heading_dropdown li .form-check, .table_heading_dropdown li .dropdown-item {
        font-size: 14px;
        font-weight: 400;
        color: #212529;
        cursor: pointer;
    }

        .table_heading_dropdown li .form-check input {
            cursor: pointer;
        }

#Confirmed-Guestlist .dataTables_wrapper .top, #Guest-Open .dataTables_wrapper .top, #Cancelled-Guests .dataTables_wrapper .top {
    padding-right: 20px !important;
    padding-top: 12px;
    padding-bottom: 26px;
}

#Confirmed-Guestlist .dataTables_wrapper .bottom, .table_heading_search .dataTables_wrapper .bottom {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    font-size: 14px;
    color: var(--theme-reg--light-color);
    font-weight: 400;
}

.admin_booking_report .top {
    display: flex;
    float: right;
}

.commission_table tr th {
    color: #000 !important;
}

.table_heading_search .dataTable tbody tr td, #Confirmed-Guestlist .dataTable tbody tr td, .table_heading_search .grouplookup-nav tr td {
    font-weight: 400 !important;
    font-size: 14px;
}

.table_heading_search .dataTable thead tr th, #Confirmed-Guestlist .dataTable thead tr th, .table_heading_search .grouplookup-nav tr th, .commission_table tr th {
    font-size: 14px;
}

    .table_heading_search .grouplookup-nav tr th:first-child, .table_heading_search .grouplookup-nav tr td:first-child {
        padding-left: 17px;
    }

    .commission_table tr th:first-child, .commission_table tr td:first-child {
        padding-left: 26px;
    }

.notification-dropdown .breakpoint-content .breakpoint-notification-text span {
    white-space: normal;
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    font-weight: 600 !important;
}

.group_vender_text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
}

.group_vender_email {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 235px;
}

.table_heading_search .top {
    display: flex;
    justify-content: space-between;
    padding-bottom: 25px;
    width: 100%;
    align-items: center;
}

    .table_heading_search .top .clear {
        display: none;
    }

.table_top_left_div {
    display: flex;
    align-items: center;
    padding-right: 15px;
}

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

.exlude_group_div {
    padding-right: 20px;
    padding-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    display: flex;
    align-items: center;
}

    .exlude_group_div label {
        padding-right: 10px;
    }

    .exlude_group_div .form-check-input {
        height: 18px;
        width: 18px;
        max-width: 18px;
        min-width: 18px;
        margin: 0px;
    }

.background_highlight {
    border-radius: 7px;
    background: #f2faff;
    border: 1px solid #c3e3f8;
}

.bg-f2faff {
    background: #f2faff;
}

.modal-body .row > * {
    padding-left: 5px;
    padding-right: 5px;
}

.leaderboard_container .nav-item .nav-link.active, .recent-submitted-section .nav-tabs .nav-link.active {
    background-color: var(--theme-bg-light-clr);
    border: none !important;
}

.leaderboard_container .nav-item.active a.nav-link {
    color: #000;
    background-color: transparent !important;
}

.leaderboard_container .nav-item:hover {
    border: none !important;
    background: none !important;
}

.lookup_contact_div .flag-container {
    border-bottom-left-radius: 8px;
}

.add_rates_dots img {
    transform: rotate(90deg);
    margin-bottom: 3px;
}

.rtsper_person {
    max-width: 210px;
}

.trvlprot_input {
    background: #f8f8f8 !important;
    border: 1px solid #DADADA;
    padding: 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

    .trvlprot_input span input {
        border: none;
        padding-left: 2px;
    }

.dataTables_wrapper .display.dataTable tr.selected .itemsettings {
    z-index: 2;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    overflow: scroll !important;
}

.paswdinpt {
    border-radius: 4px !important;
}

.pastdue_dashboard .recent-submitted-table .view-link-but:hover {
    color: #bb2d3b !important;
}

.recent-submitted-table .view-link-but:hover {
    color: var(--theme-white);
}

.suplirpymnt tr th:first-child, .suplirpymnt tr td:first-child {
    padding-left: 20px;
}

.suplirpymnt tr th, .suplirpymnt tr td {
    font-size: 14px;
}

.pybledatpiker .daterangepicker.dropdown-menu {
    top: 76px !important;
    left: auto !important;
    right: 230px !important;
}

.prfleicon_question {
    width: 40px;
    height: 40px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 16px;
    align-items: center;
    display: grid;
    justify-content: center;
    border: solid 2px #fff;
    vertical-align: middle;
    overflow: hidden;
    border-radius: 50%;
    background: rgb(245, 247, 251);
}

.mike_heading {
    font-weight: 600;
    font-size: 12px;
    color: #000;
}

.mike_subheading {
    font-size: 12px;
    font-weight: 400;
    color: #919191;
}

.custom-dropdown-menu.HotelchildrenBoxes {
    min-width: 230px !important;
}

.AgeError p {
    font-size: 12px;
}

.profileimgwrap .nouser-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    background-color: #fff;
    display: inline-flex;
    padding: 0;
    z-index: 0;
    align-items: center;
    color: var(--theme-secondary);
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    vertical-align: middle;
    transform: translate(-50%, -50%);
}

.user-profile-section .nouser-icon {
    width: 45px !important;
    height: 45px !important;
    padding-top: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

#contactNumber {
    min-width: 80px;
}

#automated_followups td {
    font-size: 14px;
}

#automated_followups th {
    font-size: 15px;
}

table.dataTable thead th span.moreoption {
    position: relative;
}

table.dataTable thead th.itemsettings {
    min-width: 35px;
    max-width:35px;
    width:35px!important;
}

table.dataTable thead th span.moreoption:after {
    position: absolute;
    content: '';
    width: 8px;
    height: 20px;
    background-repeat: no-repeat;
    right: 3px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 0;
    background-size: 5px;
}

.itemsettings .custom-dropdown img {
    width: 30px;
    height: 21px;
    z-index: 9;
}

table .leadsname, table #leadsname, table #triptypedescription, table #travelinsurancesupplier, table #promotionname, table #socialmedianame, table #searchenginename, table #menuname, table #subtriptype, table #subsubtriptype, table #subsubtriptypedescription {
    text-align: left !important;
}

table .leadscreated, table #leadscreated, table .leadssource, table #leadssource, table .leadsstatus, table #leadsstatus, table .leadsclaim, table #leadsclaim, table #leadstripid, table .ledstrpid, table #triptypecreated, table #triptypestatus, table #triptypevisibility, table #travelinsurancestatus, table #travelinsurancecreated, table #tpromotioncreated, table #promotionstatus, table #socialmediacreated, table #socialmediastatus, table #searchenginecreated, table #searchenginestatus, table #menucreated, table #menustatus, table #subtriptypecreated, table #subtriptypestatus, table #subtriptypecategory, table #subsubtriptypecreated, table #subsubtriptypestatus, table #subsubtriptypeval {
    text-align: center !important;
}

.custmedit, .custmemail {
    font-size: 14px;
}

.ledsbckhighlight {
    border: 1px solid #c3e3f8;
    background: #f2faff;
    border-radius: 7px;
}

.internetSearch_new, .referralwrap_new, .booked-with-us-before_new, .social-media_new, .team-Member_new, .promotion_new {
    padding-left: 9px !important;
    padding-right: 9px !important;
}

.flign_image_set {
    width: 80px;
    height: 60px;
    margin-right: 10px;
    background: #f8f8f8;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.potalimgsize {
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
    max-width: 100%;
}

.forgot-pass-detail-span {
    cursor: initial !important;
}

.childcountVilla, .childcountHotel {
    max-height: 175px;
    overflow: auto;
}

.adonactvityrsult {
    margin-bottom: 12px !important;
}

.breakpoint-login .profileimgwrap #defaul_image {
    box-shadow: none !important;
    border-radius: 50px !important;
}

.breakpoint-login .link-light.dropdown-toggle::after {
    display: none;
}

.remove-template-btn {
    position: absolute;
    bottom: 7px;
    right: 10px;
    z-index: 9;
}

.DynamicRoomCategories:disabled, .Inclusive-dropdowkn:disabled, .transferIdentifierType:disabled {
    background: transparent !important;
}

#collapsehotel-details .typeahead, #collapsetransportation-details .typeahead, #collapseflight-details .typeahead, #collapseTravelProtection-details .typeahead {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.agntarpot {
    padding-right: 35px !important;
}

.skelton-parentgrid .nav-item:hover {
    background: transparent !important;
}

.chat-part svg path, .support_img svg path, .protect_img svg path {
    fill: var(--theme-default);
}

.flightdetailsfetch.btn-secondary {
    opacity: .4 !important;
}

.TransportationRow .divider:last-child, .AddonRow .divider:last-child {
    display: none;
}

.comntsclose {
    position: absolute;
    top: 8px;
    right: 8px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dadada;
    border-radius: 50px;
    cursor: pointer;
}

    .comntsclose img {
        height: 12px;
        width: 12px;
    }

.load-notes-main .form-editor-wrap {
    min-height: 250px;
}

.form-floating label, .rail_included_text, .rental_included_text, .Include_misc {
    text-overflow: ellipsis;
    width: calc(96% - -9px);
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.Include_misc {
    font-size: 11px !important;
}

#EditFields .form-floating label {
    width: initial !important;
}

#EditFields td:first-child {
    text-align: initial !important;
}

#TravelInsuranceTab .agent-content .farefile {
    display: flex !important;
    position: relative;
}

    #TravelInsuranceTab .agent-content .farefile .insrance_descrpton {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: calc(100% - 90px);
        display: block;
    }

        #TravelInsuranceTab .agent-content .farefile .insrance_descrpton.show_text {
            white-space: unset !important;
        }

.mobil-quote-tab .nav-link {
    padding: 14px 0;
    font-weight: 600;
}

.selected-rate {
    border-top: 1px solid var(--theme-border-light-clr);
}

.quotes-details-page .proposal-slider .wedding-slide:before {
    border-radius: 0px !important;
}

.cus_portal_price {
    font-weight: 400;
    color: #919191;
    display: flex;
    align-items: center;
}

.price_room_name, .transfer_name {
    color: #000;
    font-weight: 400;
    font-size: 14px;
}

.agntsmesage_div {
    overflow: hidden;
}

    .agntsmesage_div .form-control:focus + .agntmesage_input {
        width: 117% !important;
    }

.quotes-slider-heading h4 {
    font-size: 50px;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.Inclusive-dropdown.w-100 {
    text-align: right;
    appearance: none;
}

.notesearch input {
    border: 1px solid #eae4e4;
    height: 40px;
    border-radius: 7px;
    color: #565656;
    background-size: 17px;
    margin-left: 8px;
    font-size: 15px;
    padding: 5px 10px;
    padding-left: 36px;
    background-image: url(../images/Search.svg);
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 15px !important;
}

.notecutomdaterange input {
    background-image: url(../images/caleneder.svg);
    background-repeat: no-repeat;
    background-position: left 10px center;
    padding: 5px 10px;
    padding-left: 40px;
    border: 1px solid #eae4e4;
    height: 40px;
    border-radius: 7px;
    color: #565656;
    background-size: 17px;
    min-width: 260px !important;
}

.stickyheader {
    position: sticky;
    top: 0px;
    z-index: 18;
    background: #ffff;
}

.prcingshowbtn {
    font-size: 14px;
}

#CustomerHtml .select-searchbar:before, #collapsehoteldetails .select-searchbar:before, #quotedetailsflight .FlightItineraries .select-searchbar:before, #collapsetransportation-details .TransportationTypeChild .TransfersContainer .select-searchbar:before, #quotedetailsTransportation_1_details .railservice .RailContainer .FlightDetails .select-searchbar:before, #collapsetransportation-details .RentalCarContainer .FlightDetails .select-searchbar:before, #collapsetransportation-details .MiscTransportContainer .FlightDetails .select-searchbar:before, #collapsetransportation-details .addOnContainer #quotedetailsaddon-1-details .select-searchbar:before, #collapseTravelProtection-details .TravelProtectionbody .select-searchbar:before, .excursion_main_div .activityClones .select-searchbar:before, .addOnBody .EA-show .select-searchbar:before, .select-searchbar.CustomerName:before {
    display: none;
}

#CustomerHtml .select-searchbar .form-select, #collapsehoteldetails .select-searchbar .form-select, #quotedetailsflight .FlightItineraries .select-searchbar .form-select, #collapsetransportation-details .TransportationTypeChild .TransfersContainer .select-searchbar .form-select, #quotedetailsTransportation_1_details .railservice .RailContainer .FlightDetails .select-searchbar .form-select, #collapsetransportation-details .RentalCarContainer .FlightDetails .select-searchbar .form-select, #collapsetransportation-details .MiscTransportContainer .FlightDetails .select-searchbar .form-select, #collapsetransportation-details .addOnContainer #quotedetailsaddon-1-details .select-searchbar .form-select, .excursion_main_div .activityClones .select-searchbar .form-select, .addOnBody .EA-show .select-searchbar .form-select, .select-searchbar.CustomerName .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")
}

.TravelProtectionbody .prdutsearch:after, #collapseTravelProtection-details .TravelProtectionbody .select-searchbar:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    position: absolute;
    top: 25px;
    height: 18px;
    width: 18px;
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    right: 0.75rem;
    cursor: pointer;
}

.TransfersContainer .room-type-section-group .room-type-details p a {
    color: #000000;
}

.rail_included_text, .rental_included_text, .misc_included_text {
    font-size: 11px !important;
}

.ageny_detls .accordion-button {
    max-width: 200px;
    background: transparent;
    font-size: 16px;
    font-weight: 600;
    color: #1C1F37;
}

.ageny_detls .accordion-item {
    background: transparent;
    border: none;
}

.booking_lead #customerdetails {
    background: transparent;
}

    .booking_lead #customerdetails .CustomerDetailsBtn {
        padding-right: 20px;
        padding-bottom: 0px;
        padding-top: 0px;
        border-bottom: none !important;
    }

.shared-listview-Image {
    border-radius: 6px;
    overflow: hidden;
    max-height: 155px;
    width: 200px;
    min-height: 155px;
    background: #f3f3f3;
    position: relative;
}

    .shared-listview-Image img {
        position: absolute;
    }

#Booking_Card {
    padding: 15px;
}

#Review_Pay {
    border-top: 1px solid #DADADA;
    border-radius: 0px;
}

.reviw_room {
    box-shadow: none;
}

.cercle-0 {
    width: 14px;
    height: 14px;
    background: #ffffff;
    border: 2px solid #DADADA;
    border-radius: 15px;
}

.border-dotted2 {
    border-top: 1px dotted var(--theme-border-light-clr);
    height: 2px;
    width: 80px;
}

.button-border {
    border: 1px solid var(--theme-border-light-clr);
}

.review_edit_details {
    cursor: pointer;
}

.review_primry_cntract {
    border-radius: 7px;
    background: #f2faff;
    border: 1px solid #c3e3f8;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}

.bg-f2faff {
    background: #f2faff;
}

.TagBookingResults #SearchBookingResult .confirmation_td .confirmation_number {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 170px;
    display: block;
}

#TagBookingTable .TagBookingSectionBody tr td span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
    display: block;
}

#TagBookingTable .TagBookingSectionBody tr .custm_id_parent span {
    overflow: initial;
    text-overflow: initial;
    white-space: normal;
    width: auto;
    display: initial;
}

.tagbutton {
    display: flex;
    justify-content: end;
    margin-bottom: 16px;
}

table.dataTable tbody tr td[colspan="8"] {
    background: #F4F4F4;
    border: none !important;
}

.tra-dash table.dataTable tbody tr td[colspan="8"] table.parnt_table thead tr th {
    background: #f4f4f4 !important;
    text-align: start;
}

.tra-dash table.dataTable tbody tr td[colspan="8"] table.parnt_table tbody tr td {
    background: #f4f4f4 !important;
    text-align: start !important;
}

table.dataTable td.name_td:before {
    display: none;
}

table.dataTable td.name_td {
    position: relative;
}

    table.dataTable td.name_td.dt-control .qotes_arrow:after {
        content: "";
        position: absolute !important;
        left: 20px;
        width: 15px;
        height: 15px;
        top: 50%;
        margin-top: -7px;
        background-size: 15px;
        background-repeat: no-repeat;
        border-radius: 10px;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMzNDNBNDA7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQsMTFMOCw1bC02LDYiLz4NCjwvc3ZnPg0K");
        transform: rotate(180deg);
        transition: .25s ease-in-out;
    }

table.dataTable .dt-hasChild td.name_td.dt-control .qotes_arrow:after {
    transform: rotate(0deg);
}

.qotes_arrow {
    position: absolute;
    top: 22px;
    left: 0px;
    pointer-events: none;
}

.paymnt_stus {
    color: #3B824B;
}

.parnt_anchor {
    text-decoration: none;
    color: var(--theme-default);
    white-space: nowrap;
}

.mobile_logo {
    display: none;
}

.prvw_colNine {
    padding-bottom: 40px;
}

.breakpointnavbar {
    width: 1095px;
}

.customer_prtl_hderlogo {
    display: block;
    filter: brightness(0) invert(1);
    width: 200px;
    height: 60px;
}

.desk_sklton_logo, .desktop_logo {
    max-width: 200px;
    max-height: 60px;
}

@media screen and (min-width: 320px) and (max-width: 576px) {
    .moduleWiseNotifications {
        max-height: 100vh !important;
    }

    .mobile_logo {
        display: block;
    }

    .desktop_logo {
        display: none;
    }

    .breakpointtop {
        min-height: 0px;
    }
}

@media(max-width:992px) {
    .tab-col-100 {
        flex: 0 0 100%;
        width: 100%;
    }

    .tab-col-50 {
        flex: 0 0 50%;
        width: 50%;
    }

    .tab-col-25 {
        flex: 0 0 25%;
        width: 25%;
    }

    .tab-flex-row {
        flex-direction: row !important;
    }

    .modelside-nav {
        padding-bottom: 0;
    }

    .customerprofilepopup .modelside-nav {
        overflow: auto;
    }

    .quoteDetailsBtnNew {
        display: flex;
        width: 100%;
        position: absolute !important;
        top: 48px;
        flex-direction: row;
        left: 0;
        overflow: auto;
    }

    .modelside-nav .nav .nav-link.active, .modelside-nav .nav .nav-link {
        margin: 0;
        font-size: 13px;
        padding: 8px 15px !important;
    }

    .customerprofilepopup .modelside-nav .left-side-Stepper {
        display: flex;
        width: 100%;
        position: absolute !important;
        top: 38px;
        flex-direction: row;
        left: 0;
        overflow: auto;
        background: var(--theme-reg--grey-light);
    }

        .customerprofilepopup .modelside-nav .left-side-Stepper li {
            background: #fff0 !important;
        }

    .modelside-nav .quote-nav-link, .quote-creating-side-bar.modalside-nav.nav-link-child ul.left-side-Stepper.quoteDetailsBtnNew li span a:before {
        background-image: none !IMPORTANT;
    }

    .quote-creating-side-bar.modalside-nav.nav-link-child ul.left-side-Stepper.quoteDetailsBtnNew {
        padding-bottom: 0px;
        padding-top: 7px;
        padding-left: 15px;
        margin-top: 0;
        margin-bottom: 0 !important;
        top: 40px;
    }

    .addleadmodal .quote-creating-side-bar.modalside-nav.nav-link-child ul.left-side-Stepper.quoteDetailsBtnNew {
        border-bottom: 0px !important;
        align-items: center;
    }

    .quote-creating-side-bar.modalside-nav.nav-link-child .left-side-Stepper.quoteDetailsBtnNew li.active span a.active, .addGroupLeadmodal .modelside-nav .left-side-Stepper li a.nav-link.active, .customerprofilepopup .modelside-nav .left-side-Stepper li a.active {
        background: var(--theme-default) !important;
        color: #fff !important;
        border-radius: 3px !important;
    }

    .quote-creating-side-bar.modalside-nav.nav-link-child .left-side-Stepper.quoteDetailsBtnNew li.active span a.active {
        padding: 2px 18px !important;
    }

    .customerprofilepopup .modelside-nav .left-side-Stepper li a.active:before {
        background: transparent;
    }

    .modelside-nav .nav .nav-link.active, .modelside-nav .nav .nav-link.QuoteDetailsBtn.active {
        border: 0px !important;
        background: transparent;
    }

    .modelside-nav .nav .nav-link.QuoteDetailsBtn.active {
        padding-bottom: 55px !important;
    }

    .customerprofilepopup .modelside-nav .nav .nav-link.customer_triphistry.active {
        padding-bottom: 46px !important;
    }

    .modelside-nav .nav .nav-link.active::before {
        content: '';
        height: 2px;
        position: absolute;
        width: calc(100% - 24px);
        top: 36px;
        background: var(--theme-default);
        left: 50%;
        z-index: 1;
        transform: translateX(-50%);
    }

    .quote-creating-side-bar.modalside-nav.nav-link-child .left-side-Stepper.quoteDetailsBtnNew li.active span a.active::before {
        display: none;
    }

    .quoteDetailsBtnNew li span a {
        white-space: nowrap;
    }

    #Leaddatatable_wrapper .toolbar .cutomdaterange input, .dataTables_wrapper .toolbar .cutomdaterange input {
        min-width: inherit !important;
        font-size: 14px;
        max-width: 40px;
        padding-right: 0;
    }

    .addlead-button #btnAddLead {
        margin-right: 0px;
    }

    .navbar-dark a img:hover {
        background: transparent;
    }

    .notification-show .bell-number {
        font-size: 8px;
    }

    .breakpoint-login .profileimgwrap {
        width: 35px !important;
        height: 35px !important;
    }

    .login-popup .user-profile-section .profileimgwrap, .login-popup .user-profile-section .profileimgwrap img {
        width: 100% !important;
        height: 100% !important;
    }

    .breakpoint-login .profileimgwrap .nouser-icon {
        width: 35px;
        height: 35px;
    }

    .breakpointtop .nav-link.hamburgertoggle {
        margin-right: 8px;
    }

    .bpwahgt .maincard .card-header {
        padding: 15px;
    }

    .bpwahgt .maincard .card-body {
        padding: 15px;
    }

    .bpwahgt {
        padding: 15px;
    }

    .mainContent {
        padding: 0px;
    }

    #mainContent.mainContent .body-page-wrapper {
        padding: 15px !important;
    }

    .mainContent .maincard {
        padding-top: 64px !important;
    }

        .mainContent .maincard .card-header {
            padding: 15px !important;
        }

        .mainContent .maincard .card-body {
            padding: 15px !important;
        }

    .recent-submitted-section {
        margin-bottom: 0px !important;
    }

    .breakpoint-search .layout_input-group .form-control {
        width: initial;
    }
}

.quote_table .dataTable tbody .name_td, .quote_table .dataTable thead .name_th {
    text-align: start !important;
    padding-left: 46px !important;
}

.source_td, .create_td, .version_td, .status_td, .source_th, .create_th, .version_th, .status_th, .leadsproposals {
    text-align: center;
}

.quote_table .dataTable tbody .odd + tr td[colspan="9"], .quote_table .dataTable tbody .even + tr td[colspan="9"], .proposal_table .dataTable tbody .odd + tr td[colspan="8"], .proposal_table .dataTable tbody .even + tr td[colspan="8"] {
    background: #F4F4F4 !important;
    box-shadow: inset -3px 3px 4px 0px rgba(0, 0, 0, 0.05);
}

.quote_table .dataTable tbody .parnt_table thead tr th, .quote_table .dataTable tbody .parnt_table tbody tr td {
    background-color: #F4F4F4 !important;
}

    .quote_table .dataTable tbody .parnt_table thead tr th:first-child, .quote_table .dataTable tbody .parnt_table tbody tr td:first-child, .quote_table .dataTable tbody .parnt_table thead tr th:nth-child(2), .quote_table .dataTable tbody .parnt_table tbody tr td:nth-child(2) {
        padding-left: 15px !important;
        text-align: start !important;
    }

#Bookdatatable_wrapper #Bookdatatable tbody tr td:first-child {
    text-align: start !important
}

#Bookdatatable_wrapper #Bookdatatable tbody tr td {
    text-align: center;
}

    #Bookdatatable_wrapper #Bookdatatable tbody tr td:nth-child(4), #Bookdatatable_wrapper #Bookdatatable tbody tr td:nth-child(6) {
        text-align: start;
    }

.automatedFollowUp_body table.w-100 thead tr th {
    color: #8E8E8E;
    padding-bottom: 10px;
}

.automatedFollowUp_body table.w-100 tbody tr td {
    font-weight: 600;
    padding-bottom: 8px;
}

#quotedetailsTransportation_1_details .transportation-collapsebody .select-searchbar:before, .createquotemodal .select-searchbar:before, #quotedetailscruise .form-floating.select-searchbar:before {
    display: none;
}

#quotedetailsTransportation_1_details .transportation-collapsebody .form-floating .is-invalid, .createquotemodal .form-floating .form-select.is-invalid, #quotedetailscruise .form-floating .form-select.is-invalid, #commission-structure .form-floating .form-select.is-invalid {
    background-image: none;
}

#quotedetailsTransportation_1_details .transportation-collapsebody .form-floating .form-select, .createquotemodal .form-floating .form-select, #quotedetailscruise .form-floating .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}

.tra-dash .body-page-wrapper table.dataTable.display tbody tr td.dataTables_empty, #Bookdatatable_wrapper #Bookdatatable tbody tr td.dataTables_empty {
    text-align: center !important;
}

.breakpoint-bell {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-secondary);
    border-radius: 50px;
}

.tra-dash .maincard .card-body {
    padding-top: 20px !important;
}

.status.Payment, .status.status-Payment, .status.Payment-Form-Submitted, .status.status-Payment-Form-Submitted, .status.status-payment-form-submitted, .status.status-PAYMENT-FORM-SUBMITTED, .status.Quoted.Group_Submitted, .status.Requoted.Group_Submitted {
    white-space: nowrap;
    border: 1px solid #03C3EC;
    color: #03C3EC;
    background: #03C3EC1A;
}

.profile_status.Payment-Form-Submitted {
    white-space: nowrap;
    color: #03C3EC;
}

.status-Pending.Payment, .status.status-Pending-Payment {
    white-space: nowrap;
    border: 1px solid #FFC107;
    color: #FF9800;
    background: #fffbf0;
    padding: 2px 20px !important;
}

.profile_status.Pending-Payment {
    white-space: nowrap;
    color: #FF9800 !important;
}

.status.Archived, .status.status-Archived, .status.status-archived, .status.status-ARCHIVED {
    color: #f9b8b1;
    border: 1px solid #f9b8b1;
    background: #f9b8b11A;
    font-size: 14px;
}

.status.Junk, .status.status-Junk, .status.status-junk, .status.status-JUNK {
    color: #ff4876;
    border: 1px solid #ff4876;
    background: #ff48761A;
    font-size: 14px;
}

.status.Deactivate, .status.status-Deactivate, .status.status-deactivate, .status.status-DEACTIVATE {
    color: #4e5247;
    border: 1px solid #4e5247;
    background: #4e52471A;
    font-size: 14px;
}

.status.Activate, .status.status-Activate, .status.status-activate, .status.status-ACTIVATE {
    color: #48C9B0;
    border: 1px solid #48C9B0;
    background: #48C9B01A;
    font-size: 14px;
}

.status.New, .status.status-New, .status.status-new, .status.status-NEW {
    border: 1px solid #6554C0;
    color: #6554C0;
    background: #6554C01A;
    font-size: 14px;
}

.status.Open, .status.status-Open, .status.status-open, .status.status-OPEN {
    border: 1px solid var(--theme-secondary);
    color: var(--theme-secondary);
    background: #017EFA1A;
    font-size: 14px;
}

.status.Unpublish, .status.status-Unpublish, .status.status-unpublish, .status.status-UNPUBLISH {
    color: #8e6a00;
    border: 1px solid #8e6a00;
    background: #8e6a001A;
    font-size: 14px;
}

.profile_status.Unpublish {
    color: #8e6a00 !important;
}

.status.Requoted, .status.status-Requoted, .status.status-requoted, .status.status-REQUOTED, .status.Quoted, .status.status-Quoted, .status.status-quoted, .status.status-QUOTED {
    border: 1px solid #6201ed;
    color: #6201ed;
    background: #EFE6FD;
    font-size: 14px;
}

.profile_status.Requoted, .profile_status.Quoted {
    color: #6201ed !important;
}

.status.Draft, .status.status-Draft, .status.status-draft, .status.status-DRAFT {
    color: #CF3A59;
    border: 1px solid #CF3A59;
    background: #CF3A591A;
    font-size: 14px;
}

.profile_status.Draft {
    color: #CF3A59 !important;
}

.status.status-Submitted {
    white-space: nowrap;
    border: 1px solid #03C3EC;
    color: #03C3EC;
    background: #03C3EC1A;
}

.status.prconfir-status {
    white-space: nowrap;
}

.status.Cancellation-Requested, .status.status-Cancellation-Requested, .status.status-cancellation-requested, .status.status-CANCELLATION-REQUESTED {
    color: #F18204;
    border: 1px solid #F18204;
    background: #F182041A;
    padding: 3px 7px;
    cursor: auto;
    display: inline-block;
    font-size: 14px;
}

.status.Confirmed, .status.status-Confirmed, .status.status-confirmed.status.status-CONFIRMED {
    color: #3B824B;
    border: 1px solid #3B824B;
    background: #3B824B1A;
    padding: 3px 7px;
    cursor: auto;
    display: inline-block;
    font-size: 14px;
}

.status.status-Paid-In-Full, .status.status-Deposited {
    color: #3B824B;
    border: 1px solid #3B824B;
    background: #3B824B1A;
    padding: 3px 7px;
    cursor: auto;
    display: inline-block;
    font-size: 14px;
}

.status.Cancelled, .status.Canceled, .status.status-Canceled, .status.status-canceled, .status.status-cancelled, .status.status-Cancelled {
    color: #da2020;
    border: 1px solid #da2020;
    background: #da20201A;
    padding: 3px 7px;
    cursor: auto;
    display: inline-block;
    font-size: 14px;
}

.profile_status.Canceled {
    color: #da2020 !important;
}

.status.Cancelled-With-Charge, .status.status-Cancelled-With-Charge, .status.status-cancelled-with-charge, .status.status-CANCELLED-WITH-CHARGE {
    color: #4b1363;
    border: 1px solid #4b1363;
    background: #4b13631A;
    padding: 3px 7px;
    cursor: auto;
    display: block;
    font-size: 14px;
}

.status.Deposit-Paid, .status.status-Deposit-Paid, .status.status-deposit-paid, .status.status-DEPOSIT-PAID {
    color: #21c16f;
    border: 1px solid #21c16f;
    background: #21c16f1A;
    padding: 3px 7px;
    cursor: auto;
    display: inline-block;
    font-size: 14px;
}

.status.ExtraMoneytoConfirm, .status.status-ExtraMoneytoConfirm, .status.status-extramoneytoconfirm, .status.status-EXTRAMONEYTOCONFIRM {
    color: #ae2ea5;
    border: 1px solid #ae2ea5;
    background: #ae2ea51A;
    padding: 3px 7px;
    cursor: auto;
    display: block;
    font-size: 14px;
}

.status.Failed, .status.status-Failed, .status.status-failed, .status.status-FAILED {
    color: #742925;
    border: 1px solid #742925;
    background: #7429251A;
    padding: 3px 7px;
    cursor: auto;
    display: inline-block;
    font-size: 14px;
}

.status.Initiated, .status.status-Initiated, .status.status-initiated, .status.status-INITIATED {
    color: #196a98;
    border: 1px solid #196a98;
    background: #196a981A;
    padding: 3px 7px;
    cursor: auto;
    display: inline-block;
    font-size: 14px;
}

.status.Invoiced, .status.status-Invoiced.status.status-invoiced, .status.status-INVOICED {
    color: #ff005c;
    border: 1px solid #ff005c;
    background: #ff005c1A;
    padding: 3px 7px;
    cursor: auto;
    display: inline-block;
    font-size: 14px;
}

.status.Manual-Added, .status.status-Manual-Added, .status.status-manual-added, .status.status-MANUAL-ADDED {
    color: #deff00;
    border: 1px solid #deff00;
    background: #deff001A;
    padding: 3px 7px;
    cursor: auto;
    display: inline-block;
    font-size: 14px;
}

.status.On-Hold, .status.status-On-Hold, .status.status-on-hold, .status.status-ON-HOLD {
    color: #797438;
    border: 1px solid #797438;
    background: #7974381A;
    padding: 3px 7px;
    cursor: auto;
    display: inline-block;
    font-size: 14px;
}

.status.On-Request, .status.status-On-Request, .status.status-on-request, .status.status-ON-REQUEST {
    color: #a59191;
    border: 1px solid #a59191;
    background: #a591911A;
    padding: 3px 7px;
    cursor: auto;
    display: inline-block;
    font-size: 14px;
}

.status.Paid, .status.status-Paid, .status.status-paid, .status.status-PAID {
    color: #363568;
    border: 1px solid #363568;
    background: #3635681A;
    padding: 3px 7px;
    cursor: auto;
    display: inline-block;
    font-size: 14px;
}

.status.Partially-Confirmed, .status.status-Partially-Confirmed, .status.status-partially-confirmed, .status.status-PARTIALLY-CONFIRMED {
    color: #8477c2;
    border: 1px solid #8477c2;
    background: #8477c21A;
    cursor: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.status.SO-Printed, .status.status-SO-Printed, .status.status-so-printed, .status.status-SO-PRINTED {
    color: #0c56ed;
    border: 1px solid #0c56ed;
    background: #0c56ed1A;
    padding: 3px 7px;
    cursor: auto;
    display: inline-block;
    font-size: 14px;
}

.status.Visa-Applied, .status.status-Visa-Applied, .status.status-visa-applied, .status.status-VISA-APPLIED {
    color: #563737;
    border: 1px solid #563737;
    background: #5637371A;
    padding: 3px 7px;
    cursor: auto;
    display: inline-block;
    font-size: 14px;
}

.status.Visa-Approved-and-Uploaded, .status.status-Visa-Approved-and-Uploaded, .status.status-visa-approved-and-uploaded, .status.status-VISA-APPROVED-AND-UPLOADED {
    color: #00ff1f;
    border: 1px solid #00ff1f;
    background: #00ff1f1A;
    padding: 3px 7px;
    cursor: auto;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
    margin: 0 auto;
    font-size: 14px;
}

.status.Visa-Waiting-For-Approval, .status.status-Visa-Waiting-For-Approval, .status.status-visa-waiting-for-approval, .status.status-VISA-WAITING-FOR-APPROVAL {
    color: #215f58;
    border: 1px solid #215f58;
    background: #215f581A;
    padding: 3px 7px;
    cursor: auto;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
    margin: 0 auto;
    font-size: 14px;
}

.status.Query-Received, .status.status-Query-Received, .status.status-query-received, .status.status-QUERY-RECEIVED, .status.Running-out-of-Stock, .status.status-Running-out-of-Stock, .status.status-running-out-of-stock, .status.status-RUNNING-OUT-OF-STOCK {
    color: #aaaaaa;
    border: 1px solid #aaaaaa;
    background: #aaaaaa1A;
    padding: 3px 7px;
    cursor: auto;
    display: inline-block;
    font-size: 14px;
}

#usertypename, .Datatable-thread-row .AddUser_FName.sorting, .AddUser_table tbody tr td:first-child, .AddTeam_table table thead tr th:first-child, .AddTeam_table table tbody tr td:first-child, #Commissiontable_wrapper table thead tr th:first-child, #Commissiontable_wrapper table tbody tr td:first-child {
    text-align: start !important;
}

#usertypecreated, #usertypestatus, .AddUser_created, .AddUser_status, .AddUser_table tbody tr td:nth-child(3), .AddUser_table tbody tr td:nth-child(6), .AddTeam_table table thead tr th:nth-child(4), .AddTeam_table table tbody tr td:nth-child(4), .AddTeam_table table thead tr th:nth-child(5), .AddTeam_table table tbody tr td:nth-child(5), #Commissiontable_wrapper table thead tr th:nth-child(3), #Commissiontable_wrapper table tbody tr td:nth-child(3), #Commissiontable_wrapper table thead tr th:nth-child(4), #Commissiontable_wrapper table tbody tr td:nth-child(4), .quote_table .quote_th, .quote_table .trip_td, .quote_table .quote_tripID {
    text-align: center !important;
}

.quote_table .dataTable tbody .odd.selected, .quote_table .dataTable tbody .even.selected, .quote_table .dataTable tbody .odd.selected td, .quote_table .dataTable tbody .even.selected td, .quote_table .dataTable tbody .selected td.create_td, .quote_table .dataTable tbody .selected td.create_td {
    background: #fff !important;
}

.login-popup {
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    border: none;
}

.upload-downloadbtn {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    border: none;
}

.cutomdaterange .daterangepicker {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    border: none;
}

@media screen and (min-width:1201px) and (max-width:1600px) {
    .breakpointnavbar {
        width: 700px;
    }
}

#leadsagent, .agent_td {
    width: 170px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

#leadstripid p.lead-tripId {
    background: #dddddd;
    color: #fff;
    border: #dddddd;
    cursor: not-allowed;
}

#leadsname p.lead-tripName {
    color: #7c7c7c;
    cursor: not-allowed;
}

#leadstripid p:hover {
    background: #dddddd;
    border: #dddddd;
    color: #fff;
}

.cruise_itinerary_section .cruiseitinerary_div {
    position: relative;
    height: 66px;
    border-radius: 0px;
    padding-top: 30px !important;
    padding-left: 10px;
    padding-right: 26px !important;
    padding-bottom: 5px;
    background-position: right 15px bottom 16px !important;
    text-overflow: ellipsis;
}

    .cruise_itinerary_section .cruiseitinerary_div.departtime {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.user-photo-sec .profileimgwrap {
    width: 50px;
    height: 50px;
}

.profileimgwrap {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50px !important;
    border: 2px solid var(--theme-secondary);
    position: relative;
}

    .profileimgwrap img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

.nouser-icon {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    text-align: center;
    padding-top: 8px;
    font-size: 17px;
    background-color: #e1dada;
    color: #000;
    display: inline-block;
}

.user-profile-section .nouser-icon {
    width: 50px;
    height: 50px;
    padding-top: 10px;
}

.modal-backdrop {
    z-index: 10 !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.maincntntwrap {
    z-index: 2;
}

.skelton-parentgrid {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 999;
    height: 100vh;
    background: #ffffff;
}

    .skelton-parentgrid .pagemainrow .sidebar {
        top: 80px !important;
    }

    .skelton-parentgrid .pagemainrow .main-skelton-hide-section {
        position: relative;
        top: 0;
    }

    .skelton-parentgrid .maincard > .card-header {
        position: relative;
        padding-top: 0;
    }

    .skelton-parentgrid .pagemainrow .card-body {
        position: relative;
    }

    .skelton-parentgrid .maincard {
        padding-top: 0 !important;
    }

    .skelton-parentgrid .skelton-rounded-5, .modalskeleton .skelton-rounded-5 {
        border-radius: 7px;
    }

    .skelton-parentgrid .skelton-rounded-10, .modalskeleton .skelton-rounded-10 {
        border-radius: 10px;
    }

    .skelton-parentgrid .skelton-rounded-15, .modalskeleton .skelton-rounded-15 {
        border-radius: 15px;
    }

    .skelton-parentgrid .skelton-rounded-50, .modalskeleton .skelton-rounded-50 {
        border-radius: 50%;
    }

    .skelton-parentgrid .skel-width-200, .modalskeleton .skel-width-200 {
        width: 200px;
    }

    .skelton-parentgrid .skel-width-280 {
        width: 280px;
    }

    .skelton-parentgrid .skel-width-520 {
        width: 520px;
    }

    .skelton-parentgrid .skel-width-150, .modalskeleton .skel-width-150 {
        width: 150px;
    }

    .skelton-parentgrid .skel-width-385 {
        width: 385px;
    }

    .skelton-parentgrid .skel-width-300, .modalskeleton .skel-width-300 {
        width: 300px;
    }

    .skelton-parentgrid .skel-width-250 {
        width: 250px;
    }

    .skelton-parentgrid .skel-height-50, .modalskeleton .skel-height-50 {
        height: 50px;
    }

    .skelton-parentgrid .skel-height-40, .modalskeleton .skel-height-40 {
        height: 40px;
    }

    .skelton-parentgrid .skel-height-30, .modalskeleton .skel-height-30 {
        height: 30px;
    }

    .skelton-parentgrid .skel-height-66 {
        height: 66px;
    }

    .skelton-parentgrid .skel-height-20, .modalskeleton .skel-height-20 {
        height: 20px;
    }

    .skelton-parentgrid .skel-height-15, .modalskeleton .skel-height-15 {
        height: 15px;
    }

    .skelton-parentgrid .skel-height-25, .modalskeleton .skel-height-25 {
        height: 25px;
    }

    .skelton-parentgrid .skel-height-172 {
        height: 172px;
    }

    .skelton-parentgrid .border-radius-50 {
        border-radius: 50px;
    }

.modalskeleton .skel-height-90, .skel-height-90 {
    height: 90px;
}

.modalskeleton .skel-height-60 {
    height: 60px;
}

.skelton-parentgrid .skel-width-50, .modalskeleton .skel-width-50 {
    width: 50px;
}

.skelton-parentgrid .skel-width-80, .modalskeleton .skel-width-80 {
    width: 80px;
}

.skelton-parentgrid .skel-width-40, .modalskeleton .skel-width-40 {
    width: 40px;
}

.skelton-parentgrid .skel-width-30, .modalskeleton .skel-width-30 {
    width: 30px;
}

.skelton-parentgrid .skel-width-20, .modalskeleton .skel-width-20 {
    width: 20px;
}

.skelton-parentgrid .skel-width-25, .modalskeleton .skel-width-25 {
    width: 25px;
}

.skelton-parentgrid .skel-width-100, .modalskeleton .skel-width-100 {
    width: 100px;
}

.skelton-parentgrid .skel-width-795, .modalskeleton .skel-width-795 {
    width: 795px;
}

.skelton-parentgrid .skel-width-1200, .modalskeleton .skel-width-1200 {
    width: 1200px;
}

.skelton-parentgrid .skelton-mr-30, .modalskeleton .skelton-mr-30 {
    margin-left: 30px;
}

.skelton-parentgrid .skelton-mr-15, .modalskeleton .skelton-mr-15 {
    margin-left: 15px;
}

.skelton-parentgrid .skelton-mr-5, .modalskeleton .skelton-mr-5 {
    margin-left: 5px;
}

.skelton-parentgrid .skelton-mr-25, .modalskeleton .skelton-mr-25 {
    margin-left: 25px;
}

.skelton-parentgrid .skelton-mr-20, .modalskeleton .skelton-mr-20 {
    margin-left: 20px;
}

.skelton-parentgrid .skelton-mr-45, .modalskeleton .skelton-mr-45 {
    margin-left: 45px;
}

.gap-20 {
    gap: 20px;
}

.modalskeleton .modal-footer {
    position: absolute;
    bottom: 0;
}

.main-skelton-hide-section .display.dataTable th {
    font-size: 14px;
    padding: 10px 20px;
    overflow: hidden;
    word-break: normal;
    color: #333;
    background-color: rgba(222,219,219,.16) !important;
}

.main-skelton-hide-section .right-end {
    float: right;
    text-align: right;
}

.skelton-parentgrid .margin-20 {
    margin: 25px 5px
}

.skelton-parentgrid .pagemainrow .sidebar {
    position: absolute;
}

.skelton-parentgrid table.display.dataTable.no-footer td {
    height: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
}

@media screen and (min-width:320px) and (max-width:767px) {
    .skelton-parentgrid .skel-mobile-d-none {
        display: none;
    }

    .skelton-parentgrid .skel-searchbar {
        display: flex;
        flex-direction: row-reverse;
        max-width: 140px !important;
    }

    .skelton-parentgrid .skel-profile {
        height: 30px;
        width: 30px;
    }

    .skelton-parentgrid .skel-notification {
        margin-right: 0px;
    }

    .skelton-parentgrid .mobile-skl-lead {
        max-width: 130px;
    }
}

@media screen and (min-width:767px) and (max-width:1200px) {
    .skelton-parentgrid .pagemainrow .sidebar {
        display: none !important;
    }

    .skelton-parentgrid .skel-mobile-d-none {
        display: none;
    }
}

.itemsettings ul.dropdown-menu {
    position: absolute;
    inset: 0px 0px auto auto;
    margin: 0px;
    transform: translate3d(0px, 23px, 0px);
}

#trazel-logo-button img:hover {
    background: transparent;
}

#divPopupTimeOut * {
    font-size: 14px !important;
    line-height: 26px;
}

.ssnPopup {
    text-align: left;
    margin: 0px;
    min-width: 300px;
    max-width: 340px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 9999;
    padding: 0px;
    border: none;
    background: #fff;
    overflow: hidden;
    box-shadow: 0px 0px 100px rgba(0,0,0,.6);
    -webkit-box-shadow: 0px 0px 100px rgba(0,0,0,.6);
    -moz-box-shadow: 0px 0px 100px rgba(0,0,0,.6);
    -ms-box-shadow: 0px 0px 100px rgba(0,0,0,.6);
    -o-box-shadow: 0px 0px 100px rgba(0,0,0,.6);
}

.ui-dialog-titlebar.ui-corner-all {
    display: none;
}

.ssnPopup .modal-body {
    padding: 15px 0px;
    overflow: hidden;
    font-family: var(--bs-font-sans-serif);
}

    .ssnPopup .modal-body img {
        height: 15px;
        width: 15px;
    }

.ssnPopup .modal-title {
    background: var(--nav-theme-default);
    font-weight: 600 !important;
    color: #FFFFFF !important;
    padding: 0.375rem 0.75rem;
}

.ssnPopup .modal-body button {
    background: var(--nav-theme-default);
    font-weight: 600 !important;
    color: #FFFFFF !important;
    border: none;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
}

body table.dataTable.display tbody tr.odd > .sorting_1, body table.dataTable.order-column.stripe tbody tr.odd > .sorting_1, .dataTables_scrollBody td.dtfc-fixed-left.sorting_1, body table.dataTable.display tbody tr:hover > .sorting_1, body table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background: #fafafa !important;
}

body table.dataTable.display tbody tr:hover > .sorting_1, body table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background: #f6f6f6 !important;
}

.pagemainrow, .pagemainrow .mainContent, .sidebarMenu .sidebarmenuwrap {
    height: 100%;
}

    .pagemainrow, .pagemainrow .mainContent, .sidebarMenu .sidebarmenuwrap, .body-page-wrapper, .mobil-container, .maincard, .custom-filter-add-btn, .dataTables_wrapperwrap, .dataTables_wrapper, .dataTables_wrapper .dataTables_scroll {
        height: 100%;
    }

.dataTables_wrapper {
    position: relative;
}

.tbltoprow {
    position: absolute;
    height: 56px;
    top: 0;
    width: 100%;
}

.tblmiddlerow {
    height: 100%;
    padding-top: 56px;
    padding-bottom: 56px;
}

.tblbottomrow {
    position: absolute;
    height: 56px;
    bottom: 0;
    width: 100%;
}

.maincard {
    padding-top: 80px !important;
}

.dataTables_wrapper .dataTables_scroll {
    padding: 0px !important;
    padding-top: 40px !important;
}

.maincard > .card-header {
    position: absolute;
    top: 0px !important;
    left: 0px !important;
    width: 100% !important;
}

.maincard > .card-body {
    height: 100% !important;
}

.tblmiddlerow .dataTables_scrollHead {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 5 !important;
}

.tblmiddlerow .dataTables_scrollBody {
    position: relative !important;
    height: 100% !important;
    width: 100% !important;
    max-height: none !important;
}

.maincard {
    margin-bottom: 0px !important;
}

.sidebar ul.nav {
    height: 100% !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 25px 0px !important;
}

    .sidebar ul.nav .dropdown-menu {
        border-radius: 0px !important;
    }

.pagemainrow .mainContent .maincard {
    box-shadow: none !important;
}

.dataTables_wrapper .dataTables_scroll > .itemsettings {
    position: absolute;
    top: 6px;
    z-index: 6;
    right: -6px;
    width: 52px;
}

    .dataTables_wrapper .dataTables_scroll > .itemsettings .custom-dropdown, .dataTables_wrapper .dataTables_scroll > .itemsettings .custom-dropdown-link {
        width: 100%;
        cursor: pointer;
    }

.profileimgwrap {
    display: inline-block;
    vertical-align: middle;
}

.dataTables_wrapper table.dataTable thead th, .dataTables_wrapper table.dataTable tbody td {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.dataTables_scrollBody td.selected {
    z-index: 10 !important;
}

body .bpwahgt {
    height: auto;
}

body .tra-dash .body-page-wrapper {
    padding: 20px !important;
}

body .pagemainrow .mainContent .maincard {
    border-radius: 10px !important;
}

body .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    overflow: auto !important;
}

.skelton-parentgrid, .skelton-parentgrid .mainContent {
    background: var(--theme-bg-back-color) !important;
    transition: none !important;
}

    .skelton-parentgrid .mainContent {
        padding: 20px !important;
    }

    .skelton-parentgrid .body-page-wrapper {
        border-radius: 10px !important;
        background: #ffffff !important;
        transition: none !important;
    }

    .skelton-parentgrid .pagemainrow .sidebar {
        top: 74px !important;
    }

.estWedDates .wedddatediv {
    margin-bottom: 10px;
    display: inline-flex;
    margin-right: 15px;
}

.triptype_td {
    min-width: 175px;
}

.version_hist {
    min-width: 130px;
}

.checkin_table {
    min-width: 95px;
}

.last_view {
    min-width: 90px;
}

.uplded_text {
    color: #8E8E8E;
    font-size: 12px;
    font-weight: 400;
}

.addGroupLeadmodal .modelside-nav a.nav-link.active:after, .addGroupLeadmodal .modelside-nav.nav-link-child a.nav-link.active:after {
    left: 244px;
    background: #f8f8f8;
    height: 100%;
    width: 10px;
    top: 0;
}

#Confirmed_Text .ck-blurred.ck-content.ck-editor__editable {
    padding-top: 20px;
    font-size: 14px;
}

#Confirmed_Text label {
    padding-top: 10px;
}

.gruplead_selectroom {
    box-shadow: none;
}

.gruplead_selectroom {
    padding-top: 0px !important;
}

    .gruplead_selectroom:first-child {
        padding-top: 16px !important;
    }

.addrates_div {
    position: absolute;
    background: var(--theme-default);
    color: #fff;
    width: 100%;
    padding-left: 9px;
    top: auto;
    bottom: -25px;
    left: 0px;
    height: 25px;
    font-size: 12px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 1;
}

.grpaddrates .groplead_rates {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.grop_romblck_section {
    padding-left: 0px !important;
}

.grbprice:before {
    display: none;
}

.rtsper_person {
    background-position: right;
}

.groplead_rates table {
    border-top-left-radius: 5px;
    border: none;
    width: 100%;
}

    .groplead_rates table thead tr td {
        border-top: none;
    }

    .groplead_rates table tbody tr td:first-child {
        border-left: none;
    }

    .groplead_rates table tbody tr td:last-child {
        border-right: none;
    }

    .groplead_rates table tbody tr:last-child td {
        border-bottom: none;
    }

    .groplead_rates table thead tr th:last-child {
        border-right: none;
    }

    .groplead_rates table thead tr th:first-child {
        border-left: none;
    }

    .groplead_rates table tbody tr td .USD:before {
        font-weight: 500;
    }

.groplead_edit {
    text-align: center;
}

    .groplead_edit span {
        cursor: pointer;
        color: var(--theme-default);
    }

.Grouproompricemodal .grpaddrates_popup table tbody tr td .Mobile.price {
    max-width: 105px;
    padding-right: 5px !important;
    border: 1px solid rgba(204, 210, 227, 0.10);
    border-radius: 7px;
    color: #565656;
    background-size: 17px;
    font-size: 15px;
    background-color: #F5F7FB;
}

.Grouproompricemodal .grpaddrates_popup table thead tr th:first-child {
    text-align: start;
}

.Grouproompricemodal .grpaddrates_popup table {
    border-collapse: inherit;
    padding: 0px;
    border-radius: 5px;
}

.Grouproompricemodal .grpaddrates_popup .grpaddrates_tble {
    overflow: auto;
    width: 100%;
}

.GroupCancellationPolicyModel .modal-body .cancellationMainDiv .cancellationDiv .Mobile.canFrom, .GroupCancellationPolicyModel .modal-body .cancellationMainDiv .cancellationDiv .Mobile.canTo, .GroupCancellationPolicyModel .modal-body .cancellationMainDiv .cancellationDiv .Mobile.canPen {
    max-width: 50px;
    border: 1px solid rgba(204, 210, 227, 0.10);
    border-radius: 7px;
    color: #565656;
    background-size: 17px;
    font-size: 15px;
    background-color: #F5F7FB;
}

.remove-text:hover svg path {
    fill: var(--theme-default-hover);
}

#Confirmed-fileupload .attachementcontent-header {
    max-width: 250px;
}

#ServiceAgreement-fileupload .Attachment-pdf .attachment-content {
    max-width: 335px;
}

.addGroupLeadmodal .modelside-nav .left-side-Stepper li a.nav-link.active {
    color: #212529;
}

.notification_table thead tr th {
    background-color: #f6f8fa;
    color: #444d58 !important;
    font-size: 13px;
    text-transform: uppercase;
}

.notification_table tbody tr td {
    font-size: 15px;
}

.notification_table thead tr th, .notification_table tbody tr td {
    border: 1px solid #dcdfe657 !important;
    border-bottom: 0px !important;
    border-right: 0px !important;
}

    .notification_table thead tr th:last-child {
        border-right: 1px solid #dcdfe657 !important;
    }

    .notification_table tbody tr td:last-child {
        border-right: 1px solid #dcdfe657 !important;
    }

.notification_table tbody tr:last-child td {
    border-bottom: 1px solid #dcdfe657 !important;
}

.view_notification {
    text-align: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #fff;
}

.notif_dash {
    border-right: 1px solid #dadada;
    padding: 10px;
}

.notif_viw {
    padding: 10px;
}

.view_notification .view_all_link {
    text-decoration: none;
    font-size: 14px;
}

.wedding_group_web {
    max-height: 320px;
}

.addguest_btn {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.btndropdown_guest {
    right: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    height: 100%;
}

.gust_dropdwn_div {
    padding-left: 2px;
}

.GropPrpal_heading_tabs .nav-pills .nav-item:hover:first-child {
    border-top-left-radius: 7px;
}

.GropPrpal_heading_tabs .nav-pills .nav-item:hover:last-child {
    border-top-right-radius: 7px;
}

.GropPrpal_heading_tabs .nav-pills .nav-item:hover .nav-link {
    color: #fff;
}

.GropPrpal_heading_tabs .tab-content {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.dragdrop_spreadshet .bdrend:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.dragdrop_spreadshet .bdrend:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.brwser_fils {
    font-size: 14px;
    padding: 0 1rem;
    height: 36px;
    line-height: 32px;
    color: #000;
    font-weight: 400;
    background: transparent;
    border: 1px solid #dadada;
    display: inline-block;
    border-radius: 5px;
}

.invitation_popup_div .client--info-section {
    border-top: 1px dashed #dadada;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
}

.group-room-categories .selectedRooms {
    padding-top: 0px !important;
    padding-bottom: 27px !important;
}

    .group-room-categories .selectedRooms:first-child {
        padding-top: 15px !important;
    }

.collapsetoggle.customer-list-spredsheet {
    right: 0px;
}

.lookuptable-div {
    max-height: 450px;
    overflow: auto;
}

.cust_look_data_sh.Customerlookup-number.card.card-body, body .groupLookupSearchInputs .GroupLookupNumber.card-body {
    padding: 0px !important;
}

.filter_searchicon {
    height: 39px;
    width: 43px;
    display: block;
    text-align: center;
    margin: auto;
    line-height: 34px;
    cursor: pointer;
    border: 1px solid rgba(204, 210, 227, 0.10);
    border-radius: 7px;
    cursor: pointer;
    background-color: #F5F7FB;
    display: none;
}

@media (max-width:1366px) {
    .tra-dash .body-page-wrapper table.dataTable tbody td, .tra-dash table.dataTable tbody td {
        font-size: 13px;
    }

    .tra-dash .body-page-wrapper table.dataTable thead th, .tra-dash table.display.Datatable-Main thead th {
        font-size: 12px;
    }

    .templates-btn {
        font-size: 14px;
    }

    .flightdetailsmanual {
        font-size: 14px;
    }

    .flightdetailsfetch.outbound-search.SearchBtn {
        padding: 0px !important;
    }

    .addTravelProtection_button {
        max-width: 180px;
        min-width: 180px;
    }

    .form-editor-wrap .ck-placeholder {
        font-size: 14px;
    }

    .comntsclose {
        top: 8px;
        right: 8px;
    }

        .comntsclose img {
            height: 8px;
            width: 8px;
        }

    .accordion-tripcost-section .sidebar-tripcost-section > p {
        font-size: 20px;
    }

    .history_time_div {
        margin-left: 10px;
        width: 25%;
        font-size: 14px;
    }

    .history_content_div {
        width: 75%;
        font-size: 14px;
    }

    .modal-title {
        font-size: 14px;
    }

    .tripIDtxt.text-muted {
        font-size: 12px;
    }

    .tra-dash .card .card-header {
        padding: 12px 15px;
    }

    .tra-dash .maincard .card-body {
        padding: 12px 15px !important;
    }

    .maincard {
        padding-top: 64px !important;
    }

    .custom-filter-btn {
        right: 14px;
    }

    #Leaddatatable_wrapper .cutomdaterange input {
        min-width: 230px !important;
        font-size: 14px;
    }

    .tra-dash .body-page-wrapper .top.cust-search .dataTables_filter input, .tra-dash table.dataTable.display tbody tr td {
        font-size: 14px;
    }

    .Customerlookup .ps-4.pe-4.pt-4 {
        padding: 12px 15px 0px 15px !important;
    }

    .Customerlookup .col-md-12.ps-4.pt-2.pb-4 {
        padding: 0px 0px 15px 15px !important;
    }

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

    #result_count, .resultFounds {
        font-size: 17px;
    }

    #lookdata tr th, #lookdata tr td {
        font-size: 14px;
        padding-bottom: 0px;
    }

    .customer-lookup-color.links {
        font-size: 14px;
    }

    .lead-tripId {
        min-width: 135px;
    }

    .view_all_link {
        font-size: 14px;
    }
}

#bookingRef {
    text-align: center !important;
}

#bookingTripType {
    text-align: start !important;
}

#BookingDetailsBody #hotelAccordion #quotedetailshotel #collapsehotel-details #HotelResort .HotelRoomDynClss .roominstay .categories .room-type-section-identifier .mobil-roomview .bokng_form_check {
    padding-left: 0px;
}

.actvt_section_image .mobil-col {
    width: 100%;
}

.booking_pyble .recommeded_div1 .bokng_form_check, .booking_recble .recommeded_div1 .bokng_form_check {
    padding-left: 25px !important;
}

#login2requesttoggle #requestdetails .RequestDetail_Body {
    background: transparent;
}

    #login2requesttoggle #requestdetails .RequestDetail_Body .card.card-body.pb-0.mb-0 {
        padding: 0px !important;
        background: transparent;
    }

        #login2requesttoggle #requestdetails .RequestDetail_Body .card.card-body.pb-0.mb-0 #TotalNumStays .row.ps-1.pe-1.VaccationDetail {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        #login2requesttoggle #requestdetails .RequestDetail_Body .ReqCity .select2-container, #login2requesttoggle #requestdetails .RequestDetail_Body .card.card-body.pb-0.mb-0 #TotalNumStays .request_roomclass .DepAirport .select2-container {
            display: block !important;
        }

        #login2requesttoggle #requestdetails .RequestDetail_Body .card.card-body.pb-0.mb-0 #TotalNumStays #Stay_One {
            display: none !important;
        }

        #login2requesttoggle #requestdetails .RequestDetail_Body .card.card-body.pb-0.mb-0 .ReqGroupName .select2-selection__rendered li {
            justify-content: space-between;
        }

            #login2requesttoggle #requestdetails .RequestDetail_Body .card.card-body.pb-0.mb-0 .ReqGroupName .select2-selection__rendered li .select2-selection__choice__remove {
                cursor: pointer;
            }

        #login2requesttoggle #requestdetails .RequestDetail_Body .card.card-body.pb-0.mb-0 #TotalNumStays .request_roomclass .DepAirport .select2-container .select2-selection .select2-selection__rendered {
            padding-left: 0px;
        }

#GroupProposal_File {
    background: #f8f8f8;
    padding: 0px !important;
}

    #GroupProposal_File .row.align-items-center {
        margin: 0px;
        padding: 10px;
        background: #fff;
        border-bottom: 1px solid #dee2e6;
    }

#quote_attachment {
    padding-left: 15px;
    padding-right: 15px;
}

.ServiceAgreementContainer .Attachment-pdf .service-PNG, .ServiceAgreementContainer .Attachment-pdf .service-SVG, .ServiceAgreementContainer .Attachment-pdf .service-JPG, .ServiceAgreementContainer .Attachment-pdf .service-IMG {
    width: 55px;
}

#bookingdetailstraveler .ReviewBtn {
    cursor: pointer;
}

.review_editproton {
    cursor: pointer;
}

.login_hamburger {
    display: none;
}

#user-detail-tab .modal-body-wrapper .select-searchbar:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 13px;
    background-repeat: no-repeat;
    background-size: 15px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.grouplead_table .lead-tripId {
    justify-content: center;
}

@media (max-width:992px) {
    #sidenavformmodal .modelside-nav .nav > .nav-link.active::after {
        display: none;
    }

    .login_hamburger {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 15px;
        top: 24px;
    }

    .login_signdiv {
        position: fixed;
        left: 0px;
        right: 90px;
        top: 0px;
        bottom: 0px;
        background: #fff;
        z-index: 11;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        display: none;
    }

        .login_signdiv span {
            display: block;
            padding-top: 12px;
            padding-left: 22px;
            padding-bottom: 12px;
            border-bottom: 1px solid #dadada;
            position: relative;
        }

            .login_signdiv span:before {
                position: absolute;
                content: "";
                right: 15px;
                top: 14px;
                background: url('https://cdn.sriggle.tech/signatureuploads/40/assets/images/right-arrow.png') no-repeat;
                width: 20px;
                height: 20px;
                background-position: center;
            }

        .login_signdiv #AgencySignIn_btn {
            background: transparent;
            color: var(--theme-default);
            border: none;
            padding: 0;
        }

    .login_hamburger .line {
        width: 22px;
        height: 3px;
        background-color: #443a3a;
        display: block;
        margin: 3px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .login_hamburger:hover {
        cursor: pointer;
    }

    .login_hamburger.is-active .line:nth-child(2) {
        opacity: 0;
    }

    .login_hamburger.is-active .line:nth-child(1) {
        -webkit-transform: translateY(6px) rotate(45deg);
        -ms-transform: translateY(6px) rotate(45deg);
        -o-transform: translateY(6px) rotate(45deg);
        transform: translateY(6px) rotate(45deg);
    }

    .login_hamburger.is-active .line:nth-child(3) {
        -webkit-transform: translateY(-6px) rotate(-45deg);
        -ms-transform: translateY(-6px) rotate(-45deg);
        -o-transform: translateY(-6px) rotate(-45deg);
        transform: translateY(-6px) rotate(-45deg);
    }

    #AgencyLogoName {
        font-size: 24px;
    }

    .login2slide .swiper-slide .image {
        height: 300px !important;
    }

    .login2-content {
        top: 25% !important;
    }

    .login2slide .swiper-button-next:after, .login2slide .swiper-button-prev:after {
        font-size: 18px;
        background: #fff;
        border-radius: 50%;
        padding: 6px 10px;
        font-weight: 600;
        color: var(--theme-default);
    }

    .btn-primary.form_btn {
        font-size: 12px;
    }

    .login2swiper-heading {
        font-size: 22px;
        line-height: 26px;
    }

    .login2swiper-heading-child {
        font-size: 12px;
        line-height: 18px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: normal;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .login2-content button {
        min-width: 80px;
    }

    .font-weight-600.fw-bold.main-heading {
        font-size: 18px;
    }

    .email-id, .contact-number, .address {
        font-size: 14px;
    }

    .font-weight-600.text-muted.main-content {
        font-size: 12px;
    }

    .contact-logo, .email-logo, .address-logo {
        width: 30px;
        height: 30px;
    }

    .text-muted.mb-1.contact-text, .text-muted.mb-1.email-text, .text-muted.mb-1.address-text {
        margin-bottom: 0px !important;
    }

    .login2-body .d-flex.align-items-center.mb-3.pb-3 {
        margin-bottom: 0px !important;
    }

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

    .login2-footer-logo {
        height: 22px;
    }

    .login2-footer-link {
        display: grid;
        grid-template-columns: 1fr 1fr;
        text-align: start;
    }

    .skelton_details .name.me-3 {
        display: none;
    }

    .skelton_details .skelton_about {
        height: 26px !important;
        width: 30px !important;
    }

    .skelton_description .skelton_logn_txt {
        width: 260px !important;
        padding-top: 19px !important;
    }

    .skelton_logn_txt .line:first-child {
        height: 14px !important;
    }

    .skelton_logn_txt .line:nth-child(2) {
        height: 10px !important;
    }

    .skelton_description .container.d-flex.justify-content-between {
        display: block !important;
        padding-top: 17px !important;
    }

    .skelton_fom_dv .d-flex.align-items-center {
        display: block !important;
    }

        .skelton_fom_dv .d-flex.align-items-center .line, .skelton_msg_dv .line.msg {
            width: 100% !important;
        }

    .skelton_header {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .skelton_login_slider {
        height: 220px !important;
        margin: 0px !important;
    }

    .skelton_cntct_dv .d-flex.align-items-center {
        margin-top: 10px !important;
    }

    #login2 .modal-dialog, #First-Time-User-popup-Email .modal-dialog, #First-Time-User-popup .modal-dialog, #contactus .modal-dialog, #verifyemail .modal-dialog {
        min-width: 300px !important;
    }

    #First-Time-User-popup-Email .blnk, #First-Time-User-popup .blnk {
        display: none;
    }

    #First-Time-User-popup-Email .modal-title, #First-Time-User-popup .modal-title, #First-Time-User-popup .modal-title {
        padding-left: 0px !important;
    }

    #First-Time-User-popup-Email .modal-body {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .genrte_passbtn {
        margin-bottom: 5px !important;
    }

    .login2-popup-heading, .generate-pass-heading {
        font-size: 14px;
    }

    .login2-popup-content {
        font-size: 12px;
    }

    #login2 .modal-body, #login2 .modal-header {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

        #login2 .modal-body .mb-3.form-check {
            margin-bottom: 0px !important;
        }

        #login2 .modal-body .sign_lognbtn {
            margin-bottom: 10px !important;
        }

    .verifyemail-content {
        margin-bottom: 0px;
    }

    .login2-footer-link ul li {
        margin-bottom: 10px;
    }

    .recent-submitted-section {
        margin-top: 0px;
    }
}

.emty_notftion img {
    width: 50px;
    height: 50px;
    opacity: 0.3;
    margin-bottom: 15px;
    transform: rotate(-15deg);
}

.emty_notftion {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
}

    .emty_notftion .emty_heading {
        font-size: 16px;
        margin-bottom: 0px;
        margin-top: 5px;
        color: var( --theme-reg-color);
    }

    .emty_notftion .emty_subheading {
        font-size: 14px;
        color: var( --theme-reg--light-color);
    }

.tranparent_layout, .mobilelead_srchicon, .tranparent_lyout_clse {
    display: none;
}

.upload-agreement-form #quote_attachment {
    padding-left: 5px;
    padding-right: 5px;
}

    .upload-agreement-form #quote_attachment .form-floating {
        margin-bottom: 12px !important;
    }

        .upload-agreement-form #quote_attachment .form-floating:last-child {
            margin-bottom: 5px !important;
        }

@media (max-width:1399px) {
    .login2-top .pb-5.pt-5 {
        padding-top: 15px !important;
        padding-bottom: 20px !important;
    }
}

.abots_txt {
    font-weight: 500;
}

.gropsumry_cnfrmtion_number {
    max-width: 100px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.groupSummaryPopup .modal-dialog.modal-xl {
    max-width: 1250px;
}

.moble_sklton_logo {
    display: none;
}

.skel_mobletble .bottom {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
}

.flight-detailsdropdown .text-end {
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 13px !important;
}

.reqstcopy_code {
    position: absolute;
    top: 0px;
    right: 20px;
    display: flex;
    align-items: center;
}

.reqstcopy_txt {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin-right: 10px;
}

.reqstcopy_img {
    cursor: pointer;
}

    .reqstcopy_img img {
        width: 15px;
    }

#Booking_Card_TravelIns .PPC_Insurance_Card {
    padding-bottom: 0px !important;
    box-shadow: rgba(95, 94, 231, 0.07) 0px 4px 30px;
    border-radius: 8px;
    margin-top: 10px !important;
}

    #Booking_Card_TravelIns .PPC_Insurance_Card .agent-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.cust-lead img {
    display: none;
}

.groupagremnt .form-floating {
    padding: 0px 15px 0px 15px;
}

    .groupagremnt .form-floating:first-child {
        border-top: 1px solid #dee2e6;
        padding-top: 15px;
    }

.group-room-categories .selectedRooms.gruplead_selectroom {
    padding-bottom: 15px !important;
}

.gropsmry_div {
    display: flex;
}

    .gropsmry_div .card-body {
        padding-right: 0px !important;
    }

#randomseven {
    padding-top: 0px !important;
}

    #randomseven .card-body {
        background: #fff !important;
        box-shadow: none;
    }

.accounting-commission-receivable, .accounting-commission-payable {
    height: 100%;
}

    .accounting-commission-payable .body-page-wrapper, .accounting-commission-receivable .body-page-wrapper {
        overflow: auto;
    }

.nav_customer_details.active, .customerprofilepopup #Customer-profile-tabs .nav-link.active {
    margin-top: -1px !important;
}

.form-check-input[type="checkbox"] {
    cursor: pointer;
}

.mainContent .maincard.cotmeLokup_maincrd {
    overflow: hidden;
}

.gropsmry_other {
    padding-left: 8px;
}

.breakpoint-usertype-content {
    font-size: 14px;
}

.breakpoint-usertype-subtxt {
    font-size: 12px;
}

input#PopUpContactN.lookupcontact:disabled {
    height: 66px;
}

input#PopUpContactN.lookupcontact {
    border: 0;
    padding-top: 1.3rem !important;
    height: 64px;
    margin-top: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    padding-left: 10px;
}

.lookup_contact_div .intl-tel-input.form-floating {
    border: none;
}

.divmandatorycount .lookup_contact_div label {
    font-size: 13px !important;
}

input#PopUpContactN.lookupcontact:focus, input#PopUpContactN.lookupcontact:focus-visible {
    outline: 0;
}

a {
    cursor: pointer;
}

.lookupVendorName {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.travellercontent {
    font-size: 13px;
}

.template_togle {
    padding-top: 10px;
    padding-bottom: 7px;
}

.addition_rprts_body_wrapp {
    height: initial;
}

.agncy_body_wrapper {
    height: initial;
}

.rqst_frm_txt {
    font-size: 16px;
    margin-bottom: 0px;
}

.rqst_frm_btn {
    font-size: 14px;
}

.requst_form_div .collapsebody {
    background: #fff;
}

    .requst_form_div .collapsebody .card-body {
        padding: 0px !important;
        background: #fff;
        border: 0px;
        box-shadow: none;
    }

.requst_form_div .body-page-wrapper.agncy_body_wrapper {
    border-radius: 0px;
    border-left: 0px;
    border-right: 0px;
    margin-bottom: 0px !important;
    padding: 0px !important;
}

.requst_form_div .body-page-wrapper .card {
    margin-bottom: 0px !important;
    padding-bottom: 30px;
}

.requst_form_div .agncy_body_wrapper .ageny_detls .text-start {
    font-size: 20px;
}

.requst_form_div .ageny_detls .Customer-Details {
    border-bottom: 0px !important;
}

.requst_form_div #ReqAddInfo {
    margin-bottom: 20px;
}

@media(max-width:768px) {
    .room_detail .room_description .weding_para p {
        max-width: 100% !important;
    }

    .ViewHotelDetails .modal-body .selected-rate .selected-rate_subdiv {
        grid-template-columns: 1fr !important;
    }

    #commissionpayable .service-row .accounting-table2 th:first-child, #CommisionReceivable .service-row .accounting-table2 th:first-child {
        min-width: 200px;
    }

    #commissionpayable .service-row .accounting-table2 th:nth-child(4), #CommisionReceivable .service-row .accounting-table2 th:nth-child(4) {
        min-width: 150px;
    }

    #commissionpayable .service-row .accounting-table2 th:nth-child(5), #CommisionReceivable .service-row .accounting-table2 th:nth-child(5) {
        min-width: 170px;
    }

    #commissionpayable .service-row .accounting-table2 th:nth-child(6) {
        min-width: 120px;
    }

    #CommisionReceivable .service-row .accounting-table2 th:nth-child(6) {
        min-width: 75px;
    }

    .room-type-section-group.room-categories-sectionone .room-type-quote {
        display: flex !important;
    }

    .gropsmry_div .card-body.card {
        padding-right: 5px !important;
    }

    .room-type-details .ActivityName {
        white-space: normal;
        display: block;
        font-size: 12px;
    }

    #teamsmodal .modal-footer > * {
        margin: 0;
    }

    .Roomctgr .room-type-section-group .room-type-quote {
        display: flex !important;
    }

        .Roomctgr .room-type-section-group .room-type-quote .HotelName {
            padding-left: 0px !important;
            display: block;
        }

    .room-type-quote .room-type-price {
        justify-content: end;
    }

    #requestdetails .select2-selection__choice {
        font-size: 12px;
        white-space: normal;
    }

    .load-note-btn.h66btn {
        margin-bottom: 0px !important;
    }

    .PriceBox .prdutsearch {
        margin-bottom: 15px;
    }

    .booking_lead.addleadmodal .room-type-section-identifier .room-categories-views {
        display: block !important;
    }

        .booking_lead.addleadmodal .room-type-section-identifier .room-categories-views .room-image {
            margin-right: 0px;
            width: 100%;
            height: 100px;
            margin-bottom: 5px;
        }

    #Booking_Card .main-card-box {
        padding: 0px !important;
    }

        #Booking_Card .main-card-box .shared-listview-Image, #Cruise_Main .previewtransfer .shared-listview-Image {
            max-height: 100px;
            width: 120px;
            min-height: 100px;
        }

        #Booking_Card .main-card-box .actvt_section_image .hotel_details .stay_hotel_name {
            margin-bottom: 0px !important;
        }

    .Activity_Card .moble_reviwtxt {
        display: block !important;
    }

    #transport_Main .Activity_Card .previewtransfer {
        margin-bottom: 15px;
    }

    .Dietary_Restriction .dash-form-group {
        padding-bottom: 10px !important;
    }

    .trvlr_subtxt {
        padding-top: 0px !important;
    }

    .Accessibility_Request .form-check {
        margin-bottom: 9px !important;
        margin-right: 5px !important;
    }

    .Dietary_Restriction .pb-4 {
        padding-bottom: 0px !important;
    }

    #Booking_Card_TravelIns .PPC_Insurance_Card .agent-content .agent-icon .font-14 {
        font-size: 0px;
    }

    .collapseheader {
        padding-right: 43px;
    }

    .atomtd_tble, .atomtdfolwup_tble {
        overflow: auto;
    }

    #CommisionReceivable .service-row, #commissionpayable .service-row {
        overflow: hidden;
    }

    .atomtd_tble .communicationcard-body tr.communicationbody th {
        min-width: 130px;
        padding-right: 0px;
    }

        .atomtd_tble .communicationcard-body tr.communicationbody th:last-child {
            min-width: 0px;
        }

    #CommisionReceivable .service-row .accounting-table2, #commissionpayable .service-row .accounting-table2 {
        min-width: inherit !important;
    }

    .mainContent .maincard.cotmeLokup_maincrd {
        padding-top: 73px !important;
    }

    .cust-lead {
        font-size: 0px !important;
    }

        .cust-lead img {
            display: block;
            width: 20px;
            height: 20px;
        }

    #contactnumbers .modal-body {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    #contactnumbers-two .modal-body, 
    #contactnumbers-two .modal-footer {
        padding: 10px !important;
    }

    .customer-lookup-profile.mobil-container .body-page-wrapper {
        height: initial;
    }

    .Customerlookup .lookuptable-div #lookdata tr th:first-child {
        min-width: 150px;
    }

    .bridchkbox {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 17px !important;
    }

    .addGroupLeadmodal .modelside-nav a.nav-link.active:after {
        display: none;
    }

    .gruplead_selectroom {
        overflow: auto;
    }

        .gruplead_selectroom .gruplead_room {
            min-width: 800px;
        }

    .grpaddrates .groplead_rates {
        width: 100% !important;
    }

    .modelside-nav .nav .nav-link {
        line-height: 25px !important;
        white-space: nowrap;
    }

    .GropLokpdiv {
        overflow: hidden !important;
    }

        .GropLokpdiv .GropLokp_table {
            margin-bottom: 0px;
        }

            .GropLokpdiv .GropLokp_table tbody tr {
                border-bottom: 1px solid #dadada;
                padding-bottom: 15px;
                margin-bottom: 9px;
                display: block;
            }

                .GropLokpdiv .GropLokp_table tbody tr:last-child {
                    border-bottom: 0px;
                    margin-bottom: 0px;
                    padding-bottom: 0px;
                }

                .GropLokpdiv .GropLokp_table tbody tr td {
                    padding-left: 170px;
                    overflow: hidden;
                }

                    .GropLokpdiv .GropLokp_table tbody tr td .grouplookup_email {
                        white-space: normal;
                    }

    .temtble {
        min-width: 200px;
    }

    .payable-toggle .radio-group .btn {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 13px;
    }

    .booking_commission_receivable_result_count {
        font-size: 14px;
    }

    .accounting-commission-common {
        min-width: inherit;
        border-radius: 0px;
    }

        .accounting-commission-common table .c_cmn {
            min-width: 150px;
        }

    .grouproomgrid {
        grid-template-columns: 1fr;
        padding-left: 10px;
        padding-right: 10px;
    }

    .accounting-commission-receivable .body-page-wrapper, .accounting-commission-payable .body-page-wrapper {
        height: initial !important;
    }

    .supplcomm_table {
        overflow: auto;
    }

        .supplcomm_table .suplirpymnt {
            min-width: 1000px;
        }

    #randomseven .hotel-quote-details {
        padding-left: 5px;
        padding-right: 5px;
    }

    #TriedCommissionlevel.breakpoint-insurance-card {
        padding-right: 15px !important;
        padding-left: 10px !important;
    }

    .agncy_logo_change .Agency_logo_div {
        padding-bottom: 15px;
    }

    .tmplte_table thead tr th {
        min-width: 155px;
    }

    .notification_table thead tr th {
        min-width: 185px;
    }

    .proposal-slider {
        min-height: 400px !important;
        height: 400px !important;
    }
}

@media (min-width:576px) and (max-width:991px) {
    .flight-itinerary-section .pe-0 {
        flex: 0 0 50%;
        padding-left: 5px;
    }

        .flight-itinerary-section .pe-0:nth-child(4) {
            padding-left: 0px !important;
        }

    .flightdetailsfetch.outbound-search.SearchBtn {
        margin-bottom: 10px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .chekmrgn {
        width: 49%;
        margin-top: 10px !important;
    }

    .GropLokpdiv .GropLokp_table {
        min-width: 1050px;
    }
}

@media (min-width:992px) and (max-width:1366px) {
    .lookuptable-div {
        max-height: 320px;
        overflow-y: scroll;
    }
}

@media (min-width:1367px) and (max-width:1875px) {
    .lookuptable-div {
        max-height: 360px;
        overflow-y: scroll;
    }
}

.add_comm_Main .commissionhead .comspt {
    border-radius: 5px;
    padding: 12px !important;
}

.comm_agnt_name {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

.split_comm_delte {
    text-align: center;
}

    .split_comm_delte img {
        cursor: pointer;
    }

.CommAgentsName, .Comm_Split_Val {
    font-size: 14px;
}

.split_comm_td {
    width: 50px;
}

.grop_slit {
    border-radius: 5px;
}

.module_disabled_div {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
}

.module_disabled_content h1 {
    font-size: 22px;
    font-weight: 600;
    color: var(--theme-reg-color);
    margin-bottom: 5px;
    margin-top: 15px;
}

.module_disabled_content p {
    font-size: 16px;
    color: var(--theme-reg--light-color);
}

#quotedetails.active, #requestdetails.active, #customerdetails.active {
    height: 100%;
}

.trip_history_subtxt, .trip_history_heading {
    font-size: 14px;
}

.weding_userimg {
    width: 45px;
    height: 45px;
    overflow: hidden;
    margin-left: 10px;
    border-radius: 50%;
    border: 2px solid #dddddd;
}

    .weding_userimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.revw_agnt_box {
    position: relative;
}

.addleadmodal #Review_Pay .revw_agnt_box .agent-body-shadow-close {
    cursor: pointer;
    position: absolute;
    right: 22px;
    top: 5px;
}

.revw_agnt_box .advisor-section {
    margin-right: 0px !important;
}

.revw_agnt_box .agent-body {
    margin-bottom: 0px !important;
    padding: 10px !important;
    max-height:300px;
    overflow:auto;
}

    .revw_agnt_box .agent-body p {
        margin-bottom: 0px !important;
        word-break: break-word;
    }

.agncy_detls_step2 {
    overflow: auto !important;
    padding: 0px !important;
}

    .agncy_detls_step2 #step-2 {
        padding: 0px;
    }

    .agncy_detls_step2 #step-3 .dataTables_scrollHeadInner, #OpenGuestlistdatatable_wrapper .tblmiddlerow .dataTables_scrollHeadInner, #CancelledGuestlistdatatable_wrapper .tblmiddlerow .dataTables_scrollHeadInner, .usertype_table .tblmiddlerow .dataTables_scrollHeadInner {
        width: 100% !important;
    }

    .agncy_detls_step2 #step-3, .agncy_detls_step2 #step-4 {
        background-color: var(--theme-bg-back-color);
        padding: 20px;
    }

        .agncy_detls_step2 #step-3 .dataTables_filter {
            padding-right: 4px;
        }

        .agncy_detls_step2 #step-3 .cust-search {
            padding-top: 4px;
        }

        .agncy_detls_step2 #step-3 .dataTables_filter input, .reportlead .dataTables_filter input {
            border: 1px solid rgba(204, 210, 227, 0.10);
            height: 40px;
            border-radius: 7px;
            color: #565656;
            background-size: 17px;
            margin-left: 8px;
            font-size: 15px;
            background-color: #F5F7FB;
        }

    .agncy_detls_step2 #step-4 {
        height: 100%;
    }

        .agncy_detls_step2 #step-4 .ulpader_files {
            height: 100%;
        }

            .agncy_detls_step2 #step-4 .ulpader_files .ulpader_filename {
                display: flex !important;
                justify-content: center;
                align-items: center;
                height: 100%;
            }

#TravelLeadsdatatable {
    width: 100%;
    margin: 0px;
}

.reports_leadsdatatable, #GroupLeadsdatatable {
    width: 100% !important;
}

.result_found_txt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lead_not_found {
    top: 27px;
}

.MyReport .tbltoprow {
    position: absolute;
    top: -38px;
    right: 0px;
    width: auto;
}

.MyReport .tblmiddlerow {
    padding-top: 20px;
}

.dashboard_booking_image {
    width: 30px;
    height: 30px;
    overflow: hidden;
    margin-right: 6px;
}

    .dashboard_booking_image img {
        width: 100%;
        height: 100%;
        opacity: 0.75;
    }

.total_booking_card {
    display: flex;
}

.leaderboard_image {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid var(--theme-border-light-clr);
}

    .leaderboard_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.nav-link.leisure:focus {
    border: 0px !important;
}

.lastviewed .tableData .table tr th, .lastviewed .tableData .table tr td, #SearchBookingResult tbody tr td {
    font-size: 14px;
}

.fareprice2.srvPrc {
    font-weight: 600;
}

.custm_id_parent .customer_id {
    color: #3B824B;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #3b824b;
    padding: 3px 20px;
    border-radius: 16px;
    background: #3B824B1A;
}

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

.tag_bookingtd.custm_id_parent {
    text-align: center;
}

.tag_bookingtd {
    font-weight: 500;
}

.leisureCommission .text-dark-orange.price, .groupCommission .text-dark-orange.groupComm {
    text-align: left !important;
}

.cancellation_grouptable thead tr th, .cancellation_grouptable tbody tr td {
    font-size: 14px;
}

#intAttach .form-floating:first-child, #custAttach .form-floating:first-child {
    margin-top: 10px;
}

#intAttach .form-floating:last-child, #custAttach .form-floating:last-child {
    margin-bottom: 0px !important;
}

.comm_recev_no {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 170px;
}

.dashbord_date_div .cutomdaterange input {
    width: 235px;
}

#receivablepayments .supplierPayments .price, .commdue .price, .commrecv .price {
    font-weight: 600;
}

#TriedCommissionlevel {
    padding-left: 8px !important;
    padding-right: 13px !important;
}

.updateAgencyDetails_btn {
    position: sticky;
    z-index: 9;
    bottom: 0px;
    right: 53px;
    background: #fff;
    padding: 15px 40px;
    text-align: right;
}

#sidenavformmodaltiered .insurance-popup .modal-body {
    padding-bottom: 0 !important;
}

div#commission-structure .collapsewrap:last-child {
    border-bottom: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

#EditFields td {
    padding-top: 15px !important;
    padding-bottom: 6px !important;
}

#SocialMedias #EditFields td {
    padding-bottom: 15px !important;
}

.travel-leads-section .dashboard-card .task-input-search-main input {
    border: 1px solid rgba(204, 210, 227, 0.10);
    height: 40px;
    border-radius: 7px;
    color: #565656;
    background-size: 17px;
    margin-left: 8px;
    font-size: 15px;
    background-color: #F5F7FB;
}

.travel-Leaderboard .tab-content.recent-submitted-table-scroll {
    background-color: var(--theme-bg-light-clr);
    padding-left: 15px;
}

.recent-submitted-section .dashboard-card .nav-tabs .nav-link {
    border: none;
}

.recent-submitted-section .dashboard-card .nav-tabs .nav-item .nav-link:hover, .travel-leads-section .dashboard-card .nav-item .nav-link:hover, .travel-leads-section .dashboard-card .nav-item .nav-link, .travel-leads-section .dashboard-card .nav-item .nav-link:focus-visible {
    -webkit-transition: none !important;
    transition: none !important;
    border: none !important;
}

.recent-submitted-section .dashboard-card .nav-tabs .nav-item, .travel-leads-section .dashboard-card .nav-item {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.view_dashboard_price {
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    padding: 3px 15px;
    border-radius: 50px;
    color: #fff;
    height: 29px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .view_dashboard_price.sales {
        background-color: #4d86c6;
    }

    .view_dashboard_price.commissions {
        background-color: #ff9a54;
    }

.view_leadSalesCost {
    display: none;
    margin-bottom: 0px;
}

.price_hide {
    display: none;
    cursor: pointer;
    padding-left: 5px;
}

    .price_hide img {
        width: 12px;
    }

.Prcng_Summary_text {
    padding-bottom: 10px;
}

    .Prcng_Summary_text span, .Prcng_Summary_text label {
        font-size: 14px;
        font-weight: 500;
    }

.payment_txt_copy {
    position: absolute;
    bottom: 5px;
    right: 10px;
    cursor: pointer;
    pointer-events: all;
}

    .payment_txt_copy img {
        width: 15px;
    }

.addRoomCategorymodal #RoomCategoryName.form-select.is-invalid:not([multiple]):not([size]), .ArrStation.form-select.is-invalid:not([multiple]):not([size]), .DepStation.form-select.is-invalid:not([multiple]):not([size]), .RailCompSupplier.form-select.is-invalid:not([multiple]):not([size]), #partner #floatingSelect.form-select.is-invalid:not([multiple]):not([size]), .requestQuoteModal .Citis {
    background-image: none !important;
}

#contactnumbers .lookup_contact_div .lookupcontact + label {
    padding-top: 10px;
}

.breakpoint-txtfrom .is-invalid, .breakpoint-txtto .is-invalid, .breakpoint-txtadult .is-invalid, .tierfrom .is-invalid, .tier .is-invalid {
    border-right: none !important;
}

#commission-pay-settings .commissionReceive {
    background: #fff;
    padding: 10px !important;
    border: 1px solid #dadada;
    border-radius: 5px;
}

.portal_spinner {
    width: 40px;
    height: 40px;
    background-color: var(--theme-secondary);
    border-radius: 100%;
    animation: sk-scaleout 1s infinite ease-in-out;
    margin-top: 250px;
}

.servtitle {
    font-weight: 500 !important;
}

.acccairlines {
    font-size: 14px !important;
}

.price-summary-heading {
    font-size: 16px;
}

.quotes-summary-section-body .accordion-header, .quotes-summary-section-body .accordion-header button {
    font-size: 16px !important;
}

.uploader input {
    cursor: pointer;
}

.Dietary_Restriction .bootstrap-tagsinput {
    padding: 10px;
}

    .Dietary_Restriction .bootstrap-tagsinput .btn-close {
        position: relative !important;
        height: 16px;
        display: inline-block;
        background-size: 12px;
        top: 0px !important;
    }

    .Dietary_Restriction .bootstrap-tagsinput .tag.label {
        font-size: 14px;
        font-weight: 600;
        color: #212529;
        padding: 2px 0px 2px 15px;
        margin-bottom: 5px;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
    }

.sidebar-help-content .icon-question img {
    width: 100%;
}

@keyframes sk-scaleout {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

#Review_Pay .agent-body-shadow {
    width: 100%;
}

.cc-compliance .cc-btn {
    background-color: var(--theme-default) !important;
    color: #fff !important;
}

.SocialPlatform option {
    text-transform: capitalize;
}

.Hotel_ResortRow .faredetails {
    margin-bottom: 10px;
}

    .Hotel_ResortRow .faredetails:last-child {
        margin-bottom: 0px;
    }

.room-categories-identifier .htle_mobleroom {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .room-categories-identifier .htle_mobleroom + .flex-row.d-flex {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.intl-tel-input .form-control.is-invalid {
    border-radius: 4px;
}

#cpquoteinner .published-Quote a.text-decoration-none {
    text-transform: capitalize;
}

.customer_notes_email {
    display: flex;
    align-items: center;
    padding-bottom: 7px;
    font-size: 14px;
}

    .customer_notes_email .email_link_txt {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 560px;
    }

.email_copy {
    text-decoration: none;
    padding-left: 6px;
}

    .email_copy img {
        width: 14px;
    }

.email_chat_txt p {
    margin-bottom: 0px;
}

.disableTravellerDetails .Stay-heading[chnage_request_pax="false"] .form-floating input, .disableTravellerDetails .Stay-heading[chnage_request_pax="false"] .form-floating .form-select, .disableTravellerDetails .Stay-heading[chnage_request_pax="false"] .form-check-input, .disableTravellerDetails .Stay-heading[chnage_request_pax="false"] .form-control, .disableTravellerDetails .Stay-heading[chnage_request_pax="false"] .intl-tel-input .flag-container {
    color: #a5a5a5;
    background: #ededed !important;
    pointer-events: none;
}

    .disableTravellerDetails .Stay-heading[chnage_request_pax="false"] .form-check-input:checked {
        background-color: var(--theme-default) !important;
        border-color: var(--theme-default);
        pointer-events: none !important;
    }

        .disableTravellerDetails .Stay-heading[chnage_request_pax="false"] .form-check-input:checked[type="radio"] {
            background-image: url('../images/SVG-Icons/checkbox-image.svg') !important;
        }

.disableTravellerDetails .Stay-heading[chnage_request_pax="false"] .Accessibility_content .form-check-input:checked[type="checkbox"] {
    background-image: url('../images/SVG-Icons/yes-checkbox.svg') !important;
}

.comm_not_found img {
    width: 100px;
    height: 100px;
}

#GroupManagement .card-body {
    box-shadow: none;
}

#GroupProposalTitle {
    border-bottom: 0px !important;
}

#GroupProposals #collapsesixteen .hotelAccordion-body {
    border-bottom: 1px solid #dddddd !important;
}

.Edit_packages {
    font-size: 14px;
    text-decoration: none;
}

    .Edit_packages svg {
        margin-right: 5px;
    }

        .Edit_packages svg path {
            stroke: var(--theme-default);
        }

.card_heading_color, .act_name {
    color: #333;
}

.report_b_date, .report_b_advi, .report_b_name, .report_b_advicomm, .group_r_date, .group_r_bookID, .group_r_insure, .group_r_advi, .group_r_depart, .group_r_return, .group_r_dateopen, .group_r_qcreate, .group_r_lcreate, .group_r_qview, .group_r_tridID, .addition_r_confir, .addition_r_type, .addition_r_Rbrand, .addition_r_Rname, .addition_r_destin, .addition_r_advi, .addition_r_phone, .addition_r_suppl, table .c_nm, table .c_bkspl, .report_b_id, .c_bkspl.c_cmn, .c_bkcnf.c_cmn, .c_nm.c_cmn, .report_l_email, .report_l_creat, .report_l_Qcreate, .report_l_lview, .manifest_G_name, .manifest_G_suppl, .manifest_G_Resort_nme, .manifest_G_Resort_cate, .manifest_G_advis, .manifest_G_Depar_flig, .group_lead_name, .group_lead_email, .group_lead_gropID, .group_lead_gropTye, .group_lead_Propsl_crate, .group_lead_propsl_viw, .report_b_addrs, .addition_r_propty, .addition_r_email, #leadstype, .c_depdt.c_cmn, .groupType_txt {
    min-width: 160px;
}

.addition_r_booked, .group_r_count, .group_r_night, .group_r_phone, .addition_r_tridID, .addition_r_checkIN, .addition_r_travl, .addition_r_price, .name_th, .create_th, .suppl_th_name, .suppl_th_confi, .suppl_th_suppl, .adiv_th_suppl, .adiv_th_advi, .adiv_th_name, .c_bkid.c_cmn, .c_bkdt.c_cmn, .c_rtdt.c_cmn, .c_prc.c_cmn, .c_cowed.c_cmn, .c_crecv.c_cmn, .c_blnc.c_cmn, .c_advsr.c_cmn, .c_adcm.c_cmn, .c_adpd.c_cmn, .report_l_phone, .report_l_id, .report_l_Qview, .report_l_advi, .report_l_stat, .manifest_G_phone, .manifest_G_confi, .manifest_G_checkIN, .manifest_G_checkOut, .manifest_G_tranfer, .manifest_G_arriv_flig, .group_lead_phone, .group_lead_crted, .group_lead_lst_viw, .group_lead_assign, .group_lead_mange, .group_lead_stus, .report_b_Fymnt, .report_b_cancled, .report_totlcomm, .report_b_price, .report_b_depar, .report_b_return, .report_b_phone, .addition_r_birth, .addition_r_retun, .addition_r_stus, .addition_r_renge, .addition_r_dateOne, .addition_r_dateTwo, .addition_r_diffrne, .addition_r_parstDiffrne, .addition_r_depart, .Commision_balance_txt, .supplier_date {
    min-width: 120px;
}

.report_b_stat, .report_b_type, .report_b_supp, .group_r_name, .group_r_categ, .addition_r_name, .report_b_email, .report_l_name, .manifest_G_email, .report_l_type, .supplier_commission_txt {
    min-width: 270px;
}
.group_r_email{
    min-width:300px;
}
.addition_r_night {
    min-width: 100px;
}

.manifest_G_room, .supplier_memo_txt {
    min-width: 80px;
}

.leadsname {
    min-width: 150px !important;
}

.three_dot {
    min-width: 30px;
}
.guest_quote_email{
    max-width:280px;
}
.report_lead_wrapper {
    overflow: auto;
}

#ConfirmedGuestlistdatatable_wrapper .tblmiddlerow, #OpenGuestlistdatatable_wrapper .tblmiddlerow, #CancelledGuestlistdatatable_wrapper .tblmiddlerow, .commissionstatement .tblmiddlerow, .commissiondue .tblmiddlerow, .commissionpaid .tblmiddlerow, .commissionpending .tblmiddlerow {
    padding-top: 64px;
}

.room_pricing_text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Grouproompricemodal_price .USD:before {
    background-color: #F5F7FB;
    padding: 2px 0px 2px 3px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    font-weight: 500 !important;
}

.Grouproompricemodal table .Grouproompricemodal_price .USD {
    display: flex;
    align-items: center;
}

.rates_price {
    max-width: 100px;
    border: 1px solid rgba(204, 210, 227, 0.10);
    color: #565656;
    background-size: 17px;
    font-size: 15px;
    background-color: #F5F7FB;
    text-align: start !important;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

    .rates_price:focus {
        border-color: #86b7fe;
        outline: 0;
        -webkit-box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

.tmplte_table thead tr th, .tmplte_table tbody tr td {
    text-align: center;
}

    .tmplte_table thead tr th:first-child, .tmplte_table tbody tr td:first-child, .tmplte_table thead tr th:nth-child(3), .tmplte_table tbody tr td:nth-child(3) {
        text-align: start;
    }

.qote_htlename {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 220px;
}

.parnt_q_htel {
    width: 200px;
}

.moduleWiseNotifications {
    max-height: 300px;
    overflow: auto;
}

.lead-popup-breakpoint #automated_followups.active {
    min-height: 600px;
    background: #f8f8f8;
}

#User_ContactType option.selected:first-child > .flag-container {
    display: none;
}

#Review_Pay #Booking_Card #TransfersSection .trnsfer_picklocation_txt {
    padding-left: 0px !important;
}

.version_history_txt {
    padding: 50px;
}

    .version_history_txt img {
        margin: 0px auto;
        width: 74px;
        display: block;
    }

    .version_history_txt .histy_txt {
        font-size: 20px;
    }

.profile_qote_fond img {
    width: 150px;
}

#TravellersData .Stay-heading {
    background: #f2faff;
    padding: 10px 20px 20px 20px;
    border: 1px solid #dddddd;
    border-radius: 5px;
}

    #TravellersData .Stay-heading:first-child {
        margin-top: 10px !important;
    }

.Particular_Room_Paxs {
    margin-bottom: 20px;
}

.Mandry_text {
    position: absolute;
    top: 15px;
    right: 20px;
}

.review_room_container {
    display: flex;
    align-items: center;
    padding: 10px 0px 10px 0px;
}

    .review_room_container .review_room {
        margin-right: 5px;
    }

.review_adult {
    margin-top: 15px;
}

.suppl_confir_paynt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
}

.package_desc p {
    margin-bottom: 0px;
    font-size: 14px !important;
    color: #858585 !important;
    font-weight: 400 !important;
}

    .package_desc *, .package_desc p strong, .package_desc p strong span, .package_desc p span {
        font-size: 14px !important;
        font-weight: 400 !important;
        background: transparent !important;
        color: #858585 !important;
        font-family: Inter, sans-serif !important;
        letter-spacing: inherit !important;
        margin-bottom: 0px;
        text-align: start !important;
        white-space:normal!important;
    }
.package_desc ol{
    margin-top:10px;
    margin-bottom:10px;
}

.accounting-commission-table {
    overflow: auto;
    height: 35vh;
}

#Review_Pay #Booking_Card #ActivitiesSection .trnsfer_picklocation_txt {
    padding-left: 0px !important;
    padding-top: 0px !important;
}

.nots_at_txt {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 500px;
}

.social-media-items .remove-social-row {
    border: 1px solid #CF3A59;
    height: 36px;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

a.add-social-row {
    border: 1px solid var(--nav-theme-default);
    height: 36px;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--nav-theme-default);
}

.policies-media-heading {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
    display: inline-flex;
    gap: 10px;
    align-items: center;
}

.social-media-heading {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
    display: inline-flex;
    gap: 10px;
    align-items: center;
    cursor: pointer;
}

    .social-media-heading span.toogle-icon.arrowup svg {
        transform: rotate(-180deg);
    }

.border-radius-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 0;
}

#AdminTravelLeadsdatatable_wrapper .dataTables_scrollHeadInner .dataTable, #AdminTravelLeadsdatatable_wrapper .dataTables_scrollBody .dataTable, #AdminGroupLeadsdatatable_wrapper .dataTables_scrollHeadInner .dataTable, #AdminGroupLeadsdatatable_wrapper .dataTables_scrollBody .dataTable, #Trip_type_wrapper .dataTables_scrollHeadInner, #Trip_Level_1_wrapper .dataTables_scrollHeadInner, #SubTripType_wrapper .dataTables_scrollHeadInner, #PromotionTypes_wrapper .dataTables_scrollHeadInner, #SocialMedias_wrapper .dataTables_scrollHeadInner, #SearchEngines_wrapper .dataTables_scrollHeadInner, #Menu_butt_wrapper .dataTables_scrollHeadInner {
    width: 100% !important;
}

.Comm_Split_per {
    max-width: 100px;
    font-size: 14px;
}

.comm_agnt_name .suggestions.Comm_Agents {
    width: calc(100% - 85px);
    min-width: 200px;
}

.trvlinsrnce_popup #editor {
    width: 100%;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    padding: 10px;
}

.Room_invtry_container {
    padding-bottom: 20px;
}

.notification_container.card-body {
    overflow: auto !important;
    margin-bottom: 40px !important;
}

.nots_commton_contnt {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.breakpoint-login a {
    margin-right: 10px;
}

.quote_identifierroom .room-type-section-identifier.selectedRoomTypes:last-child, .CruiseCategories .room-type-section-identifier.selectedRoomTypes:last-child, .TransferResults .room-type-section-identifier.selectedRoomTypes:last-child {
    margin-bottom: 15px;
}

.taskcompleted td .tsk_undrlne span {
    position: relative;
 /*   display:inline-block;*/
}

.tsk_undrlne.todo_dte {
    text-align: end;
}

.taskcompleted td .tsk_undrlne span:after {
    content: '';
    text-decoration-line: line-through;
    position: absolute;
    height: 1px;
    top: 10px;
    background: #b4b4b4;
    width:100%;
    left:0;
}


.pymnt_disbld {
    background: #f8f8f8;
    pointer-events: none;
    background-color: #f8f8f8 !important;
}

.TripType_txt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#C_SplitAgent {
    font-size: 14px;
    padding-left: 9px;
}

.split_comm_div {
    border-top: 1px solid #dadada;
    padding-left: 7px;
    position: relative;
    background: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #dadada;
    margin-bottom: 15px;
}

    .split_comm_div:last-child {
        margin-bottom: 0px;
    }

.slit_comms_txt {
    display: flex;
    text-align: center;
    height: 100%;
    border-right: 1px solid #dadada;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .slit_comms_txt .form-floating #C_SplitComm {
        max-width: 110px;
    }

.delete_btn_div {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .delete_btn_div .text-muted {
        cursor: pointer;
    }

.slit_agnt_txt, .splt_prsnt_txt {
    display: flex;
    align-items: center;
    height: 100%;
    border-right: 1px solid #dadada;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .slit_agnt_txt #C_SplitAgent {
        background-size: 13px;
        background-position: right 6% bottom 45%;
    }

    .splt_prsnt_txt #C_SplitPer {
        max-width: 100px;
    }

.addGroupLeadmodal .modelside-nav.rounded-0, .addleadmodal .modelside-nav.rounded-0 {
    border-right: 1px solid #dadada !important;
}

.addGroupLeadmodal .mainDetailsSection .sectionMainDiv.collapsewrap .collapsebody, .addGroupLeadmodal .mainDetailsSection .sectionMainDiv.collapsewrap .collapsebody#collapseEight .card-body, .addGroupLeadmodal .mainDetailsSection .sectionMainDiv.collapsewrap .collapsebody#collapseThree .card-body, .addGroupLeadmodal .mainDetailsSection .sectionMainDiv.collapsewrap .collapsebody#collapseSeven .card-body, .addleadmodal #AutomatedCommission.active #AutomatedCommunicationTab, .addleadmodal #AutomatedCommission.active #AutomatedCommunicationTab .card-body, .addleadmodal #BookingAttachments.active #collapseAttachments-details, .addleadmodal #TagBooking.active, .addleadmodal #TagBooking.active #TagBookingSection, .addleadmodal #TagBooking.active #TagBookingSection .card-body, .usertype_table, .addleadmodal #collapserd.RequestDetail_Body, .addleadmodal #quotedetails #collapseqd.QuoteDetailsBody, .addleadmodal #quotedetails.active #BookingDetailsBody, .addleadmodal #AdminAccounting.active #agreementcollapse {
    height: 100%;
}

.suppl_th_rece, .suppl_th_due, .adiv_th_paid, .c_prc.c_cmn {
    text-align: end;
}

.comisnrecble_table .accounting-commission-common {
    overflow: auto;
    height: 35vh;
}

.comisnrecble_pmntbtn, .commpayble_pymtbtn {
    padding-top: 20px;
}

.lrs_togle_icon .btn {
    position: relative;
    margin-left: 10px;
    cursor: pointer;
}

.lrs_togle_icon .btn {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat;
    background-size: 17px;
    width: 20px;
    height: 20px;
}

    .lrs_togle_icon .btn.active {
        transform: rotate(180deg);
        margin-left: 3px !important;
    }

.reqst_form_opn.show {
    display: none;
}

.booking_lead .payment_txt_copy {
    display: none !important;
}

.Identifiers.room-type-quote .noborderinput {
    padding-right: 0px !important;
}

.addleadmodal .selectedRoomCategories .roomIdentifiers .Identifiers .room-type-price .d-flex.USD {
    margin-right: -9px;
}

    .addleadmodal .selectedRoomCategories .roomIdentifiers .Identifiers .room-type-price .d-flex.USD .noborderinput {
        text-align: start !important;
    }

.tooltip_wrapper {
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
}

    .tooltip_wrapper .tooltip {
        font-size: 13px;
        background: #4d86c6;
        bottom: 100%;
        color: #fff;
        display: block;
        left: -140px;
        margin-bottom: 15px;
        opacity: 0;
        padding: 10px;
        pointer-events: none;
        position: absolute;
        min-width: 300px;
        text-align: center;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
        -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        border-radius: 5px;
    }

        .tooltip_wrapper .tooltip:before {
            bottom: -20px;
            content: " ";
            display: block;
            height: 20px;
            left: 0;
            position: absolute;
            width: 100%;
        }

        .tooltip_wrapper .tooltip:after {
            border-left: solid transparent 10px;
            border-right: solid transparent 10px;
            border-top: solid #4d86c6 10px;
            bottom: -10px;
            content: " ";
            height: 0;
            left: 50%;
            margin-left: -13px;
            position: absolute;
            width: 0;
        }

    .tooltip_wrapper:hover .tooltip {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

.lte8 .wrapper .tooltip {
    display: none;
}

.lte8 .tooltip_wrapper:hover .tooltip {
    display: block;
}

.grop_tbdisbld {
    color: #a5a5a5 !important;
    pointer-events: none;
    background: rgba(142, 142, 142, 0.1);
    border-color: var(--theme-light-gray);
}

.Group-web .grop_tbdisbld {
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.traveller_mobile_div {
    position: relative;
}

.prflecropimg .cr-slider {
    cursor: pointer;
}

.addGroupLeadmodal .Group_package .package_desc p, .addGroupLeadmodal .MainPackage-Box .package_desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-bottom:0px!important;
}

.gropckage_text {
    border-right: 1px solid #dadada;
}

.identifier-group .bottom.edit-price {
    text-align: end;
    display: block;
}

.identifier-group .mobilcategory-deleteimg a {
    font-size: 0px !important;
}

#Emails_Data .customer_notes_email table {
    width: 100%;
}

.stay_hotel_name {
    max-width: 450px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
}

.new_bokng_cde, .tble_ants_txt, .tsk_subtxt, .notfction_agnt_txt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cstmr_cht_txt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.new_bokng_txt, .notfction_agnt_txt {
    max-width: 115px;
}

.new_bokng_cde, .tble_ants_txt, .tsk_subtxt {
    max-width: 130px;
}

.divfilterLoader {
    height: 100%;
    width: 100%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}

    .divfilterLoader .loading-box {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.CommisionReceivable tbody tr td .USD:before, .supplierPayments tbody tr td .USD:before, .commissionpayable tbody tr td .USD:before, .advisorPayments tbody tr td .USD:before, .commission_payable_result_data tr td .USD:before, .booking_commission_receivable_result_data tr td .USD:before, .reprts_bokng_prce .USD::before {
    font-weight: 500 !important;
}

.edit-room-type.supplierTAmt {
    gap: 0px !important;
}

.supplr_recev_txt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 149px;
}

#changeBannerBox {
    position: absolute;
    right: 0px;
}

.otption_text .example_markup .btn-close:after {
    display: none;
}

.ExcursionResults .ActivityResults .room-type-price span {
    font-weight: 600;
}

.ExcursionResults .ActivityResults .room-type-price .USD {
    margin-left: 5px;
}

.attchmnt_tem_edt label {
    padding: 1.2rem 0.75rem 1rem 0.75rem !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
}

.goup_tabs_div li:last-child .btn {
    opacity: 0;
    pointer-events: none;
}

#my-legend-con ul {
    padding-left: 0px;
}

.TravelProtection_Selected_Response .client--info-section:last-child {
    margin-bottom: 0px !important;
}

.MyReport .dataTables_wrapper .itemsettings .custom-dropdown-menu .dropdown-item {
    cursor: default !important;
}

.clearAllNotBtn {
    cursor: pointer;
    color: var(--theme-default);
}

.sidebar-tripcost-section .finalprice.USD::before {
    font-weight: 600 !important;
}

.payment-due-but.overdue:hover {
    background: #dc354582;
    border-color: #dc354500;
}

#final_payment tbody tr td .price.USD::before, #new_payment tbody tr td .price.USD::before {
    font-weight: 500 !important;
}

.travel-Leaderboard-table .nouser-icon, .travel-Leaderboard-table .leaderboard_image, .group-leader-table .nouser-icon, .group-leader-table .leaderboard_image {
    margin-right: 10px;
}

.ArchInsSelected_Row .InsHeading {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    cursor: pointer;
}

.wedddatediv .wedddate .btn-close {
    cursor: pointer;
}

.trip_history_subtxt b {
    font-weight: 500 !important;
}

.room-type-quote.dash-form-group.RoomCategoryType {
    padding: 15px 15px 15px !important;
}

.addidentifiermodal .AssignLead .select2-container .select2-selection__rendered li {
    font-size: 14px;
}

#quotedetailshotel .HotelResortBtn.active.headerfixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.excursion_main_div .activityClones .selectedActivities .selectedRoomTypes:last-child {
    margin-bottom: 0px !important;
}

.dolr_add .USD:before {
    position: absolute;
    bottom: 12px;
    left: 13px;
    font-weight: 500 !important;
    font-size: 14px;
}

.dolr_add .trvle.USD:before {
    bottom: 11px !important;
}

.dolr_add .form-control {
    padding-left: 24px !important;
}

.add_cntct_fornt .intl-tel-input.allow-dropdown {
    padding-top: 2rem !important;
    height: calc(4rem + 2px);
    padding-left: 10px;
    padding-right: 30px;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.add_cntct_fornt label, .lookup_contact_div label {
    opacity: 0.65;
    -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.cncl_main_div {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #dadada;
}

.breakpoint-AddUser-popup .modelside-nav .nav .nav-link.active::after, #AddUserModal .modelside-nav .nav .nav-link.active::after {
    width: 2px;
    height: calc(100% + 2px );
    content: '';
    position: absolute;
    right: -1px;
    background: #f8f8f8;
    top: -1px;
}

.requst_form_div .staybox {
    padding-top: 15px !important;
    padding-bottom: 0px !important;
}

select#ReqCitis.form-select.form-multiselect.ReqCitis::before {
    width: 20px;
    height: calc(100% - 2px );
    background: #fff;
    content: '';
    position: absolute;
    z-index: 999;
    right: 1px;
    top: 1px;
}

div#teamsmodal.sidenavformmodal .modal-footer button {
    margin: 0;
}

.export_excel_btn, .result_found_txt {
    height: 38px;
}

.result_found_txt {
    width: calc(100% - 255px);
}

.outbond_flght_contntdiv, .popup_fight_name {
    display: flex;
    align-items: center;
}

    .popup_fight_name .flightname, .outbond_flght_contntdiv .flightname {
        display: grid;
    }

.export_excel_btn img {
    display: none;
    width: 25px;
}

.group-lookuptab .tbltoprow {
    top: 0px;
    right: 0px;
}

.addGroupLeadmodal .modal-body .modelside-nav .mainNavDiv .quote-creating-side-bar ul.left-side-Stepper li a:before, .quote-creating-side-bar.modalside-nav.nav-link-child ul.left-side-Stepper.quoteDetailsBtnNew li span a:before, .customerprofilepopup #Customer-profile-tabs .nav-link-child ul .nav-link::before {
    content: "";
    height: 0.125rem;
    width: 0.375rem;
    background: var(--theme-default);
    position: absolute;
    left: 1.3rem;
    top: 50%;
    margin-top: 0;
    transform: translateY(-50%);
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.addGroupLeadmodal .modal-body .modelside-nav .mainNavDiv .quote-creating-side-bar ul.left-side-Stepper li a.active, .quote-creating-side-bar.modalside-nav.nav-link-child .left-side-Stepper.quoteDetailsBtnNew li a.active, .customerprofilepopup #Customer-profile-tabs .nav-link-child ul .nav-link.active {
    background: transparent !important;
    color: var(--theme-default) !important;
    border: 0 !important;
    padding-left: 3.2rem;
}

    .quote-creating-side-bar.modalside-nav.nav-link-child .left-side-Stepper.quoteDetailsBtnNew li.active span a::before, .customerprofilepopup #Customer-profile-tabs .nav-link-child ul .nav-link.active::before, .customerprofilepopup #Customer-profile-tabs .nav-link-child ul .nav-link:hover::before, .addGroupLeadmodal .modal-body .modelside-nav .mainNavDiv .quote-creating-side-bar ul.left-side-Stepper li a:hover:before, .addGroupLeadmodal .modal-body .modelside-nav .mainNavDiv .quote-creating-side-bar ul.left-side-Stepper li a.active:before, .customerprofilepopup #Customer-profile-tabs .nav-link-child ul li.active .nav-link::before, .quote-creating-side-bar.modalside-nav.nav-link-child ul.left-side-Stepper.quoteDetailsBtnNew li span a:hover:before {
        width: 1.25rem;
    }

.addGroupLeadmodal .modal-body .modelside-nav .mainNavDiv .quote-creating-side-bar ul.left-side-Stepper li a:hover, .quote-creating-side-bar.modalside-nav.nav-link-child ul.left-side-Stepper.quoteDetailsBtnNew li span a:hover, .customerprofilepopup #Customer-profile-tabs .nav-link-child ul .nav-link:hover {
    padding-left: 3.2rem;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

    .addGroupLeadmodal .modal-body .modelside-nav .mainNavDiv .quote-creating-side-bar ul.left-side-Stepper li a:hover:before.quote-creating-side-bar.modalside-nav.nav-link-child .left-side-Stepper.quoteDetailsBtnNew li a.active, .quote-creating-side-bar.modalside-nav.nav-link-child ul.left-side-Stepper.quoteDetailsBtnNew li span a:hover:before, .customerprofilepopup #Customer-profile-tabs .nav-link-child ul .nav-link:hover:before, .customerprofilepopup #Customer-profile-tabs .nav-link-child ul .nav-link.active, .addGroupLeadmodal .modal-body .modelside-nav .mainNavDiv .quote-creating-side-bar ul.left-side-Stepper li a.active {
        width: 1.25rem;
    }

.addleadmodal #bookingdetailstraveler .revw_agnt_box {
    background: #fff;
    border-radius: 6px;
    padding: 15px !important;
    margin-bottom: 15px;
}

    .addleadmodal #bookingdetailstraveler .revw_agnt_box .agent-body {
        margin: 0px !important;
        padding-right: 39px !important;
        padding-top: 0px !important;
        padding-left: 0px !important;
        text-align: justify;
        font-size: 15px;
    }

    .addleadmodal #bookingdetailstraveler .revw_agnt_box .agent-body-shadow-close {
        background: #dadada;
        border-radius: 50%;
        height: 30px;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 15px !important;
        top: 15px !important;
    }

    .addleadmodal #bookingdetailstraveler .revw_agnt_box .advisor-section {
        float: initial !important;
        justify-content: end;
    }

.internalNotes p {
    margin-bottom: 0px;
}

.Commissionstrheading .mobilelead_srchicon {
    display: none !important;
}

.Request-popup .add_cntct_fornt .intl-tel-input, .Request-popup .add_cntct_fornt .intl-tel-input .flag-container {
    background-color: #f8f8f8;
}

.slit_agnt_txt .form-floating {
    width: 100%;
}

#quotedetails #quotedetailsflight .collapseheader.active .flght_itny_btn {
    pointer-events: all;
}

#quotedetailsflight.active .FlightsBtn.active .mobilflight-button .flght_itny_btn {
    display: inline-block;
}

#quotedetailsflight .FlightItineraries .FlightItinerary.section_main:first-child {
    border-top: 1px solid #dadada !important;
}
.FlightItinerary, .flight-itinerary-section {
    scroll-margin-top: 74px;
}

.leadsTable_range {
    display: none;
}

.confr_submit_txt {
    font-size: 24px;
    color: var(--theme-reg--light-color);
}

.confr_resv_subtxt {
    font-size: 16px;
    color: var(--theme-reg-color);
}

#PT_TP.Disabled.price {
    background: #fff;
    border: 1px solid #dadada !important;
}

.swal-modal .swal-footer .swal-button.swal-button.swal-button--cancel {
    background: #646464 !important;
}

    .swal-modal .swal-footer .swal-button.swal-button.swal-button--cancel:hover {
        background: #646464c2 !important;
    }

.swal-modal .swal-footer .swal-button.swal-button--confirm:hover {
    background: var(--theme-default-hover) !important;
}

.Request_Quote_form .add_cntct_fornt .form-control.Mobile {
    padding-left: 66px !important;
}

#Outbound .OutboundLeg .flight-itinerary-section, #Internal .InternalLeg .flight-itinerary-section, #Return .ReturnLeg .flight-itinerary-section {
    border-top: 1px solid #dadada !important;
    margin-top: 10px;
}

    #Outbound .OutboundLeg .flight-itinerary-section:first-child, #Internal .InternalLeg .flight-itinerary-section:first-child, #Return .ReturnLeg .flight-itinerary-section:first-child {
        margin-top: 0px;
    }

.parnt_table tbody tr td:nth-child(7) {
    text-align: center;
}

.customerportal_header {
    z-index: 999;
}

.view_payment_form .reiw_confr_stsus {
    padding: 0px 0px 10px 15px;
    border-top: 0px;
}

#quotedetailstransportation .Transportations .collapseheader, #quotedetailstransportation .addOnContainer .collapseheader {
    cursor: initial;
}

.rail_comnme_container, .misc_comnme_container {
    display: flex;
    justify-content: space-between;
}

.rail_comnme {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 300px;
}

.misc_disc, .misc_comnme {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.misc_comnme {
    -webkit-line-clamp: 1 !important;
}

.trzl_itnry_dsibld {
    pointer-events: none;
}

    .trzl_itnry_dsibld .recommeded_div1, .trzl_itnry_dsibld .form-select, .trzl_itnry_dsibld .form-control, .trzl_itnry_dsibld .dash-form-group {
        background-color: #f8f8f8 !important;
        opacity: 1;
    }

.ViewHotelDetails .mySwiper, .HardRockPopup .mySwiper {
    height: 160px;
    box-sizing: border-box;
    padding: 8px 0;
}

    .ViewHotelDetails .mySwiper .swiper-slide, .HardRockPopup .mySwiper .swiper-slide {
        width: 25% !important;
        height: 100%;
        opacity: 0.4;
        padding: 10px 5px;
    }

    .ViewHotelDetails .mySwiper .swiper-slide-thumb-active, .HardRockPopup .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
    }

.ViewHotelDetails .swiper-slide img, .HardRockPopup .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    user-select: none;
}

#Transport .dash-form-group.dash-check-group label, .flight-itinerary-section .dash-form-group.dash-check-group label, .addOnContainer .dash-form-group.dash-check-group label {
    display: flex;
    align-items: start;
    flex-direction: column;
}

.incld_pacge_txt {
    color: var(--theme-reg--light-color);
    font-size: 12px;
    padding-right: 10px;
    opacity: 0.65;
    margin-bottom: 3px;
}

.room-categories-identifier .room-type-section-identifier .roomIdentifiers .Identifiers, .room-categories-identifier .room-type-section-identifier .TransferIdentifiers .Identifiers, .room-categories-identifier .room-type-section-identifier .activityIdentifier .Identifiers, .deposit_payment_Identifier .Identifiers {
    padding: 0px !important;
    display: grid;
    grid-template-columns: 70% 30%;
}

    .room-categories-identifier .room-type-section-identifier .roomIdentifiers .Identifiers .room-type-details, .room-categories-identifier .room-type-section-identifier .TransferIdentifiers .Identifiers .room-type-details, .room-categories-identifier .room-type-section-identifier .activityIdentifier .Identifiers .room-type-details, .deposit_payment_Identifier .Identifiers .room-type-details {
        padding-left: 15px;
    }

    .room-categories-identifier .room-type-section-identifier .roomIdentifiers .Identifiers .room-type-price, .room-categories-identifier .room-type-section-identifier .TransferIdentifiers .Identifiers .room-type-price, .room-categories-identifier .room-type-section-identifier .activityIdentifier .Identifiers .room-type-price, .deposit_payment_Identifier .Identifiers .room-type-price {
        padding: 10px 15px 10px;
        border-left: 1px solid #dadada;
    }

    .room-categories-identifier .room-type-section-identifier .roomIdentifiers .Identifiers .text-end, .room-categories-identifier .room-type-section-identifier .TransferIdentifiers .Identifiers .text-end, .room-categories-identifier .room-type-section-identifier .activityIdentifier .Identifiers .text-end, .deposit_payment_Identifier .Identifiers .text-end {
        text-align: start !important;
    }

    .room-categories-identifier .room-type-section-identifier .roomIdentifiers .Identifiers .noborderinput, .room-categories-identifier .room-type-section-identifier .TransferIdentifiers .Identifiers .noborderinput, .room-categories-identifier .room-type-section-identifier .activityIdentifier .Identifiers .noborderinput, .deposit_payment_Identifier .Identifiers .noborderinput {
        background: transparent;
        text-align: start !important;
    }

#TravelSetting_Comments {
    border: 1px solid #dadada;
    margin-top: 0px !important;
    padding: 5px 15px;
}

    #TravelSetting_Comments .load-notes-main {
        margin-top: 10px;
        margin-bottom: 10px;
    }

.addSchdulePopup .modal-footer .btn {
    margin: 0px;
}

.modal #Review_Pay #transport_Main .transfer_card, .modal #Review_Pay #ActivitiesSection .activity_preview_card {
    margin-bottom: 15px !important;
}

.modal #Review_Pay #Booking_Card_TravelIns {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.booking_lead.addleadmodal #Review_Pay #Booking_Card #Hotel_Main .main-card-box, .view_payment_form.addleadmodal #Review_Pay #Booking_Card #Hotel_Main .main-card-box {
    margin-bottom: 15px !important;
}

.booking_lead.addleadmodal #Review_Pay #flight_Main .flight_card .transfer-selected.previewtransfer {
    margin-top: 0px !important;
}

.booking_lead.addleadmodal #Review_Pay #Booking_Card #Addons_Main #ActivitiesSection .fw-bolder.mb-2, .view_payment_form.addleadmodal #Review_Pay #Booking_Card #Addons_Main #ActivitiesSection .fw-bolder.mb-2 {
    margin-bottom: 0px !important;
}

.booking_lead.addleadmodal #Review_Pay .price-difference {
    margin-right: 0px !important;
}

.list-group.amenities.hotel_amenities {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.amenities .list-group-item {
    padding: 5px 0px;
    font-size: 14px;
}

.circle-item {
    width: 9px;
}

.ViewHotelDetails .border-all {
    border: 1px solid var(--theme-border-light-clr);
}

.ViewHotelDetails .reiw_confr_stsus {
    display: none;
}

.HardRockPopup .hardrockimg img {
    width: 100%;
}

.parnt_table .USD:before {
    font-weight: 400 !important;
}

.parnt_table tbody tr td:nth-child(4) {
    white-space: nowrap;
}

#supplierAccounting .supplier-card:first-child {
    border-top: 0px !important;
}

#quotedetailsTransportationone #AccountingSummary .table td .USD:before, #quotedetailsTransportationone #AccountingSummary .accounting-table-footer .summAgentComm .USD:before {
    font-weight: 500;
}

.addleadmodal #Booking_Card .reiw_confr_stsus .confrmation_txt {
    margin-left: 10px;
}

.addleadmodal .modelside-nav .CustomerDetailsBtn.active {
    margin-top: -1px;
}

.deduction_calculation_div .pricedetailname {
    width: 100% !important;
}

.deduction_calculation_div .faredetailslabel {
    width: 25% !important;
    text-align: end;
}

.your_refund_div {
    display: flex;
    justify-content: space-between;
    border-top: 1px dashed #dadada;
    margin-top: 10px;
    padding-top: 5px;
}

.refund_txt {
    font-size: 14px;
    font-weight: 600;
    color: #3B824B;
}

.refund_amont {
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.faredetailslabel.Cancelled {
    color: #da2020;
}

.review_pay_field {
    padding: 15px 15px 0px 15px;
}

.Deduct_div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.copyquotemodal .modal-header p {
    font-size: 14px;
}

.final-payment-body .final-payment-date.disabled {
    pointer-events: none;
}

#collapsehoteldetails .Inclusive-dropdowkn {
    padding-left: 10px !important;
    text-align: start !important;
}

.commissiondue .published-Quote .nav .nav-link {
    padding: 0.5rem 0.7rem;
}

.commissiondue .published-Quote .dropdown-toggle-title {
    display: none;
}

.commissiondue .dataTables_filter, .commissionpaid .dataTables_filter, .commissionpending .dataTables_filter {
    margin-right: 20px;
}

.upload_infoheight {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.addtxt_infoheight {
    padding-top: 19px !important;
    padding-bottom: 19px !important
}

#WeddingInfo_Comments, #grPrComments_WeddingDates, .wedding_massage, #TravelSetting_Comments, .invite_filter {
    display: none;
}

#TravelPricing.Quote-disable-color, #TravelDeposit.Quote-disable-color, #TravelDeadlines.Quote-disable-color, #TravelGRB.Quote-disable-color {
    background: transparent;
    border-bottom: 1px solid #9f9f9f !important;
}

.groupSummaryPopup .modal-body {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.invite_table tr th:first-child {
    width: 75px;
}

.grouproomgrid.lookupRoomGrid {
    display: initial;
}

    .grouproomgrid.lookupRoomGrid .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .grouproomgrid.lookupRoomGrid .card-body {
        padding-bottom: 0px !important;
    }

    .grouproomgrid.lookupRoomGrid .grpaddrates tr th {
        text-align: start !important;
    }

.groplead_rates {
    overflow: auto;
    width: 100%;
}

    .groplead_rates table tr th {
        min-width: 150px;
    }

.grb_table tr th:first-child, .Grouproompricemodal .grpaddrates_popup table tr th:first-child {
    position: sticky;
    top: 0;
    left: 0;
    background: #f5f5f5;
    z-index: 1;
    border-right: 1px solid #DADADA;
    min-width: 180px;
}

.Grouproompricemodal .grpaddrates_popup table tr th:first-child {
    background: #ffffff !important;
}

.grb_table tr td:first-child, .Grouproompricemodal .grpaddrates_popup table tr td:first-child {
    position: sticky;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 1;
    border-right: 1px solid #DADADA;
}

#AccountingSummary .card-body {
    background: #f2faff;
}

#AccountingSummary .service-row.tble_dsgn table tr th {
    color: var(--theme-reg-color) !important;
}

.edituser_textarea p {
    margin: 0px !important;
    font-size: 14px;
}

    .edituser_textarea p:first-child {
        margin-top: 10px !important;
    }

.upload_file_collapse {
    padding-top: 30px;
    background: #f8f8f8;
}

.Dietary_cntnt .dictry_container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

    .Dietary_cntnt .dictry_container .bs-example, .Dietary_cntnt .dictry_container .bs-example .bootstrap-tagsinput {
        height: 100%;
    }

.Dietary_cntnt .dash-form-group {
    min-height: 135px;
    overflow: auto;
}

.dictry_container .bootstrap-tagsinput input {
    width: 100%;
}

.dictry_container .bootstrap-tagsinput {
    background: transparent;
    padding-top: 30px;
    vertical-align: top;
    width: 100%;
    border: 0px;
}

.pymnt_disbld .dictry_container .bootstrap-tagsinput, .pymnt_disbld_flag .flag-container {
    pointer-events: none;
}

.adult_container {
    background: #ffffff;
    padding: 0px 20px 20px 20px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    position: relative;
    margin-bottom: 20px;
}

    .adult_container:last-child {
        margin-bottom: 0px;
    }

.traveller_mobile_div input.form-control.Traveller_Mobile::placeholder {
    opacity: 1;
    color: var(--theme-reg--light-color);
}

.tieredlevels-commissionstructures input.form-control.tierfromtxt::placeholder {
    opacity: 1;
    color: var(--theme-reg-color);
}

.tieredlevels-commissionstructures .Tiertxtname {
    opacity: 0.65;
    -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

#openchat img {
    background: transparent;
}

.user-photo-sec #defaul_icon_label:before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: .35s ease-in-out;
}

.user-photo-sec #defaul_icon_label:after {
    position: absolute;
    content: "";
    background: url('../images/SVG-Icons/camera_edit.svg') no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: 22px;
    background-position: center;
    z-index: 2;
    opacity: 0;
    transition: .35s ease-in-out;
}

.user-photo-sec #defaul_icon_label:hover:before, .user-photo-sec #defaul_icon_label:hover:after {
    opacity: 1;
}

.search_advisor {
    position: absolute;
    content: "";
    background: url(../images/close.png) no-repeat;
    bottom: 24px;
    right: 35px;
    height: 16px;
    width: 16px;
    cursor: pointer;
    display: none;
}

.search_advisor_container:hover .search_advisor {
    display: block;
}

.booking_lead .search_advisor_container .search_advisor {
    display: none !important;
}

.booking_lead .room_no_div {
    display: none;
}

#TriedCommissionlevel .tierfromtxt {
    text-align: start !important;
}

.skeleton_box {
    padding: 30px 0px;
}

.skeleton_common_box {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .skeleton_common_box .square {
        height: 48px;
        width: 48px;
        border-radius: 5px;
        background: rgba(130, 130, 130, 0.2);
        background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
        background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
        background-size: 800px 100px;
        animation: wave-squares 2s infinite ease-out;
    }

    .skeleton_common_box .line {
        height: 12px;
        margin-bottom: 6px;
        border-radius: 2px;
        background: rgba(130, 130, 130, 0.2);
        background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
        background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
        background-size: 800px 100px;
        animation: wave-lines 2s infinite ease-out;
    }

.skeleton-right {
    flex: 1;
}

.skeleton-left {
    padding-right: 15px;
}

.skeleton .line:last-child {
    margin-bottom: 0;
}

.skeleton_h8 {
    height: 8px !important;
}

.skeleton_h10 {
    height: 10px !important;
}

.skeleton_h12 {
    height: 12px !important;
}

.skeleton_h15 {
    height: 15px !important;
}

.skeleton_h17 {
    height: 17px !important;
}

.skeleton_h20 {
    height: 20px !important;
}

.skeleton_h25 {
    height: 25px !important;
}

.skeleton_h30 {
    height: 30px !important;
}

.skeleton_h40 {
    height: 40px !important;
}

.skeleton_w15 {
    width: 15% !important
}

.skeleton_w20 {
    width: 20% !important
}

.skeleton_w25 {
    width: 25% !important
}

.skeleton_w40 {
    width: 40% !important;
}

.skeleton_w50 {
    width: 50% !important;
}

.skeleton_w75 {
    width: 75% !important;
}

.skeleton_w100 {
    width: 100% !important;
}

.skeleton_w30px {
    width: 30px !important;
}

.skeleton_w40px {
    width: 40px !important;
}

.skeleton_w66px {
    width: 66px !important;
}

.skeleton_m10 {
    margin-bottom: 10px !important;
}

.skeleton_m50 {
    margin-bottom: 50px !important;
}

.skeleton_radius50 {
    border-radius: 50px !important;
}

.circle {
    border-radius: 50% !important;
    height: 80px !important;
    width: 80px;
}

@keyframes wave-lines {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

@keyframes wave-squares {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.chatbg-lightcolor {
    background: var(--theme-bg-light-clr);
}

.chatcontainerbox .skeleton_common_box.chatbg-lightcolor {
    padding: 15px;
    border-radius: 5px;
}

.skeleton_chatright {
    justify-content: end;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.skeleton_chatbox {
    padding: 35px 25px;
}

.chatcontainerbox {
    border: 1px solid #dadada !important;
    border-radius: 5px;
}

.searchuserchat input {
    border: 1px solid #dadada !important;
    margin-top: 0px !important;
}

#openchat {
    position: relative;
}

    #openchat .chat-number {
        position: absolute;
        background-color: #dc3545;
        color: #ffffff;
        top: -5px;
        right: 5px;
        font-size: 10px;
        border-radius: 50px;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.disabled_USD:before {
    color: #8e8e8e;
}

.addleadmodal #Review_Pay .price-difference {
    margin-right: 0px !important;
}

.transfer-selected .USD:before, .ViewHotelDetails .price-difference .USD:before, .Prcng_Summary_content .Prcng_Summary_text .USD:before, .pricesummaryicons .farelist .USD:before, .priceSummary .total-trip-price .USD:before, .faremaindetails .USD:before, .finalprice.USD:before, #bookingdetailaccounting #AccountingContainer .USD:before, .addleadmodal #AdminAccounting #agreementcollapse table td .USD:before, .comm_total_amount .USD:before, #AdminAccounting table td .USD:before, .groupSummaryPopup .lookupRoomGrid .USD:before, .card-amount_line .USD:before, .ledbord_div .USD:before, .room-type-price .USD:before, .IdentPrice.USD:before, .group_comm-entry .USD:before, .parnt_table td.USD:before, .booking_commission_receivable_result_data td .USD:before, .commission_payable_result_data td .USD:before, .recent-submitted-table tbody tr .price.USD:before {
    margin-right: 3px;
}

.comm_amount .USD:before, .commissiondue table td .USD:before, .commissionpaid table td .USD:before, .commissionpending table td .USD:before, .reportlead table td .USD:before, #bookingBook_Cost .USD:before, #GroupTravelbookings .USD:before, #GroupCancellationsTable .USD:before, .leadsTable_rowrange .USD:before, #TravelbookingsStatsTable .USD:before, #GroupbookingsStatsTable .USD:before, #TravelbookingsTable .USD:before, #CancellationsTable .USD:before {
    margin-right: 3px;
    font-weight: 400 !important;
}

.trip_history_subtxt .USD:before {
    margin-right: 3px;
    font-weight: 500 !important;
}

.faremaindetails .faredetailslabel.USD {
    font-weight: 600;
}

#Review_Pay #Booking_Card #Hotel_Main .revw_agnt_box .agent-body {
    padding: 0px !important;
    display: flex;
    padding-right: 40px !important;
    text-align: justify;
}

    #Review_Pay #Booking_Card #Hotel_Main .revw_agnt_box .agent-body .image-inline img {
        border-radius: 6px;
        width: 200px;
        margin-right: 15px;
    }

.swithch_nav_tabs {
    position: relative;
}

.stmnt_amnt_ul {
    height: 40px;
}

.comm_amount {
    position: absolute;
    bottom: -32px;
    padding-left: 11px;
    font-weight: 400;
}

.comm_total_amount {
    position: absolute;
    bottom: -32px;
    right: 20px;
}

.comm_total_label {
    position: absolute;
    bottom: 8px;
    right: 20px;
}

.cruse_brder {
    position: relative;
}

.attachementcontent-header .font-ResponsiveSize.attachment-content {
    color: var(--theme-default);
    cursor: pointer;
    text-decoration: underline;
}

.toggle-button-cover {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 14px;
}

.button-cover {
    border-radius: 4px;
}

    .button-cover:before {
        counter-increment: button-counter;
        content: counter(button-counter);
        position: absolute;
        right: 0;
        bottom: 0;
        color: transparent;
        font-size: 12px;
        line-height: 1;
        padding: 5px;
    }

.sea_container {
    position: relative;
    width: 50px;
    height: 23px;
    overflow: hidden;
    border-radius: 100px;
    border: 1px solid #dadada;
    margin-left: 5px;
}

.toggle-button-cover .checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.knobs {
    z-index: 2;
}

.layer {
    width: 100%;
    background-color: #ebf7fc;
    transition: 0.3s ease all;
    z-index: 1;
}

.sea_container .knobs:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 4px;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 7px 4px;
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sea_container .checkbox:checked + .knobs:before {
    content: "";
    left: 24px;
    background-color: var(--theme-default);
}

.sea_container .checkbox:checked ~ .layer {
    background-color: #fcebeb;
}

.sea_container .knobs, .sea_container .knobs:before, .sea_container .layer {
    transition: 0.3s ease all;
}

.quote_intosection .cislabel {
    width: 35%;
}

.quote_intosection .cisdata {
    width: 65%;
}

.group_spinner {
    position: absolute;
    left: 0;
    top: 10px;
}

.modal.modal-static .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

.edituser_textarea .ck-rounded-corners:first-child {
    margin-bottom: 15px;
}

#GroupProposalTitle #GroupProposalAgentMsg p {
    font-size: 14px;
}

.group_supplier_name {
    width: 250px;
    display: block;
    overflow: hidden;
}

.GroupCancellationPolicyModel .remove-text svg {
    margin-right: 3px;
}

.groupSummaryPopup .lookupRoomGrid .boxshad .cruise_itinerary_section {
    background: #e3f0ff;
}

.Policy_container .editorData {
    padding-left: 30px;
}

.notePinnedMsg .prfleicon_question .notes_agent_img {
    width: 100%;
    height: 100%;
}

.addRoomCategorymodal .dolr_add label, .train_txt, .rentalcar_txt, .srvce_fee_txt, .TravelProduct_txt {
    opacity: 0.65;
    -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

#mediaAddds .dash-box p {
    font-size: 14px;
}

.upload_div {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 0px;
    width: 20px;
    height: 25px;
    cursor: pointer;
}

    .upload_div input {
        z-index: 1;
        position: relative;
        height: 100%;
        width: 100%;
        cursor: pointer;
    }

        .upload_div input::file-selector-button {
            background: transparent;
            border: none;
        }

    .upload_div:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: url('../images/upload-document.svg') no-repeat;
        background-size: 18px;
    }

.lookup_contact_div .intl-tel-input {
    height: calc(4rem + -4px);
}

#module_type[disabled="disabled"], #template_type[disabled="disabled"], #lookup_gender[disabled="disabled"] {
    background-image: none;
    color: #8E8E8E;
}

.lookupRoomInventory .attachment-content {
    overflow: auto;
}

.lookupRoomInventory .grpaddrates, .reportRoomInventory .grpaddrates {
    margin-bottom: 15px;
}

    .lookupRoomInventory .grpaddrates:last-child, .reportRoomInventory .grpaddrates:last-child {
        margin-bottom: 0px;
    }

.Groupstats .published-Quote {
    border-bottom: none !important;
}

.Groupstats .export_excel_btn {
    height: auto;
    padding: 3px 7px;
}

.ViewCruiseItinerary_container {
    background: #fff;
    border-radius: 5px;
    box-shadow: rgba(95, 94, 231, 0.07) 0px 4px 30px;
    border: 1px solid #dee2e6;
}

    .ViewCruiseItinerary_container table th, .ViewCruiseItinerary_container table td {
        font-size: 14px;
        border: 0px;
    }

.triphistory_subquote.published-Quote {
    border-bottom: 1px solid #dee2e6 !important;
}

.optional_tooltip {
    margin-left: 5px;
}

.optional_div {
    display: flex;
    font-size: 13px;
    position: absolute;
    top: 8px;
    left: 12px;
}

.account_edit_container {
    align-items: center;
}

.accounting_commission_container.collapseheader {
    border-bottom: 1px solid #dadada !important;
}

.accounting_payment_table tbody td:nth-child(4) {
    text-align: center;
}

.accounting_split_container .cruise_itinerary_section {
    background: transparent !important;
    border: 0px !important;
    padding-left: 0px !important;
}

    .accounting_split_container .cruise_itinerary_section .slit_agnt_txt .small {
        padding-left: 6px;
    }

    .accounting_split_container .cruise_itinerary_section .splt_prsnt_txt {
        display: block;
    }

        .accounting_split_container .cruise_itinerary_section .splt_prsnt_txt input.price {
            text-align: start !important;
        }

.TotalPriceBooking td, .TotalBookingCommission td, .BookingPriceCancel td, .TotalBookingCommissionCanceled td, .TotalTravelerPriceBooked td, .TotalCanceledBookingPrice td, .TotalCanceledBookingCommission td {
    text-align: start !important;
}

.header_icon {
    display: none;
}

.dshbrd_skltn .travel-Leaderboard.table-scroll1 {
    overflow-y: inherit;
}

.group_canclpolicy .editorData {
    padding-left: 20px;
    padding-right: 20px;
}

.addleadmodal .intl-tel-input .CustomerMobile, .traveller_mobile_div .intl-tel-input .Traveller_Mobile {
    position: absolute !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100% !important;
    padding-top: 22px !important;
    border-radius: 5px !important;
}

.addleadmodal .add_cntct_fornt .intl-tel-input {
    border-radius: 5px;
}

    .addleadmodal .add_cntct_fornt .intl-tel-input .flag-container {
        border-bottom-left-radius: 5px;
    }

.flightdetailsmanual, .flight-outboundsearchlink {
    display: inline-block;
}

#bookingBook_Cost {
    text-align: start !important;
}

.booking_advisor {
    text-align: center;
}

#Additional-toggle .ck.ck-reset_all, #Additional-toggle .ck.ck-widget__selection-handle, .cancellation_policy_Data .ck.ck-reset_all, .cancellation_policy_Data .ck.ck-widget__selection-handle, .Cancellation-section .ck.ck-reset_all, .Cancellation-section .ck.ck-widget__selection-handle {
    display: none;
}

#Additional-toggle figure table tr td, .cancellation_policy_Data figure table tr td, .Cancellation-section figure table tr td {
    padding: 10px;
    border: 1px solid #000;
    text-align: center;
}

.cancellation_policy_Data figure table {
    width: 100%;
}

.cancellation_policy_Data .stayboxlist .stayboxwrap {
    padding-right: 15px;
}

.tripCode, .tripCode:hover {
    color: #000;
}

.zero-amount_color {
    color: #444d58 !important;
}

.publish_closebtn {
    position: fixed;
    top: 15px;
    background: transparent;
    color: #000;
    padding: 0px;
    right: 20px;
    font-size: 16px;
}

#Leaddatatable .dropdown-menu .dropdown-item {
    cursor: pointer;
}

.publish_closebtn:hover {
    background-color: transparent !important;
}

.flight_card .rounded-pill, .Flights_box .rounded-pill, .flight_detail_cards .rounded-pill {
    display: none;
}

.email_cards .text-nowrap .text-primary {
    cursor: pointer;
}

.email_cards .email_chat_txt {
    overflow: hidden;
}

    .email_cards .email_chat_txt p, .email_cards .email_chat_txt p i, .email_cards .email_chat_txt p strong {
        font-weight: 400;
    }

.chart-legend-label-text {
    white-space: nowrap;
}

.addleadmodal #bookingdetailstraveler .activity_btn_container .activity_price_text {
    display: none;
}

.addleadmodal #bookingdetailstraveler .activity_btn_container {
    position: absolute;
    right: 16px;
    bottom: 65px;
}

.addleadmodal #bookingdetailstraveler .MiscAddon_Card {
    background: #fff;
    box-shadow: rgba(95, 94, 231, 0.07) 0px 4px 30px;
    border-radius: 5px;
}

.addleadmodal #bookingdetailstraveler .flight_itinerary_main_box .reiw_confr_stsus .reiw_sts_div .flight_btn {
    gap: 10px;
}

    .addleadmodal #bookingdetailstraveler .flight_itinerary_main_box .reiw_confr_stsus .reiw_sts_div .flight_btn .price-difference {
        margin-bottom: 0px !important;
    }

.grop_slit table tr th {
    border-right: 1px solid #dadada;
    width: 30%;
    font-size: 14px;
}

.grop_slit table .split_Comm_Main tr td {
    border-right: 1px solid #dadada;
}

    .grop_slit table .split_Comm_Main tr td:last-child {
        border-right: 0px;
    }

.gruplead_room .depDate, .gruplead_room .arrDate, .gruplead_room .no_OfRooms, .Groupdeadlinesmodal .select2-container .select2-selection__rendered .select2-selection__choice {
    font-size: 14px;
}

.notes-details-wrap .form-editor-wrap .ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable {
    font-size: 15px;
    text-align: justify;
}

.Embedding_guide_container {
    display: none;
    margin-top: 50px;
}

.Embedding_guide_heading {
    font-size: 18px;
    font-weight: 600;
}

.Embedding_guide_subheading {
    font-size: 14px;
    font-weight: 400;
}

.Embedding_step_container li {
    list-style: none;
}

.Embedding_step_div {
    font-size: 14px;
    font-weight: 600;
    padding-right: 10px;
}

.Embedding_step_content {
    font-size: 14px;
    font-weight: 400;
}

.requestform_heading_skeleton {
    width: 25%;
}

.report_lead_wrapper .dataTables_wrapper .tblmiddlerow .dataTables_scrollBody, .addition_rprts_body_wrapp .dataTables_wrapper .tblmiddlerow .dataTables_scrollBody, #CommissionDue_Travelcommission .tblmiddlerow .dataTables_scrollBody, #CommissionDue_Groupcommission .tblmiddlerow .dataTables_scrollBody, #CommissionDue_Backendcommission .tblmiddlerow .dataTables_scrollBody, #CommissionDue_Servicefees .tblmiddlerow .dataTables_scrollBody, #CommissionDue_Misccommission .tblmiddlerow .dataTables_scrollBody, #CommissionDue_Recalledcommission .tblmiddlerow .dataTables_scrollBody {
    max-height: 58vh !important;
}

.tblmiddlerow .dataTables_scrollBody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.tblmiddlerow .dataTables_scrollBody::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
    height: 10px;
    border-radius: 10px;
}

.tblmiddlerow .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: gray;
    border-radius: 10px;
    cursor: pointer;
}

.group_min_100 {
    min-width: 100px;
}

.report_td_center, .addition_r_checkIN {
    text-align: center;
}

.modification_container {
    margin-bottom: 15px;
    border: 1px solid #dddddd !important;
    background: #fff;
}

    .modification_container .modify-reqcount-time {
        font-size: 14px;
    }

    .modification_container #UploadedData {
        border-color: #dadada !important;
    }

        .modification_container #UploadedData span {
            width: 50px;
        }

        .modification_container #UploadedData .attachment-content {
            white-space: normal !important;
            width: 100% !important;
        }

        .modification_container #UploadedData .attachementcontent-header {
            margin-left: 0px !important;
        }

    .modification_container .cancl_reqst_div {
        margin-bottom: 0px !important;
    }

.modification_upload_container {
    margin-top: 15px;
}

    .modification_upload_container .form-floating {
        display: inline-block;
        margin-right: 15px;
    }

.modification_container .cancl_subname {
    font-weight: 600;
}

.Misc-description {
    resize: initial !important;
}

.modifyremarksagents .modal-title {
    font-size: 16px;
}

.notification_table_scroll {
    min-height: 300px;
    max-height: 300px;
    height: 100%;
}

.notification_margin {
    margin-bottom: 15px;
}

.tranport_custom_btn {
    position: absolute;
    top: 7px;
    right: 13px;
}

    .tranport_custom_btn .btn {
        border: 0px !important;
        background: transparent;
        color: var(--theme-default);
        padding: 0px;
    }

.RentalCarContainer .PickupLocation.form-select, .RentalCarContainer .DropOffLocation.form-select, #Transfer .PickUpLocationText.form-select, #Transfer .DropOffLocationText.form-select, #MiscTransport .MiscPickupLocation.form-select, #MiscTransport .MiscDropOffLocation.form-select, #Rail .DepStation.form-select, #Rail .ArrStation.form-select {
    background-position: right 0.75rem bottom 13px !important;
}

.emailguestmodal .modal-footer {
    position: initial;
}

.other_details_content {
    min-height: 45px;
}

.history_content_div b {
    font-weight: 400 !important;
}

#BookingIdList li {
    text-transform: uppercase;
}

.rail_station_div .select-searchbar:before {
    top: 70% !important;
}

.Travel_ProtectionRow .faredetails .PerPersonbox:last-child .divider {
    display: none;
}

.Accounting_vacation_viewDetails .modal-body {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.disable_group_popup .form-select, .disable_group_popup .form-control, .disable_group_popup .wedddate {
    pointer-events: none !important;
    background-color: #f8f8f8 !important;
}

.disable_group_popup button {
    pointer-events: none !important;
    background-color: #f8f8f8 !important;
    border-color: #8b8686 !important;
    color: #b4b4b4 !important;
}

.disable_group_popup .gruplead_selectroom, .disable_group_popup .editsrates, .disable_group_popup .gruplead_selectroom .ratesDetail a, .disable_group_popup .gruplead_selectroom .room_name, .disable_group_popup .grop_dedline, .disable_group_popup .grop_dedline table tr td, .disable_group_popup .editCancellation, .disable_group_popup .cancellation_policy_Data, .disable_group_popup .cancellation_grouptable tr td, .disable_group_popup .upload-agreement-form, .disable_group_popup .GroupFileUpload {
    color: #b4b4b4 !important;
    pointer-events: none !important;
}

.disable_group_popup .GroupCommissionMain .dropdown {
    pointer-events: none;
}

.disable_group_popup .modal-header button {
    pointer-events: initial !important;
    background-color: transparent !important;
    color: #000 !important;
}

.comm_amountsign.USD:before {
    position: absolute;
    bottom: 9px;
    left: 11px;
}

.comm_amountsign .commAmount, .comm_amountsign .adv_comm_amount {
    padding-left: 24px;
}

.room_detail .room_description .weding_para_smal {
    color: rgb(71, 71, 71);
    display: flex;
}

.ViewHotelDetails .room_detail, .Hotels_box .stay_all_rooms .room_detail, .romcatogre_div .room_detail {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.room_detail .room_description .weding_para p {
    text-wrap: initial;
    font-size: 12px !important;
    line-height: 20px !important;
    margin-bottom: 0px !important;
    max-width: 80%;
/*    text-align: justify;*/
}

    .room_detail .room_description .weding_para p span {
        background-color: transparent !important;
        color: rgb(71, 71, 71) !important;
        font-size: 12px !important;
    }

.opt_out_flight.opt_out_active .Airline .form-select, .opt_out_flight.opt_out_active .flight .form-control, .opt_out_flight.opt_out_active .DepartureDate .form-control, .opt_out_flight.opt_out_active .FlightDetails .departure-and-arrival .dash-form-group {
    background-color: #f8f8f8;
    color: #b5b5b5;
    pointer-events: none;
}

.opt_out_flight.opt_out_active .flightdetailsfetch {
    background-color: #f8f8f8;
    color: #b5b5b5;
    border: 1px solid #b5b5b5;
    pointer-events: none;
}

.opt_out_flight.opt_out_active .Airline label, .opt_out_flight.opt_out_active .flight label, .opt_out_flight.opt_out_active .DepartureDate label, .opt_out_flight.opt_out_active .flightInforManualBtn .flightdetailsmanual, .opt_out_flight.opt_out_active .flightInforSearchSection .FlightSearch, .opt_out_flight.opt_out_active .FlightDetails .datetimevalue {
    color: #b5b5b5 !important;
    pointer-events: none;
}

.opt_out_flight.opt_out_active .Airline .select-searchbar:before {
    pointer-events: none;
}

.feature_missing_container {
    width: 230px;
    margin-left: 25px;
    position: absolute;
    bottom: 25px;
    margin-top: 25px;
}

.feature_missing_content {
    border: 1px solid #a7a5a5;
    padding: 30px 15px 20px 15px;
    border-radius: 15px;
    position: relative;
}

.feature_missing_add {
    border: 1px solid #a7a5a5;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    position: absolute;
    top: -20px;
    left: 43%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

    .feature_missing_add svg {
        width: 16px;
        height: 16px;
    }

        .feature_missing_add svg path {
            color: #a7a5a5;
        }

.feature_missing_heading {
    font-size: 13px;
    text-align: center;
    margin-bottom: 15px;
    color: #a7a5a5;
    font-weight: 500;
}

.feature_missing_btn {
    width: 100%;
    font-size: 14px;
    border-radius: 50px;
    position: relative;
    background: transparent !important;
    border: 1px solid #212529 !important;
    color: #212529 !important;
}

.feature_cursor_icon {
    position: absolute;
    top: 4px;
    right: 12px;
}

    .feature_cursor_icon svg path {
        color: #212529;
    }

.advisor-section .advisor-content {
    text-align: end;
}

    .advisor-section .advisor-content .advisor-item {
        font-size: 14px;
    }

    .advisor-section .advisor-content .advisor-tag {
        font-size: 12px;
    }

.Request-popup .advisor-section .advisor-content {
    text-align: start !important;
}

.transferinputd-none {
    padding-left: 0px !important;
}

    .transferinputd-none a {
        margin-left: 0px !important;
    }

.view_payment_form .misc_transportation_textarea, .view_payment_form .misc_transportation_textarea .MiscTransportationDescription {
    pointer-events: inherit !important;
}

.view_payment_form .misc_discription_textarea, .view_payment_form .misc_discription_textarea .Misc-description {
    pointer-events: inherit !important;
    white-space: inherit !important;
}

.rate_group_person, .addGroupLeadmodal .grop_romblck_section .no_OfRooms, .addGroupLeadmodal .grop_romblck_section .depDate, .addGroupLeadmodal .grop_romblck_section .arrDate {
    font-size: 14px;
}

#DatatableColOrder {
    height: 200px;
    overflow: auto;
}

.fight_reiw_confr {
    grid-template-columns: 1fr !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
}

.annoucement_wrap {
    display: flex;
}

.advanceHotelModal #AdvanceHotel_filter, .advanceHotelModal #AdvanceHotel_wrapper .cust-search {
    display: none;
}

.advanceHotelModal .modal-body {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.advanceHotelModal #AdvanceHotel_wrapper .tblmiddlerow {
    padding-top: 0px !important;
}

    .advanceHotelModal #AdvanceHotel_wrapper .tblmiddlerow table.dataTable.display thead tr th {
        padding-bottom: 6px;
    }

.advanceHotelModal #AdvanceHotel_wrapper.dataTables_wrapper .bottom.tblbottomrow {
    grid-template-columns: 1.5fr 2.5fr 3fr;
    font-size: 14px;
    padding-top: 0px !important;
    padding-right: 10px;
    padding-right: 10px;
}

    .advanceHotelModal #AdvanceHotel_wrapper.dataTables_wrapper .bottom.tblbottomrow .dataTables_info {
        text-align: center;
    }

.advanceHotelModal #AdvanceHotel_wrapper .tblmiddlerow table.dataTable.display button.btn-primary {
    padding: 0.25rem 0.5rem;
    border-radius: 0.2rem;
}

.advanceHotelModal #AdvanceHotel_wrapper .tblmiddlerow table.dataTable.display tbody tr.even > .sorting_1, .advanceHotelModal #AdvanceHotel_wrapper .tblmiddlerow table.dataTable.display tbody tr.odd > .sorting_1 {
    background: #fff !important;
}

.advanceHotelModal #AdvanceHotel_wrapper .tblmiddlerow table.dataTable.display tbody tr:hover > .sorting_1, .advanceHotelModal #AdvanceHotel_wrapper .tblmiddlerow table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background: #f6f6f6 !important;
}

.advanceHotelModal .dataTables_scroll {
    height: 500px;
    font-size: 14px;
}

.list_alert_container {
    border: 1px solid var(--theme-secondary);
    color: var(--theme-secondary);
    background: #f7fbff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    margin-top: 20px;
    border-radius: 10px;
}

.list_alert_heading {
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

.list_alert_subheading {
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.list_alert_btn {
    color: var(--theme-secondary);
    border: 1px solid var(--theme-secondary);
    background: transparent;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 15px;
}

.ViewHotelDetails .Hotel_description {
    overflow: hidden;
    font-size: 14px;
}

.define_tooltip .tooltip {
    left: -64px;
    min-width: 150px;
}

.quote_table .quote_th, .quote_table .source_th {
    width: 100px;
}

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

.menudropdown_text {
    font-size: 14px;
    padding-left: 8px;
}

.lagdisabled {
    color: #b4b4b4;
    pointer-events: none !important;
}

.uploader .filename {
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform:capitalize;
}

.customer_upload_container table {
    border: 0px;
}

    .customer_upload_container table tr th {
        color: #6c757d;
        padding: 0.5rem 0.5rem;
    }

    .customer_upload_container table tr td {
        padding: 0.5rem 0.5rem;
    }
.not_editable.add_edit_template .modal-body {
    pointer-events: none;
}

.not_editable.add_edit_template .modal-body input,
.not_editable.add_edit_template .modal-body .ck-editor__editable,
.not_editable.add_edit_template .modal-body .dash-form-group,
.not_editable.add_edit_template .modal-body .dash-form-group .display-label,
.not_editable .schedular_fields .form-select {
    background-color: #f8f8f8 !important;
    color: #8E8E8E;
}
.Groupnotemodal .modal-footer,
#AddUserModal .modal-footer {
    z-index: initial;
}
.customer_notes_email .ck-widget__selection-handle,
#cpnotesandcommunication-details .ck-widget__selection-handle,
#cpnotesandcommunication-details .ck-widget .ck-widget__type-around__button {
    display: none !important;
}
#grPrCommentsProposalInfo .notes-details-wrap .ck-editor__editable p,
#grPrCommentsProposalInfo .notes-details-wrap .ck-editor__editable ul {
    margin-bottom: 4px !important;
    line-height: 20px;
}
#cpnotesandcommunication-details #emails .ck-widget_with-selection-handle{
    margin-top:20px;
}
#cpnotesandcommunication-details #emails .ck-widget_with-selection-handle table tr {
    border: 0px !important;
}
.Billing_payment_div .line-heading .font-14 {
    font-size:16px!important;
}
.billing_information_section{
    border:0px!important;
    background:transparent!important;
    border-radius:0px!important;
    box-shadow:none!important;
}
    .billing_information_section .VgsCardDetails .VgsDetails {
        background: #fff;
        border: 1px solid #e5e7eb;
        padding:15px;
        border-radius:8px;
        margin-bottom:15px;
    }
    .billing_information_section .VgsCardDetails .VgsDetails:last-child{
        margin-bottom:0px;
    }
.pls_note_text {
    font-style: italic;
    font-size: 13px;
    padding-left: 15px;
    padding-bottom: 10px;
    display: block;
    color: #858585;
}
.roundrobin_tooltip .tooltip {
    left:-193px;
    min-width:408px!important;
}
.attachment_quote_note{
    font-style: italic;
    font-size: 13px;
}
.attachment_quote_note span{
    color: #858585;
}
.groupSummaryPopup .Group-Room .lookupRoomInventory {
    padding-left:16px;
    padding-right:16px;
}
.groupSummaryPopup #randomseven .cancellation_policy_Data .editorData {
    padding-left: 0px !important;
}
#randomseven .cancellation_policy_Data .editorData figure.table thead tr th{
    text-align: center;
    font-size: 14px;
    padding-top: 9px;
    padding-bottom: 9px;
    border: 1px solid #dee2e6 !important;
}
#randomseven .cancellation_policy_Data .editorData figure.table tbody tr td{
    border-color: #dee2e6 !important;
}
#cpnotesandcommunication-details #Notes_Data *{
    font-size:14px;
}
#cpnotesandcommunication-details #Notes_Data .ck-widget_with-selection-handle table {
    width: 100%;
}
#cpnotesandcommunication-details #Notes_Data .ck-widget_with-selection-handle table thead tr th {
    font-size: 14px;
    padding:9px!important;
    border: 1px solid #dee2e6 !important;
}
#cpnotesandcommunication-details #Notes_Data .ck-widget_with-selection-handle table tbody tr td {
    border:1px solid #dee2e6 !important;
    padding:9px!important;
    font-size:14px;
}
@media(max-width:1366px) {
    .quote_table .version_td, .quote_table .source_td {
        width: 100px !important;
        min-width: 100px !important;
        max-width: 100px !important
    }

    .avatar-upload .avatar-preview {
        height: 120px;
    }

    .leisure.leisurePaymentForm, .group.groupPaymentForm {
        margin-top: 15px;
    }

    .comm_due_amount, .comm_due_total_amount {
        display: none;
    }

    .addleadmodal .TransportationTypeChild .collapseheader, .addleadmodal .misc-transportation-service > div:first-child, .addleadmodal .misc-transportation-service .collapseheader {
        top: 127px;
    }

    .addleadmodal #quotedetailstransportation.collapsewrap.active .collapseheader.active {
        top: 75px;
    }

    .comisnrecble_table .search-booking-results .table_heading_search, .comisnrecble_table .search-booking-results {
        height: 85% !important;
    }

    .comisnrecble_table .comisnrecble_pmntbtn {
        padding-top: 10px;
    }

    .price_hide {
        z-index: 9 !important;
    }

    .leisurePaymentForm .leadPayTable tr th, .groupPaymentForm .groupPayTable tr th {
        min-width: 150px;
    }

    .dataTables_wrapper .dataTables_scroll > .itemsettings {
        right: -3px;
    }

    .taskcompleted td:nth-child(4) .tsk_undrlne:after {
        width: 60px !important;
    }

    .taskcompleted td .tsk_undrlne:after {
        top: 11px;
    }

    .taskcompleted td:nth-child(3) .tsk_undrlne:after {
        width: 100px !important;
    }

    .todo_delte {
        padding-left: 15px;
    }

    .notif_do_time {
        min-width: 100px;
    }

    .todo_dte {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #mychart2 {
        height: 140px !important;
        width: 265px !important;
    }

    p.canvas-total {
        font-size: 14px !important;
    }

    #triptypedescription, #triptypecreated, #triptypestatus, #triptypevisibility, #subsubtriptype, #subsubtriptypedescription, #subsubtriptypecreated, #subsubtriptypestatus, #subsubtriptypeval {
        min-width: 150px;
    }

    .updateAgencyDetails_btn {
        padding-right: 30px !important;
    }

        .updateAgencyDetails_btn.addtnl {
            padding-right: 0px !important;
        }

    .supplierpayment .supplcomm_table, .advisorpayment .advisor_tablepynt, #Travelbookings, #Cancellations, #Trip_Level_1_wrapper .tblmiddlerow .dataTables_scroll, #SubTripType_wrapper .tblmiddlerow .dataTables_scroll {
        overflow: auto;
    }

        .supplierpayment .supplcomm_table .suplirpymnt, .advisorpayment .advisor_tablepynt .suplirpymnt, #Travelbookings .dataTable, #Cancellations .dataTable, #Trip_Level_1_wrapper .tblmiddlerow .dataTables_scroll .dataTables_scrollHead, #Trip_Level_1_wrapper .tblmiddlerow .dataTables_scroll .dataTables_scrollBody, #SubTripType_wrapper .tblmiddlerow .dataTables_scroll .dataTables_scrollHead, #SubTripType_wrapper .tblmiddlerow .dataTables_scroll .dataTables_scrollBody {
            min-width: 1200px;
        }

    #Menu_butt_wrapper .Datatable-optionsheader {
        min-width: 50px;
    }

    .group-lookuptab .nav-pills .nav-link.active, .group-lookuptab .nav-pills .nav-link {
        font-size: 15px;
    }

    .lgin_form_container .login-form-content {
        padding: 0px !important;
    }

    .lgin_form_container .swiper-button-prev, .lgin_form_container .swiper-button-next {
        bottom: 93px !important;
        width: 30px !important;
        height: 30px !important;
    }

    .lgin_form_container .swiper-button-next {
        right: 43% !important;
    }

    .lgin_form_container .swiper-button-prev {
        left: 43% !important;
    }

        .lgin_form_container .swiper-button-next:after, .lgin_form_container .swiper-button-prev:after {
            font-size: 13px !important;
        }

    .lgin_form_container .login-form-content .subhdng, .lgin_form_container .login-form-content .mainhdng, .lgin_form_container .swiper-slide .loginslide {
        margin-bottom: 10px !important;
    }

    .priceSummary .shared-price-summary {
        padding: 10px;
    }

    .addleadmodal .modal-footer {
        padding-top: 5px;
        padding-bottom: 0px;
    }

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

    .quote_table table thead tr .name_th, .quote_table table thead tr .create_th, .leadsname, table .team_name_th, table .c_nm, table .c_bkspl, .report_l_advi, .noti_n_name, .noti_n_tripID, .noti_n_agent, .notif_f_name, .notif_f_tripID, .notif_f_view, .overdue_td, .notif_t_date, .notif_t_ID, .ledstrpid, #leadsname, #bookingLPName {
        min-width: 150px !important;
    }

    table .c_grpnm, .report_l_name, .report_l_type {
        min-width: 200px;
    }

    table .team_created_th, table .team_lead_th, table .c_bkid, table .c_bkdt, table .c_depdt, table .c_rtdt, table .c_prc, table .c_cowed, table .c_crecv, table .c_advsr, table .c_grpid, .report_l_Qcreate, .report_l_Qview, .report_l_lview, .notif_f_date, .notif_f_amount, .leadscreated {
        min-width: 120px;
    }

    .notif_do_name {
        min-width: 80px;
    }

    .noti_n_status {
        min-width: 180px;
    }

    .canvas-con {
        padding-top: 0px;
        min-height: initial;
    }

    .travel-leads-section .leisureLeads .dashboard-card, .travel-leads-section .groupLeads .dashboard-card {
        height: 100%;
    }

    .travel-leads-section .leisureLeads .dash-heading .title {
        margin-bottom: 0px;
    }

    .canvas-graph-height {
        height: initial;
        min-height: initial;
    }

    .table-scroll1 {
        min-height: 214px;
        max-height: 214px;
    }

    .view_dashboard_price {
        height: 24px;
    }

    .total-sales-box h4 {
        font-size: 20px;
    }

    .price_hide img {
        padding-bottom: 3px;
    }

    .dashboard-card.leisure .total-sales-box .title, .dashboard-card.group .total-sales-box .title {
        margin-bottom: 12px;
    }

    #customer_chat, #customer_text {
        min-width: 500px;
    }

    .task-input-search-main .task-input-search {
        max-width: 190px;
        width: 100%;
    }

    .delete-file, .edit-file {
        font-size: 14px;
    }

    #AdminDepPifdatatable_wrapper.dataTables_wrapper .dataTables_scroll {
        padding-top: 56px !important;
    }

    .overdue_td {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 120px;
    }
}

@media(max-width:1024px) {
    .sales-icon img {
        max-width: 82px;
    }

    .recent-submitted-section {
        margin-top: 10px;
    }

    .pagemainrow .sidebar {
        width: 0px;
        transition: all .5s ease-in-out;
    }

    .flightdetailswrap.FlightDetails {
        flex: 0 0 100%;
    }

    .grop_srvce, .grop_slit, .grop_dedline {
        overflow: auto;
    }

    .accounting-table2 {
        min-width: 600px;
    }

    .pymnt_srvce .accounting-table2 {
        min-width: 550px;
    }

    .grop_srvce .accounting-table2 {
        min-width: 800px;
    }

    .grop_dedline .accounting-table2 {
        min-width: 700px !important;
        margin-bottom: 0px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1700px) {
    .MyReport .tblbottomrow .paging_simple_numbers, .MyReport .tblbottomrow .paging_simple_numbers span {
        display: flex;
        justify-content: end;
    }

}

@media screen and (min-width: 1351px) and (max-width: 1366px) {
    .travel-leads-section .padd-25 {
        padding: 37px 12px !important;
        position: relative;
    }
}

@media screen and (min-width: 1199px) and (max-width: 1350px) {
    .padd-25 {
        padding: 28px 20px;
    }

    .quote_table .dataTables_paginate.paging_simple_numbers {
        width: 400px;
    }

    .travel-leads-graph-under .canvas-con-inner {
        margin-left: -60px;
    }
}

@media screen and (min-width: 767px) and (max-width: 1400px) {
    .Lead_Payment_section {
        margin-top: 0px;
    }

    .dashboard-card {
        margin-bottom: 15px !important;
    }

    .schedule_text {
        font-size: 14px;
    }

    .quote_table .dataTables_paginate.paging_simple_numbers {
        width: 350px;
    }

    .edit-price {
        padding-left: 6px !important;
    }

    .total-room-price > span {
        font-size: 15px;
    }

    .mobilcategory-deleteimg {
        position: absolute;
        top: 0px;
        right: 0px;
        padding-right: 5px !important;
    }

    .identifierCat.quote_identifierroom .mobilcategory-deleteimg {
        position: relative;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .addleadmodal .modal-body #sideMenuParentId[style="min-width: 270px;"] {
        min-width:initial!important;
    }
    .load-notes-main .agencyAddress {
        height: 107px !important;
    }

    .card-amount_line {
        display: inherit;
        padding-bottom: 15px;
    }

    .skelton-parentgrid .maincard > .card-header {
        padding-top: 20px;
    }
}

@media (max-width: 600px) {

    body .modal-footer .mobilleadpopup-botton button,
    body .modal-footer .btnClose, .cutomre_close {
        font-size: 9px !important;
        padding-left: 2px;
        padding-right: 2px;
        margin: 0px !important;
    }
    .addleadmodal #Cruise_Main .ViewCruiseItinerary_btn {
        font-size: 11px;
    }

    .addleadmodal #Cruise_Main .hotel_details {
        padding-bottom: 10px;
    }

    .Customerlookup-number {
        overflow: inherit !important;
    }

    .customerprofilepopup #cpnotescommunications #home .chat_message .font-13 {
        font-size: 12px;
    }

    .version_history_txt {
        padding: 20px;
    }

        .version_history_txt .histy_txt {
            text-align: center;
        }

    .addTravelProtection_button {
        margin-right: 4px !important;
    }

    #weddingpackage-toggle .desgn_crd, #Availability-toggle .desgn_crd, #Availability-toggle .locationOptionDiv, .activity_preview_card .desgn_crd, .romcatogre_div .actvt_section_image, .dtls_hotl_image, .addleadmodal #Cruise_Main .cruise_image_section {
        display: block !important;
    }

        #weddingpackage-toggle .desgn_crd .col-auto, #Availability-toggle .desgn_crd .col-auto, #Availability-toggle .locationOptionDiv .col-auto, .activity_preview_card .desgn_crd .col-auto, .hotl_main_div, .dtls_hotl_image .col-auto, .addleadmodal #Cruise_Main .cruise_image_section .col-auto {
            margin-right: 0px !important;
        }

    .viw_btn {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #weddingpackage-toggle .desgn_crd .shared-listview-Image, #Availability-toggle .desgn_crd .shared-listview-Image, #Availability-toggle .locationOptionDiv .shared-listview-Image, .activity_preview_card .desgn_crd .shared-listview-Image, .romcatogre_div .actvt_section_image .shared-listview-Image, .dtls_hotl_image .shared-listview-Image, .addleadmodal #Cruise_Main .previewtransfer .shared-listview-Image {
        max-height: 160px !important;
        width: 100% !important;
        min-height: 160px !important;
        margin-bottom: 10px !important;
    }

    .room-categories-identifier .room-type-section-identifier .roomIdentifiers .Identifiers .room-type-price, .room-categories-identifier .room-type-section-identifier .TransferIdentifiers .Identifiers .room-type-price, .room-categories-identifier .room-type-section-identifier .activityIdentifier .Identifiers .room-type-price, .deposit_payment_Identifier .Identifiers .room-type-price {
        border-left: 0px;
    }

    .room-categories-identifier .room-type-section-identifier .roomIdentifiers .Identifiers .room-type-details, .room-categories-identifier .room-type-section-identifier .TransferIdentifiers .Identifiers .room-type-details, .room-categories-identifier .room-type-section-identifier .activityIdentifier .Identifiers .room-type-details, .deposit_payment_Identifier .Identifiers .room-type-details {
        border-bottom: 1px solid #dadada;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .room-categories-identifier .room-type-section-identifier .roomIdentifiers .Identifiers, .room-categories-identifier .room-type-section-identifier .TransferIdentifiers .Identifiers, .room-categories-identifier .room-type-section-identifier .activityIdentifier .Identifiers, .deposit_payment_Identifier .Identifiers {
        display: block;
    }

    .gropcancllation_tabs .nav-pills {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

        .gropcancllation_tabs .nav-pills li #pills-home-tab {
            min-width: 110px;
            padding-right: 0px;
            padding-left: 0px;
        }

        .gropcancllation_tabs .nav-pills li #pills-profile-tab {
            min-width: 120px;
            padding-right: 0px;
            padding-left: 0px;
        }

    .gropcancllation_tabs .export_excel_btn {
        position: absolute;
        top: 39px;
        right: 15px;
        margin-right: 0px !important;
    }

    .breakpoint-AddUser-popup .breakpoint-Adduser-togglebutton.text-end {
        text-align: left !important;
    }

    .card.maincard.cotmeLokup_maincrd .card-body {
        overflow: auto;
    }

    .clusion_txt {
        justify-content: start !important;
    }

    .comisnrecble_pmntbtn, .commpayble_pymtbtn {
        padding-top: 15px;
    }

    .slit_agnt_txt .form-floating {
        width: 100%;
    }

    .tra-dash .body-page-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button, .tra-dash .dataTables_wrapper .dataTables_paginate .paginate_button {
        margin: 0px 2px;
        padding: 2px 7px;
    }

    .tra-dash .dataTables_wrapper .dataTables_paginate .ellipsis {
        padding-right: 5px;
        padding-left: 5px;
    }

    #requestdetails .select2-container--bootstrap-5 .select2-selection--multiple {
        padding-right: 25px;
    }

        #requestdetails .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
            right: 8px;
        }

    #quotedetailsTransportationone-details .otption_text .line-heading:before {
        display: none;
    }

    .trvl_proton {
        display: none;
    }

    .room-type-section-identifier .room-type-quote.Identifiers {
        display: block;
        padding: 0px;
    }

        .room-type-section-identifier .room-type-quote.Identifiers .room-type-details {
            border-bottom: 1px solid #dadada;
            padding: 10px;
        }

        .room-type-section-identifier .room-type-quote.Identifiers .room-type-price {
            padding: 10px;
        }

            .room-type-section-identifier .room-type-quote.Identifiers .room-type-price p {
                text-align: start !important;
            }

    .room-type-section-identifier .identifier-group .roomIdentifiers {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .notes_tabs_container {
        overflow: auto;
    }

        .notes_tabs_container .nav-tabs {
            min-width: 600px;
            padding-left: 15px !important;
            margin-top: 2px;
        }

        .notes_tabs_container .notes-tabs .nav-tabs {
            border-bottom: 1px solid #0d2639;
        }

        .notes_tabs_container .notes-tabs.navbar-dark .nav-link {
            margin: initial;
        }

    .nots_commton_contnt .navbar-brand, .nots_commton_contnt .btn-primary {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .notes-tabs .navbar-expand-lg {
        padding-top: 15px !important;
        padding-bottom: 20px;
    }

    .nots_btn, .trvl_txt {
        display: none;
    }

    .reportlead .dataTables_filter input:focus, .admingrouplead .dataTables_filter input:focus {
        box-shadow: none !important;
    }

    .reportlead .result_found_txt {
        top: 19px;
    }

    .reportlead .dataTables_filter input {
        margin-left: 0px !important;
    }

    .reportlead .tbltoprow .table_search_div {
        padding-left: 0px !important;
    }

    .GroupCancellationPolicyModel .room-categories-section {
        margin-top: 15px;
    }

    .Grouproompricemodal .add_rats_room {
        padding-bottom: 20px !important;
        align-items: center;
    }

    .Grouproompricemodal .add_rats_room {
        display: block !important;
    }

    .Grouproomprice_toggle {
        display: flex;
        justify-content: end;
    }

    .Grouproompricemodal .grpaddrates_popup table tr th:first-child {
        min-width: 100px;
    }

    .notes-load-wrap .form-floating {
        margin-bottom: 15px;
    }

    .revw_agnt_box .agent-body-shadow-close {
        right: 12px;
    }

    .confir_transfer_div {
        display: block !important;
    }

        .confir_transfer_div .font-14 {
            margin-top: 10px;
            font-size: 12px;
        }

    .revw_confir_txt {
        text-align: start !important;
        margin-top: 10px;
        font-size: 12px;
    }

    #mychart2 {
        height: 220px !important;
        width: 125px !important;
    }

    p.canvas-total {
        left: 41%;
        transform: translate(-100%);
    }

    .pulsd_crte_text {
        display: block;
    }

    .customer_notes_email .email_link_txt {
        max-width: 130px;
    }

    .nots_at_time {
        display: block;
        text-align: end;
    }

    .nots_at_txt {
        width: 166px !important;
    }

    .triptype_td {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 120px;
    }

    .toast {
        width: 150px;
    }

    .attchmnt_tem_edt {
        margin-bottom: 15px;
    }

    .Mandry_text {
        display: none;
    }

    .reviw_govt_txt {
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    #Booking_Card .main-card-box .actvt_section_image .hotel_details, #Cruise_Main .previewtransfer .hotel_details {
        display: block !important;
    }
}

@media (max-width: 768px) {
    #randomseven .cancellation_policy_Data .editorData{
        overflow:auto;
    }
        #randomseven .cancellation_policy_Data .editorData figure.table{
            min-width:600px;
        }
        .addGroupLeadmodal .groupLeadPopupActions .mobilleadpopup-botton {
            width: 100% !important;
            padding-left: 0px !important;
        }
    .addleadmodal .modal-footer .sidebar-tripcost-section {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .addleadmodal .modal-footer{
        display:block;
    }
    .modal-footer .mobilleadpopup-botton {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
        gap: 5px;
    }
    .customerprofilepopup .modal-footer .mobilleadpopup-botton {
        display:initial;
    }
    body .modal-footer .mobilleadpopup-botton button,
    body .modal-footer .btnClose, .cutomre_close {
        font-size: 9px !important;
    }
    .modal-footer .accordion-tripcost-section .sidebar-tripcost-section > p {
        font-size: 14px;
    }
    .cancellation_from_div, .cancellation_to_div {
        border-bottom: 1px solid #dadada;
        padding-left: 15px !important;
    }

    .cancellation_to_div {
        border-right: 0px !important;
    }

    .cancellation_penalty {
        padding-left: 15px !important;
    }

    .GroupCancellationPolicyModel .cancellationDiv {
        padding-left: 0px !important;
    }

        .GroupCancellationPolicyModel .cancellationDiv .cancellation_content .row {
            margin: 0px !important;
        }

    .main_transport_container .Transportations .justify-content-md-end {
        justify-content: end !important;
    }

    .group-lookuptab.Groupstats .collapseheader ul li:empty {
        display: none;
    }

    .lookuptable-div #lookdata tr:last-child td:last-child {
        border-bottom: 0px !important;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .Payments .Commission_srvce table {
        overflow: inherit;
    }

    .view_payment_form .advisor-section img {
        width: 100% !important;
    }

    .view_payment_form .reiw_confr_stsus {
        grid-template-columns: 1fr;
    }

    #TagBookingTable .TagBookingSectionBody tr td {
        padding-left: 130px;
    }

        #TagBookingTable .TagBookingSectionBody tr td span.fw-bold {
            white-space: normal;
        }

    .split_Comm_Main_Div .grop_slit {
        overflow: initial;
        border: 0px !important;
        background: transparent !important;
    }

        .split_Comm_Main_Div .grop_slit table .split_Comm_div, #GroupCommission .grop_srvce table .group_comm-entry tr {
            background: #fff;
            border: 1px solid #dadada;
            border-radius: 5px;
            display: block;
            margin-bottom: 10px;
        }

            .split_Comm_Main_Div .grop_slit table .split_Comm_div td {
                padding-left: 130px !important;
                padding-bottom: 5px !important;
                padding-top: 5px !important;
                border-right: 0px;
                width: 100%;
                border-bottom: 0px;
                margin-bottom: 0px;
                align-items: center;
            }

                .split_Comm_Main_Div .grop_slit table .split_Comm_div td .USD {
                    padding-right: 5px;
                }

                .split_Comm_Main_Div .grop_slit table .split_Comm_div td .comm_agnt_name {
                    padding-left: 0px;
                    padding-right: 6px;
                    width: 100%;
                }

                .split_Comm_Main_Div .grop_slit table .split_Comm_div td .Comm_Split_Val {
                    min-width: 100px;
                    width: 100%;
                }

                .split_Comm_Main_Div .grop_slit table .split_Comm_div td .comm_agnt_name .suggestions.Comm_Agents {
                    min-width: 115px;
                    width: 100%;
                }

        .split_Comm_Main_Div .grop_slit table {
            min-width: initial;
            overflow: initial;
            z-index: 11;
        }

            .split_Comm_Main_Div .grop_slit table .split_Comm_div td:before {
                white-space: nowrap;
                font-size: 12px;
                left: 28px;
            }

    #estWedDates .wedddatediv .status {
        font-size: 12px;
    }

    .Groupdeadlinesmodal .modal-body h6 {
        font-size: 14px;
    }

    .group_cancellation_table, .cancellation_policy_Data .stayboxwrap {
        padding-left: 5px !important;
    }

        .group_cancellation_table .tble_dsgn {
            padding-left: 0px !important;
        }

    #GroupCommission .grop_srvce table .group_comm-entry tr td .group_supplier_name {
        width: 100%;
    }

    #GroupCommission .grop_srvce, #TagBookingSection .atomtd_tble {
        overflow: initial;
    }

        #GroupCommission .grop_srvce table {
            min-width: initial;
            margin: 0px !important;
        }

            #GroupCommission .grop_srvce table .group_comm-entry tr td:before {
                position: initial;
                font-weight: 400;
                white-space: nowrap;
                padding-right: 10px;
            }

            #GroupCommission .grop_srvce table .group_comm-entry tr td {
                padding: 5px 10px !important;
                margin-bottom: 0px;
                font-size: 13px;
            }

                #GroupCommission .grop_srvce table .group_comm-entry tr td:last-child {
                    border-bottom: 0px;
                }

    .tble_dsgn .cancellation_grouptable {
        min-width: initial;
    }

        .tble_dsgn .cancellation_grouptable td:before {
            position: initial;
        }

        .tble_dsgn .cancellation_grouptable td {
            border-bottom: 0px;
            position: relative;
            display: flex;
            justify-content: space-between;
        }

        .tble_dsgn .cancellation_grouptable tbody tr {
            border: 1px solid #dadada !important;
            margin-bottom: 10px;
            display: block;
            border-radius: 5px;
        }

            .tble_dsgn .cancellation_grouptable tbody tr:last-child {
                margin-bottom: 0px;
            }

    .OutboundFlightPopup {
        padding: 0px;
    }

        .OutboundFlightPopup .modal-dialog {
            margin: 0px !important;
        }

            .OutboundFlightPopup .modal-dialog .modal-content {
                border-radius: 0px !important;
                border: 0px;
            }

    #randomseven .group_canclpolicy .editorData {
        font-size: 13px;
    }

        #randomseven .group_canclpolicy .editorData p {
            margin-bottom: 10px;
        }

    .skelton-parentgrid .main-skelton-hide-section .skel_mobletble .bottom.justify-content-center .skel-width-280 {
        width: 220px;
    }

    .skelton-parentgrid .main-skelton-hide-section .skel_mobletble .bottom {
        flex-direction: column;
        align-items: center;
    }

        .skelton-parentgrid .main-skelton-hide-section .skel_mobletble .bottom .skel-height-66 {
            width: 100%;
            margin-bottom: 15px;
        }

        .skelton-parentgrid .main-skelton-hide-section .skel_mobletble .bottom.justify-content-end {
            margin-top: 0px !important;
            padding-top: 0px !important;
            align-items: end !important;
        }

        .skelton-parentgrid .main-skelton-hide-section .skel_mobletble .bottom.justify-content-center {
            margin-top: 0px !important;
            padding-top: 0px !important;
        }

        .skelton-parentgrid .main-skelton-hide-section .skel_mobletble .bottom.justify-content-end .skel-height-30 {
            width: 130px;
        }

    .group_canclgrid .htltbl {
        overflow: hidden !important;
        padding-right: 15px;
    }

        .group_canclgrid .htltbl .table {
            min-width: initial !important;
            max-width: initial !important;
        }

    .group_canclgrid .tble_dsgn table .cancellationGrid tr {
        border: 1px solid #dadada;
        margin: 10px 0px;
        display: block;
        border-radius: 5px;
    }

        .group_canclgrid .tble_dsgn table .cancellationGrid tr:last-child {
            margin-bottom: 0px;
        }

    .group_canclgrid .tble_dsgn table td:last-child {
        margin-bottom: 0px;
        border-bottom: 0px;
    }

    .group_canclgrid .tble_dsgn table td:before {
        left: 35px;
    }

    .group_canclgrid .tble_dsgn table td {
        padding-left: 85px;
    }

    .tble_dsgn.SearchBookingResult_container tbody td {
        padding-left: 140px;
        position: relative;
    }

        .tble_dsgn.SearchBookingResult_container tbody td:before {
            left: 15px;
        }

    .ViewHotelDetails .font-18 {
        font-size: 15px;
    }

    .addleadmodal #Hotel_Main .font-20 {
        font-size: 15px !important;
    }

    .addleadmodal #bookingdetailstraveler .font-14 {
        font-size: 12px;
    }

    .addleadmodal .modal-footer .accordion-tripcost-section {
        margin-right: 0px !important;
    }

    .copyurlsec {
        display: block;
    }

        .copyurlsec input, .tble_dsgn #proposalOpenGuestList .proposalGuestList {
            width: 100%;
        }

    .invite_guestname {
        padding-top: 5px;
        padding-bottom: 10px;
    }

        .invite_guestname .group-tab {
            box-shadow: 0px 4px 8px rgb(0 0 0 / 8%);
            border: 1px solid #dadada;
        }

        .invite_guestname:before {
            display: none !important;
        }

    .invite_guestname {
        justify-content: center;
        padding-left: 0px !important;
        padding-top: 5px;
        padding-bottom: 10px;
    }

    .tble_dsgn #proposalOpenGuestList .proposalGuestList td:before {
        left: 35px;
    }

    .tble_dsgn #proposalOpenGuestList .proposalGuestList td {
        padding-left: 125px;
        border: 0px;
    }

    .tble_dsgn #proposalOpenGuestList .proposalGuestList tr {
        border: 1px solid #dadada !important;
        margin-bottom: 15px;
        display: block;
        border-radius: 5px;
        padding-top: 10px;
    }

    .tble_dsgn #proposalOpenGuestList .proposalGuestList td:last-child {
        margin-bottom: 0px;
        display: flex;
        align-items: center;
        padding-bottom: 20px;
        padding-top: 10px;
    }

    .annoucement-content h4 {
        font-size: 15px;
    }

    .annoucement-content p {
        font-size: 13px;
    }

    .annoucement-content .anncEditIcon {
        width: 15px;
    }

    .ViewCruiseItinerary_container.tble_dsgn table td:before {
        left: 30px;
    }

    .ViewCruiseItinerary_container.tble_dsgn table td {
        padding-left: 90px;
        height: 30px;
    }

    .Cancellation-section .tble_dsgn table td:before {
        left: 25px;
    }

    .Cancellation-section .tble_dsgn table td:last-child:before {
        left: 10px;
    }

    .Cancellation-section .tble_dsgn table td {
        padding-left: 150px;
    }

        .Cancellation-section .tble_dsgn table td:last-child {
            margin-bottom: 0px;
        }

    .ViewCruiseItinerary_container.tble_dsgn table td:last-child {
        margin-bottom: 0px;
    }

    .group_excel_div {
        width: 100%;
        border-top: 1px solid #dadada;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .addleadmodal .TransportationTypeChild .collapseheader, .addleadmodal .misc-transportation-service > div:first-child, .addleadmodal .misc-transportation-service .collapseheader {
        top: 147px !important;
    }

    .taskcompleted td:nth-child(2) .tsk_undrlne:after {
        width: 100%;
    }

    .trnfre_table_div.tble_dsgn table tr td, .notfction_newooking_div.tble_dsgn table tr td, #final_payment.tble_dsgn table tr td, #new_payment.tble_dsgn table tr td, .to-do-height.tble_dsgn table tr td, .tble_dsgn .leadPayTable tr td, .tble_dsgn .groupPayTable tr td {
        position: relative;
        max-width: 100% !important;
        border: 0px !important;
    }

    .to-do-height.tble_dsgn table tr td {
        padding-left: 85px;
    }

    .recent-submitted-section .dash-heading {
        margin-bottom: 15px;
    }

    .trnfre_table_div.tble_dsgn table tr td, .tble_dsgn .leadPayTable tr td, .tble_dsgn .groupPayTable tr td {
        padding-left: 130px;
    }

    #final_payment.tble_dsgn table tr td, #new_payment.tble_dsgn table tr td {
        padding-left: 125px;
    }

    .notfction_newooking_div.tble_dsgn table tr td {
        padding-left: 85px;
    }

        .trnfre_table_div.tble_dsgn table tr td:before, .notfction_newooking_div.tble_dsgn table tr td:before, #final_payment.tble_dsgn table tr td:before, #new_payment.tble_dsgn table tr td:before, .to-do-height.tble_dsgn table tr td:before, .tble_dsgn .leadPayTable tr td:before, .tble_dsgn .groupPayTable tr td:before {
            font-weight: 400;
        }

    .trnfre_table_div.tble_dsgn table tr:first-child td:first-child, .notfction_newooking_div.tble_dsgn table tr:first-child td:first-child, #final_payment.tble_dsgn table tr:first-child td:first-child, #new_payment.tble_dsgn table tr:first-child td:first-child, .to-do-height.tble_dsgn table tr:first-child td:first-child, .tble_dsgn .leadPayTable tr:first-child td:first-child, .tble_dsgn .groupPayTable tr:first-child td:first-child {
        margin-top: 0px;
    }

    .trnfre_table_div.tble_dsgn table td:first-child, .notfction_newooking_div.tble_dsgn table tr td:first-child, #final_payment.tble_dsgn table tr td:first-child, #new_payment.tble_dsgn table tr td:first-child, .to-do-height.tble_dsgn table tr td:first-child, .tble_dsgn .leadPayTable tr td:first-child, .tble_dsgn .groupPayTable tr td:first-child {
        margin-top: 15px;
    }

    .notfction_newooking_div.tble_dsgn table tr td .new_bokng_cde {
        max-width: 100%;
    }

    .Customerlookup-number .lookuptable-div.tble_dsgn {
        overflow: initial !important;
    }

        .Customerlookup-number .lookuptable-div.tble_dsgn table td {
            padding-left: 125px !important;
        }

            .Customerlookup-number .lookuptable-div.tble_dsgn table td:last-child {
                border-bottom: 1px solid #dadada !important;
                margin-bottom: 15px;
                padding-bottom: 23px !important;
            }

    .adlts_txt {
        display: inline !important;
    }

    .leisure.leisureCommission, .leisure.leisureSales {
        min-height: 45% !important;
    }

    .connection_table_container.tble_dsgn table .profile_qote_fond:before {
        display: none;
    }

    .connection_table_container.tble_dsgn table .profile_qote_fond {
        display: inline-block;
        padding-left: 20px !important;
    }

    .SharedPremiumPopup .transfer_description ul li {
        font-size: 13px;
    }

    .popup_fight_div {
        position: relative;
        display: block !important;
    }

    .modal .popup_fight_div .popup_fight_name {
        padding-bottom: 10px;
    }

    .transport_btn {
        text-align: start !important;
        padding-top: 5px !important;
    }

    .FlightItineraries .flight-itinerary-section .flightdetailswrap {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    #quotedetails #quotedetailsflight .mobilflight-button {
        padding-right: 20px !important;
    }

    .addGroupLeadmodal .gropckage_text .package_desc p, .addGroupLeadmodal .gropckage_text .package_desc {
        -webkit-line-clamp: 3;
        font-size: 12px !important;
    }

    #GroupProposalWedding .gropckage_text .room-type-details {
        display: grid !important;
        grid-template-columns: 6% 90%;
        gap: 10px;
    }

    .weding_packge_delt {
        position: absolute;
        top: 10px;
        right: 5px;
        height: 20px !important;
        width: 20px;
        background: #fff;
    }

    #GroupProposalWedding .mandatory-text {
        justify-content: start;
    }

    .deposit_payment_Identifier .bg-white.border-end {
        border-right: 0px !important;
        border-bottom: 1px solid #dadada;
    }

    .room-categories-identifier .room-type-section-identifier .roomIdentifiers, .room-categories-identifier .room-type-section-identifier .TransferIdentifiers, .room-categories-identifier .room-type-section-identifier .activityIdentifier {
        border-right: 0px !important;
    }

    .mobil-editbutton {
        justify-content: end;
    }

    .room-categories-identifier .room-type-section-identifier .total-room-price {
        text-align: start;
    }

    .qote_cutmr_btn {
        text-align: start !important;
        margin-top: 5px;
    }

    .hotl_mandtry {
        justify-content: start !important;
    }

    .breakpoint-tieredlevels .breakpoint-txtadult input {
        border-right: 1px solid #ced4da;
        border-bottom: 0px !important;
    }

    .breakpoint-tieredlevels .breakpoint-txtfrom input {
        border-right: 1px solid #dadada;
    }

    .breakpoint-tieredlevels .breakpoint-chld input {
        border-right: 1px solid #ced4da;
    }

    .startdate_addtin {
        display: block;
    }

    .date_addtin_dash {
        display: none;
    }

    .tble_dsgn .cancl_dataTable .TotalLeadOpen_data {
        padding-top: 18px;
        padding-bottom: 18px;
    }

        .tble_dsgn .cancl_dataTable .TotalLeadOpen_data:before {
            font-size: 0px;
        }

    .leadsTable_rowrange {
        position: relative;
    }

    .tble_dsgn #TravelleadsTable .date_range.leadsTable_range, .tble_dsgn #AllTravelBookingTable .date_range.leadsTable_range, .tble_dsgn #ReportCancellationsTable .date_range.leadsTable_range {
        position: absolute !important;
        left: 15px;
        bottom: 8px;
        padding: 0px !important;
        display: block;
        border: 0px !important;
        margin-bottom: 0px;
        font-weight: 500 !important;
    }

    .leadsTable_range:before {
        display: none !important;
    }

    .tble_dsgn .cancl_dataTable td {
        border-bottom: none;
        padding-left: 150px;
        position: relative;
    }

        .tble_dsgn .cancl_dataTable td:before {
            left: 15px;
        }

    .Payments .Commission_srvce.tble_dsgn {
        overflow: initial !important;
    }

    .comm_agny .USD {
        top: 2px;
    }

    .dropdown-item {
        font-size: 14px;
    }

    .comm_agny {
        display: flex;
    }

    .automtd_commtion.tble_dsgn .accounting-table2, .grop_dedline.tble_dsgn .accounting-table2 {
        min-width: initial !important;
    }

    .automtd_commtion.tble_dsgn table td:last-child, .grop_dedline.tble_dsgn table td:last-child, .tble_dsgn.atomtdfolwup_div table td:last-child, #receivablepayments .tble_dsgn table td:last-child, #payablepayments .tble_dsgn table td:last-child, #Backendpayablepayments .tble_dsgn table td:last-child {
        margin-bottom: 7px;
        border-bottom: 1px solid #dadada;
        padding-bottom: 17px;
    }

    .grop_dedline.tble_dsgn table td {
        padding-left: 145px;
        border-bottom: none;
        position: relative;
    }

    .grop_dedline.tble_dsgn #Deadline-Data tr td[colspan="4"]:before {
        display: none;
    }

    .grop_dedline.tble_dsgn #Deadline-Data tr td[colspan="4"] {
        padding: 0px !important;
        justify-content: center;
    }

    .automtd_commtion.tble_dsgn table td {
        padding-left: 130px;
        border-bottom: none;
        position: relative;
    }

    #CommisionReceivable .tble_dsgn table td, #receivablepayments .tble_dsgn table td {
        padding-left: 165px;
        border-bottom: none;
        position: relative;
    }

    #commissionpayable .tble_dsgn table td {
        padding-left: 118px;
        border-bottom: none;
        position: relative;
    }

    #commissionpayable .tble_dsgn table tbody tr, #CommisionReceivable .tble_dsgn table tbody tr {
        background: #fff;
        border: 1px solid #dadada !important;
        display: block;
        padding: 5px 10px;
        border-radius: 5px;
        margin-bottom: 15px;
    }

        #commissionpayable .tble_dsgn table tbody tr:last-child, #CommisionReceivable .tble_dsgn table tbody tr:last-child {
            background: #f2faff;
            margin-bottom: 0px;
        }

        #commissionpayable .tble_dsgn table tbody tr td .group_supplier_name, #CommisionReceivable .tble_dsgn table tbody tr .group_supplier_name {
            width: 100%;
        }

    #payablepayments .tble_dsgn table td, #Backendpayablepayments .tble_dsgn table td {
        padding-left: 95px !important;
        border-bottom: none;
        position: relative;
    }

    .automtd_commtion.tble_dsgn table td:before {
        left: 27px;
        font-weight: 400;
    }

    .automtd_commtion.serviceAgreement-payment table td:before {
        left: 0px !important;
    }

    .automtd_commtion.serviceAgreement-payment table td {
        padding-left: 170px !important;
    }

    #receivablepayments .tble_dsgn table td:before, #payablepayments .tble_dsgn table td:before, #Backendpayablepayments .tble_dsgn table td:before, #CommisionReceivable .tble_dsgn table td:before, .grop_dedline.tble_dsgn table td:before {
        font-weight: 400;
    }

    .connection_table_container.tble_dsgn table td:before {
        left: 11px;
        font-weight: 400;
    }

    .connection_table_container.tble_dsgn table td {
        padding-left: 145px !important;
        border-bottom: none;
        position: relative;
    }

    .Commission .tble_dsgn.Commission_srvce table td {
        padding-left: 160px;
    }

    .tble_dsgn.atomtdfolwup_div table td {
        padding-left: 170px;
        font-weight: 400 !important;
        border-bottom: none;
        position: relative;
    }

        .tble_dsgn.atomtdfolwup_div table td:before {
            left: 5px;
        }

    .comm_btn {
        text-align: start;
    }

    #AccountingSummary .tble_dsgn table td:last-child {
        margin-bottom: 0px;
    }

    #AccountingSummary .tble_dsgn table .total-accounting-amount {
        border-top: 1px solid #dadada;
    }

    .tote_none {
        display: none !important;
    }

    .ServiceFee_srvce.tble_dsgn table {
        position: relative;
        display: block;
    }

        .ServiceFee_srvce.tble_dsgn table td {
            border: 0;
            padding-left: 146px;
        }

    .hotelAccordion-body .Payments .service-row td {
        padding-left: 125px;
    }

    .connection_table_container.tble_dsgn table td:last-child, .tble_dsgn.Commission_srvce table td:last-child {
        margin-bottom: 0px;
        border-bottom: 1px dashed #dadada;
        padding-bottom: 10px;
    }

    .tble_dsgn.Commission_srvce table td, .pymnt_srvce.tble_dsgn table td {
        border-bottom: none;
        padding-left: 135px;
        position: relative;
    }

    #AccountingSummary .tble_dsgn table td {
        border-bottom: none;
        padding-left: 145px;
        position: relative;
    }

    .atomtd_tble.tble_dsgn table td {
        border-bottom: none;
        padding-left: 170px;
        position: relative;
        padding-right: 0px;
        padding-bottom: 3px;
        padding-top: 3px;
    }

    .atomtd_tble.tble_dsgn table {
        padding: 5px 10px 10px 10px;
    }

        .atomtd_tble.tble_dsgn table tbody td:last-child {
            border-bottom: 1px solid #dadada !important;
            padding-bottom: 15px;
        }

        .atomtd_tble.tble_dsgn table tbody tr:last-child td:last-child {
            border-bottom: 0px !important;
            padding-bottom: 0px;
        }

        .atomtd_tble.tble_dsgn table tbody td {
            padding-bottom: 15px;
            border-bottom: 1px solid #dadada;
        }

        .atomtd_tble.tble_dsgn table tbody tr:last-child td:last-child {
            margin-bottom: 0px;
            border-bottom: 0px;
        }

    .Commission_srvce .accounting-table2, .pymnt_srvce .accounting-table2 {
        min-width: auto;
    }

    .tble_dsgn table th {
        display: none;
    }

    .tble_dsgn table {
        color: #333;
        border-radius: .4em;
        overflow: hidden;
        margin-top: 0px !important;
    }

        .tble_dsgn table tr {
            border-color: #bfbfbf;
        }

        .tble_dsgn table td {
            padding: 4px 0px;
            display: flex;
            font-weight: 500;
            text-align: left !important;
            border-bottom: 1px solid #dadada;
            padding-left: 10px;
            padding-right: 10px;
            font-size: 13px;
        }

        .tble_dsgn table tr:nth-child(2) {
            border-top: none;
        }

        .tble_dsgn table tr:hover:not(:first-child) {
            background-color: #d8e7f3;
        }

        .tble_dsgn table td:before {
            content: attr(data-th) " : ";
            font-weight: 500;
            display: inline-block;
            color: #000;
            font-size: 14px;
            position: absolute;
            left: 0;
        }

        .tble_dsgn table tr td .border-bottom {
            border-bottom: 0px !important;
        }

        .tble_dsgn table tr td div {
            font-weight: 500 !important;
        }

        .tble_dsgn table td:last-child {
            margin-bottom: 15px;
        }

        .tble_dsgn table tr:last-child td:last-child {
            margin-bottom: 0px;
            border-bottom: 0px;
        }

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

    .flght_inform {
        margin-bottom: 15px;
    }

    .mergeleadquotemodal .mrge_div {
        justify-content: start !important;
        border-top: 1px dashed #dadada;
    }

    .mergeleadquotemodal .merge-top-section {
        display: block !important;
        text-align: center;
    }

    .mergeleadquotemodal .mrge_div .select-lead-merge-details {
        width: 100%;
    }

    .mergeleadquotemodal .first_cust_Email {
        width: initial !important;
    }

    .mergeleadquotemodal .cislabel, .mergeleadquotemodal .cisdata {
        width: 50%;
    }

    .mergeleadquotemodal .mergesectop {
        overflow: hidden;
        display: inline-block;
        margin-top: 10px;
    }

        .mergeleadquotemodal .mergesectop::after {
            left: 0px;
        }

    .mergeleadquotemodal .border-dashed-right {
        border-right: 0px !important;
    }

    .identifier-group .mobilcategory-deleteimg {
        position: initial;
        padding-top: 12px !important;
    }

    .cruse_ctgre_colNone, .CruiseCategories .selectedCabinCategory .recommeded_div1, .selectedRoomCategories .recommeded_div1 {
        border-bottom: 1px solid #dadada;
        border-radius: 0px;
    }

    .splt_prsnt_txt #C_SplitPer {
        max-width: initial;
    }

    .slit_comms_txt .slit_comms_content {
        padding-left: 5px;
    }

    .splt_prsnt_txt {
        border-right: 0px;
    }

    .slit_comms_txt {
        border-top: 1px solid #dadada;
    }

    .Hotel_Request .Hotel_req_cntnt .d-inline-block {
        margin-right: 15px !important;
    }

    #Booking_Card_TravelIns .PerPerson_Card .agent-content {
        display: block;
    }

        #Booking_Card_TravelIns .PerPerson_Card .agent-content .top {
            padding: 0px !important;
        }

        #Booking_Card_TravelIns .PerPerson_Card .agent-content .insurance_product_name {
            margin-bottom: 5px;
        }

    .cruise_itinerary_section .cruiseitinerary_div.CruisePorts {
        border-top: 1px solid #dadada !important;
    }

    .identifier-group .mobilcategory-deleteimg {
        align-items: center;
    }

    .room-type-section-identifier .identifier-group .roomIdentifiers, .room-type-section-identifier .identifier-group .TransferIdentifiers, .room-type-section-identifier .identifier-group .activityIdentifier {
        border-bottom: 1px solid #dadada;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .addGroupLeadmodal .modelside-nav .nav {
        min-width: 1200px;
    }

    .dashboard-card .title {
        font-size: 14px;
    }

    .dashboard-card {
        padding: 10px !important;
    }

    #sidenavformmodaltiered .tired_html .collapseheader {
        padding-right: 56px !important;
    }

    #AddUserModal .modelside-nav .nav .nav-link.active {
        border-bottom: 0px !important;
    }

    .user_colNine {
        border-top: 1px solid #dadada;
    }

    .breakpoint-usertype-collapsebody .access-modification-section .card-body, #randomseven .htltbl, .gropcancllation_tabs {
        overflow: auto;
    }

    .selectandreset .mobil-Categorybutton {
        display: flex;
        align-items: center;
    }

    .breakpoint-usertype-collapsebody .access-modification-section .card-body .roles-table {
        min-width: 600px;
    }

    #DepPifdatatable_wrapper.dataTables_wrapper {
        min-width: initial;
    }

    .review_room_container .font-16 {
        font-size: 14px;
    }

    #TravellersData .Stay-heading .font-18 {
        font-size: 15px !important;
    }

    traveler-details-room .font-20.fw-bold {
        font-size: 16px !important;
    }

    .recent-submitted-table-scroll .leadPayTable tr th, .recent-submitted-table-scroll .groupPayTable tr th {
        min-width: 150px;
    }

    .view_quotation_btn {
        text-align: start !important;
    }

        .view_quotation_btn .btn {
            margin-top: 5px;
        }

    .nots_at_txt {
        width: 400px;
    }

    .contactCustomermodal .modal-dialog {
        margin-left: 10px;
        margin-right: 10px;
    }

    .connection_table_container {
        overflow: scroll;
    }

        .connection_table_container .table .trip_history_heading {
            min-width: 150px;
        }

    .lead-modaldialog {
        margin: 4px;
    }

    .departure-and-arrival {
        padding-right: 5px !important;
    }

    #my-legend-con ul li {
        margin-bottom: 0;
    }

    .travel-leads-section .leisureLeads .dash-heading .title {
        margin-bottom: 16px;
    }

    #my-legend-con ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px 25px;
        margin-top: 20px;
        margin-bottom: 0;
    }

    .travel-leads-section .leisureLeads .dashboard-card, .travel-leads-section .groupLeads .dashboard-card {
        height: auto !important;
    }

    #mychart2 {
        height: 160px !important;
        width: 320px !important;
    }

    .travel-leads-graph-under .canvas-graph-height .canvas-con {
        flex-direction: column;
    }

    .canvas-con-inner {
        margin-left: 0 !important;
    }

    p.canvas-total {
        margin: 0;
        position: absolute;
        left: 0% !important;
        top: 42%;
        transform: translateY(-50%);
        width: 100%;
    }

    .annoucement-content h4 {
        display: inline;
    }

    .canvas-con-inner {
        position: relative;
    }
}

@media(max-width:767px) {
    .leisure.leisureLeads .dashboard-card {
        margin-bottom: 0px !important;
        margin-top: 15px !important;
    }
}

@media (max-width: 1200px) {
    .GropLokpdiv{
        overflow:auto;
    }
    .GropLokpdiv .GropLokp_table {
        min-width:1400px;
    }
    body .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
        scrollbar-width: none;
    }
    .feature_missing_container {
        position: fixed;
        width: 154px !important;
        top: 49%;
        margin-top: 25px;
        right: -60px;
        transform: rotate(-90deg);
        margin: 0px;
        bottom: auto;
        display: none !important;
    }

    .feature_missing_content {
        border: 0px;
        padding: 0px;
    }

    .feature_missing_heading, .feature_missing_add {
        display: none;
    }

    .feature_missing_btn {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background: #fff !important;
        text-align: left;
    }

    .requestform_heading_skeleton {
        width: 80%;
    }

    .logo_text_div {
        height: 67px;
    }

    .mobil-container .updateAgencyDetails_btn {
        bottom: 38px;
        border-top: 1px solid #dadada;
    }

    .Embedding_guide_heading {
        font-size: 16px;
    }

    .Embedding_step_container {
        padding-left: 0px;
    }

    .Embedding_guide_subheading, .Embedding_step_div, .Embedding_step_content {
        font-size: 13px;
    }

    .requst_form_div {
        padding-bottom: 80px;
    }

    .Embedding_step_container li {
        margin-bottom: 15px;
    }

    .Embedding_guide_container {
        margin-top: 22px;
    }

    .report_lead_wrapper .custom-dropdown-menu-list {
        overflow: auto;
        height: 170px;
    }

    body #mainContent.mainContent .body-page-wrapper {
        padding-bottom: 120px !important;
    }

    .header_icon {
        display: block;
    }

    .group_invntry {
        margin-bottom: 0px !important;
    }

    #openchat {
        margin-right: 3px !important;
    }

        #openchat img {
            height: 35px !important;
        }

    .profileimgwrap, .profileimgwrap .nouser-icon {
        width: 35px !important;
        height: 35px !important;
    }

    .breakpoint_container {
        justify-content: end;
    }

    .breakpoint-tieredlevels .breakpoint-txtfrom input {
        border-bottom: 0px !important;
        border-radius: 0px !important;
    }

    .breakpoint-tieredlevels .breakboint-likeinput a {
        font-size: 9px !important;
        color: transparent !important;
        padding-left: 5px;
    }

    .breakpoint-tieredlevels {
        position: relative;
    }

        .breakpoint-tieredlevels .breakpoint-txtto input {
            border-bottom: 0px !important;
            border-right: 1px solid #ced4da;
        }

        .breakpoint-tieredlevels .breakboint-likeinput {
            position: absolute !important;
            top: -10px;
            right: -10px;
            width: 24px;
            height: 24px;
            border-radius: 14px;
            background: url(../images/close-icon.png);
            background-position: center;
            background-size: 10px;
            background-repeat: no-repeat;
            background-color: #ffffff;
        }

        .breakpoint-tieredlevels .breakpoint-txtfrom {
            padding-left: 0px !important;
        }

    #Group-Room .reportRoomGrid .card-body {
        padding: 0px !important;
    }

    .cruise_itinerary_section .cruiseitinerary_div.departtime {
        border-top-right-radius: 0px;
    }

    .cruise_itinerary_section .cruse_brder {
        border-right: 0px !important;
    }

    .slit_comms_txt {
        border-right: 0px;
    }

    .slit_agnt_txt {
        border-bottom: 1px solid #dadada;
        border-right: 0px;
    }

    .delete_btn_div {
        position: absolute;
        top: -13px;
        right: -9px;
        background: #fff;
        border-radius: 50%;
        width: 35px;
        height: 35px;
        border: 1px solid #dadada;
    }

    .cruise_itinerary_section .cruiseitinerary_div.arrivetime, .cruise_itinerary_section .cruiseitinerary_div.departtime {
        border-top: 1px solid #dadada !important;
    }

    .room-type-section-identifier .identifier-group .roomIdentifiers {
        padding-top: 10px !important;
    }

    .Identifiers .room-type-details .IdentifierTitle {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 150px;
        margin-right: 6px !important;
    }

    .identifier-group .mobilcategory-deleteimg .remove-text {
        font-size: 0px;
    }

    .group-room-categories, .usertype_table .tblmiddlerow .dataTables_scroll, #Group-Room .room-categories-sectionthree, #Group-Room .reportRoomInventory, #Commissiontable_wrapper .tblmiddlerow .dataTables_scroll, #Trip_type_wrapper .tblmiddlerow .dataTables_scroll {
        overflow: auto;
    }

        #Group-Room .room-categories-sectionthree .boxshad, #Group-Room .reportRoomInventory .Room_invtry_container, .usertype_table .tblmiddlerow .dataTables_scroll .dataTables_scrollHead, .usertype_table .tblmiddlerow .dataTables_scroll .dataTables_scrollBody {
            min-width: 800px;
        }

    .addGroupLeadmodal .mainDetailsSection {
        overflow: hidden;
    }

    .group-room-categories .selectedRooms, #Commissiontable_wrapper .tblmiddlerow .dataTables_scroll .dataTables_scrollHead, #Commissiontable_wrapper .tblmiddlerow .dataTables_scroll .dataTables_scrollBody, #Trip_type_wrapper .tblmiddlerow .dataTables_scroll .dataTables_scrollHead, #Trip_type_wrapper .tblmiddlerow .dataTables_scroll .dataTables_scrollBody {
        min-width: 1000px;
    }

    #TransfersSection .previewtransfer .border-top.d-flex.align-items-center {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    .price-difference {
        margin-right: 0px !important;
    }

    /*#flight_Main .time-part, #TransfersSection .time-part, .OutboundFlightPopup .time-part {
        gap: 10px;
    }*/

    .stay_hotel_name {
        max-width: 280px !important;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
    }

    .revw_confir_txt {
        text-align: end;
    }

    .report_lead_wrapper .Customerlookup.card.card-body {
        padding-top: 20px !important;
    }

    .moble_sklton_logo {
        display: block;
    }

    .desk_sklton_logo {
        display: none;
    }

    .dashboard-card {
        margin-bottom: 15px !important;
    }

    .breakpointnavbar {
        display: flex;
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        z-index: 10;
        background-color: var(--nav-theme-default);
        border-top: 1px solid #dadada;
        margin-bottom: 0px !important;
        border-bottom: 0px !important;
        padding: 10px 15px;
        width: 100%;
    }

    .breakpoint-login a {
        margin-right: 0px;
    }

    .breakpoint-bell {
        margin-right: 8px !important;
        width: 35px !important;
        height: 35px !important;
    }

    .breakpointtop {
        min-height: 40px;
    }

    .container-fluid {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 10px;
    }

    .card-total-amount-section {
        margin-top: 0px;
    }

    .travel-leads-section {
        margin-top: 0px;
    }
    .modal-footer .mobilleadpopup-botton button, .modal-footer .btnClose, .cutomre_close{
        font-size:10px!important;
    }
    /* .modal-footer .mobilleadpopup-botton button, .modal-footer .btnClose, .cutomre_close {
        font-size: 0 !important;
        background-size: 18px;
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
        background-image: url('../images/SVG-Icons/send-service-agreement.svg');
        background-position: center center;
        position: relative;
    }

        .modal-footer .mobilleadpopup-botton button:before {
            position: absolute;
            content: "";
            top: -30px;
            color: #000;
            z-index: 1;
            border-radius: 6px;
            display: none;
            font-size: 10px;
            white-space: nowrap;
            left: 50%;
            transform: translate(-50%, 10px);
        }

        .modal-footer .mobilleadpopup-botton button:hover:before {
            display: block;
        }

        .modal-footer .mobilleadpopup-botton button.btnClose:before {
            content: "Close";
        }

        .modal-footer .mobilleadpopup-botton button.btnCopyQuote:before {
            content: "Copy Quote";
        }

        .modal-footer .mobilleadpopup-botton button#QuickAdd:before, .modal-footer .mobilleadpopup-botton button.QuickAdd:before {
            content: "Quick Add";
        }

        .modal-footer .mobilleadpopup-botton button.btnContactCustomer:before {
            content: "Contact Customer";
        }

        .modal-footer .mobilleadpopup-botton button.btnSaveasDraft:before, .modal-footer .mobilleadpopup-botton button.saveDraft:before {
            content: "Save";
        }

        .modal-footer .mobilleadpopup-botton button.btnPreview:before, .modal-footer .mobilleadpopup-botton button.savePreview:before {
            content: "Preview";
        }

        .modal-footer .mobilleadpopup-botton button.btnPublish:before, .modal-footer .mobilleadpopup-botton button.savePublish:before {
            content: "Publish";
        }

        .modal-footer .mobilleadpopup-botton button.btnUnPublish:before {
            content: "Unpublish";
        }

        .modal-footer .mobilleadpopup-botton button.btnContinue:before, .modal-footer .mobilleadpopup-botton button.saveContinue:before {
            content: "Continue";
        }

        .modal-footer .mobilleadpopup-botton button.btnConvertToBook:before, .modal-footer .mobilleadpopup-botton button.saveConfirmed:before {
            content: "Convert to Booking";
        }

        .modal-footer .mobilleadpopup-botton button.btnAddSupplierPayments:before {
            content: "Add Payment";
        }

        .modal-footer .mobilleadpopup-botton button.btnClose:before, .modal-footer button.cutomre_close:before {
            content: "Close";
        }

        .modal-footer .mobilleadpopup-botton button.btnSaveConfirmation:before {
            content: "Save Confirmation";
            left:-8px;
        }
        .modal-footer .mobilleadpopup-botton button.btnSave:before {
            content: "Save";
        }

        .modal-footer .mobilleadpopup-botton button.GroupLive:before {
            content: "Edit";
        }

        .modal-footer .mobilleadpopup-botton button.cancelGroupBtn:before {
            content: "Cencel";
        }

        .modal-footer .mobilleadpopup-botton button.addNewProposal:before {
            content: "Proposal";
        }

        .modal-footer .mobilleadpopup-botton button.btnSendConfirmation:before {
            content: "Send Confirmation";
        }

        .modal-footer .mobilleadpopup-botton button.addNewProposal {
            background-image: url('../images/SVG-Icons/add-Proposal.svg');
            background-size: 20px;
        }

        .modal-footer .mobilleadpopup-botton button.GroupLive {
            background-image: url('../images/edit-image.png');
            background-size: 20px;
        }

        .modal-footer .mobilleadpopup-botton button.btnSave {
            background-image: url('../images/SVG-Icons/save.svg');
            background-size: 20px;
        }

        .modal-footer .mobilleadpopup-botton button.cancelGroupBtn {
            background-image: url('../images/delete-white-icon.svg');
            background-size: 20px;
        }

        .modal-footer .mobilleadpopup-botton button.btnSaveConfirmation {
            background-image: url('../images/SVG-Icons/save-confirmation.svg');
            background-size: 20px;
        }

        .modal-footer .mobilleadpopup-botton button.btnCopyQuote {
            background-image: url('../images/SVG-Icons/copy-quote.svg');
        }

        .modal-footer .mobilleadpopup-botton button#QuickAdd, .modal-footer .mobilleadpopup-botton button.QuickAdd {
            background-image: url('../images/SVG-Icons/quick-add.svg');
            background-size: 20px;
        }

        .modal-footer .mobilleadpopup-botton button.btnContactCustomer {
            background-image: url('../images/SVG-Icons/contact-customer.svg');
            background-size: 21px;
        }

        .modal-footer .mobilleadpopup-botton button.btnSaveasDraft, .modal-footer .mobilleadpopup-botton button.saveDraft {
            background-image: url('../images/SVG-Icons/save.svg');
        }

        .modal-footer .mobilleadpopup-botton button.btnPreview, .modal-footer .mobilleadpopup-botton button.savePreview {
            background-image: url('../images/SVG-Icons/preview.svg');
        }

        .modal-footer .mobilleadpopup-botton button.btnPublish, .modal-footer .mobilleadpopup-botton button.savePublish {
            background-image: url('../images/SVG-Icons/publish.svg');
            background-size: 15px;
        }

        .modal-footer .mobilleadpopup-botton button.btnUnPublish {
            background-image: url('../images/SVG-Icons/unpublish.svg');
            background-size: 22px;
        }

        .modal-footer .mobilleadpopup-botton button.btnContinue, .modal-footer .mobilleadpopup-botton button.saveContinue {
            background-image: url('../images/SVG-Icons/continue.svg');
        }

        .modal-footer .mobilleadpopup-botton button.btnConvertToBook, .modal-footer .mobilleadpopup-botton button.saveConfirmed {
            background-image: url('../images/SVG-Icons/convert-booking.svg');
            background-size: 20px;
        }

        .modal-footer .mobilleadpopup-botton button.btnAddSupplierPayments {
            background-image: url('../images/SVG-Icons/btnAddSupplierPayments.svg');
            background-size: 22px;
        }

        .modal-footer .mobilleadpopup-botton button.btnClose, .modal-footer button.cutomre_close {
            background-image: url('../images/SVG-Icons/footer_cancel.svg');
            background-size: 13px;
        }

        .modal-footer .mobilleadpopup-botton button.cancelAllBookings {
            background-image: url('../images/SVG-Icons/Cancel-Booking.svg');
            background-size: 22px;
        }

            .modal-footer .mobilleadpopup-botton button.cancelAllBookings:before {
                content: "Cancel Booking";
            }

        .modal-footer .mobilleadpopup-botton button.sendBookingConfirmation:before {
            content: "Send Confirmation";
        }

        .modal-footer .mobilleadpopup-botton button.downloadBookingConfirmation {
            background-image: url('../images/SVG-Icons/Show-Confirmation.svg');
            background-size: 22px;
        }

            .modal-footer .mobilleadpopup-botton button.downloadBookingConfirmation:before {
                content: "Show Confirmation";
            }

        .modal-footer .mobilleadpopup-botton button.btnSaveBooking {
            background-image: url('../images/SVG-Icons/Create-Booking.svg');
            background-size: 22px;
        }

            .modal-footer .mobilleadpopup-botton button.btnSaveBooking:before {
                content: "Create Booking";
            }

        .modal-footer .mobilleadpopup-botton button.btnSaveBooking {
            background-image: url('../images/SVG-Icons/Create-Booking.svg');
            background-size: 22px;
        }

            .modal-footer .mobilleadpopup-botton button.btnSaveBooking:before {
                content: "Create Booking";
            }

        .modal-footer .mobilleadpopup-botton button.btnProposeChanges {
            background-image: url('../images/SVG-Icons/Propose-Changes.svg');
            background-size: 22px;
        }

            .modal-footer .mobilleadpopup-botton button.btnProposeChanges:before {
                content: "Propose Changes";
            }*/
    .recent-submitted-section {
        margin-top: 0px;
    }

    #cpnotesandcommunication-details .dataTables_wrapper {
        min-width: initial !important;
    }

        #cpnotesandcommunication-details .dataTables_wrapper .nav.nav-tabs {
            padding: 0px 0px 0px 12px;
        }

    .customerprofilepopup .modal-xl {
        max-width: 1140px;
    }

    .flight-outboundsearchlink {
        font-size: 14px;
    }

    #TravellersData .Stay-heading {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(max-width:992px) {
    #Transfers .TransfersContainer .edit-price .align-items-center.float-end {
        float: left !important;
    }

    .tra-dash .modal.fade.show .modal-dialog .card-body.template_comment_container {
        padding-top: 0px !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .acont_collapseheader {
        padding-right: 15px !important;
    }

    .modification_upload_container .form-floating {
        margin-right: 0px;
    }

    .assignPaymentToSupplier .modal-dialog {
        max-width: 500px;
        margin: 0 auto !important;
    }

    .addleadmodal #TravellersData .Stay-heading .Particular_Room_Paxs {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-bottom: 0px;
    }

        .addleadmodal #TravellersData .Stay-heading .Particular_Room_Paxs .adult_container {
            padding-left: 14px;
            padding-right: 14px;
        }

    .chatbackground_color .container-fluid {
        padding: 0px;
    }

    .chat_skeletondiv .skeleton_common_box .skeleton-left {
        width: 15%;
    }

    .chat_skeletondiv {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
    }

        .chat_skeletondiv .col-md-9, .skeletondiv header {
            display: none;
        }

  /*  .flight_itinerary_main_box .card-section.flight_card .time-part {
        gap: 20px;
    }*/

    .admingroupmanifest .mobilelead_srchicon {
        top: 20px;
    }

    .exlude_group_div {
        font-size: 12px;
        margin-bottom: 0px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0px;
    }

    .group-lookuptab .nav-pills .nav-link.active, .group-lookuptab .nav-pills .nav-link {
        font-size: 13px;
        padding: 7px;
    }

    .group_excel_div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 10px;
        padding-right: 10px;
    }

        .group_excel_div .export_excel_btn {
            margin: 0px !important;
        }

    .addleadmodal .TransportationTypeChild .collapseheader, .addleadmodal .misc-transportation-service > div:first-child, .addleadmodal .misc-transportation-service .collapseheader {
        top: 123px;
    }

    .addleadmodal #quotedetailstransportation.collapsewrap.active .collapseheader.active {
        top: 70px;
    }

    .tblbottomrow .dataTables_paginate.paging_simple_numbers {
        width: inherit !important;
    }

    .addleadmodal #Transfer #Transfers {
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 0px !important;
    }

    .modal #Review_Pay #Booking_Card_TravelIns {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

        .modal #Review_Pay #Booking_Card_TravelIns .TravelProtection_Internal {
            margin-bottom: 5px !important;
        }

    #quotedetailsFinalPayment #collapseFinalPayment-details .moble_flght_tempdiv {
        padding-bottom: 10px !important;
    }

    body, .AddCustomerBtn-button, .form-floating > .form-select, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option, .select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field, .suggestions ul li, .form-floating > .form-control:not(:placeholder-shown), .daterangepicker .calendar th, .loadroom-section p, .loadroom-section button, .mobil-selectbutton button, .daterangepicker td.off.available, .display-label, .price-difference, .AfterCancel_date, .BeforeCancel_date, .Cancel_Fee, .Cancel_type, .amenities .list-group-item, .mobil-popup-spantext, .hotelstaybox .stayheading, .menuheading, .Customer, .mobil-signin, .mobilsignin-button, .mobilflight-heading p, .mobilflight-button button, .line-heading > *, .ItineraryCount, .mobil-outbound, .mobil-internal, .mobil-return, .mobil-transportation, .addTransportationItinerary, .TransportationText, .mobil-transfer-heading, .main-addon-count, .add-addon-tinerary-btn, .TransferTxt, .LegTitle, .misc-heading-content, .MiscText, .servicefee-heading-content, .servicetxtfee, .mobil-deposit-content, .mobil-quote-content, .tab-heading, .advisor-content .advisor-item, .day-tab-seleced, .mobil-card-paragraph, .stay_hotel_name, .Hotel_rooms_heading, .mobil-hotel-text, .mobil-room-text, .hotel-cancellation-text, .mobil-amenities-text, .mobil-inclusion-text, .mobil-location-text, .gm-style-mtc button, .add_customer_button, .flightdetailswrap .departure-and-arrival .airportname {
        font-size: 13px !important;
    }

    .flightdetailswrap .datetimevalue {
        font-size: 12px;
    }

    .FinalPayment_txt {
        font-size: 13px;
    }

    .submit_detail {
        padding-top: 0px !important;
    }

    #bookingdetailstraveler .p-3.bg-f8f8f8 {
        padding: 13px 12px !important;
    }

    #TravellersData .Stay-heading {
        padding-left: 10px;
        padding-right: 10px;
    }

        #TravellersData .Stay-heading .Particular_Room_Paxs {
            padding-left: 13px;
            padding-right: 13px;
        }

    .addGroupLeadmodal .bridchkbox .dash-form-group {
        padding: 0px !important;
    }

    .room-categories-identifier .room-type-section-identifier .dash-form-group.identifier-group {
        padding: 0px !important;
    }

    .Groupoverstats.group-lookuptab .nav-pills .nav-link {
        padding: 13px 8px;
    }

    .adtion_srchicon {
        top: 19px;
    }

    .gropcancllation_tabs .export_excel_btn, .stats_exel_btn {
        margin-top: 0px !important;
    }

        .gropcancllation_tabs .export_excel_btn:hover, .stats_exel_btn:hover {
            border: 0px;
        }

    .notes-tabs.navbar-dark .nav-link {
        padding: 2px 22px 2px 29px !important;
    }

    #cpquoteinner, #cpbookinginner, #TripHistoryView-details {
        padding: 10px !important;
    }

        #TripHistoryView-details .card-body.border-bottom {
            padding: 0px !important;
        }

    .split-commission a {
        font-size: 14px;
    }

    .split-commission .split_heading {
        padding: 0px 0px 15px 0px !important;
    }

    .split-commission .cruise_itinerary_section {
        margin: 0px !important;
    }

    .quote-creating-side-bar.modalside-nav.nav-link-child ul.left-side-Stepper.quoteDetailsBtnNew li span a:before, .customerprofilepopup #Customer-profile-tabs .nav-link-child ul .nav-link::before {
        display: none;
    }

    .groupreports .mobilelead_srchicon {
        top: 13px;
        right: 60px;
    }

    .group-lookuptab .dataTables_wrapper .dataTables_scroll > .itemsettings.text-end {
        top: -50px !important;
        right: 14px !important;
    }

    #statsTable .export_excel_btn {
        margin-right: 0px;
        margin-top: 0px;
        border: 1px solid #dadada;
    }

    #statsTable tbody tr td:last-child, #statsTable thead tr th:last-child {
        text-align: center !important;
    }

    .result_found h5 {
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 70%;
    }

    #TravelLeadsdatatable_wrapper .tbltoprow {
        z-index: 99;
        top: initial;
        right: inherit;
    }

    .export_excel_btn {
        font-size: 0px !important;
        margin-right: 0px;
        margin-left: 0px !important;
        margin-top: 6px;
        padding: 7px;
        background: #f5f7fb;
        border: 0px;
        border-radius: 6px;
    }

    .result_found_txt {
        width: calc(100% - 95px);
    }

    .export_excel_btn img {
        display: block;
    }

    .dataTables_wrapper .dataTables_scroll > .itemsettings.text-end {
        height: 39px;
        width: 31px;
        display: block;
        text-align: center;
        margin: auto;
        cursor: pointer;
        border: 1px solid rgba(204, 210, 227, 0.10);
        border-radius: 7px;
        cursor: pointer;
        background-color: #F5F7FB;
        top: -56px !important;
        right: 0px !important;
        z-index: 8 !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .custom-filter-btn {
        right: 55px !important;
    }

    .reqst_form_opn .reqst_form_card {
        padding: 0px !important;
    }

        .reqst_form_opn .reqst_form_card .agncy_body_wrapper .Request_Quote_form .row {
            margin: 0px !important;
        }

        .reqst_form_opn .reqst_form_card .requestAQuoteFormBtn {
            margin-right: 7px;
        }

        .reqst_form_opn .reqst_form_card #estW, .reqst_form_opn .reqst_form_card .stayboxlist .staybox {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

    .rqst_frm_btn {
        font-size: 11px;
    }

    .reqst_form_opn .reqst_form_card .group_rest_col {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .reqst_form_opn .reqst_form_card .VaccationDetail .vaction_rest_col {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .reqst_form_opn .reqst_form_card .ageny_detls {
        padding-top: 5px !important;
    }

        .reqst_form_opn .reqst_form_card .ageny_detls .text-start {
            font-size: 16px;
        }

        .reqst_form_opn .reqst_form_card .ageny_detls h6 {
            font-size: 14px;
        }

    .rqst_frm_txt {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 13px;
    }

    .ServiceFee_srvce .table {
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-width: initial;
    }

        .ServiceFee_srvce .table thead tr, .ServiceFee_srvce .table tbody tr {
            display: grid;
            gap: 10px;
        }

            .ServiceFee_srvce .table tbody tr td {
                padding-top: 0px;
                padding-bottom: 0px;
            }

                .ServiceFee_srvce .table tbody tr td .dropdown-menu.show {
                    z-index: 1;
                }

    .customerprofilepopup #Customer-profile-tabs .customer_triphistry.nav-link.active {
        margin-top: 0px !important;
    }

    .breakpoint-request-content {
        overflow: hidden;
        display: flex;
        align-items: center;
        padding-bottom: 10px;
    }

    .request-content {
        display: grid !important;
        grid-template-columns: 1fr;
    }

    .room-type-section-identifier .room-type-section-identifier.selectedRoomTypes {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .room-type-section-identifier .dash-form-group.identifier-group {
        padding: 0px;
    }

    .mainContent.dshbrd_skltn {
        padding: 0px !important;
    }

    .sklton_colNine {
        width: 100%;
    }

    .breakpoint-AddUser-popup .modelside-nav .nav .nav-link.active {
        border-bottom: 0px !important;
    }

    #commission-structure .collapsebody .dash-check-group {
        padding-bottom: 6px;
    }

    #commission-structure .collapsebody .card-body {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
    }

    .breakpoint-AddUser-popup .modelside-nav .nav {
        min-width: 550px;
        flex-wrap: inherit !important;
    }

    .breakpoint-AddUser-popup .tab-flex-row.border-end {
        border-right: 0px !important;
        border-bottom: 1px solid #dadada;
        min-width: 100%;
    }

    .goup_tabs_div {
        overflow: scroll;
    }

        .goup_tabs_div .nav-pills {
            min-width: 1000px;
        }

    .tblmiddlerow {
        padding-bottom: 90px;
    }

    .tblbottomrow {
        display: grid !important;
        grid-template-columns: 28% 72% !important;
        padding: 0px !important;
        bottom: 32px;
    }

        .tblbottomrow .dataTables_info {
            text-align: end;
            font-size: 13px !important;
        }

        .tblbottomrow label {
            font-size: 0px !important;
        }

        .tblbottomrow .dataTables_length {
            text-align: start !important;
            padding-left: 0px;
        }

            .tblbottomrow .dataTables_length select {
                font-size: 14px;
            }

        .tblbottomrow .paging_simple_numbers {
            position: absolute;
            bottom: -30px;
            left: 0;
            right: 0;
            justify-content: center !important;
        }

    .result_found_txt {
        top: 25px;
    }

    #Confirmed-Guestlist .dataTables_filter, #Guest-Open .dataTables_filter, #Cancelled-Guests .dataTables_filter {
        margin-top: 0px !important;
        float: right !important;
    }

    .modal-dialog {
        max-width: 100%;
        margin: 10px !important;
    }

    .addRoomCategorymodal .modal-dialog {
        max-width: 100% !important;
    }

    .SearchBookingResult_container {
        overflow: hidden;
    }

    .outbond_flght_contntnme {
        display: block !important;
    }

    .outbond_flght_contntnme .outbond_flght_contntdiv {
        margin-bottom: 10px;
        display: flex;
        align-items: initial;
    }

    .outbond_flght_contntnme .outbond_flght_contntdiv .flightname, .days_main_div .main-card-box .card-section .previewtransfer .mobil-ticket-heading .flightname, .outbond_flght_contntnme .outbond_flght_contntdiv .flightname .text-muted.font-14 {
        display: block;
    }

    .days_main_div .main-card-box .card-section .previewtransfer .mobil-ticket-heading .flightname .fw-bolder {
        display: block;
    }

    .dashbord_date_div {
        transform: none !important;
    }

    .logo_text_div .remove_logo .remove_text {
        font-size: 0px;
    }

    .AddUser_table thead tr .AddUser_FName, .AddUser_table thead tr .AddUser_LName, .AddUser_table thead tr .AddUser_created, .AddUser_table thead tr .AddUser_email {
        min-width: 150px;
    }

    .AddUser_table thead tr .AddUser_title {
        min-width: 150px;
    }

    .mobilelead_srchicon {
        position: absolute;
        left: auto;
        cursor: pointer;
        right: 107px;
        width: 43px;
        height: 39px;
        display: block !important;
        z-index: 8;
        text-align: center;
        margin: auto;
        line-height: 34px;
        cursor: pointer;
        border: 1px solid rgba(204, 210, 227, 0.10);
        border-radius: 7px;
        background-color: #F5F7FB;
    }

    .addition_rprts_body_wrapp .groupcustomers .mobilelead_srchicon {
        right: 58px !important;
    }

    .report_lead_wrapper .bookingreport .mobilelead_srchicon, .report_booking_wrapper .mobilelead_srchicon {
        right: 57px;
        top: 19px;
    }

    .report_booking_wrapper .bookingstats .collapseheader.published-Quote {
        padding-top: 0px !important;
    }

    .report_booking_wrapper .bookingstats .export_excel_btn {
        margin-top: 0px !important;
    }

    .usertpe .mobilelead_srchicon {
        right: 15px;
    }

    #Leaddatatable_filter, .dataTables_filter, #UserType_filter {
        display: none;
        position: fixed;
        z-index: 99;
        padding-right: 0px !important;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .tranparent_layout {
        content: "";
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: 0.5;
        display: none;
        z-index: 98;
    }

    .tranparent_lyout_clse {
        position: fixed;
        top: 20px;
        right: 20px;
        background-image: url('../images/close.png');
        background-repeat: no-repeat;
        background-position: center;
        height: 25px;
        width: 25px;
        background-size: 12px;
        content: "";
        background-color: #fff;
        border-radius: 50%;
        z-index: 99;
    }

    .dataTables_wrapper .bottom {
        padding-top: 0px;
    }

    .dashboard-date.dataTables_filter, .dashboard-date.dataTables_filter .cutomdaterange {
        position: inherit !important;
    }

    #Leaddatatable_wrapper .tblbottomrow .dataTables_length, #groupdatatable1_wrapper .tblbottomrow .dataTables_length, #UserType_wrapper .tblbottomrow .dataTables_length, #Datatable_wrapper .tblbottomrow .dataTables_length, #datatable1_wrapper .tblbottomrow .dataTables_length, #Commissiontable_wrapper .tblbottomrow .dataTables_length, #Trip_type_wrapper .tblbottomrow .dataTables_length, #Trip_Level_1_wrapper .tblbottomrow .dataTables_length, #SubTripType_wrapper .tblbottomrow .dataTables_length, #Menu_butt_wrapper .tblbottomrow .dataTables_length, #SearchEngines_wrapper .tblbottomrow .dataTables_length, #SocialMedias_wrapper .tblbottomrow .dataTables_length, #PromotionTypes_wrapper .tblbottomrow .dataTables_length, #Insurancetable_wrapper .tblbottomrow .dataTables_length {
        text-align: start !important;
    }

    .skel_moblesrch {
        display: none !important;
    }

    .skel_mobletble {
        overflow: auto;
    }

        .skel_mobletble thead tr th .loaderBg {
            width: 82px;
        }

        .skel_mobletble tbody tr td .loaderBg {
            width: 82px;
        }

        .skel_mobletble .bottom .loaderBg {
            width: 50px;
        }

        .skel_mobletble thead tr th, .skel_mobletble tbody tr td {
            padding-left: 12px !important;
            padding-right: 12px !important;
        }

    .skelton-parentgrid .skel-searchbar .skel-mobile-d-none {
        display: block;
        margin-left: 10px;
    }

    .tra-dash .body-page-wrapper table.dataTable.display tbody tr td, .tra-dash .body-page-wrapper table.dataTable.display thead tr th {
        position: relative !important;
    }

    .tra-dash .mainContent .cutomdaterange input:focus {
        box-shadow: none;
    }

    .loadercontent {
        padding: 15px;
        width: 200px;
    }

        .loadercontent p {
            margin-bottom: 0px !important;
        }

        .loadercontent .circlespinner {
            width: 60px;
            height: 60px;
        }

    .dataTables_wrapper {
        padding-top: 0px !important;
    }

        .dataTables_wrapper .dataTables_paginate {
            display: flex;
            align-items: center;
            margin-top: 0px;
            justify-content: end;
        }

    .paginate_button.previous, .paginate_button.next {
        font-size: 0px;
        position: relative;
    }

        .paginate_button.previous:after, .paginate_button.next:after {
            content: "";
            position: absolute;
            top: 3px;
            left: 0px;
            width: 20px;
            height: 20px;
            background-image: url('../images/left-arrow.svg');
            background-repeat: no-repeat;
            background-position: center;
        }

        .paginate_button.next:after {
            transform: rotate(180deg);
        }

    #myAccordion .Customer_Data #collapsecp .card#CustomerHtml {
        padding-top: 8px !important;
    }

    .mandatory-text {
        float: inherit;
        font-size: 10px;
    }

    .schedule_text {
        font-size: 14px;
        padding-bottom: 6px !important;
    }

    .tra-dash .modal.fade.show .modal-dialog .card-body, .room-type-section-group, .dash-form-group, .flight_itinerary_div {
        padding: 15px 10px 10px 10px !important;
    }

    

    .room-type-section-identifier, .htle_mobleroom, .TransportationTypeChild .RailContainer .RailChild .service-row, .TransportationTypeChild .RentalCarContainer .RentalChild .service-row, .TransportationTypeChild .MiscTransportContainer .MiscChild .service-row, .TransportationTypeChild .TransfersContainer .RoundTripTransfer, .addOnContainer .serviceFeeContainer .addons-service-fee-section .service-fee-list-section, #collapseFinalPayment-details .DepositContainer, .room-categories-section .selectandreset, .excursion_main_div .child-clone-body .child-clone-card .service-row, .createquotemodal .modal-body {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .tra-dash .modal.fade.show.sidenavformmodal .modal-dialog .breakpoint-defineroles.card-body {
        padding: 0px !important;
    }

    .DepositBody {
        margin: 0px !important;
    }

    .room-categories {
        padding-left: 10px;
    }

    .addRoomCategorymodal .modal-body .form-floating {
        margin-bottom: 12px !important;
    }

    .mobil-roomview .form-check a {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: normal;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 12px !important;
    }

    .mobil-roomview p {
        font-size: 12px !important;
    }

    .HotelRoomDynClss .mobil-roomview .form-check input {
        min-width: 13px;
    }

    .selectedRoomCategories .bottom.edit-price {
        width: 100%;
    }

    #Outbound .theme-reg-dark-bg .justify-content-md-end, #Internal .theme-reg-dark-bg .justify-content-md-end, #Return .theme-reg-dark-bg .justify-content-md-end {
        justify-content: end;
    }

    .dash-form-group .clklink {
        padding-bottom: 0px;
    }

    .Arrow::before {
        top: 23px;
    }

    .flight-detailsdropdown {
        top: 82px;
    }

    .flight-itinerary-section .pe-0 {
        padding-left: 0px;
    }

    .addTravelProtection_button {
        min-width: 120px;
        font-size: 12px;
        margin-right: 12px;
    }

    .pricesummaryicons {
        padding-right: 10px;
    }

    .priceSummary .subtitles, .trip-section-wrapper .orderlistitem .PriceSummaryMainHeading {
        font-size: 14px;
    }

    .addTransferBtn, .addActivityBtn {
        font-size: 0px !important;
        padding: 1px 3px !important;
    }

    button.addroomCategoryBtn.btn, button.addActivityBtn.btn, button.addCabinCategoryBtn {
        font-size: 0px !important;
        height: 30px;
        width: 30px;
        display: flex !important;
        justify-content: center;
        margin-right: 3px !important;
        align-items: center;
    }

    .addroomCategoryBtn .add-room-icon, .addTransferBtn .add-room-icon, .addActivityBtn .add-room-icon, .addCabinCategoryBtn .add-room-icon {
        padding: 0px;
    }

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

        .ancor_romcategiesimg .text-decoration-none, .btn_romcategiesimg .btn {
            font-size: 0px !important;
            background-size: 18px;
            width: 30px;
            height: 30px;
            background-repeat: no-repeat;
            background-position: center center;
        }

    .reset_romcategiesimg {
        background-image: url(../images/refresh.svg);
        border: 1px solid var(--theme-default);
        border-radius: 4px;
        background-size: 22px !important;
    }

    .selectall_romcategiesimg {
        background-image: url(../images/select-all.svg);
        border: 1px solid var(--theme-default);
        border-radius: 4px;
        margin-left: 3px;
        background-size: 19px !important;
    }

    .cancel_romcategiesimg {
        background-image: url(../images/delete.svg);
    }

    .select_romcategiesimg {
        background-image: url(../images/select.svg);
    }

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

    .modal .modalskeleton .skel-width-80 {
        width: 65px;
    }

    .modal .modalskeleton .skel-height-20 {
        height: 10px;
    }

    .modal .modalskeleton .tab-col-100 .flex-column {
        flex-direction: row !important;
        height: inherit !important;
        border-right: none !important;
        padding-top: 0px !important;
    }

    .modal .modalskeleton .tab-col-100 {
        border-bottom: 1px solid #dadada;
    }

    .modal .modalskeleton .modal-body.pt-0.pb-0 {
        padding: 0px;
    }

        .modal .modalskeleton .modal-body.pt-0.pb-0 > .row {
            margin: 0px;
        }

    .modal .modalskeleton .skel-width-150 {
        width: 80px;
    }

    .modal .modalskeleton .modal-footer .mobilleadpopup-botton .loaderBg:first-child, .modal .modalskeleton .modal-footer .mobilleadpopup-botton .loaderBg:nth-child(2) {
        display: none;
    }

    .contactCustomermodal .contact-toggle-button .contact-btn {
        width: 55px;
    }

    .createquotemodal .client--info-section .cisdata {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .createquotemodal .modal-footer .right-side-card-header {
        display: inherit !important;
        margin: 0px;
    }

    .createquotemodal .modal-footer {
        padding: 10px !important;
    }

    .room-type-section-identifier .total-room-price .no-wrap {
        margin-right: 5px !important;
    }

    .addleadmodal .remove-text {
        font-size: 13px;
    }

    .FlightItineraries .flight-itinerary-section:last-child .flight_itinerary_div {
        margin-bottom: 0px !important;
    }

    #quotedetailsflight .bg-white-under-section.card-body.ps-3.pt-2.pe-3 {
        padding-top: 0px !important;
    }

    .selectedRoomTypes.dash-form-group.identifier-group {
        padding: 0px !important;
    }

        .selectedRoomTypes.dash-form-group.identifier-group .htle_mobleroom {
            border-right: 0px !important;
            border-bottom: 1px solid #dadada;
        }

    .moble_flght_tempdiv, .addons_template_button {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

        .moble_flght_tempdiv .notes-load-wrap, .moble_flght_tempdiv .notes-details-wrap, .addons_template_button .notes-load-wrap, .addons_template_button .notes-details-wrap {
            margin: 0px;
        }

            .moble_flght_tempdiv .notes-details-wrap .form-editor-wrap, .moble_flght_tempdiv .notes-load-wrap .form-floating, .addons_template_button .notes-details-wrap .form-editor-wrap, .addons_template_button .notes-load-wrap .form-floating {
                margin-bottom: 10px !important;
            }

            .moble_flght_tempdiv .notes-load-wrap .load-note-btn.h66btn, .addons_template_button .notes-load-wrap .load-note-btn.h66btn {
                margin-top: 0px !important;
                height: 44px;
            }

            .moble_flght_tempdiv .notes-details-wrap .commdiv, .addons_template_button .notes-details-wrap .commdiv {
                padding-left: 0px !important;
                padding-right: 0px !important;
            }

    .customerprofilepopup .border-end {
        border-right: none !important;
    }

    .customerprofilepopup .modelside-nav .nav .nav-link.active {
        border-bottom: 0px !important;
    }

    table.dataTable td.name_td.dt-control:after {
        left: 11px !important;
    }

    .status {
        min-width: 84px !important;
        padding: 2px 10px !important;
    }

    .lastviewed .tableData {
        overflow: auto;
    }

        .lastviewed .tableData .table {
            width: 750px;
        }

    .lastviewed .modal-body {
        padding: 10px !important;
    }

    #automated_followups th {
        font-size: 13px !important;
    }

    .request_roomclass .staybox .Flights .form-floating, .request_roomclass .staybox .flight_rqst .form-floating {
        margin-bottom: 15px !important;
    }

    .edit-template-link {
        right: 38px;
    }

    .Email-togglebtn {
        width: 170px;
    }

    .templates-contact-btn {
        width: 75px;
    }

    #collapseTravelProtection-details .forpad-top .load-notes-main {
        padding: 0px 5px 0px 5px;
    }

    .moble_flght_tempdiv.forpad-top {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .TravelProtectionbody .service-row.background_highlight {
        padding-top: 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .automated_followups {
        height: 40px;
        border: none;
    }

    .dtfc-has-left .name_td {
        min-width: 117px;
    }

    #bookingLPName {
        min-width: 150px;
    }

    .dtfc-has-left .create_td {
        min-width: 95px;
    }

    .booking_lead .modelside-nav {
        overflow: auto;
    }

        .booking_lead .modelside-nav .nav {
            min-width: 1000px;
        }

            .booking_lead .modelside-nav .nav .nav-link, .addGroupLeadmodal .modelside-nav .nav .nav-link.rounded-0.activeBtn {
                height: 41px;
            }

    .booking_lead.addleadmodal .BookingDetailsBtn.active {
        height: 84px;
    }

    .TravelProtection_Selected_Response .cancelation_text .ext-decoration-none {
        min-width: 75px;
    }

    .get_rates .service-row.border-top.border-bottom-radius-8, .get_rates_list .TravelProtection_Selected_Response {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .bootstrap-tagsinput .tag.label {
        margin-bottom: 10px;
        font-size: 12px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    #Booking_Card_TravelIns {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .bridlelis .SubService-Box .dash-form-group {
        padding: 0px;
    }

    .grop_wednganchor {
        position: initial !important;
    }

    .modelside-nav.grop_wednganchor .nav-link.quote-nav-link.active {
        padding-bottom: 84px !important;
    }

    .grop_wednganchor .left-side-Stepper {
        border: 0px !important;
        top: 46px !important;
        z-index: 999;
        left: 0;
        right: 0;
        margin-top: 0;
        position: absolute !important;
        flex-direction: row;
        padding-left: 15px !important;
        margin-bottom: 0px !important;
        padding-top: 7px;
        padding-bottom: 7px !important;
    }

    .addGroupLeadmodal .modal-body .modelside-nav .mainNavDiv .quote-creating-side-bar ul.left-side-Stepper li a:before {
        display: none;
    }

    .grop_slit .table tbody select {
        box-shadow: none !important;
    }

    .gropsmry_div {
        display: block;
    }

        .gropsmry_div .custlookupbody {
            margin-left: 0px;
            margin-top: 15px;
            width: 100%;
        }

    .addSchdulePopup .collapsewrap #templatecovid {
        padding-bottom: 0px !important;
    }

    .gropsmry_other {
        padding-top: 15px;
    }

    .groupSummaryPopup .custlookupbody-details {
        height: inherit;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .groupSummaryPopup .modal-body {
        padding: 10px !important;
    }

    .grupSumry_wedng_txt {
        font-size: 20px;
        margin-bottom: 0px;
    }

    .wedding_font_14 {
        margin-bottom: 8px !important;
    }

    .chekmrgn {
        margin-top: 10px !important;
    }

    .line-headingabout {
        margin-top: 10px !important;
    }

    .groupSummaryPopup .modal-body .custlookupbody .card-title {
        padding-left: 10px !important;
        margin-bottom: 0px !important;
        padding-bottom: 4px !important;
    }

    .lokupCstmerDetls_txt {
        padding-left: 10px !important;
        margin-bottom: 0px !important;
        padding-bottom: 4px !important;
        padding-top: 7px !important;
    }

    .group_lookup_body {
        height: initial !important;
    }

    .groupSummaryPopup .lookupCustomerDetails .line-headingabout {
        display: none;
    }

    .groupSummaryPopup .group-lookuptab .collapsewrap {
        overflow: auto;
    }

        .groupSummaryPopup .group-lookuptab .collapsewrap .collapseheader {
            min-width: 1200px;
        }

    .GropLokpdiv {
        overflow: auto;
    }

    table.dataTable td.name_td.dt-control .qotes_arrow:after {
        left: 12px;
    }

    .modelside-nav .nav > .nav-link.active::after, .modelside-nav .nav .quote-creating-side-bar > .nav-link.active::after {
        display: none;
    }

    .customerprofilepopup .modelside-nav #Customer-profile-tabs {
        min-width: 500px;
        flex-wrap: inherit !important;
    }

    .customerprofilepopup #cptriphistorys.active, .customerprofilepopup #cpnotescommunications.active, .addleadmodal #customerdetails.active, .addleadmodal #requestdetails.active, .addleadmodal #quotedetails.active, .addleadmodal #automated_followups.active, .addleadmodal #AdminAccounting.AdminAccountingMainDiv.active, .addGroupLeadmodal #cptriphistorys, .addGroupLeadmodal #cpnotescommunications, .addGroupLeadmodal #customerdetails, .addGroupLeadmodal #requestdetails, .addGroupLeadmodal #quotedetails, .addGroupLeadmodal #AdminAccounting.AdminAccountingMainDiv {
        border-top: 1px solid #dadada !important;
    }

    .addleadmodal #AdminAccounting.AdminAccountingMainDiv {
        border-bottom: 0px !important;
    }

    .customerprofilepopup .modal-dialog {
        margin: 10px;
        max-width: 100%;
    }

    .customerprofilepopup .modelside-nav .nav > .nav-link.active::after {
        background-color: none !important;
    }

    .customerprofilepopup #cpnotesandcommunication-details .dataTables_filter {
        position: initial;
        transform: initial;
    }

        .customerprofilepopup #cpnotesandcommunication-details .dataTables_filter .cutomdaterange {
            position: initial !important;
        }

    .customerprofilepopup #cpnotesandcommunication-details .top .dataTables_filter {
        margin-top: 12px;
    }

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

    .contact-toggle-button input[type='button'].btn-toggle, .contact-btn {
        padding: 4px 8px !important;
        font-size: 13px !important;
    }

    .chat_message_right, .chat_message {
        padding: 10px;
    }

    .image-correction {
        width: 130px;
        padding: 8px;
    }

    .chat_message p {
        margin-bottom: 10px !important;
    }

    .addTransferBtn {
        width: 30px;
        height: 30px;
        justify-content: center;
        text-align: center;
        align-items: center;
        margin-right: 3px !important;
    }

    .rntle_dash {
        padding-bottom: 6px !important;
    }
}

@media (max-width: 1500px) {
    .optional_div .text-muted {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 200px;
    }

    .optional_heading_text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .switchin-sec.dashboard-card .nav {
        display: grid;
        grid-template-columns: 50% 50%;
    }

    .dash-heading .nav.nav-tabs .nav-item a.nav-link {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #travelinsurancesupplier, #travelinsuranceinsurance, #travelinsurancecreated, #travelinsurancestatus, #promotionname, #promotiontype, #promotioncreated, #promotionstatus, #socialmedianame, #socialmediacreated, #socialmediastatus, #searchenginename, #searchenginecreated, #searchenginestatus, #menuname, #menubuttonname, #menucreated, #menustatus {
        min-width: 120px;
    }

    #Insurancetable_wrapper .tblmiddlerow .dataTables_scroll, #PromotionTypes_wrapper .tblmiddlerow .dataTables_scroll, #SocialMedias_wrapper .tblmiddlerow .dataTables_scroll, #SearchEngines_wrapper .tblmiddlerow .dataTables_scroll, #Menu_butt_wrapper .tblmiddlerow .dataTables_scroll, .notification_container .custom-filter-add-btn {
        overflow: auto;
    }

        #Insurancetable_wrapper .tblmiddlerow .dataTables_scroll .dataTables_scrollHead, #Insurancetable_wrapper .tblmiddlerow .dataTables_scroll .dataTables_scrollBody, #PromotionTypes_wrapper .tblmiddlerow .dataTables_scroll .dataTables_scrollHead, #PromotionTypes_wrapper .tblmiddlerow .dataTables_scroll .dataTables_scrollBody, #SocialMedias_wrapper .tblmiddlerow .dataTables_scroll .dataTables_scrollHead, #SocialMedias_wrapper .tblmiddlerow .dataTables_scroll .dataTables_scrollBody, #SearchEngines_wrapper .tblmiddlerow .dataTables_scroll .dataTables_scrollHead, #SearchEngines_wrapper .tblmiddlerow .dataTables_scroll .dataTables_scrollBody, #Menu_butt_wrapper .tblmiddlerow .dataTables_scroll .dataTables_scrollHead, #Menu_butt_wrapper .tblmiddlerow .dataTables_scroll .dataTables_scrollBody, .notification_container .notification_table {
            min-width: 1400px;
        }

    .card-amount_line {
        display: grid;
    }

        .card-amount_line h4 {
            text-align: left !important;
        }

    .card-total-amount-section .dashboard-card {
        align-items: center;
    }

    .card-amount_line h5 {
        font-size: 12px;
    }

    .dashboard_booking_image {
        margin-right: 10px;
    }

    .login-form-container {
        width: 85% !important;
    }

    .chat_message_right, .chat_message {
        padding: 10px;
    }

    .image-correction {
        width: 200px;
        padding: 8px;
    }
}

@media (max-width: 1800px) {
    .travel-leads-section .padd-25 {
        position: relative;
    }

    .sales-icon {
        text-align: right;
        float: right;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .leisure.leisureCommission, .leisure.leisureSales, .group.groupCommission, .group.groupSales {
        min-height: 47%;
    }

    .leisure.leisureSales {
        margin-bottom: 15px !important;
    }

    .view_dashboard_price {
        font-size: 13px;
    }

    .grouproomgrid {
        grid-template-columns: 1fr;
    }
}

@media(max-width:400px) {
    .optional_div .text-muted {
        max-width: 237px;
    }

    #trazel-logo-button {
        width: 100px;
    }

    .pnding_custmr_deprt .tooltip_wrapper .tooltip {
        left: -189px;
    }

        .pnding_custmr_deprt .tooltip_wrapper .tooltip:after {
            left: 95%;
        }

    .customerprofilepopup #TripHistoryView-details #cpquoteinner .text-muted.mb-0 span {
        display: block;
    }

    .CruiseCategories .selectedRoomCategories .mobil-roomview .form-check-input {
        min-width: 13px;
    }

    .Commissionstrheading .text-end {
        padding-right: 50px;
    }

    .commissiontable .mobilelead_srchicon {
        display: none !important;
    }

    .Commissionstrheading .mobilelead_srchicon {
        display: block !important;
        right: 12px;
    }

    .Commissionstrheading .text-end button {
        width: 100%;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1700px) {
    #mychart2 {
        height: 122px !important;
        width: 245px !important;
    }

    p.canvas-total {
        left: 122px;
        font-size: 13px;
    }
}

@media screen and (min-width: 767px) and (max-width: 1750px) {
    .tblbottomrow .dataTables_paginate.paging_simple_numbers {
        width: 475px;
        padding-right: 0px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .breakpoint-tieredlevels .breakpoint-chld input {
        border-right: 1px solid #dadada;
    }

    .leisure.leisureCommission, .group.groupCommission {
        margin-bottom: 0px !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
    .lookuptable-div {
        overflow: scroll !important;
    }

    .lookuptable_customerid, .lookuptable_phone {
        width: 100%;
        min-width: 150px;
        max-width: 150px;
    }

    .lookuptable_name, .lookuptable_email, .lookuptable_bookingid, .lookuptable_confirmation {
        width: 100%;
        min-width: 200px;
        max-width: 200px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1700px) {
    .dash-heading .nav.nav-tabs .nav-link {
        font-size: 14px;
    }

    .card-amount_line h5 {
        font-size: 14px;
        padding-right: 3px;
    }
}

@media(max-width:480px) {
    .GropLokpdiv .GropLokp_table tbody tr td .grouplookup_email {
        width: 120px;
    }

    .breakpoint-commission-button {
        font-size: 0px !important;
    }

    .TagBookingResults #SearchBookingResult .confirmation_td .confirmation_number {
        white-space: normal !important;
        word-break: break-word;
        width: 140px;
    }

    .SearchBookingResult_container .status, #CommisionReceivable .group_supplier_name {
        white-space: normal;
        width: 155px;
    }

    .breakpointnavbar .nav-link {
        font-size: 9px;
    }

    .breakpointnavbar {
        padding: 10px !important;
    }

    .invite_gest_container .gest_email {
        display: block;
        width: 100px;
    }

    #GroupTravelbookingsTable .date_Range, #GroupCancellationsTable .date_Range {
        display: block;
    }

    .exlude_group_div {
        padding-left: 0px;
    }

    #quotedetails #quotedetailsflight .mobilflight-button {
        padding-right: 10px !important;
    }

    .hotelAccordion-body .customerrow {
        flex-direction: column;
    }

    .trvlinsrnce_popup .insurance-popup .modal-footer {
        margin: 0;
        padding: 0.75rem !important;
    }

        .trvlinsrnce_popup .insurance-popup .modal-footer .right-side-card-header {
            margin: 0 !important;
        }
}

@media(min-width:481px) {
    .breakpoint-commission-button svg {
        display: none;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1800px) {
    .leisure.leisureCommission, .leisure.leisureSales {
        min-height: 48% !important;
    }
}

@media (max-width:576px) {
    .Group-web .user-bottom-details.group_chat_link {
        overflow: auto;
        scrollbar-width: none;
        gap: 5px;
    }

        .Group-web .user-bottom-details.group_chat_link a {
            white-space: nowrap;
        }
    .customerlookup_email span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        width: 170px;
    }

    .Dietary_cntnt .dash-form-group label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dictry_container .bootstrap-tagsinput {
        padding-top: 42px !important;
    }

    .email_subcontainer {
        display: block !important;
    }

    .cruise_comment_container {
        padding-left: 4px;
        padding-right: 4px;
    }

    body .template_comment_container.moble_flght_tempdiv, .tra-dash .modal.fade.show .modal-dialog .card-body.template_comment_container {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

        body .template_comment_container.moble_flght_tempdiv .templates-btn {
            padding-left: 7px !important;
            padding-right: 0px !important;
        }

    .tra-dash .modal.fade.show .modal-dialog .collapseTravelProtection .TravelProtection .TravelProtectionbody.card-body {
        padding-bottom: 0px !important;
    }

    .addleadmodal #quotedetailstransportation.collapsewrap.active .collapseheader.active {
        top: 0px;
    }

    .addleadmodal .TransportationTypeChild .collapseheader, .addleadmodal .misc-transportation-service > div:first-child, .addleadmodal .misc-transportation-service .collapseheader {
        top: 77px !important;
    }
}

@media screen and (min-width:1367px) and (max-width:1400px) {
    .leisure.leisureCommission, .leisure.leisureSales {
        min-height: 45% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .chat_skeletondiv .col-md-3 {
        width: 100%;
    }

    .load-notes-main .agencyAddress {
        height: 107px !important;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1550px) {
    .canvas-con {
        flex-direction: column;
    }

    #my-legend-con ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        margin-bottom: 0px !important;
        margin-top: 20px;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1631px) {
    .logo_text_div {
        height: 85px;
    }

    .load-notes-main .agencyAddress {
        height: 145px !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1366px) {
    .load-notes-main .agencyAddress {
        height: 105px !important;
    }
}

@media(max-width:373px) {
    
        .logo_text_div {
            height: 85px;
        }

    #TagBookingTable .TagBookingSectionBody tr td span.fw-bold {
        width: 160px;
    }
}
@media(max-width:360px){
    .extprt_lstbtn{
        font-size:10px!important;
        height:35px!important;
    }
    .mobileqots_srchicon{
        margin-left:0px!important;
    }
    .invte_mail.btn-primary,
    body .grp_gstbtn {
        height: 35px !important
    }
    .invtquotes.filterByStatus .room-type-price .fltr_chkboxtxt{
        font-size:12px!important;
    }
}

.report_lead_wrapper #statsTable .stats_body tr td:last-child, .report_lead_wrapper .bookingstats #Travelbookings tr td:last-child, .report_lead_wrapper .bookingstats #Cancellations tr td:last-child, .report_lead_wrapper .bookingreport.group-lookuptab #GroupTravelbookingsTable tr td:last-child, .report_lead_wrapper .bookingreport.group-lookuptab #GroupCancellationsTable tr td:last-child {
    text-align: right !important;
}

.report_lead_wrapper .bookingstats #Travelbookings tr td.d-flex:last-child, .report_lead_wrapper .bookingstats #Cancellations tr td:last-child, .report_lead_wrapper .bookingreport.group-lookuptab #GroupTravelbookingsTable tr td.d-flex:last-child, .report_lead_wrapper .bookingreport.group-lookuptab #GroupCancellationsTable tr td.d-flex:last-child {
    display: flex !important;
    white-space: nowrap !important;
    align-items: end;
    justify-content: end;
}

.report_lead_wrapper .bookingstats #Travelbookings tr td.price:last-child, .report_lead_wrapper .bookingstats #Cancellations tr td.price:last-child, .report_lead_wrapper .bookingreport.group-lookuptab #GroupTravelbookingsTable tr td.price:last-child, .report_lead_wrapper .bookingreport.group-lookuptab #GroupCancellationsTable tr td.price:last-child {
    padding-right: 18px !important;
}

.room-categories-section.error-border {
    border: 1px solid #d73422 !important;
}

.toggle-followup.active {
    opacity: 1 !important;
}