: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 .3s linear
}

.pagemainrow.toggle .sidebar {
    width: 60px;
    transition: all .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: .5;
}

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

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

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

.sidebar ul.nav li.nav-item .dropdown-menu a {
    padding: 7px 10px 7px 34px;
}

.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(.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.60rem !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 .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: .7rem 2rem .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;
}

.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: 93%;
    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,.10);
    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,.10);
    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.10);
    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.10);
}

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

.wding_para_text {
    text-align: justify;
}

#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, .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-Cancelled {
    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;
}

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

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

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

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

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

.navbar-dark .nav-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: var(--theme-light-gray);
    padding: 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 .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    border-radius: 5px;
}

.tooltip_wrapper .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

.tooltip_wrapper .tooltip:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #4d86c6 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
}

.tooltip_wrapper:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.lte8 .wrapper .tooltip {
    display: none;
}

.lte8 .tooltip_wrapper:hover .tooltip {
    display: block;
}

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

.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 .details_confirm_subheading {
    text-align: end;
}

.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: 101 !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, .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 .5rem 1rem rgba(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: .2em .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)"] {
    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%;
}

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

@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) {
    .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;
        left: 0px;
    }

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

    .wedng_prpsal_container .wedding_proposal_sliderbody {
        top: 20px !important;
        left: 0px;
        right: 0px;
        height: 370px !important;
        min-height: 370px !important;
        width: 94% !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: block;
        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) {
    #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 {
        grid-template-columns: 1fr;
    }

    .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: .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 {
        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: 43px;
        left: 90px;
        font-size: 12px;
    }
    .outbond_flght_contntdiv > .flightname {
        position: absolute;
        top: 0px;
        left: 90px;
    }
    .flightname .fw-bolder {
        margin-bottom: 5px;
    }

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