: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: #210000;
    --nav-theme-default: #0d2639;
    --theme-reg-dark-color: #eeeff3;
    --theme-bg-back-color: #f1f5f9;
    --theme-white: #fff;
}

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

.mx-width {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.form-signin {
    width: 100%;
    margin: auto;
    max-width: 1200px;
    margin-top: 50px;
}

.link-class a {
    color: #0061f2;
    text-decoration: none;
}

.login-img {
    object-fit: cover;
    object-position: left;
    height: 100%;
}

.login-input.form-floating > .form-control {
    padding-left: 45px;
}

.login-input.form-floating > label {
    padding-left: 45px !important;
    color: #919191;
    padding-top: 20px !important;
}

.fw-bold-700 {
    font-weight: 700;
}

.mobile-p {
    padding: 80px 90px 100px;
}

.login-icon {
    width: 20px;
    height: auto;
    position: absolute;
    top: 1rem;
    left: 1rem;
}

.fetch_logo_img {
    margin: 0 auto;
    padding: 10px 0;
}

    .fetch_logo_img .fetch_image {
        width: 200px;
        height: 60px;
        filter: brightness(0) invert(1);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: contain;
    }

.pagemainrow .sidebar {
    width: 240px;
    min-width: 240px;
    height: calc(100vh - 70px);
    top: 70px;
}

.pagemainrow .mainContent {
    width: calc(100% - 204px) !important;
    position: relative;
}

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

    .pagemainrow.toggle .sidebar {
        width: 60px;
        transition: all 0.3s linear;
    }

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

.main-card-box {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 0 20px;
}

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

    .sidebar-help-section .sidebar-help-content {
        color: #fff;
        position: relative;
        text-align: center;
        border-radius: 8px;
        background-color: #f5f7fb;
        overflow: hidden;
        padding: 30px 5px 20px 5px;
    }

    .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;
        border: solid 2px #fff;
        vertical-align: middle;
        position: absolute;
        left: 50%;
        overflow: hidden;
        top: -20px;
        transform: translateX(-50%);
        border-radius: 50%;
        background: #f5f7fb;
        z-index: 1;
    }

        .sidebar-help-section .icon-question img {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }

        .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: 8px;
        color: var(--theme-reg-color);
        word-wrap: break-word;
        text-transform: capitalize;
    }

    .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;
    }

.isdropdown {
}

.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 !important;
    padding: 0px;
    z-index: 9;
    line-height: inherit;
    text-align: left;
    transition: all 0.3s ease 0s;
}

    .sidebar ul.nav {
        height: calc(70vh - 300px);
        min-height: 415px;
        z-index: 99;
        color: rgba(0, 0, 0, 0);
        margin-top: 20px;
        margin-bottom: 50px;
        transition: color 1s ease 0s;
        overflow: auto;
        display: block;
    }

        .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--dark--light);
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    cursor: pointer;
}

.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 + 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;
}

    .sidebar ul.nav li.nav-item a.active {
        color: var(--theme-default);
        font-weight: bold;
    }

.sidebar ul.nav li.nav-item.dropdown > a.active {
    color: #919191;
}

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

.sidebar ul.nav li.nav-item.dropdown .a.dropdown-item > img {
    opacity: 0.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;
    }

        .sidebar ul.nav li.nav-item .dropdown-menu a.active {
            background: transparent;
        }

.sidebar ul.nav li.nav-item a:hover .menu-icon,
.sidebar ul.nav li.nav-item a:focus .menu-icon {
    opacity: 1;
}

.dashboard-wrapper {
    width: 100%;
    margin: 0px auto;
    max-width: 1400px;
    padding: 30px 120px;
    padding-top: 112px !important;
}

.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: 600;
        font-size: 16px;
        border-radius: 50px;
        transition: 0.5s all ease;
        border: none;
        color: #000 !important;
    }

.customer-list {
    width: 100%;
    float: left;
}

.card-section {
    width: 100%;
    float: left;
    margin-bottom: 1.5rem;
}

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

.agent-message {
    width: auto;
    margin-bottom: 10px;
    cursor: pointer;
}

.selected-rate {
    width: 100%;
    float: left;
}

.card-heading-section {
    width: 100%;
    float: left;
    margin-bottom: 1rem;
}

.quotes-card {
    width: 100%;
    float: left;
    border: 1px solid #dadada;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
}

ul.shared-list {
    padding-left: 0px;
    margin-bottom: 0px;
}

.shared-reservation-main .heading {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 15px;
}

.shared-listview-Image {
    border-radius: 6px;
    overflow: hidden;
    max-height: 177px;
    width: 200px;
    min-height: 177px;
    background: #f3f3f3;
    position: relative;
}

    .shared-listview-Image img {
        position: absolute;
    }

.object-cover {
    object-fit: cover;
}

.shared-listview-info .listview-name {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 5px;
    color: #858585;
}

.shared-listview-info .listview-information {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}

.shared-listview-info .total-price {
    display: grid;
    text-align: right;
    vertical-align: bottom;
    align-items: end;
    position: relative;
    height: 100%;
}

    .shared-listview-info .total-price .subtitles {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        text-align: right;
        color: #777777;
    }

    .shared-listview-info .total-price .fareprice {
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 25px;
        text-align: right;
    }

.shared-listview-info li {
    display: grid;
    margin-bottom: 12px;
    grid-template-columns: 90px auto;
    vertical-align: top;
    align-items: start;
    color: #858585;
}

.listview-heading {
    font-weight: 600;
    justify-content: space-between;
    display: flex;
    font-size: 20px;
    align-items: baseline;
    line-height: 27px;
    color: #1c1f37;
    padding-bottom: 10px;
}

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

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

.quotes-footer {
    width: 100%;
    padding: 15px;
    border-top: 1px solid #dadada;
}

.card-links {
    color: var(--theme-default);
    cursor: pointer;
}

.RelatedQuotesTab .quotes-card {
    border-radius: 0px;
    border: none;
    margin-bottom: 0px !important;
    background-color: #f8f8f8;
    border-top: 1px solid #dadada;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.bookingDetailsTab {
    display: none;
}

.mobil-identifier .DynamicRoomCategories:disabled {
    background: #ffffff !important;
}

.quote-creating-side-bar {
    height: auto !important;
    position: sticky !important;
    top: 0 !important;
}

.quotes-details-page {
    width: 100%;
    float: left;
}

.main-card-box .Hotels_box .card-section,
.main-card-box .Flights_box .card-section {
    margin-bottom: 0px;
}

.quotes-slider {
    width: 100%;
    height: 774px;
    min-height: 774px;
    background-size: cover;
    position: relative;
    float: left;
    background-image: url(../images/Quotes-details-banner.svg);
    background-repeat: no-repeat;
}

    .quotes-slider:after {
        content: "";
        background-image: --webkit-gradient( linear, left top, left bottom, from(rgb(50 50 50 / 0%)), to(rgb(0 0 0 / 86%)), color-stop(0.5, #0000008a) );
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 200px;
    }

.quotes-slider-content .quotes-slider-heading {
    position: absolute;
    z-index: 7;
    width: 84% !important;
    top: 20%;
    left: 3%;
}

.quotes-slider-content {
    padding-top: 0px;
}

.big-text {
    font-size: 55px;
}

.quotes-banner-section-details {
    position: absolute;
    bottom: 30px;
    padding: 8px 22px;
    z-index: 9 !important;
    background-color: #0000009e;
    border-radius: 6px;
    border: solid 1px #14141400;
    left: 20px;
    right: 20px;
}

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

.quotes-details-down-section {
    width: 100%;
    border-top: 1px solid var(--theme-border-light-clr);
}

.left-side-tab {
    width: 100%;
    padding-top: 20px;
}

    .left-side-tab .nav-pills .nav-link.active {
        color: var(--theme-default);
        background-color: transparent;
        border-bottom: solid 3px var(--theme-default);
        border-radius: 0px;
        font-weight: 600;
        padding: 14px 0px;
    }

    .left-side-tab .nav-pills .nav-link {
        background: none;
        border: 0;
        font-size: 14px;
        border-radius: 0.25rem;
    }

    .left-side-tab .nav-link {
        padding: 0rem 0rem;
        padding-top: 8px;
    }

.standerd-tab-accrodian .nav-link {
    padding: 0rem 0rem;
    padding: 5px 0px;
}

.left-side-tab li.nav-item {
    padding: 0px 24px;
}

.left-side-tab .nav-pills .nav-link {
    color: #000000;
    padding: 14px 0px;
}

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

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

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

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

#day-class {
    display: block;
}

#standard-class {
    display: none;
}

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

.border-y {
    border-top: 1px solid var(--theme-border-light-clr);
    border-bottom: 1px solid var(--theme-border-light-clr);
}

.border-right-section {
    border-right: 1px solid var(--theme-border-light-clr);
}

.border-left-section {
    border-left: 1px solid var(--theme-border-light-clr);
}

.border-bottom-section {
    border-bottom: 1px solid var(--theme-border-light-clr);
}

.left-side-Stepper li {
    font-size: 16px;
    list-style-type: none;
    font-weight: 400;
    color: #212529;
    line-height: 16px;
    position: relative;
    padding: 8px 18px 8px 24px;
    cursor: pointer;
}

    .left-side-Stepper li a {
        color: #000000;
        font-weight: 500;
        line-height: 22px;
        padding: 0.5rem 0rem;
        text-decoration: none;
        font-size: 14px;
    }

    .left-side-Stepper li span {
        font-size: 12px;
        font-weight: 400;
    }

    .left-side-Stepper li .portal_bullets::before {
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        background: #ffffff;
        border: 2px solid #dadada;
        border-radius: 15px;
        left: -6px;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: 1;
    }

    .left-side-Stepper li a.active {
        color: var(--theme-default);
    }

    .left-side-Stepper li.active .portal_bullets::before {
        border: 2px solid var(--theme-default);
    }

    .left-side-Stepper li::after {
        content: "";
        position: absolute;
        width: 2px;
        height: 100%;
        background: #dadada;
        left: 0px;
        top: 0;
        border-radius: 4px;
    }

    .left-side-Stepper li:first-child:after {
        top: 20px;
    }

    .left-side-Stepper li:last-child:after {
        top: -30px;
    }

    .left-side-Stepper li.active {
        color: var(--theme-default);
    }

.bg-f3f3f3 {
    background-color: #f3f3f3;
}

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

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

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

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

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

.border-dotted {
    border-top: 1px dotted var(--theme-border-light-clr);
    height: 2px;
}

.line-height-30 {
    line-height: 30px;
}

.text-858585 {
    color: #858585;
}

.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);
}

.border-all {
    border: 1px solid var(--theme-border-light-clr);
}

.border-top {
    border-top: 1px solid var(--theme-border-light-clr);
}

.border-bottom {
    border-bottom: 1px solid var(--theme-border-light-clr);
}

.transfer-selected {
    border: 1px solid var(--theme-default);
}

.bg-dddddd {
    background-color: #dddddd;
    border: transparent;
}

.refund-price-fare {
    background-color: #f8f8f8;
}

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

.form-floating > label {
    position: absolute;
    top: 0;
    font-size: 14px;
    left: 0;
    height: 100%;
    padding: 1rem 0.6rem !important;
    pointer-events: none;
    border: 1px solid transparent;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}

.accr-border {
    border-bottom: 1px dotted var(--theme-border-light-clr) !important;
}

.line-heading {
    position: relative;
}

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

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

.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 99999;
}

.validate-icon-field {
    width: auto;
    position: relative;
    width: 100%;
}

    .validate-icon-field:after {
        content: "";
        position: absolute;
        top: 22px;
        width: 15px;
        background-repeat: no-repeat;
        right: -38px;
        height: 30px;
        background-image: url(../images/validate.svg);
    }

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

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

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

.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;
}

.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;
}

.amenities .list-group-item {
    padding: 5px 0px;
    font-size: 14px;
}

.hardrockimg {
    width: 100%;
    height: 600px;
}

    .hardrockimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.booking-confirmation-page {
    max-width: 850px;
    margin: 0px auto;
    padding-top: 50px;
}

    .booking-confirmation-page td {
        font-weight: 500;
        vertical-align: bottom;
    }

    .booking-confirmation-page .cardpaymentsection {
        display: grid;
        grid-template-columns: 33% 66%;
        gap: 15px;
    }

        .booking-confirmation-page .cardpaymentsection .visacard {
            height: 127px;
        }

.text-22BB33 {
    color: #22bb33;
}

.text-CF3A59 {
    color: #cf3a59;
}

.radius-8 {
    border-radius: 8px;
}

.shared-listview-Image2 {
    border-radius: 6px;
    overflow: hidden;
    height: auto;
    width: 150px;
    background: #f3f3f3;
    position: relative;
}

.visacard {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    position: relative;
    overflow: hidden;
}

    .visacard:before {
        background: url("../images/visa_left-image.png") no-repeat;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 99px;
        height: 74px;
    }

    .visacard:after {
        background: url("../images/visa_right_image.png") no-repeat;
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 47px;
        height: 32px;
    }

.link-017EFA {
    color: var(--theme-default);
}

.cursor-pointer {
    cursor: pointer;
}

.arrow-up-down img {
    transform: rotate(180deg);
}

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

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

.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;
}

.card-body {
    background: #f8f8f8;
}

.grp_grop_cordntor .icon svg {
    width: 36px;
    height: 36px;
}

.GroupDashboard-details .grp_grop_cordntor {
    gap: 15px;
    align-items: center;
}

.quotes-summary-section {
    border: 1px solid #dddddd;
}

.quotes-summary-section-top {
    border-bottom: 1px solid #dddddd;
}

.quotes-summarylistSection-wrap {
    border: 1px solid #dddddd;
    border-radius: 6px;
    margin-bottom: 15px;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
    width: 45px;
}

.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-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;
    background-position: right 15px bottom 13px;
}

.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);
    font-size: 14px;
}

.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 > label {
    padding-top: 1.2rem;
    height: auto;
}

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

.Disabled {
    pointer-events: none;
}

    .Disabled input {
        background: #f8f8f8;
    }

.pagemainrow .sidebar {
    width: 204px;
    height: calc(100vh - 70px);
}

.sidebar-toggle-icon {
    position: absolute;
    width: 40px;
    right: -22px;
    z-index: 999;
    top: -10px;
    height: 40px;
    border-radius: 50px;
    background-color: #fff;
    border: solid 1px #dadada;
    text-align: center;
    padding: 5px;
    cursor: pointer;
}

.sidebar-icon {
    right: -20px;
    transform: rotate(180deg);
    transition: all 0.3s linear;
}

.quotes-info-form-group label {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #8e8e8e;
}

.quotes-info-form-group .form-select {
    border: none;
    padding: 0;
}

.quotes-heading {
    margin-bottom: 15px;
    padding: 15px 0;
    border-bottom: 1px dashed #dadada;
}

.accordion-header .accordion-button {
    background-color: #ffffff;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    padding: 0px 0;
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
}

.accordion-body {
    padding: 15px 0;
}

    .accordion-body p {
        font-size: 14px;
        font-weight: 400;
        color: #919191;
        margin-bottom: 0;
    }

    .accordion-body span {
        font-size: 12px;
        font-weight: 400;
        color: #919191;
    }

.accordion-item,
.accordion-collapse {
    background-color: #ffffff;
    border: none;
}

.accordion-support {
    margin-top: 10px;
}

    .accordion-support p {
        font-size: 15px;
        font-weight: 400;
        color: #919191;
    }

.accordion-footer {
    margin-bottom: 20px;
    gap: 10px;
    display: grid;
}

.customerportal_view .main-card-box .romcatogre_div {
    margin-top: 10px;
}

.agent-message-box {
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: end;
    align-items: end;
}

.traveler-details-room {
    width: 100%;
    padding: 1.5rem;
}

.agent-body {
    padding: 25px;
    border: 1px solid #dddddd;
    margin: 0px;
    border-radius: 15px 15px 0 15px;
    line-height: 2;
    font-size: 14px;
    word-break: break-word;
    margin-right: 0;
    color: #000;
    min-height: 40px;
    margin-top: 35px !important;
    overflow: hidden;
}

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

.accordion-agent {
    border: 1px solid #dddddd;
}

.accordion-agent-section {
    padding: 15px 30px;
}

.accordion-agent-wrap .accordion-header .accordion-button {
    font-weight: 700;
    color: #000;
    font-size: 15px;
}

.agent-content .fareitem {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}

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

.advisor-content .advisor-item {
    color: var(--nav-theme-default);
    font-weight: 700;
    font-size: 18px;
}

.advisor-content .advisor-tag {
    font-size: 14px;
    font-weight: 500;
    color: #919191;
}

.advisor-content {
    line-height: 20px;
}

.advisor-section .advisor_image {
    border-radius: 50px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border: solid 2px #fff;
    box-shadow: 0px 0px 21px #c9c9c9;
    margin-left: 15px;
}

    .advisor-section .advisor_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.agent-msg-section {
    width: 100%;
    float: left;
}

.agent-body-shadow {
    box-shadow: 0px 4px 26px rgb(0 0 0 / 25%);
    padding: 15px;
    width: 100%;
    max-width: 610px;
    position: absolute;
    z-index: 99;
    margin: 0px;
    bottom: 40px;
    border-radius: 15px 15px 0 15px;
    background-color: #fff;
    display: none;
}

.agent-message-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    display: none;
}

.agent-body-shadow-close {
    width: 100%;
    float: left;
    padding: 0px 4px;
    text-align: right;
    cursor: pointer;
}

    .agent-body-shadow-close img {
        width: 12px;
    }

.attachment-body-section .Hotel_swipper_slider {
    height: 500px;
}

    .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%;
    }

.digit-group .ootp {
    width: 13%;
    margin: 0 auto;
}

.ViewHotelDetails .modal-xl {
    max-width: 800px;
}

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

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

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 100% !important;
}

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

.swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.mySwiper2 {
    height: 500px;
    width: 100%;
    margin-bottom: 10px;
}

.mySwiper {
    height: 160px;
    box-sizing: border-box;
    padding: 8px 0;
}

    .mySwiper .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
        padding: 10px 5px;
    }

    .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
    }

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

.junior-content {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
}

.upgrade-price {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
}

.fees-item {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}

.fees-fare {
    font-size: 14px;
    font-weight: 600;
    color: #cf3a59;
}

.fees-fare-item {
    font-size: 14px;
    font-weight: 600;
    color: #3b824b;
}

.circle-item {
    width: 9px;
}

.blackcircle-item {
    width: 5px;
}

.location-item {
    background-color: #f5f5f5;
}

.location-content {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}

.location-fare {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
}

.grand-resort {
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
    background-color: #ffffff;
}

.left-side-day-stepper li::before {
    bottom: 14px;
}

.left-side-day-stepper li:first-child:after {
    top: 24px;
}

.left-side-day-stepper li:last-child:after {
    top: -38px;
}

.destination-document {
    border: 1px solid #dadada;
    border-radius: 8px;
    display: grid;
    text-align: center;
    justify-content: center;
    padding: 20px 0;
    background-image: url("https://cdn.sriggle.tech/signatureuploads/40/assets/images/destination-map.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    text-decoration: none;
}

.travel-document {
    border-radius: 8px;
    display: grid;
    text-align: center;
    justify-content: center;
    padding: 20px 0;
    background-image: url("https://cdn.sriggle.tech/signatureuploads/40/assets/images/passport.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    text-decoration: none;
}

.travel-content {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    z-index: 10;
}

.travel-vacation {
    font-size: 10px;
    font-weight: 600;
    color: #ffffff;
    z-index: 10;
}

.travelback-color {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 8px;
}

.travel-footer {
    width: 100%;
    padding: 15px;
    border-top: 1px solid #dadada;
    background: #f8f8f8;
}

.garden-image {
    width: 70px;
    height: 50px;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 4px;
}

    .garden-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.wedding-slider {
    width: 100%;
    height: 774px;
    min-height: 774px;
    background-size: cover;
    position: relative;
    float: left;
    background-image: url(../images/proposal-banner.png);
    background-repeat: no-repeat;
}

.ceremony-content {
    font-size: 14px;
    font-weight: 600;
}

.information-content {
    gap: 60px;
}

    .information-content p {
        color: #858585;
        word-break: break-all;
    }

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

.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;
    }

.agreement-togglebtn {
    width: 183px;
    margin: 12px auto;
}

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

    .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 progress.success::-webkit-progress-value {
            background: green !important;
        }

        .uploader progress.success::-moz-progress-bar {
            background: green !important;
        }

    .uploader input[type="file"] {
        display: none;
    }

    .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;
    }

.uploadproposal {
    border: 1px solid #eff0f6;
    border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

    .uploadproposal label {
        font-size: 17px;
        font-weight: 600;
    }

.banner-image {
    width: 155px;
    height: 100px;
    overflow: hidden;
    border-radius: 4px;
    overflow: hidden;
}

    .banner-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        background-size: cover;
    }

.uploadproposal-body {
    padding: 15px 0px;
    row-gap: 20px;
}

.banner-close {
    position: absolute;
    top: -16px;
    right: 0px;
    background: white;
    border-radius: 20px;
    padding: 5px;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 8px;
    cursor: pointer;
}

    .banner-close img {
        width: 12px;
        height: 12px;
    }

.paused-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.stepper-body {
    display: flex;
    list-style: none;
    justify-content: space-between;
    position: relative;
}

    .stepper-body li a {
        text-decoration: none;
    }

.stepper {
    width: 100%;
    padding-right: 200px;
    padding-left: 200px;
    padding: 11px 200px 75px 200px;
}

    .stepper .stepper-body:after {
        content: "";
        position: absolute;
        background: #f1f1f1;
        width: 100%;
        height: 4px;
        top: 17px;
        left: 34px;
        z-index: 1;
    }

    .stepper .stepper-body .round-tab {
        position: absolute;
        z-index: 2;
        height: 35px;
        width: 35px;
        background: var(--theme-default);
        border-radius: 25px;
        color: #fff;
        display: flex;
        justify-content: center;
        border: 2px solid #f1f1f1;
        align-items: center;
    }

    .stepper .active .round-tab {
        background: var(--theme-default);
        border: 2px solid var(--theme-default);
        color: #fff;
    }

    .stepper .disabled .round-tab {
        background: #fff;
        color: #797979;
        border-color: #f1f1f1;
        font-weight: 600;
    }

.proscess-content {
    position: absolute;
    top: 52px;
    font-weight: 600;
    font-size: 16px;
}

.disabled .proscess-content {
    color: #797979;
}

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

.proposal-slider {
    min-height: 774px;
    height: 774px;
    width: 100%;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

    .proposal-slider .swiper-image {
        width: 100%;
        height: 100%;
    }

        .proposal-slider .swiper-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            overflow: hidden;
            border-radius: 0px;
        }

.proposal-sliderbody {
    width: 100%;
    background-size: cover;
    z-index: 999;
    background-repeat: no-repeat;
}

.not-responsive {
    display: none;
}

.wedding-slide:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: -moz-linear-gradient( top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100% );
    background: -webkit-linear-gradient( top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100% );
    background: linear-gradient( to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100% );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}

.GroupDashboard-details {
    width: 100%;
    display: inline-block;
    background: rgba(1, 126, 250, 0.15);
    border: 1px solid #eff0f6;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 5%);
    border-radius: 10px;
}

.groupdashboard-name {
    float: left;
}

.edit-dashboard {
    width: 157.5px;
    background: var(--theme-default);
    border-radius: 45px;
    align-items: center;
    display: flex;
    color: #fff;
    padding: 10px;
}

.edtprofile {
    cursor: pointer;
}

    .edtprofile:hover {
        color: #fff;
    }

.groupdashboard-event {
    float: right;
    position: relative;
}

.line-headingtwo {
    opacity: 0.25;
    border: 1px dashed #000000;
    position: relative;
}

.user-bottom-details {
    display: flex;
    padding: 20px 15px;
    border-top: 1px dashed rgba(0, 0, 0, 0.25);
    width: 100%;
    align-items: center;
    min-height: 65px;
}

.user-bottom-detailstwo {
    display: flex;
    padding: 20px;
    border-top: 1px dashed rgba(0, 0, 0, 0.25);
    width: 100%;
    align-items: center;
}

.Group-web {
    background: #ffffff;
    border: 1px solid #eff0f6;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}

    .Group-web p {
        font-size: 15px;
    }

    .Group-web span {
        font-weight: 400;
    }

.group-weddweb {
    display: flex;
    justify-content: space-around;
}

.weddingweb {
    display: flex;
    justify-content: space-between;
    padding: 0px 20px;
}

.dispgrid {
    display: grid;
}

#chartdiv {
    width: 100%;
    height: 200px;
    font-size: 11px;
}

    #chartdiv a {
        display: none !important;
    }

.group-tab {
    background: #f5f7fb;
    border: 1px solid rgba(204, 210, 227, 0.1);
    border-radius: 30px;
    display: flex;
    width: 45px;
    height: 45px;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 10px;
    text-transform: capitalize;
}

.group-tabletab td {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
}

.tableint {
    color: #1c1f37;
    text-align: start;
    font-size: 15px;
    font-weight: 600 !important;
}

.table > tbody {
    vertical-align: baseline;
}

.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;
}

.invtquotes {
    background: #f5f7fb;
    border: 1px solid #eff0f6;
    border-radius: 10px 10px 10px 10px;
}

.confguestlist div .dataTables_filter {
    text-align: left;
}

.confguestlist table.table.table-borderless.group-tabletab td {
    padding-top: 30px;
}

.grpfile {
    border-top: 1px solid #dadada;
}

.grpwebfile {
    background: #f8f8f8;
    border: 1px solid #dadada;
    border-radius: 4px;
}

.groupdashboard-event::before {
    content: "";
    position: absolute;
    width: 65px;
    height: 65px;
    background: url(https://cdn.sriggle.tech/signatureuploads/40/assets/images/Group-dashboard.png);
    left: -55px;
    top: 30px;
    bottom: 0;
    z-index: 1;
    background-repeat: no-repeat;
}

.groupdashboard-name h1 {
    font-size: 36px;
}

.groupdashboard-name h5 {
    font-size: 18px;
}

.groupdashboard-event p {
    color: #1c1f37;
    font-weight: 400;
}

.user-bottom-detailstwo p {
    font-weight: 400;
    font-size: 14px;
}

.addspreadsheetmodal .coldrag {
    font-weight: 400;
    font-size: 15px;
}

.bdrend {
    border: 1px solid #dadada;
}

.group-profile {
    font-weight: 600;
    font-size: 15px;
    color: #000000;
}

.group-profilefooter {
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: #8e8e8e;
}

.wedddetails {
    color: #000000;
    margin-top: 15px;
    font-weight: 600 !important;
    font-size: 13px !important;
}

.wedddetails-about {
    margin-top: 50px;
    color: #858585;
    font-size: 13px !important;
}

.dragdrop {
    background: #ffffff;
    border-radius: 4px 0px 0px 4px;
    margin: 15px;
    width: 100px;
    display: inline-block;
}

.ui-state-hover {
    background: lightyellow;
}

.ui-state-active {
    background: lightgray;
}

.grpdashboard .pagemainrow {
    display: flex;
    position: relative;
}

.grpdashboard .sidebar {
    top: 0px !important;
}

.grpdashboard .pagemainrow .mainContent {
    display: flex;
    flex-grow: 1;
}

.grpdashboard .dashboard-wrapper {
    padding: 30px 90px;
}

.grpdashboard .sidebar li.nav-item .nav-link {
    display: flex;
}

.grpdashboard .sidebar {
    border: 0px;
}

.grpdashboard .position-sticky {
    background: white;
}

.grpdashboard .collapsewrap {
    border: 1px solid #dddddd !important;
}

.pagemainrow .mainContent {
    width: calc(100% - 220px);
    position: relative;
}

.grpdashboard .progress {
    height: 10px;
}

.grpdashboard .progress-bar {
    height: 10px;
}

canvas#canvas1 {
    margin-bottom: 33px;
}

.weddgap {
    gap: 35px;
    margin-top: 30px !important;
}

.grpdashboard td {
    vertical-align: middle;
}

.quotation-found img {
    display: block;
    margin: 0 auto;
}

.quotation-content h1 {
    font-size: 22px;
    color: var(--theme-secondary);
    text-align: center;
}

.quotation-content p {
    font-size: 16px;
    color: #8e8e8e;
}

.emailguestmodal li.select2-selection__choice {
    font-weight: 600;
}

.emailguestmodal label {
    font-size: 17px;
}

.copyurlsec {
    display: flex;
    border: 1px solid var(--theme-border-light-clr);
    background: #fff;
    border-radius: 4px;
    align-items: center;
    vertical-align: middle;
    overflow: hidden;
}

    .copyurlsec .weburl {
        background: var(--theme-default);
        height: 40px;
        vertical-align: middle;
        align-items: center;
        display: flex;
        padding: 0 10px;
        color: #fff;
        font-size: 14px;
    }

    .copyurlsec input {
        flex-grow: 1;
        height: 40px;
        border: 0;
        padding: 0 10px;
    }

.text-secondary-two,
.text-secondary-three {
    background: rgba(142, 142, 142, 0.1);
    padding: 5px 20px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 50px;
    transition: 0.5s all ease;
    border: 1px solid #8e8e8e;
    color: var(--theme-reg--dark--light);
}

.text-secondary-three {
    border: 1px solid #f18204;
    color: #f18204;
    background: rgba(241, 130, 4, 0.1);
}

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

.traveler-details-room
.refund-price-fare
.form-floating
.validate-icon-field:after {
    display: none;
}

.traveler-details-room .refund-price-fare .datepicker {
    background-position-y: 75%;
    background-size: 15px;
}

.editQuotBut {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 999;
}

    .editQuotBut:hover {
        background-color: var(--theme-default);
        border-color: var(--theme-default);
        color: #fff;
    }

#TravelItineraryTab
.mobil-day-class
.quote-creating-side-bar
.left-side-Stepper
li
.portal_bullets::before {
    top: 0px !important;
}

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

.management_cancel_popup .modal-body {
    background: #f8f8f8;
}

.CancellationPolicy_text {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #8e8e8e;
}

.CancellationPolicy_para {
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
}

.cancellation_policy_div,
.policy_penalties_div,
.refund_div,
.cancellation_checkbox_div {
    padding-bottom: 25px;
}

.thankyou_div .thankyou_heading_text {
    font-size: 21px;
    font-weight: 600;
    line-height: 21px;
    color: #000;
    margin-bottom: 10px;
}

.thankyou_div .thankyou_para_text {
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
}

.modify_management .modal-body {
    background: #f8f8f8;
}

.guarantee_text {
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
}

.contract_agent_div {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    border-right: 1px solid rgba(0, 0, 0, 0.125);
}

    .contract_agent_div label {
        width: 65%;
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
    }

.local_time_text {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.modification_button_div {
    display: none;
}

.custom_amount_div {
    width: 17%;
    margin-left: 24px;
    display: none;
}

.bg-F8F8F8 {
    background: #f8f8f8;
    border: 1px solid #dadada;
}

.billing_text {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.billing_sub_text {
    font-size: 16px;
    font-weight: 500;
    color: #8e8e8e;
}

.portal_profile_text {
    font-size: 32px;
    font-weight: 600;
    color: #1c1f37;
}

.portal_profile_image {
    height: 40px;
    width: 40px;
    overflow: hidden;
    margin-right: 10px;
}

    .portal_profile_image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.portal_profile_finish_text {
    font-size: 14px;
    font-weight: 600;
    color: #919191;
}

.portal_profile_editnow {
    font-size: 14px;
    font-weight: 600;
    color: #017efa;
    text-decoration: none;
}

.dashboard_shared-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

    .dashboard_shared-list li {
        display: initial;
    }

    .dashboard_shared-list .listview-information {
        font-weight: 600;
        color: #1c1f37;
    }

    .dashboard_shared-list .listview-name {
        margin-bottom: 10px;
    }

.activebook_text {
    font-size: 18px;
    font-weight: 600;
    color: #1c1f37;
}

.activebook_number {
    border: 1px solid #dadada;
    height: 32px;
    width: 32px;
    border-radius: 10px;
}

.until_text {
    font-size: 16px;
    font-weight: 600;
    color: #1c1f37;
}

.makepayment_text {
    font-size: 16px;
    color: #3b824b;
    font-weight: 600;
}

    .makepayment_text:hover {
        color: #3b824b;
    }

.requesttrip_text {
    font-size: 16px;
    font-weight: 600;
    color: #1c1f37;
}

.active_quote_div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    float: left;
    gap: 10px;
}

    .active_quote_div .customer-list .quotes-card {
        width: auto;
    }

    .active_quote_div .shared-listview-Image {
        width: 100%;
    }

.listview_main_heading {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    height: 25px;
}

.listview_information_subheading {
    font-size: 10px;
    font-weight: 400;
    color: #000000;
}

.active_quote_div .quotes-card {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

.makepayment_footer {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.makepayment_text span:before {
    content: "$";
    height: 20px;
    width: 20px;
    color: #3b824b;
    border-radius: 50%;
    border: 1px solid #3b824b;
    padding: 0 6px;
}

.login_skelton {
    width: 100%;
    background: #fff;
}

.skelton_login_slider:before {
    display: none;
}

.skelton_header .skelton_img img {
    width: auto;
    height: 30px;
    object-fit: cover;
}

.skelton_details {
    margin-left: 20px;
}

    .skelton_details span {
        display: block;
        background: #d9d9d9;
        border-radius: 7px;
        overflow: hidden;
        position: relative;
    }

.skelton_about {
    height: 32px;
    width: 95px;
}

.skelton_description .line {
    background: #d9d9d9;
    height: 13px;
    margin: 10px 0;
    overflow: hidden;
    position: relative;
}

.skelton_header .img::before,
.skelton_details span::before,
.description .line::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-image: linear-gradient( to right, #d9d9d9 0%, rgba(0, 0, 0, 0.07) 20%, #d9d9d9 40%, #d9d9d9 100% );
    background-repeat: no-repeat;
    background-size: 450px 400px;
    animation: shimmer 1s linear infinite;
}

.skelton_details span::before {
    animation-delay: 0.2s;
}

@keyframes shimmer {
    0% {
        background-position: -450px 0;
    }

    100% {
        background-position: 450px 0;
    }
}

.wedding_proposal_sliderbody {
    width: calc(100% - 130px);
    height: 774px;
    min-height: 774px;
    background-size: cover;
    position: absolute;
    float: left;
    z-index: 999;
    background-repeat: no-repeat;
    top: 0px;
    left: 60px;
}

.service_expire {
    position: absolute;
    top: 15px;
    right: 15px;
    color: red;
    font-size: 14px;
}

.card-section {
    position: relative;
}

.dashboard_card_heading {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
}

.quotes_card_container {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid #dadada;
    border-radius: 8px;
    position: relative;
    width: 335px;
    max-height: 310px;
}

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

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

.quotation_found_div {
    background: #f8f8f8;
    height: 600px;
    width: 845px;
    margin: 0 auto;
    border: 1px solid #dadada;
    border-radius: 10px;
}

.package_price_text {
    font-size: 25px;
}

.agents_tabs_sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff;
    border-bottom: 1px solid #dddddd;
    z-index: 6;
}

.modelside-nav-side-bar {
    position: sticky;
    top: 50px;
}

#TravelItineraryTab #standard-class .day-tab-seleced {
    color: var(--nav-theme-default) !important;
    vertical-align: middle;
    display: flex !important;
    gap: 5px;
    padding: 8px 15px !important;
}

    #TravelItineraryTab #standard-class .day-tab-seleced .tect-muted {
        font-size: 14px !important;
        color: red !important;
    }

    #TravelItineraryTab #standard-class .day-tab-seleced p {
        font-size: 14px !important;
        font-weight: 600 !important;
    }

.stay_hotel_name {
    color: #000000;
}

.Upgrade_btn.btn-primary {
    color: #fff;
}

.itinary_list_item .single_item:after {
    display: none;
}

.stars {
    position: relative;
    display: inline-block;
    height: 16px;
}

    .stars.star50,
    .stars.star5 {
        background: url(../images/stars/star5.svg) no-repeat left top;
        width: 75px;
    }

    .stars.star40,
    .stars.star4 {
        background: url(../images/stars/star4.svg) no-repeat left top;
        width: 63px;
    }

    .stars.star30,
    .stars.star3 {
        background: url(../images/stars/star3.svg) no-repeat left top;
        width: 50px;
    }

    .stars.star20,
    .stars.star2 {
        background: url(../images/stars/star2.svg) no-repeat left top;
        width: 35px;
    }

    .stars.star10,
    .stars.star1 {
        background: url(../images/stars/star1.svg) no-repeat left top;
        width: 18px;
    }

    .stars.star45 {
        background: url(../images/stars/star4.5.svg) no-repeat left top;
        width: 70px;
    }

    .stars.star35 {
        background: url(../images/stars/star3.5.svg) no-repeat left top;
        width: 58px;
    }

    .stars.star25 {
        background: url(../images/stars/star2.5.svg) no-repeat left top;
        width: 45px;
    }

    .stars.star15 {
        background: url(../images/stars/star1.5.svg) no-repeat left top;
        width: 31px;
    }

.fetch-lead-head {
    background: #e3e3e3;
    min-height: 165px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.partner-company-footer-sec {
    padding: 40px;
    position: relative;
    border-radius: 15px;
    box-shadow: rgba(95, 94, 231, 0.07) 0px 4px 30px;
    text-align: center;
    background: #fff;
}

.customer-portelRequest {
    background: #fff;
    margin-bottom: 30px;
    padding: 30px 20px;
    border-radius: 6px;
}

.lightreq-bg {
    background: #f8f9fa;
}

.partner-company-social-media ul {
    list-style-type: none;
    display: flex;
    gap: 10px;
    padding: 0;
    justify-content: center;
}

    .partner-company-social-media ul li a {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: 2px solid #232323;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .partner-company-social-media ul li a img {
            height: 13px;
        }

.partner-company-footer-sec .company-name {
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0;
}

.poweredby-footer {
    background: #000;
    padding: 60px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    color: #fff;
    margin-top: 30px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

    .poweredby-footer img {
        height: 30px;
    }

.fetch-lead_header {
    color: #000;
}

    .fetch-lead_header .fetch_heading {
        font-size: 30px;
        font-weight: 600;
    }

    .fetch-lead_header .fetchEvnt_date {
        font-size: 16px;
        font-weight: 400;
    }

    .fetch-lead_header .fetchEvnt_loction {
        font-size: 16px;
        font-weight: 600;
    }

    .fetch-lead_header .fetchEvnt_city {
        font-size: 16px;
        font-weight: 400;
        display: block;
    }

.fetch_lead_name {
    font-size: 35px;
    font-weight: 600;
    color: #000;
    display: flex;
    justify-content: center;
    margin: 25px 0px;
}

.fetch-lead_page .alert-info {
    border-color: #aadfdd;
    color: #77adaf;
    background: #edffff;
    font-size: 16px;
}

.fetch_note_container {
    display: flex;
}

    .fetch_note_container .fetch_note_heading {
        min-width: 90px;
        font-size: 14px;
        font-weight: 400;
        color: #000;
    }

    .fetch_note_container .fetch_note_para {
        font-size: 16px;
        font-weight: 400;
        color: #8e8e8e;
    }

.fetch_lead_footer {
    background: #081a51;
    min-height: 165px;
    text-align: center;
    display: flex;
}

    .fetch_lead_footer .fetch-lead_page {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .fetch_lead_footer .fetch_footer_container {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .fetch_lead_footer .fetch_footer_logo img {
        width: 155px;
    }

.fetch-lead_page .fetch_footer_content {
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    margin-left: 10px;
}

.fetch_detail_container {
    padding: 35px 50px;
}

.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;
}

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

.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, 0.1);
    border: 1px solid #eae4e4;
    border-radius: 0.25rem;
}

.modifychild .custom-dropdown-link {
    position: absolute;
    font-size: 80%;
    top: 10px;
    right: 50px;
    font-weight: 600;
    color: var(--theme-default);
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    user-select: none;
}

.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;
}

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

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

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

#transport_Main #ActivitiesSection .Activity_Card .previewtransfer {
    margin-bottom: 0px;
}

.portal_durtion_div {
    display: flex;
    justify-content: space-between;
    width: 70%;
}

.accomdton_time_sction {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

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

    .popup_fight_name .flightname,
    .outbond_flght_contntdiv .flightname {
        display: grid;
    }

.fetch_detail_container .Customer_Data #CustomerHtml {
    background: #fff;
    box-shadow: none;
    padding: 0px;
}

    .fetch_detail_container
    .Customer_Data
    #CustomerHtml
    .removeBeforeAttr
    .bg-f8f8f8.Customer,
    .fetch_detail_container
    .request_details
    .RequestDetail_Body
    .removeBeforeAttr
    .bg-f8f8f8.Customer {
        background: #fff;
    }

.fetch_detail_container
.request_details
.RequestDetail_Body
.card.card-body.pb-0.mb-0 {
    background: #fff;
    padding-left: 0px;
    padding-right: 0px;
}

.fetch_detail_container .CustomerDetailsBtn {
    display: none;
}

.fetch_detail_container
.request_details
.RequestDetail_Body
.StayBoxCount
.row.ps-1.pe-1.VaccationDetail,
.fetch_detail_container
.request_details
.RequestDetail_Body
.StayBoxCount
.VaccationDetail
.col-md-6.HotelRoom {
    padding-left: 0px !important;
    padding-right: 5px;
}

.group-lookuptab .collapseheader .nav.nav-pills {
    padding: 0px !important;
}

.group_portaldash .add_gest .btn-group,
.group_portaldash #Guest-Open .btn-group {
    padding-left: 3px;
}

    .group_portaldash .add_gest #btnGroupDrop1,
    .group_portaldash #Guest-Open .btn-group #btnGroupDrop1 {
        height: 100%;
    }

.invte_mail {
    height: 100%;
}

.selectTriggerFilter {
    padding: 0px;
    padding-left: 0px;
    width: 165px;
    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, 0.1);
    appearance: none;
}

.portal_header {
    display: none;
}

.customerPortal_agentView #sidebarMenu {
    display: none;
}

.customerPortal_agentView .mainContent {
    width: 100% !important;
}

    .customerPortal_agentView .mainContent .sidebar-toggle-icon {
        display: none;
    }

    .customerPortal_agentView .mainContent .wedding_proposal_sliderbody {
        top: 32px;
        height: 745px;
        min-height: 745px;
    }

        .customerPortal_agentView
        .mainContent
        .wedding_proposal_sliderbody
        .quotes-slider-content
        .quotes-slider-heading {
            left: 0px;
        }

        .customerPortal_agentView
        .mainContent
        .wedding_proposal_sliderbody
        .quotes-banner-section-details {
            left: 0px;
            width: 100%;
        }

            .customerPortal_agentView
            .mainContent
            .wedding_proposal_sliderbody
            .quotes-banner-section-details
            .View_Lead_Details {
                margin-right: 15px;
            }

.weding_userimg {
    width: 40px;
    height: 40px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 16px;
    border: solid 2px #fff;
    overflow: hidden;
    border-radius: 50%;
    background: rgb(245, 247, 251);
    margin-left: 15px;
}

    .weding_userimg img {
        max-width: 100%;
    }

.portal_mobile_responsive .pagemainrow {
    margin: 0px;
}

.portal_mobile_responsive .wedng_prpsal_container {
    padding: 0px;
}

#detailsMainDiv {
    border: none;
}

    #detailsMainDiv .col-md-12.border-right-section {
        border-left: 1px solid var(--theme-border-light-clr);
    }

    #detailsMainDiv .packageSubDiv .border-y.d-flex {
        border-bottom: none;
    }

.grp_emailbtn {
    display: none;
}

.mobileqots_srchicon {
    display: none;
}

.invtqots_srchclose {
    display: none;
}

.emailguestmodal .wedding-information .client--info-section {
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    padding-top: 0px;
}

    .emailguestmodal .wedding-information .client--info-section .client--info {
        border-top: 1px dashed #dadada;
        border-bottom: none;
        padding-top: 10px;
    }

.request_roomclass .staybox {
    padding-top: 15px;
}

.login2slide .swiper-button-next,
.login2slide .swiper-button-prev {
    color: var(--theme-default);
}

#AgencyLogoName {
    font-size: 24px;
}

#btnGroupDrop1.customer-list-spredsheet {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.grp_gstbtn,
.extprt_lstbtn {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.invtquotes.filterByStatus {
    margin-top: 17px !important;
}

.filterByStatus.invtquotes .text-muted {
    display: block;
    margin-bottom: 15px;
}

.invtquotes.filterByStatus .room-type-price .form-check-input {
    margin-left: 0px;
}

.invtquotes.filterByStatus .room-type-price {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}

    .invtquotes.filterByStatus .room-type-price .fltr_chkboxtxt {
        font-size: 14px;
        padding-left: 10px !important;
        font-weight: 500;
    }

.mobileqots_inputdiv {
    position: relative;
}

.group-lookuptab .nav-pills .nav-link b,
.grpdashboard .groupdashboard-name .grp_subheading,
.Group-web .group-progress b {
    font-weight: 500 !important;
}

.mobileqots_inputdiv .form-control {
    padding-left: 36px;
    background-image: url(../images/Search.svg);
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 15px;
    border: 1px solid rgba(204, 210, 227, 0.1);
    height: 40px;
    border-radius: 7px;
    color: #565656;
    font-size: 14px;
    background-color: #f5f7fb;
}

.wedng_urltxt {
    font-size: 14px;
    margin-bottom: 8px;
    display: block;
}

.guestProfile .grp-profile {
    padding: 20px !important;
}

    .guestProfile .grp-profile .form-editor-wrap .ck.ck-reset,
    .guestProfile
    .grp-profile
    .form-editor-wrap
    .ck-rounded-corners
    .ck.ck-editor__main > .ck-editor__editable,
    .guestProfile
    .grp-profile
    .form-editor-wrap
    .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
        font-weight: 400;
    }

.exprtlst_blnk {
    width: 50px;
}

.sidebar ul.nav li.nav-item:hover .nav-link {
    color: #fff;
    background: var(--theme-default-hover);
}

.sidebar ul.nav li.nav-item > a {
    color: var(--theme-reg--dark--light);
    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 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;
}

.mobile_qots_flterdiv #leadfilterLink {
    margin-left: 0px !important;
}

.grp_dtssavebtn {
    padding-right: 0px;
    padding-bottom: 0px;
}

    .grp_dtssavebtn .text-end {
        margin-left: 0px !important;
    }

.group_portaldash .collapsewrap {
    overflow: hidden;
}

#sidebarMenu .nav li.nav-item .menu-icon {
    opacity: 1;
    width: 32px;
    padding: 5px;
    height: auto;
}

#sidebarMenu .nav li.nav-item .nav-link.active .menu-icon {
    opacity: 1;
    fill: #fff;
}

    #sidebarMenu .nav li.nav-item .nav-link.active .menu-icon path {
        fill: #fff;
    }

#sidebarMenu .nav ul.nav li.nav-item a:hover .menu-text,
#sidebarMenu .nav ul.nav li.nav-item a:focus {
    border-radius: 0px;
    color: var(--theme-default);
}

.group_leader_mainheading {
    font-size: 25px;
    font-weight: 600;
    color: var(--theme-reg-color);
    text-transform: capitalize;
}

.group_leader_image {
    height: 32px;
    width: 32px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px;
    border: solid 2px #fff;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 16px;
}

    .group_leader_image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.group_leader_subtxt {
    font-size: 14px;
    font-weight: 600;
    color: var(--theme-reg--dark--light);
}

.group_leader_edittxt {
    font-size: 14px;
    font-weight: 600;
    color: var(--theme-default);
    margin-left: 15px;
    display: flex;
    align-items: center;
}

    .group_leader_edittxt a {
        text-decoration: none;
        display: flex;
        align-items: center;
    }

    .group_leader_edittxt img {
        margin-left: 5px;
    }

.group_leader_actvetxt {
    font-size: 18px;
    font-weight: 600;
    color: var(--theme-reg--dark--light);
    margin-bottom: 0px;
    margin-right: 10px;
}

#Booking_Count,
#quote_Count,
#Group_Count {
    height: 32px;
    width: 32px;
    border: 1px solid var(--theme-border-light-clr);
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-reg--dark--light);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.allboking_qotes {
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-default);
    text-decoration: none;
}

.ative_boking_container {
    margin-bottom: 20px;
    margin-top: 40px;
}

.portal_quotes_footer {
    background: #f8f8f8;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    align-items: center;
}

.portal_quotes_pymnt {
    display: flex;
    align-items: center;
    color: #f7b542;
}

    .portal_quotes_pymnt .currency_icon {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: 1px solid #3b824b;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 600;
        margin-right: 10px;
    }

.portal_Until_deprtre {
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-reg-color);
}

.make_pymnt_txt {
    font-size: 16px;
    font-weight: 600;
}

.dashboard_qotes_card {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

.group_leader_alertbox {
    background: #fff1d3;
    border-color: #fff1d3;
    margin-bottom: 35px;
    margin-top: 25px;
}

.portal_alertbox_txt {
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-reg-color);
    margin-bottom: 0px;
}

.portal_reqst_btn {
    font-size: 14px;
    font-weight: 600;
    background: #ffab00;
    color: #fff;
    padding: 7px 15px;
    min-width: 146px;
}

.b_group_list .prtal_qots_crd {
    float: initial !important;
}

.active_qotes_card_img {
    height: 190px;
    border-radius: 10px;
    position: relative;
}

.qotesAtchmentsTtle {
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-reg-color);
    padding-bottom: 5px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 29px;
}

.portal_quote_CityName {
    font-size: 13px;
    font-weight: 400;
    color: var(--theme-reg-color);
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 40px;
}

.active_quotes_card,
.prtal_qots_crd.groupDiv {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.quotes_Trip_Code {
    font-size: 14px;
    font-weight: 400;
    color: var(--theme-reg--dark--light);
    white-space: nowrap;
}

.active_quotes_card .list-unstyled .listview-information {
    font-size: 13px;
}

.ative_boking_container + .booking_list .prtal_qots_crd .listview-heading {
    padding-bottom: 30px;
}

.newQuoteRequest .modal-dialog {
    max-width: 600px;
}

.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;
    }

.newQuoteRequest
#login2requesttoggle
.request_roomclass
.ClassforCalendar
.CheckIn,
.newQuoteRequest
#login2requesttoggle
.request_roomclass
.ClassforCalendar
.CheckOut,
.newQuoteRequest
#login2requesttoggle
.request_roomclass
.ClassforCalendar
.TotalPax {
    width: 50%;
}

.newQuoteRequest .RequestDetail_Body .request_roomclass .ClassforCalendar.sdde {
    margin-bottom: 0px !important;
}

    .newQuoteRequest
    .RequestDetail_Body
    .request_roomclass
    .ClassforCalendar.sdde
    .staybox {
        padding-top: 0px;
    }

.newQuoteRequest .RequestDetail_Body .request_roomclass .staybox .row {
    margin-left: -7px;
    margin-right: -7px;
}

.sendQuote_reqst {
    padding-top: 15px;
}

.newQuoteRequest .modal-body {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.payment_Details_card .prtal_pymnt_crd_date {
    display: flex;
    align-items: center;
}

.prosl_stepbdy li {
    position: relative;
}

.proses_ancor {
    position: absolute;
    z-index: 2;
    left: 0px;
    right: 0px;
}

.proses_icon {
    height: 34px;
    width: 34px;
}

.mobile_portal_price {
    display: none;
}

.vgs_pymnt_smry_btn {
    display: none;
}

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

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

.bokng_refrnce {
    text-align: end;
}

.bokng_refrnce_txt {
    font-size: 14px;
    margin-bottom: 0px;
}

.bokng_refrnce_No {
    font-size: 20px;
    margin-bottom: 0px;
}

.hotl_div {
    display: flex;
}

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

.actcty_form_container {
    display: flex;
}

    .actcty_form_container .form-group {
        margin-right: 10px;
    }

    .actcty_form_container .input-group {
        width: 200px;
    }

        .actcty_form_container .input-group #ddltransfer,
        .actcty_form_container .input-group #ddllanguage {
            font-size: 14px;
            border-radius: 4px;
            font-weight: 500;
        }

.actcty_form_txt {
    display: flex;
    align-items: end;
}

    .actcty_form_txt .activityPolicy {
        margin-left: 5px;
    }

.actcty_form_container .form-select {
    background-position: right 10px bottom 10px;
}

.partner-company-logo img {
    max-width: 270px;
}

.stndrd_bookingdetls_Nine .border-dotted {
    display: none !important;
}

.portl_stndrd_bookingdetls#standard-class
.stndrd_div
#AccommodationSection
.invisible {
    display: none !important;
}

#TransfersSection .main-card-box .card-section {
    margin-bottom: 0px !important;
}

#TransfersSection .main-card-box:last-child .card-section {
    margin-bottom: 15px !important;
}

#WeddingPackagesTab .pkgDesc .weding_para_smal .wding_para_text {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 13px;
}

#WeddingPackagesTab .pkgDesc .wding_para_text p,
#WeddingPackagesTab .pkgDesc .wding_para_text span {
    font-size: 13px !important;
    background: transparent !important;
    color: #858585 !important;
    font-family: Inter, sans-serif !important;
    letter-spacing: inherit !important;
    margin-bottom: 0px;
}

#WeddingPackagesTab .pkgDesc .wding_para_text h5,
#WeddingPackagesTab .pkgDesc .wding_para_text h4,
#WeddingPackagesTab .pkgDesc .wding_para_text h3,
#WeddingPackagesTab .pkgDesc .wding_para_text h2 {
    font-size: 16px;
}

.management_cancel_popup .cancelModalBody {
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 5px;
    padding: 15px;
}

.management_cancel_popup .cancellation_policy_div {
    padding-bottom: 10px !important;
}

.management_cancel_popup .cancelModalBody .CancellationPolicy_text {
    font-size: 14px;
    padding-bottom: 5px;
}

.management_cancel_popup .cancelModalBody .CancellationPolicy_para {
    font-weight: 500 !important;
    margin-bottom: 0px !important;
}

.management_cancel_popup .cancelModalBody .cancellation_checkbox_div {
    padding-bottom: 0px !important;
}

    .management_cancel_popup .cancelModalBody .cancellation_checkbox_div label {
        font-size: 14px !important;
    }

.proces_img img {
    max-width: 60px;
}

#Addons_Main #ActivitiesSection .border-y.actvty_div {
    border-bottom: 0px;
}

#ActivitiesSection .activity_preview_card {
    margin: 15px;
}

#ActivitiesSection .Activity_Card {
    margin-bottom: 0px;
}

.prosal_btncontne.Disabled {
    opacity: 0.3;
}

.swal-overlay--show-modal .swal-footer {
    text-align: center;
}

.viewdetails_pymnt_display {
    display: flex;
    align-items: center;
    background: #ffedd1;
    border-radius: 10px;
    margin: 20px 15px;
    padding: 15px;
}

.viewdetails_pymnt_image {
    height: 42px;
    width: 42px;
    margin-right: 15px;
}

    .viewdetails_pymnt_image img {
        width: 100%;
        height: 100%;
    }

.viewdetails_pymnt_txt {
    font-size: 20px;
    font-weight: 600;
    color: var(--theme-reg-color);
}

.viewdetails_pymnt_subtxt {
    font-size: 14px;
    font-weight: 400;
    color: var(--theme-reg-color);
}

.Be_Paid_txt,
.Be_Paid_amont {
    font-size: 14px;
    font-weight: 600;
    color: #f5a622;
    margin-bottom: 0px;
}

.Be_Paid_subtxt {
    font-size: 12px;
    font-weight: 400;
    color: var(--theme-reg-color);
    margin-bottom: 0px;
}

.Pay_cstom_amont {
    font-size: 14px;
    color: var(--theme-reg--dark--light);
    font-weight: 600;
}

.Pay_full_amont {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.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: 9999;
}

.loaderoverlay {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 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%);
}

.Hotels_box .card-section .previewtransfer,
.Cruise_box .card-section .previewtransfer,
.Flights_box .card-section .previewtransfer,
.Transports_box .transfer_card {
    margin-bottom: 20px;
}

#Hotel_Main .main-card-box,
#Cruise_Main .main-card-box,
#Hotel_Main .line-heading,
#Cruise_Main .line-heading,
#Hotel_Main .line-heading p,
#Cruise_Main .line-heading p,
#Hotel_Main .main-card-box p,
#Cruise_Main .main-card-box p,
.Hotels_box .card-section,
.Cruise_box .card-section,
#ReturnFlightSection .card-section,
#InternalFlightSection .card-section,
#OutboundFlightSection .card-section {
    margin-bottom: 0px !important;
}

    #Hotel_Main .line-heading:before,
    #Cruise_Main .line-heading:before {
        margin-top: 0px;
    }

#CruiseSection {
    border-top: 1px solid var(--theme-border-light-clr);
}

.insurance_product_name,
.HardRockPopup .Activity_Description .act_name {
    text-transform: capitalize;
}

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

#TravelInsuranceTab .main-card-box {
    padding-top: 20px !important;
}

#TravelInsuranceTab .get_rates {
    margin-top: 0px !important;
}

.activty_subtext {
    padding-top: 5px !important;
}

.HardRockPopup .Activity_Description .Activity_Card {
    border-bottom: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    .HardRockPopup .Activity_Description .Activity_Card:last-child {
        padding-bottom: 0px !important;
    }

.CustomerPortalPayment_login {
    padding-left: 0px !important;
}

.customerportal_login {
    box-shadow: none;
}

    .customerportal_login .swiper-backface-hidden .swiper-slide {
        width: 100% !important;
    }

.portal_payment_details {
    border-left: 1px solid var(--theme-border-light-clr);
    position: relative;
}

    .portal_payment_details .traveler-details-room {
        border-top: 1px solid #dadada;
        border-right: 1px solid #dadada;
        padding-bottom: 0px;
    }

        .portal_payment_details
        .traveler-details-room
        .room-heading
        .line-heading
        .bg-f8f8f8.fonts-18 {
            background: #fff !important;
        }

        .portal_payment_details .traveler-details-room .service-row {
            padding: 15px 15px 0px 15px;
        }

    .portal_payment_details .back_quote_btn {
        padding-top: 15px;
    }

    .portal_payment_details .payment_Details_card {
        border: 1px solid #dadada;
    }

    .portal_payment_details.customerportal_login .prevw_lead_skelton {
        width: 100%;
    }

.link_expired_container {
    height: 100vh;
    padding-left: 240px !important;
}

    .link_expired_container .quotation_found_div {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 800px;
    }

.link_expired_content {
    border-left: 1px solid #dddddd;
    padding-top: 40px;
    height: 100vh;
}

#detailsMainDiv.quotes-details-down-section .agent-body {
    margin-top: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#detailsMainDiv.quotes-details-down-section .advisor-section {
    margin-right: 0px !important;
}

.user_dash_box_edit.custmedit,
.profile_contact_box_edit.custmedit {
    position: absolute;
    top: 7px;
    right: 38px;
    cursor: pointer;
    font-size: 14px;
}

#contactnumbers .modal-dialog-scrollable .modal-body {
    overflow: inherit;
    padding-bottom: 0px;
}

#contactnumbers .intl-tel-input .country-list {
    z-index: 999;
    width: 251px;
}

#contactnumbers .modal-dialog-scrollable .modal-content {
    overflow: inherit;
}

.transfer_type_name {
    display: none;
}

.portal_attachment {
    padding: 20px 20px 3px 20px;
}

#TransfersSection .main-card-box {
    padding: 0px !important;
}

.card_heading_color {
    color: #333;
}

.activity_preview_card {
    margin: 20px 20px 0px 20px;
}

.b_quotes_list .active_quotes_card {
    min-height: 302px;
}

.sidebar-help-content .icon-question img {
    width: 100%;
}

.grop_list_maincontainer .Quote_container {
    display: inline-block;
    width: 100%;
}

.reviw_sevname {
    color: #000;
}

.btn-outline-success:hover {
    background-color: #1987541f;
    color: #198754;
    border-color: #198754;
}

.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;
    }
}

.dsb_menuautoflow .nav-item:hover {
    background: transparent;
}

.USD {
    position: relative;
}

    .USD::before {
        content: "$";
        font-weight: 600;
    }

.complete_booking_text {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 380px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.room_name_text {
    text-overflow: ellipsis;
    overflow: hidden;
}

.ViewHotelDetails .room_detail,
.Hotels_box .stay_all_rooms .room_detail,
.romcatogre_div .room_detail {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.closecontainer {
    opacity: 0;
}

.grpdashboard {
    background-color: #fff !important;
    height: initial !important;
}

.mobile_qots_flterdiv {
    margin-left: 10px;
}

    .mobile_qots_flterdiv .custom-filter-btn {
        position: initial;
    }

.customerportal_view .Mandry_text {
    top: 34px;
    right: 20px;
}

.customerportal_view .prvw_colNine .line-heading .bg-white {
    background: #f8f8f8 !important;
}

.customerportal_view .Particular_Room_Paxs {
    background: initial;
    padding: 0px;
    border: 0px;
    margin-bottom: 0px;
}

.customerportal_view .review_adult {
    margin-bottom: 5px !important;
}

.desk_chat_part svg {
    width: 35px;
    height: 35px;
}

.trazel_chat {
    margin: 0 auto;
    width: 750px;
    background: var(--nav-theme-default);
    border-radius: 5px;
    padding-bottom: 5px;
    display: none;
    transition: visibility 0s linear 0.33s, opacity 0.33s linear;
    position: fixed;
    z-index: 999;
    right: 180px;
    bottom: 120px;
}

.customer_chat .chat-header {
    padding: 20px;
    border-bottom: 2px solid white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .customer_chat .chat-header .chat_img_div {
        width: 55px;
        height: 55px;
        overflow: hidden;
        border-radius: 50%;
        border: 2px solid #3b824b;
    }

        .customer_chat .chat-header .chat_img_div img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .customer_chat .chat-header .chat-about {
        float: left;
        padding-left: 10px;
        margin-top: 6px;
    }

    .customer_chat .chat-header .chat-with {
        font-weight: bold;
        font-size: 16px;
        color: #fff;
    }

    .customer_chat .chat-header .chat-num-messages {
        color: #92959e;
    }

.customer_chat .chat-history {
    padding: 30px 30px 20px;
    border-bottom: 2px solid white;
    overflow-y: scroll;
    height: 575px;
}

.customer_chat .chat-message {
    background: #f1f5f9;
}

.customer_chat .chat-history {
    border-bottom: 2px solid var(--nav-theme-default);
    padding: 15px;
    overflow-y: scroll;
    height: 575px;
    background: #f1f5f9;
}

.customer_chat .chat-message {
    padding: 15px;
}

    .customer_chat .chat-message textarea {
        width: 100%;
        border: none;
        padding: 10px 20px;
        font: 14px/22px "Lato", Arial, sans-serif;
        margin-bottom: 10px;
        border-radius: 5px;
        resize: none;
    }

.chat_upload_img img {
    height: 18px;
    width: 18px;
    cursor: pointer;
    margin-right: 5px;
}

.portal_left_qotsdts .payment_txt_copy {
    display: none;
}

.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;
}

#customerProfile #ar6 .tsamainwrap {
    margin-left: 5px;
    margin-right: 5px;
}

.contact_number,
.custmemail,
.daterangepicker {
    font-size: 14px;
}

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

.modal-footer .btn {
    font-size: 15px;
}

.destion_qotes {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.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%);
    }

.vgs_container .container .vgs_card,
.vgs_container .form-group,
.vgs_container .form-floating .form-select,
.vgs_container .form-floating .form-control {
    border: 1px solid rgb(0 0 0 / 7%) !important;
}

.vgs_container .prvw_colNine.border-end {
    border-right: 1px solid rgb(0 0 0 / 7%) !important;
}

.newQuoteRequest .select2-container.select2 {
    width: 100% !important;
}

.newQuoteRequest .select2-selection__rendered {
    padding-left: 0px !important;
}

    .newQuoteRequest .select2-selection__rendered li {
        justify-content: space-between;
    }

        .newQuoteRequest .select2-selection__rendered li input {
            width: 100% !important;
        }

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

.newQuoteRequest .ReqBudget #ReqBudget {
    padding-right: 12px !important;
}

.newQuoteRequest .stay_length.stayboxwrap {
    margin-bottom: 0px !important;
}

#customerProfile .dash-box .btn-close {
    cursor: pointer;
}

.payment-details-page
.quotes-details-down-section
#standard-class
#TransfersSection
.main-card-box {
    padding: 20px 20px 0px 20px !important;
}

.Dietary_Restriction .bootstrap-tagsinput {
    width: 100%;
    height: 100%;
}

    .Dietary_Restriction .bootstrap-tagsinput input {
        width: 100%;
    }

    .Dietary_Restriction .bootstrap-tagsinput .tag.label {
        margin-bottom: 10px;
    }

    .Dietary_Restriction .bootstrap-tagsinput .btn-close {
        background-size: 11px;
    }

#day-class .Addons_box .activity_preview_card {
    margin: 0px !important;
}

#day-class .Addons_box .card-heading-section {
    margin-bottom: 15px !important;
}

#AgentMessageTab .agent-body p {
    margin-bottom: 10px !important;
    line-height: 1.5;
}

    #AgentMessageTab .agent-body p:last-child {
        margin-bottom: 0px !important;
    }

.toastmsg {
    bottom: 50px;
    right: 30px;
}

.nouser-icon {
    font-size: 14px;
    text-transform: capitalize;
}

.desk_chat_part {
    display: none !important;
}

.status.New,
.status.status-New,
.status.status-new,
.status.status-NEW {
    border: 1px solid #6554c0;
    color: #6554c0;
    background: #6554c01a;
}

.status.Open,
.status.status-Open,
.status.status-open,
.status.status-OPEN {
    border: 1px solid var(--theme-secondary);
    color: var(--theme-secondary);
    background: #017efa1a;
}

.status.Unpublish,
.status.status-Unpublish,
.status.status-unpublish,
.status.status-UNPUBLISH {
    color: #8e6a00;
    border: 1px solid #8e6a00;
    background: #8e6a001a;
}

.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;
}

.status.Draft,
.status.status-Draft,
.status.status-draft,
.status.status-DRAFT {
    color: #cf3a59;
    border: 1px solid #cf3a59;
    background: #cf3a591a;
}

.status.prconfir-status {
    white-space: nowrap;
}

.Pending_Confirmation.prtal_stus,
.status.status-Cancellation-Requested,
.status.status-cancellation-requested,
.status.status-CANCELLATION-REQUESTED {
    color: #f18204;
    border: 1px solid #f18204;
    background: #f182041a;
    padding: 5px 15px;
    cursor: auto;
    display: inline-block;
}

.prtal_stus.Confirmed,
.status.Confirmed,
.status.status-Confirmed,
.status.status-confirmed.status.status-CONFIRMED {
    color: #3b824b;
    border: 1px solid #3b824b;
    background: #3b824b1a;
    padding: 5px 15px;
    cursor: auto;
    display: inline-block;
}

.status.status-Cancelled,
.status.status-cancelled,
.status.status-canceled,
.status.status-Cancelled,
.status.status-Canceled {
    color: #da2020;
    border: 1px solid #da2020;
    background: #da20201a;
    padding: 5px 15px;
    cursor: auto;
    display: inline-block;
}

.status.status-Cancelled-With-Charge,
.status.status-cancelled-with-charge,
.status.status-CANCELLED-WITH-CHARGE {
    color: #4b1363;
    border: 1px solid #4b1363;
    background: #4b13631a;
    padding: 5px 7px;
    cursor: auto;
    display: block;
}

.status.status-Deposit-Paid,
.status.status-deposit-paid,
.status.status-DEPOSIT-PAID {
    color: #21c16f;
    border: 1px solid #21c16f;
    background: #21c16f1a;
    padding: 5px 7px;
    cursor: auto;
    display: inline-block;
}

.status.status-ExtraMoneytoConfirm,
.status.status-extramoneytoconfirm,
.status.status-EXTRAMONEYTOCONFIRM {
    color: #ae2ea5;
    border: 1px solid #ae2ea5;
    background: #ae2ea51a;
    padding: 5px 7px;
    cursor: auto;
    display: block;
}

.status.status-Failed,
.status.status-failed,
.status.status-FAILED {
    color: #742925;
    border: 1px solid #742925;
    background: #7429251a;
    padding: 3px 30px;
    cursor: auto;
    display: inline-block;
}

.status.status-Initiated,
.status.status-initiated,
.status.status-INITIATED {
    color: #196a98;
    border: 1px solid #196a98;
    background: #196a981a;
    padding: 5px 7px;
    cursor: auto;
    display: inline-block;
}

.status.status-Invoiced.status.status-invoiced,
.status.status-INVOICED {
    color: #ff005c;
    border: 1px solid #ff005c;
    background: #ff005c1a;
    padding: 5px 7px;
    cursor: auto;
    display: inline-block;
}

.status.status-Manual-Added,
.status.status-manual-added,
.status.status-MANUAL-ADDED {
    color: #deff00;
    border: 1px solid #deff00;
    background: #deff001a;
    padding: 5px 7px;
    cursor: auto;
    display: inline-block;
}

.status.status-On-Hold,
.status.status-on-hold,
.status.status-ON-HOLD {
    color: #797438;
    border: 1px solid #797438;
    background: #7974381a;
    padding: 5px 7px;
    cursor: auto;
    display: inline-block;
}

.status.status-On-Request,
.status.status-on-request,
.status.status-ON-REQUEST {
    color: #a59191;
    border: 1px solid #a59191;
    background: #a591911a;
    padding: 5px 7px;
    cursor: auto;
    display: inline-block;
}

.status.status-Paid,
.status.status-paid,
.status.status-PAID {
    color: #363568;
    border: 1px solid #363568;
    background: #3635681a;
    padding: 5px 7px;
    cursor: auto;
    display: inline-block;
}

.status.status-Partially-Confirmed,
.status.status-partially-confirmed,
.status.status-PARTIALLY-CONFIRMED {
    color: #8477c2;
    border: 1px solid #8477c2;
    background: #8477c21a;
    padding: 5px 7px;
    cursor: auto;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.status.status-SO-Printed,
.status.status-so-printed,
.status.status-SO-PRINTED {
    color: #0c56ed;
    border: 1px solid #0c56ed;
    background: #0c56ed1a;
    padding: 5px 7px;
    cursor: auto;
    display: inline-block;
}

.status.status-Visa-Applied,
.status.status-visa-applied,
.status.status-VISA-APPLIED {
    color: #563737;
    border: 1px solid #563737;
    background: #5637371a;
    padding: 5px 7px;
    cursor: auto;
    display: inline-block;
}

.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: 5px 7px;
    cursor: auto;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
    margin: 0 auto;
}

.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: 5px 7px;
    cursor: auto;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
    margin: 0 auto;
}

.status.status-Query-Received,
.status.status-query-received,
.status.status-QUERY-RECEIVED,
.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: 5px 7px;
    cursor: auto;
    display: inline-block;
}

.status.Payment,
.status.status-Payment,
.status.status-Payment-Form-Submitted,
.status.status-payment-form-submitted,
status.status-PAYMENT-FORM-SUBMITTED {
    white-space: nowrap;
    border: 1px solid #03c3ec;
    color: #03c3ec;
    background: #03c3ec1a;
}

.swal-text {
    text-align: center;
}

.dolr_add .USD:before {
    position: absolute;
    bottom: 11px;
    left: 13px;
    font-weight: 500 !important;
    font-size: 14px;
}

.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);
}

.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 {
    font-weight: 500 !important;
    font-size: 14px;
}

.Request-popup .add_cntct_fornt .intl-tel-input,
.Request-popup .add_cntct_fornt .intl-tel-input .flag-container {
    background-color: #f8f8f8;
}

.bokng_conf_one {
    width: 50%;
}

.bokng_conf_three {
    text-align: end;
}

.bokng_conf_four {
    text-align: end;
}

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

.portal_left_qotsdts .romcatogre_div .stay_all_rooms .selected-rate {
    border-top: 0px !important;
}

.ViewHotelDetails .modal-body .selected-rate .selected-rate_subdiv {
    display: grid !important;
    grid-template-columns: 67% 30%;
    gap: 15px;
}

.portal_left_qotsdts
.romcatogre_div
.stay_all_rooms
.selected-rate
.selected-rate_subdiv,
.cruise_rate_subdiv {
    border-top: 1px dashed #dadada;
    margin-right: 17px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-left: 17px !important;
    display: grid !important;
    grid-template-columns: 75% 25%;
}

.hotel_details_section {
    display: grid !important;
    grid-template-columns: 75% 25%;
}

.portal_left_qotsdts .romcatogre_div .stay_all_rooms .Hotel_rooms_heading {
    padding-bottom: 15px !important;
    font-size: 15px;
}

.portal_left_qotsdts
.romcatogre_div
.stay_all_rooms
.selected-rate
.selected-rate_subdiv
.room_name_text {
    font-size: 13px;
}

.Upgrade_btn {
    min-width: 90px;
}

.bokng_stus_div {
    border-top: 1px solid #dadada;
    padding: 10px 15px;
}

#Hotel_Main .main-card-box,
#Cruise_Main .main-card-box,
#Hotel_Main .line-heading,
#Cruise_Main .line-heading,
#Hotel_Main .line-heading p,
#Cruise_Main .line-heading p,
#Hotel_Main .main-card-box p,
#Cruise_Main .main-card-box p,
.Hotels_box .card-section,
.Cruise_box .card-section,
#ReturnFlightSection .card-section,
#InternalFlightSection .card-section,
#OutboundFlightSection .card-section {
    margin-bottom: 0px !important;
}

    #Hotel_Main .main-card-box,
    #Cruise_Main .main-card-box,
    #Hotel_Main .line-heading,
    #Cruise_Main .line-heading,
    #Hotel_Main .line-heading p,
    #Cruise_Main .line-heading p,
    #Hotel_Main .main-card-box p,
    #Cruise_Main .main-card-box p,
    .Hotels_box .card-section,
    .Cruise_box .card-section,
    #ReturnFlightSection .card-section,
    #InternalFlightSection .card-section,
    #OutboundFlightSection .card-section {
        margin-bottom: 0px !important;
    }

.stay_hotel_name {
    max-width: 450px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
}

.portal_payment_details.layoutMainBody #sidebarMenu.active {
    width: 68px !important;
    min-width: 68px !important;
    transition: all 0.3s linear;
    padding-top: 0px;
    display: block !important;
}

    .portal_payment_details.layoutMainBody #sidebarMenu.active:hover {
        width: 240px !important;
        min-width: 240px !important;
        position: absolute !important;
        top: 80px !important;
        left: 0px;
        border-right: 1px solid #dadada;
        height: 100%;
        transition: inherit !important;
    }

    .portal_payment_details.layoutMainBody #sidebarMenu.active .sidbarlogo {
        display: none;
    }

    .portal_payment_details.layoutMainBody
    #sidebarMenu.active:hover ~ .grop_list_maincontainer,
    .portal_payment_details.layoutMainBody
    #sidebarMenu.active:hover ~ .quotelist_main_container,
    .portal_payment_details.layoutMainBody
    #sidebarMenu.active:hover ~ .bookinglist_main_container {
        width: 100% !important;
        padding-left: 204px;
    }

    .portal_payment_details.layoutMainBody
    #sidebarMenu.active
    .nav
    .nav-item
    .nav-link {
        display: grid;
        grid-column-gap: 6px;
        grid-template-columns: auto 1fr auto;
        align-items: center;
    }

    .portal_payment_details.layoutMainBody
    #sidebarMenu.active
    li.nav-item
    .nav-link
    .menu-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-left: 5px;
    }

    .portal_payment_details.layoutMainBody
    #sidebarMenu.active ~ .grop_list_maincontainer
    .dashboard-wrapper,
    .portal_payment_details.layoutMainBody
    #sidebarMenu.active ~ .quotelist_main_container
    .dashboard-wrapper,
    .portal_payment_details.layoutMainBody
    #sidebarMenu.active ~ .bookinglist_main_container
    .dashboard-wrapper {
        padding-right: 0px;
    }

    .portal_payment_details.layoutMainBody
    #sidebarMenu.active:hover ~ .grop_list_maincontainer
    .dashboard-wrapper,
    .portal_payment_details.layoutMainBody
    #sidebarMenu.active:hover ~ .quotelist_main_container
    .dashboard-wrapper,
    .portal_payment_details.layoutMainBody
    #sidebarMenu.active:hover ~ .bookinglist_main_container
    .dashboard-wrapper {
        padding-right: 120px;
    }

.portal_payment_details.layoutMainBody
#sidebarMenu
.nav.customerPortalMenuList {
    height: 100% !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.portal_payment_details.layoutMainBody
#sidebarMenu.active
.sidebar-help-section {
    display: none;
}

#sidebarMenu li.nav-item .nav-link .menu-text {
    color: var(--theme-reg-color);
    font-size: 15px;
    font-weight: 500;
}

#sidebarMenu ul.nav li.nav-item a.active span {
    color: #fff;
}

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

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

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

    .navbar-dark .form-control::placeholder {
        color: rgba(255, 255, 255, 0.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: 26px 25px 26px 19px;
    }

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

.portl_login_div .nav-item.active .nav-link.active .menu-text {
    color: #fff !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;
}

.hamburgerlogin {
    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;
    background: #fff;
    color: var(--theme-reg-color);
    cursor: pointer;
}

    .hamburgerlogin:hover {
        color: var(--theme-reg-color);
    }

.hamburgerlogin_container {
    position: relative;
}

.customerportal_header {
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed !important;
    left: 0;
    right: 0;
}

.portl_login_div {
    border-radius: 6px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    border: none;
    position: absolute;
    top: 39px;
    right: 0px;
    padding: 0px;
    z-index: 999;
    min-width: 230px;
    display: none;
}

    .portl_login_div .nav .nav-item {
        width: 100%;
    }

    .portl_login_div .nav li .nav-link .menu-text {
        color: var(--theme-reg-color);
        font-size: 15px;
        font-weight: 500;
    }

    .portl_login_div .customerPortalMenuList {
        padding: 0px;
    }

    .portl_login_div .nav li .nav-link {
        padding: 8px 20px;
        cursor: pointer;
    }

        .portl_login_div .nav li .nav-link svg {
            width: 22px;
            height: auto;
            margin-right: 5px;
        }

.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;
        }

.customerportal_header .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
}

.billing_confirmation_page .payable-box span.fw-bolder {
    font-weight: 500 !important;
}

.billing_confirmation_page
.quotes-summary-section-body
.accordion-body
span.price {
    font-weight: 600;
}

.tooltip_wrapper {
    position: relative;
    text-align: 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 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        -ms-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.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;
}

.confr_submit_txt {
    font-size: 24px;
    color: var(--theme-reg--light-color);
}

.confr_resv_subtxt {
    font-size: 16px;
    color: var(--theme-reg-color);
}

.resv_subtxt {
    font-size: 14px;
    color: var(--theme-reg--light-color);
}

.pymt_proces_img img {
    max-width: 80px;
}

.request-content .breakpoint-request-content {
    display: flex;
    align-items: center;
}

    .request-content .breakpoint-request-content .tooltip_wrapper .tooltip {
        top: 100%;
        bottom: auto;
    }

        .request-content .breakpoint-request-content .tooltip_wrapper .tooltip:after {
            border-bottom: solid #4d86c6 10px !important;
            top: -10px;
            bottom: auto;
            border-top: none;
        }

.container-fluid.breakpoint-container-fluid.customerportal_view
.request-content
.breakpoint-request-content
.tooltip_wrapper
.tooltip {
    left: -7px;
}

    .container-fluid.breakpoint-container-fluid.customerportal_view
    .request-content
    .breakpoint-request-content
    .tooltip_wrapper
    .tooltip:after {
        left: 6%;
    }

.rail_comnme_container,
.misc_comnme_container {
    display: flex;
    justify-content: space-between;
}

.rail_comnme,
.misc_disc,
.misc_comnme {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 300px;
}

.prvw_list_hde {
    display: none !important;
}

#trazel-logo-button .mobile_logo {
    display: block;
    width: 200px;
    height: 60px;
    filter: brightness(0) invert(1);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
}

.noresult_parentsection {
    width: 100%;
    height: 100vh;
    background: #f8f8f8;
    position: relative;
    display: flex;
    align-items: center;
}

.cstmer_price_cntent {
    position: sticky !important;
    top: 0px;
    height: auto;
}

.customerportal_login .cstmer_price_cntent {
    top: 76px;
}

.customerportal_login .quote-creating-side-bar {
    top: 77px !important;
}

.propose_accept_container {
    height: 100vh;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

    .propose_accept_container .propose_card {
        max-width: 700px;
        margin: 20px auto;
    }

.backto_propose {
    max-width: 200px;
    margin: 0 auto;
}

.wedding_proposal_sliderbody .proposalSubTitle {
    font-size: 30px;
    font-weight: 500;
}

.card-section .locationOptionDiv {
    padding: 30px 50px !important;
}

    .card-section .locationOptionDiv .shared-listview-Image {
        width: 175px;
        max-height: 130px;
        min-height: 130px;
    }

.download_btn {
    border: 1px solid var(--theme-default);
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
}

.portl_login_div .customerPortalMenuList .nav-link svg {
    display: none;
}

.bokingDetls_main_card .bokingDetls_section .shared-listview-Image2 {
    height: 150px;
}

.stndrd_bookingdetls_Nine .day-1.d-inline-block .main-card-box .card-section {
    margin-bottom: 20px !important;
}

/*.internal_select[onclick="Modify_Flight(this)"],
.rail_select.btn-outline-primary[onclick="Add_Service(this, `Rail`)"],
.rental_select.btn-outline-primary[onclick="Add_Service(this, `RentalCar`)"],
.misc_select.btn-outline-primary[onclick="Add_Service(this, `MiscTransport`)"],
.misc_addon_button.btn-outline-primary[onclick="Add_Service(this, `MiscAddon`)"] {
    color: #fff;
    background-color: var(--theme-default);
    border-color: var(--theme-default);
}

    .internal_select[onclick="Modify_Flight(this)"]:hover,
    .rail_select.btn-outline-primary[onclick="Add_Service(this, `Rail`)"]:hover,
    .rental_select.btn-outline-primary[onclick="Add_Service(this, `RentalCar`)"]:hover,
    .misc_select.btn-outline-primary[onclick="Add_Service(this, `MiscTransport`)"]:hover,
    .misc_addon_button.btn-outline-primary[onclick="Add_Service(this, `MiscAddon`)"]:hover {
        background-color: #fff;
        color: var(--theme-default);
        border-color: var(--theme-default);
    }*/

.flight_select.btn-outline-primary,
.upgrade_transfer.btn-outline-primary,
.rail_select.btn-outline-primary,
.rental_select.btn-outline-primary,
.misc_select.btn-outline-primary,
.Add_Activity.btn-outline-primary,
.misc_addon_button.btn-outline-primary {
    color: #fff;
    background-color: var(--theme-default);
    border-color: var(--theme-default);
}

    .flight_select.btn-outline-primary:hover,
    .upgrade_transfer.btn-outline-primary:hover,
    .rail_select.btn-outline-primary:hover,
    .rental_select.btn-outline-primary:hover,
    .misc_select.btn-outline-primary:hover,
    .Add_Activity.btn-outline-primary:hover,
    .misc_addon_button.btn-outline-primary:hover {
        background-color: #fff;
        color: var(--theme-default);
        border-color: var(--theme-default);
    }

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

.popup_fight_name .flightname {
    display: grid;
}

.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%;
}

.daybyday_dates {
    font-size: 15px;
    margin-left: 10px;
    font-weight: 500;
}

.gest_name {
    cursor: pointer;
    margin-bottom: 0px;
    font-size: 14px;
}

.gest_email {
    cursor: pointer;
    margin-bottom: 0px;
    font-size: 12px;
    display: inline-block;
}

.addspreadsheetmodal .importGuestMain {
    border: 0px;
}

    .addspreadsheetmodal .importGuestMain .dragdrop {
        padding: 10px;
        text-align: center;
        border-right: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

        .addspreadsheetmodal .importGuestMain .dragdrop:first-child {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            border-right: 0px;
        }

        .addspreadsheetmodal .importGuestMain .dragdrop:last-child {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
            border-right: 1px solid #dadada;
        }

.newQuoteRequest .Num_Stays,
.newQuoteRequest #TotalNumStays #Stay_One,
.newQuoteRequest #TotalNumStays .VaccationDetail {
    display: none !important;
}

.traveller_mobile_div input.form-control.Traveller_Mobile::placeholder {
    opacity: 1;
    color: var(--theme-reg--light-color);
}

.details_confirm_container .details_confirm_heading {
    padding-right: 0px;
}
.details_confirm_container{
    text-align:end;
}
.details_confirm_container .details_confirm_subheading {
    text-align: end;
    width: 100%;
    /*display: -webkit-box;*/
/*    -webkit-line-clamp: 7;
    overflow: hidden;
    -webkit-box-orient: vertical;*/
}

.details_confirm_heading {
    font-size: 14px;
    font-weight: 500;
    color: #6c757d;
    line-height: 1.5;
    padding-right: 5px;
}

.details_confirm_subheading {
    font-size: 14px;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0px;
    line-height: 1.5;
}

.wedding_footer {
    display: none;
}

.portal_payment_details.customerPortal_agentView .wedding_footer {
    height: 80px;
    background: #000;
    display: block;
}

.first_time_userTxt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 5px;
    border: 1px solid var(--theme-default);
    font-weight: 600;
    padding: 8px 5px;
    color: var(--theme-default);
    cursor: pointer;
    font-size: 15px;
}

    .first_time_userTxt:hover {
        color: #fff;
        background: var(--theme-default);
    }

.group_continue_btn {
    display: none;
}

.portal_payment_details.customerPortal_agentView .group_continue_btn {
    display: flex;
    justify-content: end;
    padding: 50px 20px;
}

.visa_card_content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

    .visa_card_content:last-child {
        margin-bottom: 0px;
    }

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

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

#SigniaChat {
    bottom: 80px !important;
    z-index: 9999 !important;
}

.tobepaid_booking {
    border-top: 1px solid #dadada;
}

    .price-difference .price.USD:before,
    .cancellation_policy_table .cancellation_fee:before,
    .cancellation_policy_table .cancellation_fee .USD,
    .accordion-footer .payable-box .USD:before,
    .quotes-summary-section-body .accr-border .USD:before,
    .accordion-footer .AllServices_Price:before,
    .flight_card .transfer-selected .USD:before,
    .total-price .fareprice .USD,
    #TravelInsuranceTab .quotes-summarylistSection-wrap .USD:before,
    .tobepaid_booking .Pay_full_amont .USD:before,
    .discount_section .USD:before,
    .PriceSummary_ServiceFee.USD:before,
    .pckg_prce .USD:before,
    .visa_card_content .USD:before,
    .panding_payment_div .USD:before,
    .payment-details .USD:before {
        margin-right: 3px;
    }

#day-class .itinary_list_item li .portal_bullets::before {
    top: -18px;
}

.collapse_traveler {
    position: relative;
    padding-right: 32px;
}

    .collapse_traveler::after {
        position: absolute;
        content: "";
        top: 1px;
        right: 0px;
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") no-repeat;
        width: 20px;
        height: 20px;
        transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
        transform: rotate(180deg);
    }

    .collapse_traveler.arrow-up-down:not(.collapsed)::after {
        transform: rotate(0deg);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

.view_all_booking_btn {
    position: relative;
    padding-left: 30px;
}

    .view_all_booking_btn::after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") no-repeat;
        width: 20px;
        height: 20px;
        transform: rotate(90deg);
    }

.quote_expired .active_qotes_card_img::before,
.quote_expired.shared-listview-Image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "QUOTE EXPIRED";
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    display: flex;
    align-items: center;
    z-index: 9;
    color: #fff;
}

.Chat_quote_detail {
    position: relative;
}

#Chatalert {
    position: absolute;
    right: 20px;
    top: 80px;
    z-index: 101;
    background: #fff;
    border-radius: 50px;
    border: 1px solid #e1e2e2;
    padding: 10px 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    font-size: 14px;
}

    #Chatalert a {
        text-decoration: none;
        color: var(--theme-default);
    }

.group_continue_btn .prosal_btncontne.Disabled {
    opacity: 1;
    border: 1px solid #dadada;
    color: #dadada;
}

.group_submit_btn {
    width: 190px;
}

.dashboard_qotes_card .status,
.groupDiv .prtal_stus,
.customer-list .prtal_stus {
    cursor: pointer;
}

.chat_container {
    position: relative;
}

.chat_notification-dropdown {
    position: absolute;
    top: 40px;
    right: 20px;
    background: #fff;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    min-width: 360px;
    border: 0px;
    display: none;
}

.chat_tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chat_tabs_txt {
    padding: 5px 30px;
    cursor: pointer;
    position: relative;
    display: flex;
}

.tabs_txt {
    color: #6c757d;
}

.chat_tabs_txt.active .tabs_txt {
    color: var(--theme-default);
}

.chat_tabs_txt.active:after {
    position: absolute;
    content: "";
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--theme-default);
}

.chat-header_txt {
    font-size: 16px;
    font-weight: 500;
    padding-left: 15px;
    margin-bottom: 0px;
}

.chat_name_txt {
    font-size: 14px;
    font-weight: 600;
}

.chat_read_txt {
    font-size: 12px;
    font-weight: 400;
    color: #6c757d;
}

.chat_name_container {
    line-height: normal;
}

.chat_dropdown-item {
    position: relative;
}

.chat_count {
    background-color: #dc3545;
    width: 21px;
    height: 21px;
    font-size: 12px;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 20px;
}

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

.chat_quote_container {
    max-height: 300px;
    overflow: auto;
}

    .chat_quote_container .dropdown-item {
        border-bottom: 1px solid #f1f1f1;
    }

        .chat_quote_container .dropdown-item:last-child {
            border-bottom: 0;
        }

.chat_notification-link {
    margin-right: 15px;
}

    .chat_notification-link .chat-number {
        right: 13px;
    }

    .chat_notification-link img:hover {
        background: none !important;
    }

.IdentNamewithprice .IdentName_container {
    padding: 0px;
    margin-bottom: 10px;
}

    .IdentNamewithprice .IdentName_container:last-child {
        margin-bottom: 0px;
    }

    .IdentNamewithprice .IdentName_container .IdentName {
        font-weight: 600;
    }

#AgencyContact_btn {
    color: var(--theme-default);
    cursor: pointer;
    font-size: 15px;
}

.flightInfoNeeded .dash-form-group.dash-check-group {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding-bottom: 6px;
    margin-bottom: 0px;
}

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

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

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

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

.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: 214px;
    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;
        }

.flightdetailswrap .departure-and-arrival .airportname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
    font-size: 15px;
}

.depature-details {
    position: absolute;
    display: block;
    top: 99px;
    left: 8px;
    min-width: 270px;
    width: calc(100% - 16px);
    border: 1px solid #dadada;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    z-index: 9;
    background: #fff;
    padding: 15px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.Arrival-details {
    position: absolute;
    display: block;
    left: 8px;
    top: 99px;
    min-width: 270px;
    width: 100%;
    width: calc(100% - 16px);
    border: 1px solid #dadada;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    z-index: 9;
    background: #fff;
    padding: 15px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    display: none;
}

.departure-and-arrival {
    position: relative;
}

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

.flightdetailswrap .flight-detailsdropdown .search-icon {
    position: relative;
}

.departure-content {
    font-size: 12px;
    font-weight: 400;
    color: #8e8e8e;
    margin-bottom: 5px;
}

#collapsehotel-details .typeahead,
#collapsetransportation-details .typeahead,
#collapseflight-details .typeahead,
#collapseTravelProtection-details .typeahead {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.flightdetailswrap .flight-detailsdropdown .search-icon .form-select {
    background-image: none !important;
}

.flightdetailswrap .flight-detailsdropdown .form-select {
    border: 1px solid transparent;
    padding: 0px;
}

.border-dashed-bottom {
    border-bottom: 1px dashed #dadada !important;
    padding-top: 5px;
    position: relative;
}

.datepicker-border {
    border: transparent;
}

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

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

.flightdetailswrap .flight-detailsdropdown .form-control {
    padding: 0px;
}

.flight-detailsdropdown .text-end {
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 13px !important;
}

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

.h66btn {
    height: 66px;
}

.flightdetailswrap .pckertming {
    padding-top: 5px;
}

.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-standard a {
    border: 1px solid transparent;
    color: #222;
    display: block;
    padding: 0.2em 0.4em;
    text-decoration: none;
}

.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;
}

.portal_login_container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.portal_login_image {
    width: 50%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

    .portal_login_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.portal_login_wrap {
    width: 50%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.portal_login_content {
    width: 60%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.mobillogin-logo {
    height: auto;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

    .mobillogin-logo img {
        width: 100%;
        max-height: 150px;
        max-width: 250px;
        object-fit: contain;
    }

.AgencyWebsite_btn {
    position: absolute;
    top: 25px;
    right: 40px;
}

.login_portal_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.RequestQuote_btn {
    color: var(--theme-default);
    cursor: pointer;
    font-size: 15px;
}

.RequestQuote_container .col-md-9 {
    width: 100%;
}

.mobil-signin {
    font-size: 22px !important;
    color: #040404;
}

.skelton_description {
    display: flex;
}

.login_skelton .skelton_description .skelton_login_slider {
    width: 100%;
}

.skelton_fom_dv {
    width: 50%;
}

.b_group_list .qotes_dircton_detls > div:last-child .listview-name,
.b_group_list .qotes_dircton_detls > div:last-child .listview-information {
    text-align: end;
}

.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;
    }

.flight_include_btn {
    margin-right: 15px;
    margin-bottom: 15px;
}

.flight_itinerary_main_box .card-section.flight_card {
    margin-bottom: 0px;
}

.adult_container {
    padding: 0px !important;
    background: transparent !important;
    border: 0px !important;
    margin-bottom: 0px !important;
}

.payment_requirment_text label {
    font-size: 20px;
    font-weight: 600;
}

.payble_container .payable-box {
    margin-bottom: 5px !important;
}

.vgs_main_container #cc-form .form-group {
    position: relative;
    padding-bottom: 0px;
    height: 66px;
}

    .vgs_main_container #cc-form .form-group .form-field {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        padding-bottom: 0px;
        margin-bottom: 0px;
        height: 100%;
        background: transparent;
        padding-top: 27px;
        padding-left: 14px;
    }

.otption_text .line-heading a {
    font-size: 14px;
}

.subpricing_container:last-child {
    padding-bottom: 0px !important;
}

.sidebar-help-section .sidebar-help-content .Agent_Name {
    font-size: 16px;
}

.main-card-box .stars.star:empty {
    display: none;
}

.remember_text,
.cp-login-button {
    font-size: 15px !important;
}

#Particular_TravelProtection .TravelProtection_paragraph_container {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: rgba(95, 94, 231, 0.07) 0px 4px 30px;
    border: 1px solid #dadada;
    font-size: 14px;
}

    #Particular_TravelProtection .TravelProtection_paragraph_container h1,
    #Particular_TravelProtection .TravelProtection_paragraph_container h2,
    #Particular_TravelProtection .TravelProtection_paragraph_container h3,
    #Particular_TravelProtection .TravelProtection_paragraph_container h4,
    #Particular_TravelProtection .TravelProtection_paragraph_container h5,
    #Particular_TravelProtection .TravelProtection_paragraph_container h6 {
        font-size: 14px;
    }

.cstmer_price_cntent .portal_price_sumrry .flight_cards,
.cstmer_price_cntent .portal_price_sumrry .transfer_price_box {
    border: 1px solid #dadada;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 5px;
}

    .cstmer_price_cntent .portal_price_sumrry .flight_cards:last-child,
    .cstmer_price_cntent .portal_price_sumrry .transfer_price_box:last-child {
        margin-bottom: 0px;
    }

    .cstmer_price_cntent .portal_price_sumrry .transfer_price_box .transfer_type {
        margin-bottom: 0px !important;
    }

.panding_payment_div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profilefooter_checkbox {
    padding-left: 45px;
}

.assess_restriction_text {
    height: auto;
    color: var(--theme-reg--light-color) !important;
    font-size: 12px !important;
    opacity: 0.65;
    text-overflow: ellipsis;
    width: calc(96% - -9px);
    overflow: hidden;
    white-space: nowrap;
    font-weight: 600 !important;
}

.flight_card .rounded-pill,
.Flights_box .rounded-pill,
.flight_detail_cards .rounded-pill,
#OutboundFlightSection .rounded-pill,
#ReturnFlightSection .rounded-pill,
#InternalFlightSection .rounded-pill,
.main-card-box .rounded-pill {
    display: none;
}

.activity_btn_container {
    display: flex;
    align-items: center;
    gap: 5px;
    border-top: 1px solid #dadada;
    padding: 10px 15px;
    justify-content: end;
}

.bookingdetails_flight_cards,
.bookingdetails_transfer_card {
    border: 1px solid #dadada;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 5px;
}

    .bookingdetails_flight_cards:last-child,
    .bookingdetails_transfer_card:last-child {
        margin-bottom: 0px;
    }

.gust_portl_table tr th {
    font-size: 15px;
}

.gust_portl_table tr td,
.Payment_Gateway_text,
.group_recent_table tr td,
.attachment_link {
    font-size: 14px;
}

.recent_booking_btndiv {
    padding: 12px 0px 0px 0px !important;
}

.Agent_Mail {
    border: 0px !important;
    padding: 0px !important;
    font-size: 14px;
    display: inline !important;
    cursor: pointer !important;
    text-transform: capitalize;
}

.invite_gest_container .gest_name {
    color: #4d86c6;
}

.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;
    }

.modification_container .cancl_reqst_div {
    box-shadow: rgba(95, 94, 231, 0.07) 0px 4px 30px;
    border-radius: 8px;
    background: #fff;
    padding: 16px;
}

.modification_container:last-child {
    margin-bottom: 0px;
}

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

.modification_container .modify-reqcount-time {
    font-size: 14px;
}

.modification_container .collapsetoggle {
    cursor: pointer !important;
}

.bokngdetls_stus {
    border-radius: 50px;
}

.requestbox-alert {
    display: none;
}

.group_canceled .requestbox-alert {
    display: block;
    text-align: center;
}

.group_canceled .form-select,
.group_canceled .form-control,
.group_canceled .intl-tel-input,
.group_canceled .flag-container,
.group_canceled .form-floating {
    background-color: #f8f8f8 !important;
}

.group_canceled .gropreqst_sumtbtn .btn {
    pointer-events: none !important;
    background-color: #f8f8f8 !important;
    border-color: #8b8686 !important;
    color: #b4b4b4 !important;
}

.customerportal_totalPrice {
    border-top: 1px dashed #dadada;
    padding-top: 15px;
    margin-top: 8px;
}

.discount_main_section {
    border-top: 1px dashed #dadada;
    padding-top: 10px;
    margin-top: 5px;
}

    .discount_main_section:empty,
    .accordion-footer div:empty,
    .accordion-footer .currentDeposit:empty {
        display: none;
    }

.payble_container .accordion-footer {
    border: 1px solid #c3e3f8;
    background: #f2faff;
    padding: 10px;
    border-radius: 5px;
}

.previewlead-standard .left-side-Stepper li.active a {
    color: var(--theme-default);
}

.room_detail .room_description .weding_para_smal {
    color: rgb(71, 71, 71);
    display: flex;
}

    .room_detail .room_description .weding_para_smal .wding_para_text {
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        font-size: 13px;
    }

body .room_detail .room_description .weding_para_smal .wding_para_text p span,
body .room_detail .room_description .weding_para_smal .wding_para_text p,
body
.room_detail
.room_description
.weding_para_smal
.wding_para_text
.wding_para_text
span,
body .room_detail .room_description .weding_para p span,
body .room_detail .room_description .weding_para p,
body .room_detail .room_description .weding_para .wding_para_text span {
    font-size: 13px !important;
    background: transparent !important;
    color: #858585 !important;
    font-family: Inter, sans-serif !important;
    letter-spacing: inherit !important;
    margin-bottom: 0px;
}

    body
    .room_detail
    .room_description
    .weding_para_smal
    .wding_para_text
    p
    span[onclick="Show_Hide(this)"],
    body
    .room_detail
    .room_description
    .weding_para_smal
    .wding_para_text
    p
    span[onclick="if (!window.__cfRLUnblockHandlers) return false; Show_Hide(this)"],
    body
    .room_detail
    .room_description
    .weding_para_smal
    .wding_para_text
    p
    span[style="color: var(--theme-default); cursor: pointer; "] {
        color: var(--theme-default) !important;
    }

.room_detail .room_description .weding_para p {
    text-wrap: initial;
    font-size: 12px !important;
    line-height: 20px !important;
    margin-bottom: 0px !important;
    max-width: 95%;
}

    .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;
}

.quotes-details-page .proposal-slider .swiper-button-prev {
    left: 28px;
}

.quotes-details-page .proposal-slider .swiper-button-next {
    right: 28px;
}

.quotes-details-page .proposal-slider .swiper-button-prev,
.quotes-details-page .proposal-slider .swiper-button-next {
    background: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    cursor: pointer;
}

    .quotes-details-page .proposal-slider .swiper-button-prev:after,
    .quotes-details-page .proposal-slider .swiper-button-next:after {
        font-size: 14px;
        font-weight: 600;
    }

#modify_management .form-control.is-invalid {
    border-color: #dc3545;
}

.swal-title {
    font-size: 20px !important;
}

.swal-text {
    font-size: 14px !important;
}

.layoutMainBody.pagemainrow {
    display: flex;
}

.customerportal_view {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    .customerportal_view .row {
        margin: 0px;
    }

.Traveller_country_id,
.Traveller_citizen_id,
.Traveller_state_id,
.Traveller_city_id {
    background-image: url(../images/Search.svg) !important;
    background-position: right 16px bottom 20px !important;
    background-size: 17px 18px !important;
}

.prevw_lead_skelton {
    width: 100%;
}
.booking_details_main_card {
    grid-template-columns: 1fr 400px;
    display: grid !important;
}
.booking_file_container {
    background: #f2faff;
    border: 1px solid #c3e3f8;
}
.booking_file_container .booking_file_section {
    background:#fff;
}

.Upgrade_btn{
    margin-left:5px;
}
@media screen and (min-width: 768px) and (max-width: 996px) {
    .grup_hlo_dtls{
        display:flex;
        justify-content:space-between;
    }
    .grup_hlo_dtls .groupdashboard-name {
        padding-top:10px!important;
        margin-left:0px!important;
        padding-left:15px!important;
    }
    .grup_hlo_dtls .groupdashboard-event {
        margin-right: 0px !important;
        padding-right: 15px !important;
        padding-top:10px!important;
    }
}
@media screen and (min-width: 1501px) and (max-width: 2000px) {
    .center-container .pagemainrow {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pagemainrow .mainContent.payment-details-page {
        width: calc(100% - 0px);
    }

    .center-container #mainContent {
        width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1500px) {
    .pagemainrow .mainContent.payment-details-page {
        width: calc(100% - 0px);
    }

    .pagemainrow .mainContent.payment-details-page {
        width: calc(100% - 0px);
    }

    .daybyday_booking {
        display: block !important;
    }

        .daybyday_booking .day-tab-seleced {
            display: inline-block !important;
        }
}

@media (max-width: 767px) {
    .daybyday_booking {
        display: block !important;
    }

        .daybyday_booking .day-tab-seleced {
            display: inline-block !important;
        }

    .portal_durtion_div .font-18 p {
        margin-bottom: 10px;
    }

        .portal_durtion_div .font-18 p b,
        .view_portal_btndiv p .fw-bolder,
        .view_portal_btndiv p .fw-bolder.USD::before {
            font-weight: 500 !important;
        }

    .partner-company-logo {
        max-width: 220px;
        margin: 0 auto;
    }

    .quotation-found img {
        width: 100px;
        height: 100px;
    }

    .booking-confirmation-page .cardpaymentsection {
        grid-template-columns: 100%;
    }

    .booking-confirmation-page .topbookingcardsec {
        flex-direction: column;
    }

        .booking-confirmation-page .topbookingcardsec .text-end {
            text-align: center !important;
            margin-top: 10px;
        }

        .booking-confirmation-page .topbookingcardsec .icon-sec img {
            height: 50px;
        }

        .booking-confirmation-page .topbookingcardsec .icon-sec {
            flex-direction: column;
            text-align: center;
            gap: 10px;
        }

            .booking-confirmation-page .topbookingcardsec .icon-sec .fw-bold.ps-4 {
                padding-left: 0px !important;
            }

    .poweredby-footer .font-30 {
        font-size: 21px;
    }

    .quotation-content h1 {
        font-size: 14px;
    }

    .quotation-content p {
        font-size: 13px;
    }

    .quotation-content {
        padding-top: 0px !important;
    }

    .advisor-section .advisor_image img {
        width: 100% !important;
    }

    #AccommodationSection {
        display: block !important;
    }

    .actvt_section_image .shared-listview-Image,
    #ActivitiesSection .Activity_Card .shared-listview-Image,
    #day-class .mobil-hotel-image .shared-listview-Image,
    .Addons_box .Activity_Card .shared-listview-Image,
    .portl_stndrd_bookingdetls .main-card-box .shared-listview-Image,
    .bokingDetls_main_card .shared-listview-Image2 {
        max-height: 120px;
        width: 135px;
        min-height: 120px;
        margin-bottom: 0px;
    }

    .actvt_section_image .mobil-col .stay_hotel_name,
    #day-class .hotel_details .stay_hotel_name {
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 0px !important;
    }

    .stay_all_rooms .room_detail {
        margin-right: 10px;
        white-space: normal;
    }

    .outbond_flghtime {
        margin: 10px 0px;
    }

    .outbond_flght_contntnme {
        display: block !important;
        position: relative;
        padding-bottom: 12px !important;
    }

    .outbond_flght_contntdiv,
    .outbond_flght_contntdiv .fw-bolder.me-4.font-14,
    .days_main_div
    .main-card-box
    .card-section
    .previewtransfer
    .mobil-ticket-heading
    .fw-bolder.me-4.font-14,
    .days_main_div
    .main-card-box
    .card-section
    .previewtransfer
    .mobil-ticket-heading
    div {
        display: flex;
        line-height: 16px;
    }

    .days_main_div
    .main-card-box
    .card-section
    .previewtransfer
    .mobil-ticket-heading
    .fw-bolder.me-4.font-14 {
        padding-bottom: 5px;
    }

    .days_main_div
    .main-card-box
    .card-section
    .previewtransfer
    .mobil-ticket-heading {
        position: relative;
        display: block !important;
    }

    .days_main_div .main-card-box .card-heading-section {
        margin-bottom: 8px;
    }

    #transport_Main #ActivitiesSection .Activity_Card .previewtransfer .act_name,
    .Addons_box .Activity_Card .previewtransfer .act_name {
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 0px !important;
    }

    .days_main_div .main-card-box .card-section .previewtransfer {
        margin-bottom: 15px !important;
    }

    .viewandremove_div .Activity_Details,
    .Addons_box .Activity_Card .Activity_Details {
        margin-top: 7px;
    }

    #TravelInsuranceTab .Insurance_loaded_Card:first-child {
        margin-top: 0px !important;
    }

    #TravelInsuranceTab .Insurance_loaded_Card {
        margin-bottom: 0px !important;
    }

    #TravelInsuranceTab .main-card-box {
        margin: 0px !important;
        padding-bottom: 0px !important;
        padding-top: 15px !important;
    }

        #TravelInsuranceTab .main-card-box .get_rates {
            padding-bottom: 15px !important;
        }

            #TravelInsuranceTab .main-card-box .get_rates .form-check {
                margin-bottom: 0px !important;
            }

    #transport_Main #ActivitiesSection .border-y,
    #transport_Main #RailsSection .border-y,
    #transport_Main #TransfersSection .border-y,
    #flight_Main #OutboundFlightSection .border-y,
    #flight_Main #InternalFlightSection .border-y,
    #flight_Main #ReturnFlightSection .border-y {
        display: block;
    }

    #transport_Main #ActivitiesSection .Activity_Card,
    #transport_Main #TransfersSection .transfer_card {
        margin-bottom: 15px !important;
    }

        #transport_Main #ActivitiesSection .Activity_Card:last-child {
            margin-bottom: 0px !important;
        }

        #transport_Main #ActivitiesSection .Activity_Card:last-child,
        #transport_Main #TransfersSection .transfer_card:last-child {
            margin-bottom: 5px;
        }

    #flight_Main #OutboundFlightSection .card-section,
    #flight_Main #InternalFlightSection .card-section,
    #flight_Main #ReturnFlightSection .card-section {
        margin-top: 2px;
        margin-bottom: 15px;
    }

        #flight_Main #OutboundFlightSection .card-section:last-child,
        #flight_Main #InternalFlightSection .card-section:last-child,
        #flight_Main #ReturnFlightSection .card-section:last-child,
        #Hotel_Main .main-card-box {
            margin-bottom: 3px !important;
        }

            #Hotel_Main .main-card-box .card-section {
                margin-bottom: 0px;
            }

            #Hotel_Main .main-card-box .line-heading {
                margin-bottom: 0px;
                margin-top: 10px;
            }

                #Hotel_Main .main-card-box .line-heading .room_members_count {
                    font-size: 14px;
                }

                #Hotel_Main .main-card-box .line-heading:before {
                    top: 29%;
                }

            #Hotel_Main .main-card-box .fonts-14.text-dark {
                margin-bottom: 0px;
                font-size: 13px;
            }

    .portal_slide_heading .mainheading_txt {
        font-size: 20px !important;
    }

    .portal_slide_heading {
        left: 6% !important;
        top: 70px !important;
    }

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

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

    .portal_sliderbody .quotes-slider-content {
        padding-top: 0px;
    }

    .portal_left_qotsdts .mobil-quote-tab {
        padding-left: 6px;
    }

    .portal_left_qotsdts #AgentMessageTab .mobil-agent-container {
        padding-left: 23px !important;
    }

    .portal_left_qotsdts #AgentMessageTab .agent-body {
        margin-left: 23px !important;
        margin-right: 15px !important;
        margin-top: 18px !important;
    }

    .advisor-section .advisor_image {
        width: 40px;
        height: 40px;
    }

    .portal_left_qotsdts #TravelItineraryTab .mobil-itinerary-tab {
        padding-left: 16px !important;
        padding-right: 12px !important;
    }

    #RailsSection .card-section {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .Transports_box .card-section,
    .Addons_box .Activity_Card:last-child,
    .Hotels_box .card-section .previewtransfer {
        margin-bottom: 0px !important;
    }

    .Activity_btn .Add_Activity,
    .stay_all_rooms .Upgrade_btn,
    .Flights_box .card-section .Flight_details,
    .rail_btn .btn,
    .transfer_btn .upgrade_transfer,
    .Flights_box .btn,
    #flight_Main .btn,
    .Add_Insurance {
        font-size: 12px !important;
    }

    .ViewHotelDetails .modal-body .font-18.fw-bold.pb-3 {
        padding-bottom: 5px !important;
    }

    .transfer-selected .time-part .font-14.font-weight-600.py-1 {
        padding: 0px !important;
        line-height: 16px;
    }

    .days_main_div .mobil-day-tab .day-tab-seleced {
        padding-right: 0px !important;
    }

    #RailsSection .day-tab-seleced img,
    #transport_Main .day-tab-seleced img,
    #flight_Main .day-tab-seleced img {
        width: 20px;
    }

    #Misc_transportSection .day-tab-seleced img {
        width: 27px !important;
    }

    #flight_Main
    #InternalFlightSection
    .day-tab-seleced.text-muted.d-inline-block.font-14.px-4.py-2,
    #flight_Main
    #OutboundFlightSection
    .day-tab-seleced.text-muted.d-inline-block.font-14.px-4.py-2 {
        padding-left: 7px !important;
        padding-right: 5px !important;
    }

    .activity_collapse .accordion-body {
        padding-top: 0px !important;
    }

    .Insurance_loaded_Card .agent-content,
    .Insurance_loaded_Card .col-md-2 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .time-part .rounded-pill {
        padding: 5px 10px !important;
        white-space: nowrap;
    }

    .mobil-card-viewdetails .HotelDetails {
        font-size: 12px;
    }

    .ViewHotelDetails .attachment-body-section,
    .ViewHotelDetails .modal-body .amenities .list-group-item {
        padding-bottom: 0px !important;
    }

    .ViewHotelDetails .modal-body .border-0.p-0.pb-3.pt-3.m-0,
    .ViewHotelDetails .modal-body .p-0.pt-3.pb-3.m-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .modal_chngeplan {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 11px;
    }

    .popup_fight_div {
        position: relative;
        display: block !important;
    }

    .popup_fight_name,
    .popup_fight_name .fw-bolder.me-4.font-14 {
        display: flex;
        line-height: 16px;
        margin-right: 0px !important;
    }

    .OutboundFlightPopup .modal-body .time-part .font-14.font-weight-600.py-1 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .OutboundFlightPopup .modal-body .time-part .col-12.col-md-6.text-858585 {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .SharedPremiumPopup
    .transfer_description
    .text-dark.fonts-14.fw-bold.pt-4.pb-3 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .SharedPremiumPopup .transfer_description .transfer_general_info,
    .SharedPremiumPopup .transfer_description .line-height-30 {
        line-height: 23px;
        font-size: 13px;
    }

    .SharedPremiumPopup .modal-body,
    .HardRockPopup .modal-body {
        padding: 15px !important;
    }

    .HardRockPopup .hardrockimg {
        height: 230px;
    }

    #AccommodationSection .d-flex.align-items-center {
        display: block !important;
    }

    #TravelItineraryTab #standard-class .accomdton_time_sction .day-tab-seleced {
        display: block !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 992px) {
    .dashboard-wrapper {
        padding: 40px;
    }

    .signin-popup .sign_lognbtn {
        margin-top: 10px;
    }

    .mobile-direction {
        flex-direction: column;
    }

    .Quote_container .b_quotes_list .shared-listview-info .mobile-direction {
        flex-direction: row;
    }

    .prtal_qots_crd .listview-information {
        max-width: inherit !important;
    }

    .contact-btn {
        width: auto;
    }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
    .quotes-slider {
        width: 100%;
        height: 400px !important;
        min-height: 400px !important;
    }

    .login-bg-wrap {
        min-height: 200px;
        overflow: hidden;
        height: 200px;
    }

    .form-signin {
        margin-top: 0px;
    }

    .mobile-p {
        padding: 40px;
    }

    .mobile-direct {
        display: flex;
        flex-direction: column-reverse;
    }

    .h-custom-2 {
        height: 100%;
    }

    .login-img {
        height: auto;
    }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
    .quotelist_main_container .shared-listview-detail-info {
        min-height: 220px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .booking_list,
    .b_group_list,
    .b_quotes_list,
    .customer_list_skelton {
        display: grid;
        grid-template-columns: 50% 50%;
        gap: 10px;
    }

    .quotes-card.prtal_qots_crd.groupDiv {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .mobile-p {
        padding: 40px;
    }
}

@media screen and (min-width: 300px) and (max-width: 700px) {
    .sidebar-icon {
        left: -20px !important;
        transform: rotate(180deg);
        transition: all 0.3s linear;
    }

    .pagemainrow .sidebar {
        position: absolute;
        border-right: solid 1px #dadada;
    }

    .pagemainrow .mainContent {
        width: calc(100% - 0px);
    }

    .dashboard-wrapper {
        padding: 40px 20px;
    }

    .quotes-card .col {
        width: 100% !important;
    }

    .quotes-card .col-auto {
        width: 100% !important;
    }

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

    .shared-listview-Image {
        max-height: 160px;
        width: 100%;
        min-height: 160px;
    }

    .quotes-slider-content .pt-5 {
        padding-top: 22px !important;
    }

    .quotes-banner-section-details .font-18 .mb-2 {
        margin-bottom: 0px !important;
    }

    .quotes-banner-section-details {
        bottom: 15px;
    }

        .quotes-banner-section-details .mobile-dire-rate {
            flex-wrap: wrap !important;
        }

        .quotes-banner-section-details .btn {
            font-size: 14px;
        }

    .quotes-slider-content .btn {
        font-size: 14px;
    }

    .agent-body {
        overflow-y: scroll;
    }

    .contact-btn {
        padding: 5px 10px;
        width: auto;
        font-size: 12px;
    }

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

@media screen and (min-width: 701px) and (max-width: 992px) {
    .sidebar-icon {
        left: -20px !important;
        transform: rotate(180deg);
        transition: all 0.3s linear;
    }

    .pagemainrow .sidebar {
        position: absolute;
        border-right: solid 1px #dadada;
    }

    .pagemainrow .mainContent {
        width: calc(100% - 0px);
    }

    .dashboard-wrapper {
        padding: 40px 20px;
    }

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

    .grop_crd_container {
        width: 100%;
    }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
    .grop_crd_container .mobile-direction {
        flex-direction: column;
    }

    .dashboard-wrapper {
        padding: 30px 20px;
    }
    .bookingDetailsTab .RelatedQuotesTab .quotes-card .mobile-direction {
        flex-direction:initial!important;
    }
}

@media (max-width: 1200px) {
    .close_pricesummry {
        display: block !important;
        position: absolute;
        top: 9px;
        right: 16px;
        z-index: 10;
    }

        .close_pricesummry svg {
            width: 12px;
        }

    body .cstmerportal_pricesummry .cstmer_price_cntent .quotes-heading {
        padding-right: 40px !important;
    }

    .paymentsummary_service {
        max-height: 300px;
        overflow: scroll;
    }

    .group_recent_table tr td[data-th="Room Info"],
    .group_recent_table tr td[data-th="Room Service"] {
        text-align: center;
    }

    .container-fluid.customerportal_view {
        padding-bottom: 40px;
    }

    .vgs_main_container .vgs_container .container {
        padding-bottom: 40px !important;
    }

    .daybyday_colNine {
        width: 100%;
    }

    .cstmerportal_pricesummry
    .quotes-summary-section-body
    .booking_accr_border.accr-border {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .booking_amont_scton,
    .booking_txt_compte {
        margin: 0px !important;
    }

    .tobepaid_booking {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .PayConfirm_btn {
        margin-right: 15px !important;
        margin-left: 15px !important;
    }

        .PayConfirm_btn .btn-primary {
            margin-bottom: 16px !important;
        }

    .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;
        }

    .login2swiper-heading {
        font-size: 36px !important;
    }

    .Request_Quote_form .col-md-3 {
        flex: 0 0 50%;
        width: 100%;
    }

    .sm-laptop-w100,
    .customer-portelRequest .col-md-9 {
        flex: 0 0 100%;
        width: 100%;
    }
}

@media screen and (min-width: 576px) and (max-width: 992px) {
    .Quote_container .b_quotes_list .col-md-4 {
        width: 100%;
    }

    .Quote_container .b_quotes_list .shared-listview-info .mobile-direction {
        flex-direction: row;
    }

    .qotes_dircton_detls {
        gap: 10px;
    }

        .qotes_dircton_detls .listview-name.text-center,
        .qotes_dircton_detls .listview-information.text-center {
            text-align: initial !important;
        }

    .ative_boking_container + .booking_list .prtal_qots_crd .listview-heading {
        flex-direction: column !important;
        padding-bottom: 10px;
    }

    .portal_Until_deprtre {
        text-align: end;
    }
}

@media (max-width: 400px) {
    .view_portal_btndiv .pckg_prce {
        white-space: nowrap;
    }

    .qotes_dircton_detls .listview-name,
    .qotes_dircton_detls .listview-information {
        text-align: initial !important;
    }

    .moble_dircton_unstld {
        flex-direction: row;
    }
}

@media (max-width: 992px) {
    .container-fluid.breakpoint-container-fluid.customerportal_view{
        padding-left:0px!important;
        padding-right:0px!important;
    }
    .misc_trans_card .activity_preview_card {
        margin-bottom: 20px !important;
    }
    .booking_details_main_card {
        grid-template-columns: 1fr;
    }
    .details_confirm_subheading{
       font-size:12px;
    }
    .allboking_qotes,
    .tableint {
        font-size: 14px;
    }

    .view_portal_btndiv p.text-end .btn {
        font-size: 12px;
    }

    #mediaAddds .dash-box {
        margin-right: 0px !important;
        margin-bottom: 10px !important;
    }

        #mediaAddds .dash-box .Media_Handles {
            font-size: 14px;
            font-weight: 500;
        }

    .guest_progress_container {
        margin-bottom: 10px;
    }

        .guest_progress_container .Group-web {
            margin-bottom: 0px;
        }

    .profilefooter_checkbox {
        padding-left: 15px;
    }

    .portal_payment_details.customerPortal_agentView .group_continue_btn {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .daybyday_booking .day-tab-seleced,
    #Attachments-toggle {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .revew_txtara {
        padding: 15px !important;
    }

    .portl_stndrd_bookingdetls
    .stndrd_div
    .quote-creating-side-bar
    .left-side-Stepper {
        padding-left: 15px;
    }

    .Cancellation_Policy_txt,
    .PaymentReceipt_container .PaymentReceipt_txt {
        font-size: 15px !important;
    }

    .Cancellation_Policy_subtxt {
        font-size: 13px;
    }

    #Chatalert {
        top: 115px;
        font-size: 13px;
    }

    #logintochat {
        font-size: 13px;
    }

 /*   .flight_itinerary_main_box .card-section.flight_card .time-part {
        gap: 20px;
    }*/

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

    #customerProfile.dashboard-wrapper {
        padding-top: 72px !important;
        padding-bottom: 0px;
    }

    .quote_expired .active_qotes_card_img::before,
    .quote_expired.shared-listview-Image::before {
        z-index: 2;
    }

    .shared-listview-Image {
        margin-bottom: 10px;
    }

    .portal_login_wrap {
        width: 65%;
    }

    .card-section .locationOptionDiv {
        padding: 20px 30px !important;
    }

    .customer_list_skelton .grop_crd_container .shared-listview-Image {
        width: 100%;
    }

    .request-content .breakpoint-request-content {
        overflow: initial !important;
    }

    .portal_payment_details.layoutMainBody
    #sidebarMenu.active ~ .grop_list_maincontainer
    .dashboard-wrapper,
    .portal_payment_details.layoutMainBody
    #sidebarMenu.active ~ .quotelist_main_container
    .dashboard-wrapper,
    .portal_payment_details.layoutMainBody
    #sidebarMenu.active ~ .bookinglist_main_container
    .dashboard-wrapper {
        padding-right: 20px;
    }

    .portal_payment_details.layoutMainBody #sidebarMenu {
        display: none !important;
    }

        .portal_payment_details.layoutMainBody #sidebarMenu.active {
            width: 204px !important;
            top: 62px !important;
            transition: none !important;
            position: absolute !important;
        }

    .quotes-banner-section-details .font-18 {
        font-size: 13px;
    }

    .ative_boking_container {
        margin-top: 15px;
    }

    .portal_durtion_div {
        display: grid !important;
        grid-template-columns: 50% 50%;
        gap: 0px !important;
    }

        .portal_durtion_div .font-18:last-child {
            text-align: start !important;
        }

    .view_portal_btndiv {
        flex-direction: column;
    }

    .itnery_tab {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .booking-confirmation-page {
        padding: 30px 15px !important;
    }

        .booking-confirmation-page .hotel-traveler-details .text-end {
            text-align: left !important;
        }

        .booking-confirmation-page .hotelreservationsec {
            flex-direction: column;
        }

    #flight_Main #OutboundFlightSection .card-section .previewtransfer,
    #flight_Main #InternalFlightSection .card-section .previewtransfer,
    #flight_Main #ReturnFlightSection .card-section .previewtransfer,
    #transport_Main #RailsSection .main-card-box {
        margin: 0px !important;
    }

    .bokingDetls_main_card.card,
    .booking_file_container {
        margin: 15px !important;
    }

    .Cancellation-section {
        padding: 15px !important;
    }

    .travler_crd_detls.card {
        margin: 0px 15px 15px 15px !important;
    }

    .portal_payment_details #sidebarMenu {
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }

    .prtal_qots_crd .shared-listview-Image {
        width: 100%;
    }

    #Addons_Main .main-card-box {
        padding: 0px !important;
    }

    #TravelItineraryTab #standard-class .day-tab-seleced {
        width: 100%;
    }

    #Hotel_Main .border-bottom-section {
        display: block !important;
    }

    .customer_list_skelton .shared-listview-Image .animatedBackground {
        width: 100% !important;
        height: 100% !important;
    }

    .customer_list_skelton .card_grop_id .animatedBackground:nth-child(2) {
        margin-left: 0px !important;
        margin-top: 10px;
    }

    .customer_list_skelton .prtal_stus {
        border-radius: 18px;
        background: #f3f3f3;
    }

    .customer_list_skelton .shared-listview-detail-info {
        margin-top: 10px;
    }

    .prtal_stus {
        position: absolute;
        top: 26px;
        right: 26px;
        background: rgba(255, 255, 255, 0.5) !important;
        z-index: 2;
    }

    .contact-toggle-button input[type="button"].btn-toggle {
        padding: 5px 10px;
        font-size: 12px;
    }

    .contact-btn-1 {
        width: 140px;
        font-size: 12px;
        padding-left: 12px !important;
    }

    .sidebar-toggle-icon {
        left: 196px !important;
    }

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

        .crd_grop_emldiv .listview-information {
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .card_grop_id + div .qotes_dircton_detls > div {
        display: flex;
    }

    .qotes_dircton_detls .col-sm-6 {
        width: 100%;
        display: flex;
    }

    .qotes_dircton_detls .listview-name {
        min-width: 90px;
        text-align: start !important;
    }

    .qotes_dircton_detls .listview-information {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        font-weight: 500;
        padding-bottom: 5px;
    }

    .portal_card_name {
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .card_grop_id {
        display: block !important;
    }

    .quotes_Trip_Code {
        text-align: start;
    }

    .portal_alertbox_txt {
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
    }

    .login2swiper-heading {
        font-size: 24px !important;
    }

    .tab-relative {
        position: relative;
    }

    .login_signdiv a {
        font-size: 14px;
    }

    .quotes-card .mobile-direction .ps-4 {
        padding-left: 0px !important;
    }

    .lightreq-bg .login_hamburger {
        right: 0 !important;
        z-index: 12;
    }

    .login_hamburger.is-active {
        position: fixed;
        right: 15px !important;
    }

    .login_signdiv {
        padding-top: 40px !important;
        right: 0 !important;
    }

    .portal_Until_deprtre,
    .make_pymnt_txt {
        font-size: 14px;
    }

    .exprtlst_blnk {
        display: none;
    }

    .not-responsive {
        display: none !important;
    }

    .sidebar-toggle-icon {
        display: none;
    }

    .quotation_found_div {
        width: 100%;
        min-width: 290px;
    }

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

    .b_quotes_list .quotes-card .shared-listview-Image {
        min-height: 150px;
        max-height: 150px;
        width: 100%;
    }

    .portal_mobile_responsive #sidebarMenu {
        display: none;
        transition: none !important;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        position: fixed;
        border-right: 0px;
        top: 0;
        bottom: 0;
        height: 100%;
    }

        .portal_mobile_responsive #sidebarMenu .nav {
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .portal_mobile_responsive #sidebarMenu .sidebar-help-section {
            margin-top: 30px;
        }

        .portal_mobile_responsive #sidebarMenu .nav .nav-link {
            padding-bottom: 3px;
            border-bottom: 1px solid #dadada;
            padding-top: 3px;
        }

    #AgencyLogoName {
        font-size: 20px;
    }

    .portal_header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 13px 25px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        border-bottom: 1px solid #dadada;
    }

    .login2-logo {
        font-size: 24px;
        font-weight: 600;
        color: var(--nav-theme-default);
        height: 25px !important;
    }

    .login_hamburger {
        display: block;
        cursor: pointer;
        top: 19px !important;
    }

        .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);
        }

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

    .grop_list_maincontainer {
        border: none;
    }

    .dashboard-wrapper {
        padding-top: 80px !important;
    }

        .dashboard-wrapper .d-flex.justify-content-center {
            margin-bottom: 0px !important;
        }

    .grop_list_maincontainer
    .quotes-card
    .shared-list
    .d-flex.justify-content-between {
        display: block !important;
        text-align: end;
    }

    .grop_list_maincontainer .quotes-card .shared-list li:last-child {
        margin-bottom: 0px;
    }

    .grop_list_maincontainer
    .quotes-card
    .shared-list
    .d-flex.justify-content-between
    .listview-information {
        text-align: start;
        margin-bottom: 20px;
    }

    .wedng_prpsal_container {
        padding: 0px;
    }

    .quotes-details-page .proposal-slider .swiper-button-prev {
        left: 12px;
    }

    .quotes-details-page .proposal-slider .swiper-button-next {
        right: 12px;
    }

    .wedng_prpsal_container .wedding_proposal_sliderbody {
        top: 20px !important;
        left: 0px;
        right: 0px;
        height: 370px !important;
        min-height: 370px !important;
        width: calc(100% - 110px) !important;
        margin: 0 auto;
    }

        .wedng_prpsal_container
        .wedding_proposal_sliderbody
        .quotes-banner-section-details {
            bottom: 5px;
            left: 0px;
            width: 97%;
        }

    .wedng_prpsal_container .quotes-details-page .proposal-slider {
        min-height: 400px;
        height: 400px;
    }

    .wedng_prpsal_container .wedding_proposal_sliderbody .quotes-slider-heading {
        top: 10%;
        width: 100% !important;
        left: 0px;
    }

    .wedng_prpsal_container #detailsMainDiv .nav {
        overflow: scroll;
        flex-wrap: nowrap;
    }

        .wedng_prpsal_container #detailsMainDiv .nav .nav-item {
            padding: 7px 0px 7px 15px;
        }

        .wedng_prpsal_container #detailsMainDiv .nav .nav-link {
            width: 105px;
            padding: 0px;
            padding-top: 8px;
            white-space: nowrap;
        }

    .quotes-slider-heading h4 {
        font-size: 30px !important;
    }

    .wedng_prpsal_container
    #detailsMainDiv
    .nav
    .nav-item:nth-child(3)
    .nav-link {
        width: 130px;
    }

    .wedng_prpsal_container
    #detailsMainDiv
    .nav
    .nav-item:nth-child(5)
    .nav-link {
        width: 155px;
    }

    .wedng_prpsal_container #detailsMainDiv .nav .nav-link.active {
        padding: 8px 0px;
    }

    .wedng_prpsal_container #Agent-toggle {
        padding: 16px !important;
    }

    .wedng_prpsal_container #hdnAgentMsg {
        margin: 0px !important;
        padding: 15px;
    }

    .wedng_prpsal_container .advisor-section {
        margin-top: 10px !important;
        margin-right: 0px !important;
    }

    .sidbarlogo {
        display: none;
    }

    .customerPortal_agentView #sidebarMenu {
        display: none !important;
    }

    #Availability-toggle .shared-listview-Image,
    #weddingpackage-toggle .shared-listview-Image,
    #detailsMainDiv .shared-listview-Image {
        max-height: 90px;
        width: 100px;
        min-height: 90px;
    }

    #Availability-toggle .font-14.mb-2.fw-bolder,
    #weddingpackage-toggle .font-14.mb-2.fw-bolder,
    #detailsMainDiv .font-14.mb-2.fw-bolder {
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 0px !important;
        line-height: 17px;
    }

    .packageSubDiv .cursor-pointer .font-12.text-dark {
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-right: 10px;
        line-height: 17px;
    }

    .ceremony-content {
        font-size: 13px;
        line-height: 16px;
    }

    #detailsMainDiv
    .tab-content
    .d-flex.align-items-center.justify-content-between {
        padding-top: 6px !important;
        padding-bottom: 10px !important;
        padding-left: 16px !important;
    }

        #detailsMainDiv
        .tab-content
        .d-flex.align-items-center.justify-content-between
        .tab-heading.font-18 {
            font-size: 14px;
        }

    .agent-body-shadow {
        top: -296px;
    }

        .agent-body-shadow .agent-body {
            margin-left: 0px !important;
            margin-right: 0px !important;
            margin-bottom: 0px !important;
        }

    #ChangeBanner .modal-title {
        font-size: 14px;
    }

    #ChangeBanner .templates-contact-btn {
        font-size: 14px;
    }

    #ChangeBanner .uploadproposal-body .banner-image {
        width: 100%;
        height: 100%;
    }

    #ChangeBanner .update-banner label,
    #ChangeBanner input {
        font-size: 14px;
    }

    .grpdashboard {
        border: none;
        background: transparent !important;
    }

        .grpdashboard .dashboard-wrapper {
            padding: 10px 15px;
        }

            .grpdashboard .dashboard-wrapper.goup_propsl_dshbord {
                padding: 10px 15px !important;
                padding-top: 90px !important;
            }

            .grpdashboard .dashboard-wrapper .grp_bckbtn {
                padding-bottom: 10px !important;
            }

            .grpdashboard
            .dashboard-wrapper
            .GroupDashboard-details
            .groupdashboard-name {
                margin: 0px !important;
            }

        .grpdashboard .groupdashboard-name {
            padding-bottom: 10px !important;
            float: inherit;
        }

            .grpdashboard .groupdashboard-name .grp_mainheading {
                font-size: 16px;
            }

            .grpdashboard .groupdashboard-name .grp_subheading {
                font-size: 14px;
            }

        .grpdashboard .groupdashboard-event::before {
            width: 35px;
            height: 35px;
            background-size: 30px;
            left: -15px;
            top: 14px;
        }

        .grpdashboard .groupdashboard-event {
            margin-bottom: 0px !important;
            margin-top: 0px !important;
            padding-top: 10px !important;
            padding-bottom: 10px !important;
            float: inherit;
        }

            .grpdashboard .groupdashboard-event .evt_txt {
                font-size: 16px;
            }

        .grpdashboard .user-bottom-detailstwo {
            position: relative;
            padding-top: 10px;
            padding-bottom: 10px;
        }

            .grpdashboard .user-bottom-detailstwo .grpuser_detlsdiv {
                display: block !important;
                padding-left: 0px !important;
            }

    .user-bottom-detailstwo .grp_grop_cordntor .icon svg {
        width: 22px;
        height: 22px;
    }

    .grpdashboard .user-bottom-detailstwo h6 {
        font-size: 14px;
    }

    .grpdashboard .user-bottom-detailstwo .grpuser_detlsdiv .grpuser_dashimg img {
        width: 30px;
    }

    .grpdashboard .group-weddweb .text-muted {
        margin-bottom: 0px;
    }

    .grpdashboard .Group-web .grp_gustpros_div {
        padding-top: 10px !important;
    }

    .grpdashboard .Group-web .user-bottom-details {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 10px;
        justify-content: end;
    }

    .grpdashboard .Group-web .progress.mb-4 {
        margin-bottom: 15px !important;
    }

    .grpdashboard #Confirmed-Guestlist .card-body.bg-white.Group-web {
        margin-top: 0px !important;
    }

    .grpdashboard .group-lookuptab .nav-pills .nav-link.active,
    .grpdashboard .group-lookuptab .nav-pills .nav-link {
        font-size: 14px;
    }

    .grpdashboard .grup_hlo_dtls .groupdashboard-event p {
        font-size: 14px;
    }

    #detailsMainDiv .proscess-content {
        font-size: 14px;
    }

    #detailsMainDiv .stepper .stepper-body .round-tab {
        width: 30px;
        height: 30px;
    }

    #detailsMainDiv .stepper .stepper-body li:after {
        left: 20px;
    }

    #detailsMainDiv .packageSubDiv .font-12.text-dark.mb-0 {
        font-size: 10px;
    }

    .revew_txtara .form-editor-wrap {
        margin-bottom: 0px !important;
    }

        .revew_txtara .form-editor-wrap textarea {
            font-size: 14px;
        }

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

    .revew_txtbtn .form-check {
        margin-bottom: 15px !important;
    }

    .revew_txtbtn .btn-primary {
        font-size: 14px;
    }

    .ViewHotelDetails .modal-title {
        font-size: 14px;
    }

    .mobil-popup-spantext {
        font-size: 12px;
    }

    .ViewHotelDetails .Hotel_swipper_slider .swiper-image,
    .ViewHotelDetails .Hotel_swipper_slider {
        height: 240px;
    }

    .grp_emailbtn,
    .grp_gstbtn {
        display: block;
    }

    .invte_mail.btn-primary,
    body .grp_gstbtn {
        border: none;
        font-size: 0px !important;
        width: 40px;
        height: 40px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 0px !important;
    }

    .grp_emailbtn {
        filter: brightness(100);
    }

    .grpdashboard .user-bottom-detailstwo .grpuser_detlsdiv .grp_grop_cordntor {
        border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .mobileqots_srchdiv {
        position: absolute;
        right: 0px;
        left: 0px;
        z-index: 99;
        top: 57px;
        display: none;
    }

        .mobileqots_srchdiv.show {
            display: flex !important;
            justify-content: center;
        }

        .mobileqots_srchdiv #datatable1_wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 0px;
            padding-top: 0px;
        }

    .tranparent_layout {
        content: "";
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: 0.5;
        display: none;
        z-index: 98;
    }

    .mobileqots_srchdiv #datatable1_wrapper .mobileqots_inputdiv {
        display: inline-flex;
        background: #fff;
        border: 1px solid #f5f7fb;
        align-items: center;
        border-radius: 4px;
    }

        .mobileqots_srchdiv #datatable1_wrapper .mobileqots_inputdiv input {
            border: none;
        }

        .mobileqots_srchdiv
        #datatable1_wrapper
        .mobileqots_inputdiv
        .invtqots_srchclose {
            padding-left: 5px;
            padding-right: 5px;
            cursor: pointer;
            display: block;
        }

            .mobileqots_srchdiv
            #datatable1_wrapper
            .mobileqots_inputdiv
            .invtqots_srchclose
            img {
                width: 11px;
            }

    .mobileqots_srchicon {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background-color: var(--theme-default);
        padding: 7px;
        border-radius: 4px;
        margin-left: 3px;
        cursor: pointer;
    }

        .mobileqots_srchicon img {
            filter: brightness(100);
        }

    .mobile_qots_flterdiv {
        display: flex;
    }

        .mobile_qots_flterdiv .custom-filter-btn #leadfilterLink {
            margin-left: 0px !important;
        }

    .filterByStatus.invtquotes {
        padding: 10px !important;
    }

        .filterByStatus.invtquotes .room-type-price {
            padding-bottom: 4px;
        }

    .cislabel {
        width: 100% !important;
        font-size: 13px;
    }

    .emailguestmodal .modal-body,
    .emailguestmodal .modal-footer {
        padding: 10px !important;
    }

        .emailguestmodal .modal-body .collapseheader {
            padding-right: 10px;
        }

    .addspreadsheetmodal .modal-body .dragdrop {
        margin: 9px;
        width: inherit;
        min-width: 100px;
        background: transparent;
    }

    .addspreadsheetmodal .modal-body,
    .addspreadsheetmodal .modal-footer {
        padding: 10px !important;
    }

        .addspreadsheetmodal .modal-body .form-group-material {
            padding-bottom: 0px !important;
        }

        .addspreadsheetmodal .modal-body .coldrag {
            margin-bottom: 6px;
        }

        .addspreadsheetmodal .modal-body .drgdop_body {
            padding-top: 10px;
        }

    .group-profilefooter,
    .group-profile {
        font-size: 13px;
    }

        .group-profilefooter span {
            padding-left: 5px !important;
        }

    .grp_dtssavebtn {
        justify-content: end;
    }

    .quotelist_main_container {
        border-left: none;
    }

    #login2requesttoggle .request_roomclass .ClassforCalendar .CheckIn,
    #login2requesttoggle .request_roomclass .ClassforCalendar .CheckOut,
    #login2requesttoggle .request_roomclass .ClassforCalendar .TotalPax {
        max-width: 100%;
        width: 100% !important;
    }

    canvas#canvas1 {
        margin-bottom: 15px;
    }

    .weddgap.wedqotesgrp {
        margin-top: 15px !important;
    }

    #btnGroupDrop1.customer-list-spredsheet {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .grp_gstbtn,
    .extprt_lstbtn {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        height: 40px;
    }

    .packageSubDiv .garden-image {
        max-width: 70px;
        min-width: 70px;
    }

    .packageDiv.selectedPkg,
    .card-section {
        margin-bottom: 15px;
    }

        .packageDiv.selectedPkg,
        .card-section:last-child,
        .wedng_prpsal_container .left-side-tab .card-body .card:last-child {
            margin-bottom: 0px !important;
        }

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

    .agent-message {
        margin-bottom: 0px;
    }

    .quotes-slider-heading h4 {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .quotes-details-down-section {
        flex-direction: column;
    }

    .container-fluid.customerportal_view {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .accordion-support p {
        font-size: 12px;
        margin-bottom: 0px;
    }

    .cstmerportal_pricesummry .accordion-footer .payable-box {
        margin-bottom: 13px !important;
    }

    .hotel-skeleton-image .sqre_div {
        height: 400px !important;
    }

    .hotel-skeleton-image .square.sqre_subdiv .paragraph-content-skeleton {
        width: 50px !important;
    }
}

@media (max-width: 576px) {
   .time-part {
        gap: 20px;
    }
    #First-Time-User-popup-Email.modal .modal-title,
    #First-Time-User-popup.modal .modal-title,
    #First-Time-User-popup .modal-title {
        padding-left: 10px !important;
    }

    .poweredby-footer {
        padding: 25px;
    }

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

    .payment_Details_card .prtal_pymnt_crd_dash {
        display: none;
    }

    .payment_Details_card .prtal_pymnt_crd_date .dtes,
    .payment_Details_card .prtal_pymnt_crd_date {
        display: block;
    }

    .ative_boking_container {
        border-bottom: 0px solid #ddd;
        padding-bottom: 0px;
    }
}

@media (max-width: 540px) {
    .group_leader_alertbox {
        gap: 15px;
        flex-direction: column;
        align-items: start !important;
    }

        .group_leader_alertbox .portal_reqst_btn {
            min-width: 100%;
        }

    .mobile_transparentcolor {
        font-size: 0px;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: #000 !important;
        border-radius: 0px !important;
        height: 100% !important;
        opacity: 0.5;
        overflow: hidden !important;
        transition: none !important;
    }

        .mobile_transparentcolor label {
            font-size: 0px !important;
        }

    .cstmerportal_pricesummry {
        bottom: 0px !important;
        width: 100% !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        transition: none !important;
    }

        .cstmerportal_pricesummry .payble_container {
            border-bottom-left-radius: 0px !important;
            border-bottom-right-radius: 0px !important;
            transition: none !important;
        }

        .cstmerportal_pricesummry:before {
            display: none;
        }

    .portal_left_qotsdts
    .romcatogre_div
    .stay_all_rooms
    .selected-rate
    .selected-rate_subdiv,
    .hotel_details_section {
        grid-template-columns: 1fr !important;
    }

    .grpdashboard .Group-web .weddingweb {
        display: block;
        margin-bottom: 15px;
    }

    .poweredby-footer {
        flex-direction: column;
        padding: 25px 30px;
        gap: 12px;
    }

    .grpdashboard .Group-web .weddingweb #canvas1 {
        margin: 0px auto;
    }

    .grpdashboard .group-weddweb {
        display: block !important;
        padding-left: 20px !important;
        padding-top: 10px !important;
    }

    .poweredby-footer img {
        height: 26px;
    }

    .dsb_menuautoflow {
        overflow: auto;
    }

        .dsb_menuautoflow .nav.nav-pills {
            width: 700px;
        }

    .grpdashboard .groupdashboard-event {
        margin-left: 30px !important;
        padding-right: 0px !important;
    }

    .grpdashboard .user-bottom-detailstwo .grpuser_detlsdiv .grpuser_dashimg {
        left: 16px;
    }

    .grpdashboard .user-bottom-detailstwo .grp_grop_cordntor .icon {
        left: 19px;
    }

    .addguestmodal .right-side-card-header {
        margin-left: 0px;
    }

    .weburl {
        font-size: 12px;
    }

    #detailsMainDiv .font-14.mb-2.fw-bolder {
        margin-bottom: 5px !important;
    }
}

@media (min-width: 540px) and (max-width: 767px) {
    .grup_hlo_dtls {
        display: flex;
    }

    .grpdashboard .grup_hlo_dtls .groupdashboard-name {
        padding-top: 10px !important;
    }

    .dsb_menuautoflow {
        overflow: auto;
    }

        .dsb_menuautoflow .nav.nav-pills {
            width: 700px;
        }

    .filterByStatus.invtquotes .room-type-price {
        flex: 0 0 50%;
    }
}

@media (max-width: 1399px) {
    .user-bottom-details {
        min-height: inherit;
    }

    .daybyday_dates {
        display: inline-flex;
        font-size: 13px;
    }

    .fetch-lead-head {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .quotation_found_div {
        max-width: 100%;
    }

    .fetch-lead_header {
        width: 100%;
        padding-top: 0px;
    }

    .wedng_prpsal_container
    .wedding_proposal_sliderbody
    .quotes-slider-heading
    .big-text {
        white-space: normal;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .big-text {
        font-size: 40px;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .wedding_proposal_sliderbody .proposalSubTitle {
        font-size: 25px !important;
    }
}

@media (min-width: 992px) and (max-width: 1399px) {
    #login2requesttoggle .request_roomclass .ClassforCalendar .CheckIn,
    #login2requesttoggle .request_roomclass .ClassforCalendar .CheckOut,
    #login2requesttoggle .request_roomclass .ClassforCalendar .TotalPax {
        flex: 0 0 50%;
        width: 100%;
    }

    .grpdashboard .dashboard-wrapper {
        padding: 20px;
    }

        .grpdashboard .dashboard-wrapper.goup_propsl_dshbord {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

    .group-lookuptab .nav-pills .nav-link {
        font-size: 14px !important;
    }

    .grpdashboard .groupdashboard-name .grp_mainheading {
        font-size: 16px;
    }

    .grpdashboard .groupdashboard-name .grp_subheading {
        font-size: 14px;
    }

    .grpdashboard .groupdashboard-event .evt_txt {
        font-size: 16px;
    }

    .grpdashboard .grup_hlo_dtls .groupdashboard-event p {
        font-size: 14px;
    }

    .grpdashboard .groupdashboard-event::before {
        width: 35px;
        height: 35px;
        background-size: 30px;
        left: -15px;
        top: 14px;
    }

    .grpdashboard .Group-web .grp_gustpros_div {
        padding-top: 10px !important;
    }

    .grpdashboard .group-weddweb {
        padding-top: 10px !important;
        padding-bottom: 18px !important;
    }

        .grpdashboard .group-weddweb .text-muted {
            margin-bottom: 0px;
        }

    canvas#canvas1 {
        margin-bottom: 15px;
    }

    .grpdashboard .Group-web .progress.mb-4 {
        margin-bottom: 15px !important;
    }

    .grpdashboard
    .Group-web
    .group-progress
    .mb-2.d-flex.justify-content-between {
        margin-top: 6px !important;
    }

    .mobileqots_srchdiv #datatable1_wrapper {
        padding-top: 0px;
        min-width: inherit;
    }

    .exprtlst_blnk {
        display: none;
    }
}

@media screen and (min-width: 1199px) and (max-width: 1350px) {
    .dashboard-wrapper {
        padding: 30px 50px;
    }

    .prtal_qots_crd .listview-information {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 210px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    canvas#canvas1 {
        width: 129px !important;
        height: 129px !important;
    }

    .filterByStatus.invtquotes .room-type-price {
        flex: 0 0 auto;
        width: 33%;
    }

    .Group-web .weddgap.wedqotesgrp {
        margin-top: 6px !important;
    }
}

@media (max-width: 1200px) {
    .group_proposal_email .content h6 {
        width: 95%;
        overflow: hidden;
    }

    .guest_progress_container .Group-web {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .Group-web .weddgap.wedqotesgrp span.text-muted {
        white-space: nowrap;
    }

    .Group-web .weddingweb div:first-child {
        justify-content: center;
        display: flex;
    }

    .chat-activate-bar {
        border-radius: 0px;
    }

    .left-side-Stepper li:only-child .portal_bullets::before {
        display: none;
    }

    .left-side-Stepper li:only-child {
        padding-top: 0px;
    }

    .AmountPaid_footer,
    .booking_management {
        padding: 8px 15px !important;
    }

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

    .AmountPaid_footer .payable-box,
    .Booking_management_heading {
        font-size: 14px !important;
    }

    .payment-details-page {
        padding-bottom: 45px !important;
    }

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

    .prosl_stepbdy li:first-child .tooltip_wrapper .tooltip {
        min-width: 230px;
        bottom: -15px;
        left: 18px;
        margin-bottom: 0px;
    }

        .prosl_stepbdy li:first-child .tooltip_wrapper .tooltip:after {
            transform: rotate(90deg);
            bottom: 20px;
            left: 46%;
            margin-left: -120px;
        }

    .prosl_stepbdy li:nth-child(2) .tooltip_wrapper .tooltip {
        min-width: 230px;
        bottom: -99px;
        left: -140px;
        margin-bottom: 0px;
    }

        .prosl_stepbdy li:nth-child(2) .tooltip_wrapper .tooltip:after {
            top: -9px;
            bottom: auto;
            transform: rotate(180deg);
            left: 151px;
        }

    .prosl_stepbdy li:last-child .tooltip_wrapper .tooltip {
        left: auto;
        right: 15px;
        min-width: 230px;
        margin-bottom: 0px;
        bottom: -25px;
    }

        .prosl_stepbdy li:last-child .tooltip_wrapper .tooltip:after {
            right: -14px;
            transform: rotate(268deg);
            left: auto;
            bottom: 30px;
        }

    .portal_login_wrap {
        padding: 15px 10px !important;
    }

    .cstmerportal_pricesummry .cstmer_price_cntent {
        max-height: 60vh;
        overflow: auto;
    }

    .cstmerportal_pricesummry .payble_container {
        background: #fff;
        position: sticky;
        bottom: 0;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
    }

    .cstmerportal_pricesummry .cstmer_price_cntent .quotes-heading {
        position: sticky;
        top: 0px;
        background: #fff;
        z-index: 9;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
    }

    .confmtn_steper {
        padding: 11px 200px 120px 200px !important;
    }

    .cstmerportal_pricesummry .quotes-summary-section-body .quotes-heading,
    .cstmerportal_pricesummry .quotes-summary-section-body .accr-border,
    .payble_container {
        padding: 8px 15px !important;
    }

    .Group-web .weddingweb {
        flex-direction: column;
        padding-bottom: 12px;
    }

    .price-summary-heading,
    .quotes-summary-section-body .accr-border .accordion-button {
        font-size: 14px !important;
    }

    .cstmerportal_pricesummry.comlte_sdre .accordion-footer,
    .cstmerportal_pricesummry.comlte_sdre .accordion-footer .payable-box {
        margin-bottom: 0px !important;
    }

    .portl_stndrd_bookingdetls .time-part {
        gap: 10px;
    }

    .portl_stndrd_bookingdetls .stndrd_div #AccommodationSection .accmd {
        border-top: 1px solid var(--theme-border-light-clr);
    }

    .stepper {
        padding-left: 72px;
        padding-right: 110px;
        padding-bottom: 78px;
    }

    .vgs_pymnt_sumry {
        background: #fff;
        border-radius: 8px;
        width: 300px;
        margin: 0 auto;
        border: 1px solid #ddd;
        position: fixed;
        bottom: 46px;
        left: 0px;
        right: 0px;
        z-index: 1001;
        box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
        display: none;
    }

        .vgs_pymnt_sumry:before {
            content: "";
            width: 20px;
            height: 20px;
            transform: rotate(-45deg);
            background: #fff;
            position: absolute;
            bottom: -10px;
            left: 0px;
            right: 0px;
            margin: 0 auto;
        }

    .vgs_pymnt_smry_btn {
        display: block;
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background: #fff;
        border-top: 1px solid #dadada;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 7px;
        padding-bottom: 7px;
    }

        .vgs_pymnt_smry_btn label {
            color: var(--theme-default);
        }

    .vgs_container .prvw_colNine {
        border-right: 0px !important;
    }

    .portal_durtion_div .font-18:last-child {
        text-align: end;
    }

    .view_portal_btndiv {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

        .view_portal_btndiv p .h3.fw-bolder.ps-3 {
            display: block;
            padding-left: 0px !important;
            margin-bottom: 0px;
        }

        .view_portal_btndiv p {
            margin-bottom: 5px;
        }

    .portal_durtion_div {
        display: flex;
        justify-content: space-between;
        padding-top: 5px;
        width: 100%;
        gap: 10px;
    }

    .quotes-banner-section-details .mobile-dire-rate {
        display: block !important;
    }

    .portal_pricesmmry_sklton {
        display: none;
    }

    .prevw_lead_skelton .hotel-content-skeleton.border-end {
        width: 100%;
    }

    #Hotel_Main .border-bottom-section {
        border-top: 1px solid #dadada;
    }

    .days_main_div .mobil-day-tab .day-tab-seleced.bg-f3f3f3 {
        width: 100%;
        padding-left: 22px !important;
    }

    .Flights_box .time-part {
        gap: 10px;
    }

    .portal_left_qotsdts .mobil-day-class .modelside-nav {
        padding-bottom: 0px;
    }

    .chat_image {
        height: 25px;
        width: 25px;
        overflow: hidden;
    }

        .chat_image svg {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

            .chat_image svg path {
                fill: var(--theme-default);
            }

    .mobile_portal_price {
        display: flex;
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background: #fff;
        border-top: 1px solid #dddddd;
        z-index: 999;
        height: 45px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }

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

    .mobile_portal_pricetxt {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
    }

        .mobile_portal_pricetxt label {
            font-size: 14px;
            margin-right: 5px;
            min-height: 5px;
            color: var(--theme-default);
        }

    .chat-part {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }

    .desk_chat_part {
        display: none !important;
    }

    .cstmerportal_pricesummry {
        background: #fff;
        border-radius: 8px;
        width: 300px;
        border: 1px solid #ddd;
        position: fixed;
        bottom: 46px;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 1001;
        box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
        display: none;
    }

    .customerview_collapse {
        display: flex;
        flex-direction: column;
        height: auto;
        overflow: auto;
        max-height: 30vh;
    }

    .cstmerportal_pricesummry:before {
        content: "";
        width: 20px;
        height: 20px;
        transform: rotate(-45deg);
        background: #fff;
        position: absolute;
        bottom: -10px;
        left: 50%;
    }

    .prevwlead_maincontent.border-left-section {
        border-left: 0px !important;
    }

    .prvw_colNine,
    #standard-class .page-section-scroll {
        width: 100%;
    }

    #TravelItineraryTab
    .mobil-day-class
    .quote-creating-side-bar
    .left-side-Stepper {
        flex-direction: initial !important;
        overflow: auto;
        padding-bottom: 15px;
        padding-top: 15px !important;
        margin-bottom: 0px;
    }

    .portl_stndrd_bookingdetls
    .stndrd_div
    .quote-creating-side-bar
    .left-side-Stepper {
        flex-direction: initial !important;
        overflow: auto;
        padding-bottom: 15px;
        padding-top: 15px !important;
        margin-bottom: 0px;
        display: flex;
    }

        #TravelItineraryTab
        .mobil-day-class
        .quote-creating-side-bar
        .left-side-Stepper
        li
        .portal_bullets::before,
        .portl_stndrd_bookingdetls
        .stndrd_div
        .quote-creating-side-bar
        .left-side-Stepper
        li
        .portal_bullets::before {
            top: -4px !important;
            left: 0px;
            margin: 0px;
        }

        #TravelItineraryTab
        .mobil-day-class
        .quote-creating-side-bar
        .left-side-Stepper
        li::after,
        .portl_stndrd_bookingdetls
        .stndrd_div
        .quote-creating-side-bar
        .left-side-Stepper
        li::after {
            left: 9px;
            top: 2px !important;
            width: 123px;
            height: 2px;
        }

        #TravelItineraryTab
        .mobil-day-class
        .quote-creating-side-bar
        .left-side-Stepper
        li:first-child:after,
        .portl_stndrd_bookingdetls
        .stndrd_div
        .quote-creating-side-bar
        .left-side-Stepper
        li:first-child:after {
            top: 2px !important;
        }

        #TravelItineraryTab
        .mobil-day-class
        .quote-creating-side-bar
        .left-side-Stepper
        li,
        .portl_stndrd_bookingdetls
        .stndrd_div
        .quote-creating-side-bar
        .left-side-Stepper
        li {
            padding-left: 0px !important;
            padding-right: 13px !important;
            padding-bottom: 0px;
        }

            #TravelItineraryTab
            .mobil-day-class
            .quote-creating-side-bar
            .left-side-Stepper
            li:last-child:after,
            .portl_stndrd_bookingdetls
            .stndrd_div
            .quote-creating-side-bar
            .left-side-Stepper
            li:last-child:after {
                width: 0px;
                height: 0px;
            }

            #TravelItineraryTab
            .mobil-day-class
            .quote-creating-side-bar
            .left-side-Stepper
            li
            .nav-link,
            .portl_stndrd_bookingdetls
            .stndrd_div
            .quote-creating-side-bar
            .left-side-Stepper
            li
            .nav-link {
                min-width: 115px;
                line-height: 16px;
            }

    #standard-class .border-right-section {
        border-right: 0px;
    }

    .mobil-day-class,
    .portl_stndrd_bookingdetls .stndrd_div {
        display: block !important;
    }

        .mobil-day-class .border-right-section,
        .portl_stndrd_bookingdetls .border-right-section,
        .stndrd_bookingdetls_Nine {
            width: 100%;
        }

    .fetch_note_para {
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .fetch_logo_img .fetch_image {
        width: 150px;
    }

    .fetch-lead_header .fetch_heading {
        font-size: 20px;
    }

    .fetch-lead_header .fetchEvnt_date,
    .fetch-lead_header .fetchEvnt_loction,
    .fetch-lead_header .fetchEvnt_city,
    .fetch-lead_page .alert-info,
    .fetch_note_container .fetch_note_para {
        font-size: 14px;
    }

    .fetch_lead_name {
        font-size: 20px;
        text-align: center;
        margin: 10px 0px;
    }

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

    .fetch_detail_container {
        padding: 10px 7px;
    }

        .fetch_detail_container
        .request_details
        .RequestDetail_Body
        .StayBoxCount
        .stayboxlist
        .staybox {
            padding-left: 5px;
            padding-right: 5px;
        }

    .gropreqst_sumtbtn .btn-primary {
        margin: 0px 7px 5px 0px !important;
    }

    .fetch-lead_page .fetch_footer_content {
        font-size: 15px;
    }

    .fetch_lead_footer .fetch_footer_logo img {
        width: 100px;
    }

    .fetch_lead_footer .fetch-lead_page {
        padding-top: 0px;
    }

    .grpdashboard .group-weddweb {
        display: block !important;
        padding-left: 20px !important;
        padding-top: 10px !important;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .filterByStatus.invtquotes .room-type-price {
        flex: 0 0 50%;
    }

    canvas#canvas1 {
        width: 135px !important;
        height: 135px !important;
    }
}

@media (max-width: 768px) {
    .confirmation_amount {
        display: flex;
    }

    .details_confirm_container {
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    .grpdashboard .groupdashboard-event .evt_txt {
        font-size: 14px;
    }

    .grpdashboard .grup_hlo_dtls .groupdashboard-event p {
        font-size: 13px;
    }

    .grpdashboard
    .dashboard-wrapper
    .GroupDashboard-details
    .groupdashboard-name {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .grpdashboard .user-bottom-detailstwo .grpuser_detlsdiv {
        width: 100%;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .chat_notification-dropdown {
        position: fixed;
        top: 0px;
        right: 0px;
        left: 0px;
        bottom: 0px;
        min-width: 100%;
        z-index: 9;
        border-radius: 0px;
    }

    .tble_dsgn.group_recent_table table td.invite_guestname {
        padding-bottom: 20px;
    }

    .tble_dsgn.group_recent_table table td:before {
        left: 53px;
    }

    .tble_dsgn.group_recent_table table td {
        padding-left: 130px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

        .tble_dsgn.group_recent_table table td:last-child {
            margin-bottom: 0px;
            border-bottom: 0px;
        }

    .tble_dsgn.group_recent_table table tr {
        border: 1px solid #dadada !important;
        margin-bottom: 15px;
        display: block;
        border-radius: 5px;
        padding-top: 15px;
    }

    .gust_portl_table.tble_dsgn table .invite_guestname {
        display: flex;
        padding-top: 20px !important;
    }

    .gust_portl_table.tble_dsgn table td:before {
        left: 30px;
        width: 140px;
    }

    .gust_portl_table.tble_dsgn table td {
        padding-left: 152px;
        padding-top: 8px !important;
        padding-bottom: 8px;
        border: 0px;
        display: block;
    }

    .gust_portl_table.tble_dsgn table tbody tr {
        border: 1px solid #dadada;
        margin-bottom: 15px;
        display: block;
        border-radius: 5px;
    }

    .management_cancel_popup .tble_dsgn table td:before {
        left: 45px;
    }

    .management_cancel_popup .tble_dsgn table td:nth-child(2) {
        display: block;
    }

    .management_cancel_popup .tble_dsgn table td {
        padding-left: 155px;
        padding-top: 8px;
        padding-bottom: 8px;
        border: 0px;
    }

    .management_cancel_popup .tble_dsgn table tbody tr {
        border: 1px solid #dadada;
        margin-bottom: 15px;
        display: block;
    }

    .quotes-summarylistSection-wrap .refund-price-fare {
        border-left: 0px !important;
        border-top: 1px solid #dadada;
    }

    .tble_dsgn table th {
        display: none;
    }

    .tble_dsgn table {
        color: #333;
        border-radius: 0.4em;
        overflow: hidden;
        margin-top: 0px !important;
        margin-bottom: 0px;
    }

        .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: 14px;
        }

        .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;
        }

    .Cancellation-section .tble_dsgn table td:before {
        left: 32px;
    }

    .Cancellation-section .tble_dsgn table td {
        padding-left: 160px;
        padding-top: 9px;
        padding-bottom: 9px;
        border: 0px;
    }

    .Cancellation-section .tble_dsgn table .cancellation_policy_table tr {
        border: 1px solid #dadada !important;
        margin-bottom: 10px;
        display: block;
    }

    .booking-confirmation-page .stepper .stepper-body .round-tab {
        font-size: 13px;
        height: 25px;
        width: 25px;
    }

    .booking-confirmation-page .confmton_steper .proscess-content {
        font-size: 13px;
    }

    .payment_requirment_text {
        padding-bottom: 10px;
    }

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

    .customerportal_view .prvw_colNine .line-heading .bg-white a,
    .Agree_to_pay_div a {
        font-size: 13px;
    }

    .RequestQuote_btn,
    #AgencyContact_btn {
        font-size: 14px;
    }

    .AgencyWebsite_btn {
        right: 25px;
        font-size: 15px;
    }

    .portal_login_wrap {
        width: 85%;
    }

    .mobillogin-logo {
        width: 165px !important;
    }

    .prtal_pymnt_hedng_txt .cty_nme {
        margin-bottom: 0px !important;
    }

    .rail_comnme {
        -webkit-box-orient: initial;
    }

    .bokingDetls_section {
        display: block !important;
    }

        .bokingDetls_section .col-auto {
            margin-right: 0px !important;
        }

        .bokingDetls_section .shared-listview-Image2,
        .bokingDetls_section .shared-listview-Image {
            width: 100%;
            max-height: 160px;
            width: 100%;
            min-height: 160px;
            margin-bottom: 10px;
        }

    .requestQuoteModal .advisor-section .advisor_image,
    .requestQuoteModal .advisor-section .nouser-icon {
        margin-right: 10px !important;
    }

    .requestQuoteModal {
        padding: 0px !important;
    }

        .requestQuoteModal .modal-footer .btn {
            font-size: 14px;
        }

    .booking-confirmation-page .topbookingcardsec .pymt_proces_img img {
        height: 75px;
    }

    .bokng_conf_one,
    .bokng_conf_two,
    .bokng_conf_three,
    .bokng_conf_four {
        width: 100%;
    }

    .stndrd_bookingdetls_Nine .day-tab-seleced.text-muted {
        padding-right: 0px !important;
    }

    .wedng_prpsal_container
    .wedding_proposal_sliderbody
    .quotes-slider-heading
    .proposalTitle {
        font-size: 20px;
    }

    .wedding_proposal_sliderbody .proposalSubTitle {
        font-size: 16px !important;
    }

    .flght_name_div {
        padding-bottom: 45px !important;
        position: relative;
    }

    .flight_catg_status {
        position: absolute;
        top: 25px;
        left: 30px;
    }

    #day1Section .roomday_section {
        border-top: 1px solid #dadada;
    }

    .roomday_section {
        width: 100%;
        border-bottom: 1px solid #dadada;
    }

    .bokingDetls_main_card .font-20,
    .travler_crd_detls .font-20 {
        font-size: 15px !important;
    }

    .bokingDetls_main_card .detls_travler {
        display: block !important;
    }

        .bokingDetls_main_card .detls_travler .detls_travler_txt {
            display: flex;
            padding: 3px 0;
        }

            .bokingDetls_main_card .detls_travler .detls_travler_txt .detls_txt {
                min-width: 90px;
            }

            .bokingDetls_main_card .detls_travler .detls_travler_txt .detls_subtxt {
                white-space: normal;
                overflow: hidden;
                text-overflow: ellipsis;
                font-weight: 500 !important;
            }

    .text-end.detls_travler_txt {
        text-align: start !important;
    }

    .travler_crd_detls .Travellerstoggle table th {
        display: none;
    }

    .travler_crd_detls .Travellerstoggle table {
        color: #333;
        border-radius: 0.4em;
        overflow: hidden;
        margin-top: 0px !important;
    }

        .travler_crd_detls .Travellerstoggle table tr {
            border-color: #bfbfbf;
        }

        .travler_crd_detls .Travellerstoggle table td {
            padding: 4px 0px;
            display: flex;
            font-weight: 500;
            text-align: left !important;
        }

        .travler_crd_detls .Travellerstoggle table tr:nth-child(2) {
            border-top: none;
        }

    .coach_txt {
        display: none;
    }

    .travler_crd_detls .Travellerstoggle table tr:hover:not(:first-child) {
        background-color: #d8e7f3;
    }

    .travler_crd_detls .Travellerstoggle table td:before {
        content: attr(data-th) ": ";
        font-weight: 500;
        width: 125px;
        min-width: 125px;
        display: inline-block;
        color: #000;
        font-size: 14px;
    }

    .travler_crd_detls .Travellerstoggle table tr td .border-bottom {
        border-bottom: 0px !important;
    }

    .travler_crd_detls .Travellerstoggle table tr td div {
        font-weight: 500 !important;
    }

    .fght_bfre_td:before {
        display: none !important;
    }

    .travler_crd_detls .Travellerstoggle table td:last-child {
        margin-bottom: 15px;
    }

    .travler_crd_detls .Travellerstoggle table tr:last-child td:last-child {
        margin-bottom: 0px;
    }

    .travler_crd_detls .Travellerstoggle table td .email {
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        max-width: 160px;
    }

    .stepper {
        padding-left: 30px !important;
        padding-right: 80px !important;
    }

        .stepper .stepper-body:after {
            top: 13px;
            left: 16px;
        }

    .proses_icon {
        width: 25px;
        height: 25px;
    }

    .vgs_container {
        max-width: 100% !important;
    }

        .vgs_container .prvw_colNine .container {
            padding-left: 0px !important;
            padding-right: 0px !important;
            max-width: 100%;
        }

            .vgs_container .prvw_colNine .container .vgs_card {
                padding: 10px 10px 0px 10px !important;
            }

    .payment_Details_card {
        margin-right: 15px !important;
        margin-left: 15px !important;
    }

        .payment_Details_card .prtal_pymnt_hedng_txt .fw-bolder {
            font-size: 15px !important;
        }

        .payment_Details_card .prtal_pymnt_crd_txt {
            display: grid !important;
            grid-template-columns: 1fr;
        }

    .prtal_pymnt_cntnt {
        display: flex;
        padding-bottom: 5px;
    }

        .prtal_pymnt_cntnt:last-child {
            padding-bottom: 0px;
        }

    .prtal_pymnt_heading {
        min-width: 100px;
    }

    .prtal_pymnt_cntnt .fw-bold {
        font-weight: 500 !important;
    }

    .payment_Details_card .border-dotted {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .fetch_note_container {
        display: block;
    }

    .fetch_detail_container
    .request_details
    .RequestDetail_Body
    .StayBoxCount
    .row.VaccationDetail,
    .fetch_detail_container
    .request_details
    .RequestDetail_Body
    .StayBoxCount
    .VaccationDetail
    .col-md-6.HotelRoom {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .group_leader_mainheading {
        font-size: 15px;
    }

    .group_leader_subtxt {
        font-size: 0px !important;
    }

    .group_leader_actvetxt {
        font-size: 14px;
    }

    #Booking_Count,
    #quote_Count,
    #Group_Count {
        height: 25px;
        width: 25px;
        font-size: 13px;
    }

    .ative_boking_container {
        margin-bottom: 10px;
    }

    .prtal_qots_crd .listview-heading {
        padding-bottom: 10px !important;
    }

    .portal_payment_details #sidebarMenu {
        left: 116px;
    }
}

@media (max-width: 600px) {
    .portal_alertbox_txt {
        text-align: center;
        width: 100%;
    }

        .portal_alertbox_txt span {
            display: block;
            margin-top: 5px;
        }

    .daybyday_dates {
        display: block;
        margin-left: 0px;
    }

    .portal_login_wrap {
        width: 90%;
    }

    .card-section .locationOptionDiv {
        padding: 16px !important;
    }

    .act_name {
        margin-top: 5px;
    }

    .rail_comnme_container,
    .misc_comnme_container {
        display: block !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 {
        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,
        .Cruise_box .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,
    #Cruise_Main .previewtransfer .shared-listview-Image,
    .Cruise_box .cruise_image_section .shared-listview-Image {
        max-height: 160px !important;
        width: 100% !important;
        min-height: 160px !important;
        margin-bottom: 10px !important;
    }

    .portal_quotes_footer,
    #Cruise_Main .previewtransfer .cruise_image_section,
    .Cruise_box .cruise_image_section {
        display: block !important;
    }

        .portal_quotes_footer .portal_quotes_pymnt {
            padding-bottom: 10px;
        }

    .htel_desntion {
        gap: 10px;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .destntn {
        text-align: end;
    }

    .hotl_div .col-auto,
    #Cruise_Main .previewtransfer .cruise_image_section .col-auto {
        margin-right: 0px !important;
        margin-bottom: 10px;
    }

    .hotl_div .shared-listview-Image {
        width: 100% !important;
        min-height: 200px !important;
        max-height: 200px !important;
    }

    .hotl_div {
        display: block;
    }

    .htel_adres {
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .bokng_refrnce_No {
        font-size: 25px;
    }

    .bokng_refrnce_txt {
        padding-bottom: 0px !important;
        font-size: 14px;
    }

    .bokng_confrd_txt {
        font-size: 16px;
    }

    .bokng_confrd_subtxt {
        font-size: 14px;
    }

    .bokng_email_subtxt {
        font-size: 13px;
    }

    .bokng_confrd_content .proces_img {
        display: block;
        width: 45px;
        height: 45px;
        margin: 0 auto 10px auto;
    }

        .bokng_confrd_content .proces_img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .bokng_refrnce {
        text-align: center;
    }

    .bokng_confrd_content {
        display: block;
        text-align: center;
        padding-bottom: 15px;
    }

        .bokng_confrd_content .fw-bold {
            padding-left: 0px !important;
        }

    .bokng_confrd_container {
        display: block;
        text-align: center;
    }

    #changepassword .modal-dialog {
        min-width: initial !important;
    }
}

@media (max-width: 1366px) {
    .customerportal_header {
        padding-bottom: 12px;
        padding-top: 12px;
    }

    .portal_payment_details.layoutMainBody #sidebarMenu.active:hover,
    body .pagemainrow .sidebar {
        top: 60px !important;
    }

    .mobillogin-logo img {
        max-height: 60px;
    }

    #trazel-logo-button .mobile_logo {
        height: 38px;
    }

    .user-bottom-details a {
        font-size: 13px;
    }

    .user-bottom-details img {
        padding-left: 0px !important;
    }

    .CruiseSection_content {
        position: relative;
    }

    .user-bottom-detailstwo p {
        font-size: 13px;
    }

    .user-bottom-detailstwo h6 {
        font-size: 14px;
    }

    .CruiseSection_content .ViewCruiseItinerary_btn {
        position: absolute;
        right: 10px;
        padding: 3px 5px;
    }

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

    .quotes-slider-heading h4 {
        font-size: 35px !important;
    }

    .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-details-page
        .quotes-slider
        .proposal-slider
        .swiper-button-next:after,
        .quotes-details-page
        .quotes-slider
        .proposal-slider
        .swiper-button-prev:after {
            font-size: 14px !important;
            font-weight: 600;
        }

    .proposal-slider,
    .quotes-slider {
        min-height: 600px;
        height: 600px;
    }

    .prevw_lead_skelton
    .hotel-skeleton
    .hotel-skeleton-image
    .d-flex.justify-content-center.border-end {
        height: 600px !important;
    }

    .romcatogre_div .card-section {
        margin-bottom: 10px;
    }

    .romcatogre_div:last-child .card-section {
        margin-bottom: 20px;
    }

    .customerPortal_agentView .mainContent .wedding_proposal_sliderbody {
        top: 0px;
        height: 600px;
        min-height: 600px;
    }

    #Hotel_Main #AccommodationSection,
    #Cruise_Main #CruiseSection {
        display: block !important;
    }

        #Hotel_Main
        #AccommodationSection
        .d-flex.align-items-center
        .day-tab-seleced.bg-f3f3f3,
        #Cruise_Main
        #CruiseSection
        .d-flex.align-items-center
        .day-tab-seleced.bg-f3f3f3 {
            width: 100%;
        }

        #Hotel_Main #AccommodationSection .accomdton_time_sction,
        #Cruise_Main #CruiseSection .accomdton_time_sction {
            border-top: 1px solid #dddddd;
        }

    .link_expired_container .quotation_found_div {
        width: 600px;
        height: 400px;
    }

        .link_expired_container .quotation_found_div .quotation-found img {
            max-width: 200px;
        }
}

@media (max-width: 1500px) {
    .portal_login_content {
        width: 85%;
    }

    .mobillogin-logo {
        width: 200px;
    }
}

@media (max-width: 1025px) {
    .portal_login_wrap {
        position: absolute;
        background: #fff;
        height: auto;
        border-radius: 10px;
    }

    .portal_login_image {
        width: 100%;
    }

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

    .mobillogin-logo {
        margin-bottom: 25px;
        margin-top: 60px;
    }

    .portal_login_content {
        width: 90%;
    }

        .portal_login_content .mobil-signin {
            font-size: 16px !important;
        }

    .skelton_description .skelton_login_slider {
        display: none;
    }

    .skelton_fom_dv {
        width: 75%;
    }
}

@media (max-width: 430px) {
    #Chatalert {
        top: 130px;
    }

    .group_recent_content p:first-child {
        margin-bottom: 5px !important;
    }

    .view_portal_btndiv p.text-end .agentConvertToBook {
        margin-top: 5px;
    }

    #trazel-logo-button .mobile_logo {
        height: 22px;
        width: 140px;
    }
}

@media (max-width: 380px) {
    #Confirmed-Guestlist .group_recent_content {
        display: block !important;
    }
}


#cperror, #cppasserror {
    color: red;
}

.badge {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
}

.preview_book_msg {
    font-size: 12px;
    margin-bottom: 0px;
    font-style: italic;
    text-align: center;
}

.vieweditgroup_dashboard {
    justify-content: center;
}

    .vieweditgroup_dashboard .border-left-section.grpdashboard {
        border-left: 0px !important;
        width: 100% !important;
    }

.vieweditgroup_dashboard
.border-left-section.grpdashboard
.dashboard-wrapper.goup_propsl_dshbord {
    padding-top: 20px !important;
}