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

:root {
    /* Colors */
    --color-primary: #3AB0C8;
    --color-text: #484A4F;
    --color-white: #FFFFFF;
    --color-red: #f12d2d;
    --color-border: #E0E0E0;
    --tiles-default: #A8A8A8;
    --tiles-completed: #E19E50;
    --tiles-approved: #61BD7A;
    --tiles-rejected: #f12d2d;
    --tiles-pending: #A8A8A8;
    --color-status-completed: #61BD7A;
    --color-status-inprogress: #E19E50;
    --color-secondary-text: #A8A8A8;
    --color-bg-lg: #F9F9F9;
    --color-grey-3: #828282;
    --color-light-gray: #F0F0F0;
    /* Fonts */
    --font-family-surt: 'Surt', sans-serif !important;
    --font-family-montserrat: 'Montserrat', sans-serif !important;
    --font-weight-light: 400;
    --font-weight-normal: 500;
    --font-weight-medium: 600;
    --font-weight-semibold: 700;
    --font-weight-bold: 800;
    /* Sizes */
    --size-br-20: 20px;
    --size-btn-primary-br: 15px;
    --size-btn-primary-small-br: 10px;
    --size-btn-primary-font: 15px;
    --size-btn-primary-small-font: 12px;
    /* Tradeshow Button Styles */
    --tradeshow-btn-primary-bg: var(--color-primary);
    --tradeshow-btn-primary-bg-disable: var(--color-secondary-text);
    --tradeshow-btn-primary-text: var(--color-white);
    --tradeshow-btn-primary-text-disable: #E9E9E9;
    /*Box Shadow*/
    --tradeshow-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    /*sidebar */
    --tradeshow-sidebar-font-size: 14px;
    --tradeshow-sidebar-font-weight: var(--font-weight-light);
    --tradeshow-sidebar-active-font-weight: var(--font-weight-semibold);
    --tradeshow-sidebar-color: var(--color-grey-3);
    --tradeshow-sidebar-active-color: var(--color-primary);
    /*Page heading*/
    --tradeshow-page-heading-font-size: 25px;
    --tradeshow-page-heading-font-weight: var(--font-weight-medium);
    /*Block Heading primary*/
    --tradeshow-block-heading-font-size: 30px;
    --tradeshow-block-heading-font-weight: var(--font-weight-semibold);
    /*Body copy*/
    --tradeshow-body-copy-font-size: 20px;
    --tradeshow-body-copy-font-weight: var(--font-weight-medium);
    /*sidebar Heading*/
    /*--tradeshow-body-copy-font-size: 20px;
    --tradeshow-body-copy-font-weight: var(--font-weight-semibold);*/
    /*list view label*/
    --tradeshow-view-label-text-font-size: 18px;
    --tradeshow-view-label-font-weight: var(--font-weight-medium);
    --tradeshow-view-text-font-weight: var(--font-weight-light);
    /*table font size*/
    --tradeshow-table-font-size: 15px;
    /*banner title / subtitle font size / weight*/
    --tradeshow-banner-title-font-size: 55px;
    --tradeshow-banner-subtitle-font-size: 35px;
    --tradeshow-banner-text-font-weight: var(--font-weight-semibold);
}

.view-description-link {
    font-size: 14px;
    text-decoration: underline;
    color: var(--color-primary);
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background-color: #3ab0c8 !important;
    color: white !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    filter: none !important;
    border-color: transparent !important;
}

.datepicker td, .datepicker th {
    transform: none;
    top: auto;
}

.datepicker .next, .datepicker .prev {
    font-size: initial;
    border-radius: inherit;
    background-color: white;
    z-index: initial;
    top: auto;
    transform: none;
    transition: transform 0.2s, background 0.5s;
}

/*badge count*/
.tradeshow-badge-count {
    background-color: var(--color-primary);
    display: inline-block;
    line-height: 1.2;
    padding: 2px 6px;
    border-radius: 15px;
    font-size: 11px;
    color: white;
}

/*disabled number input arrow*/
.dashboard-ts input::-webkit-outer-spin-button,
.dashboard-ts input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.dashboard-ts input[type=number] {
    -moz-appearance: textfield;
}

@media screen and (max-width: 767px) {
    :root {
        /*--tradeshow-page-heading-font-size: 20px;
        --tradeshow-block-heading-font-size: 25px;
        --tradeshow-body-copy-font-size: 18px;
        --tradeshow-view-label-text-font-size: 15px;*/
        --tradeshow-banner-title-font-size: 35px;
        --tradeshow-banner-subtitle-font-size: 20px;
    }
}

.mw-70 {
    max-width: 70%;
}

/* Styles specific to the desktop image */
.show-desktop {
    display: block;
}

/* Styles specific to the mobile image */
.show-mobile {
    display: none !important;
}

/* Media query to hide desktop image and show mobile image on screens less than 768px wide */
@media (max-width: 767px) {

    .mw-70 {
        max-width: 100%;
    }

    .show-desktop {
        display: none !important;
    }

    .show-mobile {
        display: block !important;
    }
}

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

.max-modal-width-650 {
    max-width: 650px;
    min-width: 650px;
}

.bg-tradeshow {
    background-color: var(--color-primary) !important;
}

.panel_search_box button {
    border: none;
    background-color: var(--color-primary);
    color: white;
    font-size: 14px;
    flex: 1;
    border-radius: 6px 7px 7px 6px;
    cursor: pointer;
}

.tradeshow-page-heading {
    color: var(--color-text);
    font-family: var(--font-family-surt);
    font-size: var(--tradeshow-page-heading-font-size);
    font-style: normal;
    font-weight: var(--tradeshow-page-heading-font-weight);
    line-height: normal;
    margin-bottom: 19px;
}

.tradeshow-block-heading {
    color: var(--color-primary);
    font-family: var(--font-family-surt);
    font-size: var(--tradeshow-block-heading-font-size);
    font-style: normal;
    font-weight: var(--tradeshow-block-heading-font-weight);
    line-height: initial;
    margin-bottom: 20px;
}

.tradeshow-block-heading-secondary {
    color: var(--color-text);
    font-family: var(--font-family-surt);
    font-size: var(--tradeshow-block-heading-font-size);
    font-style: normal;
    font-weight: var(--tradeshow-body-copy-font-weight);
    line-height: normal;
    margin-bottom: 20px;
}

.tradeshow-body-copy-text {
    color: var(--color-grey-3);
    font-family: var(--font-family-surt);
    font-size: var(--tradeshow-body-copy-font-size);
    font-style: normal;
    font-weight: var(--tradeshow-body-copy-font-weight);
    line-height: 40px;
    margin-bottom: 60px;
}

.tradeshow-body-copy-text-primary {
    font-family: var(--font-family-surt);
    color: var(--color-text);
    font-size: 20px;
    font-weight: var(--font-weight-medium);
    line-height: 40px;
    width: 100%;
    line-height: 40px;
    margin-bottom: 60px;
}

/*modal md*/
@media (min-width: 768px) {
    .ts-modal .modal-md {
        max-width: 540px;
    }
}

@media (min-width: 992px) {
    .ts-modal .modal-md {
        max-width: 720px;
    }
}

@media (min-width: 1200px) {
    .ts-modal .modal-md {
        max-width: 960px;
    }
}

.info-msg-red {
    font-size: 12px;
    color: red;
}

.bs-none {
    box-shadow: none !important;
}

/*#region bottom bar modal admin with datepicker */
/*.bottom-select-payment-date-main {
    position: absolute;
    bottom: -500px;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    padding: 15px;
    border-radius: 20px 20px 0 0;
    box-shadow: var(--tradeshow-box-shadow);
    transition: all 0.6s;
    z-index: 100;
}

.bottom-select-payment-date-main.active {
    bottom: 0;
}

.bottom-bar-button {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
    justify-content: space-between;
}*/
/*#endregion*/
/*#region snackbar css*/
.paper-snackbar {
    /*transition-property: opacity, bottom, left, right, width, margin, border-radius;
    transition-duration: 0.3s;
    transition-timing-function: ease;*/
    font-size: 14px;
    font-weight: var(--font-weight-light);
    letter-spacing: 0.4px;
    min-height: 15px;
    background-color: #323232;
    bottom: -150px;
    position: fixed;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--color-white);
    line-height: 22px;
    border-radius: 8px;
    padding: 10px 20px;
    opacity: 0;
    left: 5%;
    /*transform: translateX(-50%);*/
    font-family: var(--font-family-surt);
    box-shadow: var(--tradeshow-box-shadow);
    z-index: 1050;
}

    .paper-snackbar .action {
        background: inherit;
        display: inline-block;
        font-family: var(--font-family-surt);
        border: none;
        font-size: inherit;
        text-transform: capitalize;
        color: var(--color-primary);
        margin: 0px 0px 0px 24px;
        padding: 0px;
        min-width: min-content;
        cursor: pointer;
    }

@media screen and (max-width: 767px) {
    .paper-snackbar {
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 50px);
    }
}
/*#endregion*/

/*#region other css*/
.tradeshoweventsnavigationtilesblock {
    width: 100%;
}

.bg-gray-light {
    background-color: #F9F9F9 !important;
}

.ts-form-label {
    color: var(--color-text);
    font-family: var(--font-family-surt);
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-medium);
    line-height: normal;
}

.list-style-disc, .list-style-disc li {
    display: list-item;
    list-style: disc;
    position: relative;
}

.invoice-due-text, .invoice-paid-text, .invoice-file-text {
    font-family: var(--font-family-surt);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.invoice-file-amount {
    opacity: 0.7;
    font-size: 13px;
    margin-top: 10px;
}

.invoice-file-text {
    color: var(--color-text);
}

.invoice-due-text {
    color: #DC3545;
}

.invoice-paid-text {
    color: var(--color-status-completed);
}

.mh-100vh {
    min-height: 100dvh;
    height: 100dvh;
}

.mh-99dvh {
    min-height: 99dvh;
    height: 99dvh;
}

.ts-bg-lg {
    background-color: var(--color-bg-lg);
}

.br-ts-20 {
    border-radius: var(--size-br-20);
}

.of-hidden {
    overflow: hidden;
}

.block.tradeshowcalendarblock {
    width: 100%;
}

.gap-column-10 {
    column-gap: 10px;
}

.radio-btn.ts-radio input:checked + .radio-control-label {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.ts-bottom-alert {
    position: fixed;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1054;
}

    .ts-bottom-alert .alert {
        border-radius: 20px;
        color: var(--color-white);
        background-color: #333333;
        border-color: #333333;
        box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
    }

.accordion-ts .accordion:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10' fill='none'%3E%3Cpath d='M0.352185 0.382399C0.577756 0.137549 0.883657 0 1.20262 0C1.52157 0 1.82747 0.137549 2.05305 0.382399L8.00726 6.84743L13.9615 0.382399C14.1883 0.144488 14.4922 0.0128435 14.8076 0.0158193C15.123 0.018795 15.4247 0.156153 15.6477 0.398309C15.8707 0.640464 15.9972 0.968042 16 1.31049C16.0027 1.65294 15.8815 1.98285 15.6623 2.22918L8.85769 9.6176C8.63212 9.86245 8.32622 10 8.00726 10C7.6883 10 7.3824 9.86245 7.15683 9.6176L0.352185 2.22918C0.126681 1.98425 0 1.65211 0 1.30579C0 0.959466 0.126681 0.627323 0.352185 0.382399Z' fill='%233AB1C8'/%3E%3C/svg%3E");
    font-weight: bold;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 5px;
    width: 16px;
    height: 10px;
}

.accordion-ts .accordion.active:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10' fill='none'%3E%3Cpath d='M15.6478 9.6176C15.4222 9.86245 15.1163 10 14.7974 10C14.4784 10 14.1725 9.86245 13.947 9.6176L7.99274 3.15257L2.03852 9.6176C1.81166 9.85551 1.50781 9.98716 1.19242 9.98418C0.877029 9.98121 0.575334 9.84385 0.352312 9.60169C0.12929 9.35954 0.0027856 9.03196 4.56618e-05 8.68951C-0.00269523 8.34707 0.118547 8.01715 0.33766 7.77082L7.14231 0.382399C7.36788 0.137549 7.67378 7.27901e-07 7.99274 7.00017e-07C8.3117 6.72133e-07 8.6176 0.137549 8.84317 0.382399L15.6478 7.77082C15.8733 8.01575 16 8.34789 16 8.69421C16 9.04053 15.8733 9.37268 15.6478 9.6176Z' fill='%233AB1C8'/%3E%3C/svg%3E") !important;
}

.modal .accordion-ts .accordion.active ~ .panel {
    background-color: rgba(58, 176, 200, 0.05) !important;
}

/*#endregion*/

/*#region*/
.ts-forms-content-main .accord_container .accordion:after {
    background: url('../HUBNewDesign/images/trade_show/ArrowUpTs.svg') no-repeat !important;
    transform: rotate(180deg);
}

.ts-forms-content-main .accord_container .accordion.active:after {
    transform: rotate(0deg);
    background: url('../HUBNewDesign/images/trade_show/ArrowUpTs.svg') no-repeat !important;
}
/*#endregion*/
/*#region common margin classes*/
.ts-mt-20 {
    margin-top: 20px;
}
/*#endregion*/

/*#region checkbox color */
.check_container input:checked ~ .checkmark {
    background-color: #3AB0C8;
}
/*#endregion*/

/*#region common background color class*/
.bg-ts-lightgray {
    background-color: #F9F9F9 !important;
}
/*#endregion*/

/*#region Common button types [Solid, Outline] */
/*button link as a tag : hover*/
a.tradeshow-btn-primary:hover,
a.tradeshow-btn-long-solid-blue:hover {
    color: var(--color-white);
}

a.tradeshow-btn-primary-outline-small:hover {
    color: var(--color-primary);
}

a.tradeshow-light-border-outline-btn:hover {
    color: var(--color-secondary-text);
}

a.tradeshow-btn-long-solid-white:hover, .tradeshow-btn-primary-outline:hover, .tradeshow-btn-long-solid-outline:hover {
    color: var(--color-primary);
}

a.tradeshow-btn-yellow-small:hover,
a.tradeshow-btn-outline-yellow-small:hover,
a.tradeshow-btn-outline-grey-small:hover {
}
/*#region ts primary button*/
.tradeshow-btn-primary {
    border-radius: var(--size-btn-primary-br);
    background: var(--tradeshow-btn-primary-bg);
    color: var(--tradeshow-btn-primary-text);
    text-align: center;
    font-family: var(--font-family-surt);
    font-size: var(--size-btn-primary-font);
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    border: 2px solid var(--tradeshow-btn-primary-bg);
    line-height: 20px;
    max-height: 100%;
    min-height: 50px;
    padding: 13px 15px;
    cursor: pointer;
    text-decoration: none;
    min-width: 150px;
}

.tradeshow-btn-primary-grey {
    border-radius: var(--size-btn-primary-br);
    background: #e9e9e9;
    color: var(--color-primary);
    text-align: center;
    font-family: var(--font-family-surt);
    font-size: var(--size-btn-primary-font);
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    border: 2px solid #e9e9e9;
    line-height: 20px;
    max-height: 100%;
    min-height: 50px;
    padding: 13px 15px;
    cursor: pointer;
    text-decoration: none;
    min-width: 150px;
}

    .tradeshow-btn-primary-grey:hover, .tradeshow-btn-primary-grey:hover {
        color: var(--color-primary);
    }
/*#endregion*/

/*#region ts primary button long */

/* Button Base Styles */
.tradeshow-btn-long-solid-blue,
.tradeshow-btn-long-solid-white,
.tradeshow-btn-long-solid-outline {
    border-radius: var(--size-btn-primary-br);
    text-align: center;
    font-family: var(--font-family-surt);
    font-size: var(--size-btn-primary-font);
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    line-height: 20px;
    max-height: 100%;
    min-height: 50px;
    padding: 13px 15px;
    cursor: pointer;
    text-decoration: none;
    min-width: 300px;
}

/* Button Colors */
.tradeshow-btn-long-solid-blue {
    background: var(--tradeshow-btn-primary-bg);
    color: var(--tradeshow-btn-primary-text);
    border: 2px solid var(--tradeshow-btn-primary-bg);
}

.tradeshow-btn-long-solid-white {
    background: var(--color-white)!important;
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
}

.tradeshow-btn-long-solid-outline {
    background: transparent;
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
}
/*#endregion*/

/*#region ts primary button outline / regular / small */

/* Common Button Styles */
.tradeshow-light-border-outline-btn {
    border-radius: var(--size-br-20);
    background-color: transparent;
    text-align: center;
    font-family: var(--font-family-surt);
    color: var(--color-secondary-text);
    font-size: var(--size-btn-primary-font);
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    line-height: 30px;
    padding: 17px 20px;
    width: 180px;
    min-height: 64px;
    max-height: 100%;
    min-width: 180px;
    border: 1px solid var(--color-secondary-text);
}


.tradeshow-btn-primary-small,
.tradeshow-btn-primary-outline,
.tradeshow-btn-primary-outline-small,
.tradeshow-btn-outline-green-small,
.tradeshow-btn-outline-yellow-small,
.tradeshow-btn-outline-grey-small {
    border-radius: var(--size-btn-primary-small-br);
    background-color: transparent;
    text-align: center;
    font-family: var(--font-family-surt);
    font-size: var(--size-btn-primary-small-font);
    font-style: normal;
    cursor: pointer;
    text-decoration: none;
    font-weight: var(--font-weight-semibold);
    line-height: 20px;
    max-height: 100%;
    min-width: 90px;
}

.tradeshow-btn-yellow-small, .tradeshow-btn-green-small, .tradeshow-btn-red-small {
    font-size: var(--size-btn-primary-small-font);
    min-height: 30px;
    max-height: 100%;
    padding: 3px 15px;
    border-radius: var(--size-btn-primary-small-br);
    text-align: center;
    font-family: var(--font-family-surt);
    font-style: normal;
    cursor: pointer;
    text-decoration: none;
    font-weight: var(--font-weight-semibold);
    line-height: 20px;
    max-height: 100%;
    min-width: 90px;
}

    .tradeshow-btn-yellow-small:disabled, .tradeshow-btn-green-small:disabled, .tradeshow-btn-red-small:disabled,
    .tradeshow-btn-yellow-small.disabled, .tradeshow-btn-green-small.disabled, .tradeshow-btn-red-small.disabled,
    .tradeshow-btn-primary-small:disabled, .tradeshow-btn-primary-small.disabled {
        background: var(--tradeshow-btn-primary-bg-disable);
        color: var(--tradeshow-btn-primary-text-disable);
        font-weight: var(--font-weight-semibold);
        border: 2px solid var(--tradeshow-btn-primary-bg-disable);
        cursor: no-drop;
        opacity: 1 !important;
        user-select: none;
    }

.tradeshow-btn-red-small {
    color: #040404;
    background-color: var(--color-red);
    border: 2px solid var(--color-red);
}

.tradeshow-btn-yellow-small {
    color: var(--color-text);
    background-color: #F7C244;
    border: 2px solid #F7C244;
}

.tradeshow-btn-green-small {
    color: var(--color-text);
    background-color: var(--color-status-completed);
    border: 2px solid var(--color-status-completed);
}

/*regular outline button */
.tradeshow-btn-primary-outline {
    font-size: var(--size-btn-primary-font);
    min-height: 50px;
    padding: 13px 15px;
    min-width: 150px;
    background-color: transparent;
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
    border-radius: var(--size-btn-primary-br);
}

/* Small outline Button Styles */
.tradeshow-btn-primary-small,
.tradeshow-btn-outline-green-small,
.tradeshow-btn-primary-outline-small,
.tradeshow-btn-outline-yellow-small,
.tradeshow-btn-outline-grey-small {
    font-size: var(--size-btn-primary-small-font);
    min-height: 30px;
    max-height: 100%;
    padding: 3px 15px;
}

/*primary small btn*/
.tradeshow-btn-primary-small {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: 2px solid var(--color-primary);
    box-shadow: none;
}

/*primary small outline btn*/
.tradeshow-btn-primary-outline-small {
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
}

/*yellow small outline btn*/
.tradeshow-btn-outline-yellow-small {
    color: var(--color-status-inprogress);
    border: 2px solid var(--color-status-inprogress);
}

/*green small outline btn*/
.tradeshow-btn-outline-green-small {
    color: var(--color-status-completed);
    border: 2px solid var(--color-status-completed);
}

/*grey small outline btn*/
.tradeshow-btn-outline-grey-small {
    color: var(--color-text);
    border: 2px solid var(--color-secondary-text);
}
    /*#endregion*/

    /*#region common tradeshow disable css*/
    /* Common Styles for Disabled Buttons */
    .tradeshow-btn-primary-outline:disabled,
    .tradeshow-btn-primary-outline.disabled,
    .tradeshow-btn-primary-outline-small:disabled,
    .tradeshow-btn-primary-outline-small.disabled,
    .tradeshow-btn-outline-yellow-small:disabled,
    .tradeshow-btn-outline-yellow-small.disabled,
    .tradeshow-btn-outline-green-small:disabled,
    .tradeshow-btn-outline-green-small.disabled,
    .tradeshow-btn-long-solid-blue:disabled,
    .tradeshow-btn-long-solid-blue.disabled,
    .tradeshow-btn-long-solid-white:disabled,
    .tradeshow-btn-long-solid-white.disabled,
    .tradeshow-btn-primary:disabled,
    .tradeshow-btn-primary.disabled,
    .tradeshow-btn-outline-grey-small:disabled,
    .tradeshow-btn-outline-grey-small.disabled,
    .tradeshow-btn-primary-grey.disabled,
    .tradeshow-btn-primary-grey:disabled {
        background: var(--tradeshow-btn-primary-bg-disable);
        color: var(--tradeshow-btn-primary-text-disable);
        font-weight: var(--font-weight-semibold);
        border: 2px solid var(--tradeshow-btn-primary-bg-disable);
        cursor: no-drop;
        opacity: 1 !important;
        user-select: none;
    }

        .tradeshow-btn-primary-outline:disabled img,
        .tradeshow-btn-primary-outline.disabled img,
        .tradeshow-btn-primary-outline-small:disabled img,
        .tradeshow-btn-primary-outline-small.disabled img,
        .tradeshow-btn-outline-yellow-small:disabled img,
        .tradeshow-btn-outline-yellow-small.disabled img,
        .tradeshow-btn-outline-green-small:disabled img,
        .tradeshow-btn-outline-green-small.disabled img,
        .tradeshow-btn-long-solid-blue:disabled img,
        .tradeshow-btn-long-solid-blue.disabled img,
        .tradeshow-btn-long-solid-white:disabled img,
        .tradeshow-btn-long-solid-white.disabled img,
        .tradeshow-btn-primary:disabled img,
        .tradeshow-btn-primary.disabled img,
        .tradeshow-btn-outline-grey-small:disabled img,
        .tradeshow-btn-outline-grey-small.disabled img,
        .tradeshow-btn-primary-grey.disabled img,
        .tradeshow-btn-primary-grey:disabled img {
            filter: grayscale(1);
        }

/*#endregion*/

.btn.btn-icon {
    border: none;
    height: 30px;
    border: none;
    padding: 0;
}

    .btn.btn-icon.transparent {
        background-color: transparent;
    }

/*#region - remove old ts button css*/

/* Disabled state for both button types */
.tradeshow-btn.disabled,
.tradeshow-btn:disabled,
.tradeshow-btn[disabled] {
    opacity: 1 !important;
    background: var(--ts-secondary-text) !important;
    border: 1px solid var(--ts-secondary-text) !important;
    color: #E9E9E9 !important;
    text-align: center;
    font-weight: var(--font-weight-light);
    line-height: normal;
}

.tradeshow-btn-outline.disabled,
.tradeshow-btn-outline:disabled,
.tradeshow-btn-outline[disabled] {
    opacity: 1 !important;
    background: var(--color-white) !important;
    border: 1px solid var(--color-secondary-text) !important;
    color: var(--color-secondary-text) !important;
    font-weight: var(--font-weight-light);
    line-height: normal;
    pointer-events: none;
}

.tradeshow-btn,
.tradeshow-btn-outline:not(.sm-outline-btn) {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 180px;
    max-width: 100%;
    min-height: 50px;
    max-height: 100%;
    padding: 13px;
    text-align: center;
    border-radius: 15px;
    font-family: var(--font-family-surt);
    font-size: 18px;
    font-weight: var(--font-weight-semibold);
    line-height: 20px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
}

.tradeshow-btn-outline.br-10 {
    border-radius: 10px;
}

.tradeshow-btn-outline.sm-outline-btn {
    font-family: var(--font-family-surt);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    min-height: 30px;
    height: 30px;
    text-align: center;
    border-radius: 10px;
    padding: 0px 10px;
    cursor: pointer;
}

.tradeshow-btn.mw-250,
.tradeshow-btn-outline.mw-250 {
    max-width: 250px;
    min-width: 250px;
}
/* Solid button styles */
.tradeshow-btn.btn-white-solid {
    background: #F9F9F9;
    color: var(--color-primary);
    border: 1px solid #F9F9F9;
}

/* Outline button styles */
.tradeshow-btn-outline {
    background: var(--color-white);
    background-color: var(--color-white);
    border: 2px solid;
}

    .tradeshow-btn-outline.outline-blue-btn {
        border-color: var(--color-primary);
        color: var(--color-primary);
    }

    /* Common styles for hover and active states */
    .tradeshow-btn:hover,
    .tradeshow-btn:active,
    .tradeshow-btn-outline:hover,
    .tradeshow-btn-outline:active {
        opacity: 0.9;
    }

    /* Focus state for both button types */
    .tradeshow-btn.btn-white-solid-solid:focus,
    .tradeshow-btn-outline:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
    }

/* Blue solid button styles */
.tradeshow-btn.btn-blue-solid {
    background: var(--color-primary);
    color: var(--color-white);
    border: 1px solid var(--color-primary);
}

    /* Hover state for blue solid button */
    .tradeshow-btn.btn-blue-solid:hover {
        background-color: #2a8fa6; /* Slightly lighter than the blue */
    }

    /* Active state for blue solid button */
    .tradeshow-btn.btn-blue-solid:active {
        background-color: #1d6b7a; /* Slightly darker than the blue */
    }

    /* Focus state for blue solid button */
    .tradeshow-btn.btn-blue-solid:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(58, 177, 200, 0.5); /* Light blue outline on focus */
    }


/*#endregion*/

/*#region Common title css*/
.block-headline {
    width: 100%;
    display: block;
    color: var(--color-text);
    font-size: 25px;
    font-style: normal;
    font-weight: var(--font-weight-medium);
    line-height: normal;
    font-family: var(--font-family-surt);
    margin-bottom: 15px;
    text-align: center;
}
/*#endregion*/

/*#region Tradeshow new Banner */
.tradeshow-banner {
    min-height: 443px;
    max-height: 443px;
    height: 443px;
    overflow: hidden;
    width: 100%;
    position: relative;
    margin-top: 100px;
}

    .tradeshow-banner .container {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
    }

    .tradeshow-banner .tradeshow-banner-overlay.overlay-light-gray:after {
        content: '';
        user-select: none;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) -96.07%, rgba(0, 0, 0, 0.60) 84.68%), #d3d3d300 0px -477.5px / 110.803% 269.663% no-repeat;
    }

    .tradeshow-banner .tradeshow-banner-overlay:after {
        content: '';
        user-select: none;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        /*background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 59.32%);*/
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) -96.07%, rgba(0, 0, 0, 0.80) 95.68%);
    }

    .tradeshow-banner .tradeshow-banner-video, .tradeshow-banner .tradeshow-banner-image {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
    }

    .tradeshow-banner .tradeshow-banner-image, .tradeshow-banner .tradeshow-banner-video {
        object-fit: cover;
        width: 100%;
        height: 100%;
        object-position: center;
    }

    .tradeshow-banner .tradeshow-banner-image,
    .tradeshow-banner .tradeshow-content-wrapper {
        z-index: 10;
    }

    .tradeshow-banner .tradeshow-content-wrapper {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        align-content: center;
        height: 100%;
        width: 100%;
    }

.tradeshow-content-wrapper .banner-title,
.tradeshow-content-wrapper .banner-subtitle {
    color: var(--color-white);
    font-family: var(--font-family-montserrat);
    font-style: normal;
    font-weight: var(--tradeshow-banner-text-font-weight);
    width: 100%;
}

.tradeshow-content-wrapper .banner-title {
    line-height: 30px;
    font-size: var(--tradeshow-banner-title-font-size);
    margin-bottom: 50px;
}

.tradeshow-content-wrapper .banner-subtitle {
    font-size: var(--tradeshow-banner-subtitle-font-size);
    line-height: 45px;
    max-width: 70%;
}

@media screen and (max-width: 767px) {
    .tradeshow-banner .tradeshow-content-wrapper {
        text-align: center;
    }

    .tradeshow-content-wrapper .banner-subtitle {
        max-width: 100%;
    }
}
/*#endregion*/

/*#region Tradeshow Event Detail New Banner */
.tradeshow-banner .tradeshow-content-wrapper .flex-50-50 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.tradeshow-content-wrapper .banner-title-ed,
.tradeshow-content-wrapper .banner-subtitle-ed {
    color: var(--color-white);
    font-family: var(--font-family-surt);
    font-weight: var(--font-weight-semibold);
    font-style: normal;
    line-height: 30px;
}

.tradeshow-content-wrapper .banner-title-ed {
    font-size: var(--tradeshow-banner-title-font-size);
    margin-bottom: 50px;
    line-height: 65px;
}

.tradeshow-content-wrapper .banner-subtitle-ed {
    font-size: var(--tradeshow-banner-subtitle-font-size);
}

.tradeshow-content-wrapper .left-ed-content {
    max-width: 65%;
}

.tradeshow-content-wrapper .right-ed-logo {
    width: 264px;
    max-width: 35%;
    height: 255px;
    border-radius: 20px;
    background: var(--color-white);
    padding: 60px 38px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .tradeshow-content-wrapper .right-ed-logo img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
        object-position: center;
        mix-blend-mode: multiply;
    }

@media screen and (max-width: 767px) {
    .tradeshow-content-wrapper .right-ed-logo {
        width: 165px;
        max-width: 100%;
        height: 165px;
        padding: 20px 18px;
    }

    .tradeshow-content-wrapper .left-ed-content {
        max-width: 100%;
    }

    .tradeshow-content-wrapper .banner-title-ed {
        line-height: 45px;
        /*font-size: 35px;*/
        margin-bottom: 25px;
    }

    .tradeshow-content-wrapper .banner-subtitle-ed {
        /*font-size: 20px;*/
    }
}
/*#endregion*/

/*#region Title Body Content block */
.title-body-content-main {
    padding: 70px 0;
    background: var(--color-white);
}

    .title-body-content-main .title-text,
    .title-body-content-main .body-copy {
        font-family: var(--font-family-surt);
        margin-bottom: 40px;
    }

    .title-body-content-main .title-text {
        color: var(--color-primary);
        text-align: center;
        font-size: 30px;
        font-weight: var(--font-weight-semibold);
        line-height: 40px;
        width: 100%;
    }

    .title-body-content-main .body-copy {
        color: var(--color-text);
        font-size: 20px;
        font-weight: var(--font-weight-medium);
        line-height: 40px;
        width: 100%;
    }

@media screen and (max-width: 767px) {
    .title-body-content-main .body-copy {
        text-align: center;
    }
}
/*#endregion*/

/*#region Two Column button flex css*/
.two-button-center-flex {
    display: flex;
    align-content: center;
    justify-content: center;
    column-gap: 40px;
}
/*#endregion*/

/*#region New event calendar*/
.event-calendar-trade-show ul li {
    padding: 9px 25px;
    border-radius: 20px;
    border: 1px solid var(--color-border);
    background: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: space-between;
    row-gap: 15px;
    min-height: 90px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.event-calendar-trade-show {
    margin-top: 36px;
}

    .event-calendar-trade-show .trade-show-calendar-info .info-event-name, .event-calendar-trade-show .trade-show-calendar-info .info-event-name a {
        color: var(--color-primary);
        font-weight: var(--font-weight-semibold);
    }

        .event-calendar-trade-show .trade-show-calendar-info .info-event-name a:hover, .event-calendar-trade-show .trade-show-calendar-info .info-event-name a:focus {
            text-decoration: underline !important;
        }

    .event-calendar-trade-show .trade-show-calendar-info .info-event-name, .event-calendar-trade-show .trade-show-calendar-info .info-date {
        font-family: var(--font-family-surt);
        font-size: 18px;
        font-style: normal;
        line-height: 30px;
    }

    .event-calendar-trade-show .trade-show-calendar-info .info-date {
        font-weight: var(--font-weight-medium);
        color: var(--color-secondary-text);
    }

    .event-calendar-trade-show .trade-show-calendar-img {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 115px;
    }

    .event-calendar-trade-show .trade-show-calendar-link {
        /*width: 20%;*/
        text-align: right;
        justify-content: flex-end;
        display: flex;
    }

        .event-calendar-trade-show .trade-show-calendar-link a.mw-220, .event-calendar-trade-show .trade-show-calendar-link button.mw-220 {
            min-width: 220px;
        }

        .event-calendar-trade-show .trade-show-calendar-link a.mw-300, .event-calendar-trade-show .trade-show-calendar-link button.mw-300 {
            min-width: 300px;
        }

.slider-left-content .slider-event-button a.mw-220, .slider-left-content .slider-event-button button.mw-220 {
    min-width: 220px;
    display: block;
}

.event-calendar-trade-show .trade-show-calendar-img-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: max-content;
    column-gap: 25px;
    /*flex-wrap: wrap;*/
    padding-right: 15px;
    width: 62%;
    row-gap: 15px;
}

    .event-calendar-trade-show .trade-show-calendar-img-content .img-div {
        min-width: 97px;
        text-align: center;
        max-width: 97px;
    }

    .event-calendar-trade-show .trade-show-calendar-img-content img {
        width: auto;
        max-height: 70px;
        max-width: 100%;
        background-size: cover;
        background-position: center;
        font-size: 12px;
        mix-blend-mode: multiply;
    }

.tradeshow-event-calendar-main {
    padding: 86px 0 78px 0;
}

    .tradeshow-event-calendar-main h2 {
        color: var(--color-text);
        font-family: var(--font-family-surt);
        font-size: 25px;
        font-style: normal;
        font-weight: var(--font-weight-medium);
        line-height: normal;
        margin-bottom: 15px;
        text-align: center;
    }

.btn-group button.multiselect {
    transition: all 0.4s;
    width: 260px;
    height: 64px;
    border: 1px solid var(--color-border);
    background: var(--color-white);
    border-radius: 20px !important;
    box-shadow: none;
    display: inline-block;
}

/*.multiselect.dropdown-toggle.custom-select {
    position: relative;
}

.multiselect.dropdown-toggle.custom-select::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='33' viewBox='0 0 21 33' fill='none'%3E%3Cpath d='M3.10757 10.1533C2.21667 10.1533 1.7705 9.07618 2.40047 8.44621L10.1395 0.70721C10.53 0.316686 11.1632 0.316687 11.5537 0.707211L19.2927 8.44621C19.9227 9.07618 19.4765 10.1533 18.5856 10.1533H10.8466H3.10757Z' fill='%23A8A8A8'%3E%3C/path%3E%3Cpath d='M18.5858 22.1528C19.4767 22.1528 19.9229 23.23 19.2929 23.8599L11.5539 31.5989C11.1634 31.9895 10.5302 31.9895 10.1397 31.5989L2.40067 23.8599C1.77071 23.23 2.21688 22.1528 3.10778 22.1528H10.8468H18.5858Z' fill='%23A8A8A8'%3E%3C/path%3E%3C/svg%3E");
    display: inline-block;
    position: absolute;
    background: none;
    background-color: var(--color-white);
    right: 15px;
    pointer-events: none;
}*/

.ts-event-dd .multiselect-container .form-check-input {
    display: none;
}

.ts-event-dd .btn-group .select {
    position: initial;
    margin: 0;
    min-width: auto;
    width: auto;
    box-shadow: none;
}

.btn-group.show button.multiselect {
    border-radius: 20px 20px 0px 0px;
    position: relative;
}

.ts-event-dd .icon-dd {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 20px;
    height: 32px;
    background-size: cover;
    z-index: 5;
    pointer-events: none;
}

.btn-group button.multiselect .multiselect-selected-text, .multiselect-container.dropdown-menu .multiselect-option .form-check .form-check-label {
    font-family: var(--font-family-surt);
    color: var(--color-text);
    font-size: 18px;
    font-style: normal;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.ts-event-dd .multiselect-selected-text {
    max-width: calc(100% - 25px);
}

.btn-group button.multiselect .multiselect-selected-text {
    font-weight: var(--font-weight-semibold);
}

.multiselect-container.dropdown-menu.show[x-placement="top-start"] ~ multiselect {
    background-color: orange;
}

.multiselect-container.dropdown-menu.show[x-placement="top-start"] {
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}

.multiselect-container.dropdown-menu.show[x-placement="bottom-start"] {
    border-radius: 0 0 20px 20px;
    overflow: hidden;
}

.multiselect-container.dropdown-menu .multiselect-option.active, .multiselect-container.dropdown-menu .multiselect-option:active {
    background-color: #d7eaee;
}

.multiselect-container.dropdown-menu .multiselect-option .form-check .form-check-label {
    font-weight: var(--font-weight-medium);
    margin: 0;
}

@media screen and (max-width: 768px) {
    .event-calendar-trade-show .trade-show-calendar-img-content {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .event-calendar-trade-show .trade-show-calendar-link {
        width: 100%;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 767px) {


    .event-calendar-trade-show .trade-show-calendar-img-content .img-div {
        min-width: 60px;
        max-width: 60px;
        margin-right: 10px;
    }

    .event-calendar-trade-show .trade-show-calendar-img-content {
        justify-content: center;
        row-gap: 15px;
        column-gap: 0;
        max-width: 100%;
        width: 100%;
        padding: 0;
    }

    .event-calendar-trade-show .trade-show-calendar-info {
        width: 100%;
        padding-left: 0;
        margin-top: 10px;
    }

    .event-calendar-trade-show .trade-show-calendar-link, .event-calendar-trade-show .trade-show-calendar-link a, .event-calendar-trade-show .trade-show-calendar-link button {
        width: 100%;
        text-align: center;
        justify-content: center;
        display: flex;
    }

    .event-calendar-trade-show ul li {
        padding: 25px;
        row-gap: 15px;
        justify-content: center;
        text-align: center;
    }
}


/*#endregion*/

/*#region New event slider block css*/

.slider-img-content-div {
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tradeshow-event-slider-image-content-main {
    padding: 95px 0 195px 0;
    background-color: var(--color-primary);
}

    .tradeshow-event-slider-image-content-main .slick-list {
        overflow: hidden;
    }

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

.slider-left-content,
.slider-right-content {
    width: 50%;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.slider-right-content {
    display: flex;
    justify-content: center;
}

.slider-event-img {
    width: 264px;
    max-width: 100%;
    height: 255px;
    border-radius: 20px;
    background: #F9F9F9;
    padding: 60px 38px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .slider-event-img img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
        object-position: center;
        mix-blend-mode: multiply;
    }

/* Text Styles */
.slider-event-title,
.slider-event-date {
    color: var(--color-white);
    font-family: var(--font-family-surt);
}

.slider-event-title {
    font-size: var(--tradeshow-banner-subtitle-font-size);
    font-weight: var(--font-weight-semibold);
    line-height: 40px;
    width: 100%;
}

.slider-event-date {
    font-size: 22px;
    font-weight: var(--font-weight-semibold);
    line-height: 40px;
    margin-bottom: 35px;
    width: 100%;
}

.slick-prev.custom-prev-arrow.slick-arrow {
    margin-left: -48px !important;
}

    .slick-prev.custom-prev-arrow.slick-arrow.slick-disabled, .slick-next.custom-next-arrow.slick-arrow.slick-disabled {
        opacity: 0.5;
        cursor: no-drop;
    }

.slick-prev.custom-prev-arrow.slick-arrow, .slick-next.custom-next-arrow.slick-arrow {
    border: none;
    background-color: var(--color-white);
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    height: 58px;
    width: 58px;
    position: absolute;
    bottom: -130px;
    left: 50%;
    margin-left: 48px;
    transform: translateX(-50%);
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    /* .tradeshow-event-calendar-main .slider-img-content-div {
        min-height: 450px;
    }*/

    .floor-plan-slider .slide_img_container img, .floor-plan-slider .slide_img_container video, .floor-plan-slider .slide_img_container iframe {
        max-height: 450px;
        min-height: 450px;
        height: 450px;
    }

    .tradeshow-eventslider-main .flex-60-40 {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        row-gap: 20px;
        padding-bottom: 50px;
    }

    .tradeshow-event-slider-image-content-main {
        padding-bottom: 145px;
    }

    .slider-left-content, .slider-right-content {
        width: 100%;
    }

    .slick-prev.custom-prev-arrow.slick-arrow, .slick-next.custom-next-arrow.slick-arrow {
        bottom: -90px;
    }
}

/*#endregion*/

/*#region New Video content block css*/
.tradeshow-video-content-main {
    background-color: var(--color-white);
}

.flex-50-50 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    column-gap: 112px;
    padding: 71px 0;
}

.ts-image img {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    border-radius: 20px;
    min-height: 350px;
    max-height: 350px;
    object-fit: cover;
    object-position: center;
}

.ts-iframe-video {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    padding-top: 56.25%; /* 16:9 aspect ratio (9 / 16 * 100) */
    border-radius: 20px;
}

    .ts-iframe-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        border-radius: 20px;
    }

.tradeshow-left-content {
    width: 50%;
}

.tradeshow-right-content {
    width: 50%;
    text-align: center;
}

    .tradeshow-right-content .tradeshow-right-content-data {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        row-gap: 25px;
    }

.ts-title-contnt,
.ts-date-contnt,
.ts-body-contnt {
    color: var(--color-text);
    font-family: var(--font-family-surt);
}

.ts-title-contnt {
    font-size: var(--tradeshow-banner-subtitle-font-size);
    font-weight: var(--font-weight-semibold);
    line-height: normal;
}

.ts-date-contnt {
    font-size: 25px;
    font-weight: var(--font-weight-semibold);
    line-height: normal;
}

.ts-body-contnt {
    font-size: 20px;
    font-weight: var(--font-weight-medium);
    line-height: 30px;
}

.embed-responsive.embed-responsive-16by9 iframe {
    clip-path: inset(1px 1px);
}

/* Add media queries for responsiveness */
@media screen and (max-width: 768px) {
    .flex-50-50 {
        flex-direction: column;
        text-align: center;
        column-gap: 0;
        row-gap: 30px;
    }

    .tradeshow-left-content,
    .tradeshow-right-content {
        width: 100%;
        margin-bottom: 20px; /* Adjusted spacing for smaller screens */
    }
}
/*#endregion*/

/*#region info footer*/
.stat_content, .stat_img {
    background-color: #3AB0C8 !important;
    background: transparent;
}

    .stat_content .view_btn {
        color: #3ab0c8;
    }
/*#endregion*/

/*#region Floor Plan Slider*/
.slider-download-btn {
    position: absolute;
    right: 0;
    margin-top: 15px;
    margin-right: 5px;
    bottom: -75px;
}

.slider-pb {
    padding-bottom: 105px;
}

.floor-plan-slider .slick-prev.custom-prev-arrow.slick-arrow, .floor-plan-slider .slick-next.custom-next-arrow.slick-arrow {
    bottom: -50px;
}

.floor-plan-slider {
    margin-top: 60px;
}

    .floor-plan-slider .slick-list {
        padding-bottom: 85px;
    }

    .floor-plan-slider .slide_img_container img {
        max-height: 626px;
        width: auto;
        max-width: 100%;
        object-position: center;
    }

    .floor-plan-slider .slide_img_container video, .floor-plan-slider .slide_img_container iframe {
        max-height: 626px;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }

@media screen and (max-width: 767px) {
    .slider-download-btn {
        right: auto;
    }

    .floor-plan-slider .slick-list {
        padding-bottom: 105px;
    }
}
/*#endregion*/

/*#region Dashboard main tradeshow*/
.dashboard-ts {
    margin-top: 100px;
    background: #F9F9F9;
    display: flex;
    column-gap: 25px;
    justify-content: center;
    width: 100%;
}

.dashboard-ts-content-main {
    padding-top: 30px;
    padding-bottom: 75px;
    padding-right: 25px;
    flex-grow: 1;
    width: 100%;
}

/*.ts-dashboard-title {
    color: var(--color-text);
    font-family: var(--font-family-surt);
    font-size: 25px;
    font-style: normal;
    font-weight: var(--font-weight-medium);
    line-height: normal;
    margin-bottom: 19px;
}*/

.tradeshow-page-heading.flex-two-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ts-dropdown.dropdown {
    height: auto;
    min-height: auto;
    overflow: initial;
    display: initial;
}

    .ts-dropdown.dropdown.no-dd-icon .dropdown-toggle:before, .ts-dropdown.dropdown.no-dd-icon .dropdown-toggle:after {
        border: none;
    }

    .ts-dropdown.dropdown .dropdown-menu.show {
        margin-top: -3px;
        margin-left: -114px;
        border-radius: 15px;
        transform: none !important;
        box-shadow: var(--tradeshow-box-shadow);
        overflow: hidden;
    }

    .ts-dropdown.dropdown .dropdown-menu .dropdown-item {
        padding: 15px;
    }


        .ts-dropdown.dropdown .dropdown-menu .dropdown-item:active, .ts-dropdown.dropdown .dropdown-menu .dropdown-item.active {
            background-color: var(--color-primary);
        }

.dashboard-ts-tiles-grid.tiles-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
    padding: 30px 70px;
}

.dashboard-ts-tiles-grid {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    /*display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 20px;*/
}

    .dashboard-ts-tiles-grid .ts-tiles {
        border-radius: 20px;
        border: 1px solid var(--color-border);
        background: var(--color-white);
        text-align: center;
        transition: all 0.3s;
        position: relative;
        aspect-ratio: 1/0.9;
        height: 120px;
        min-height: 120px;
    }

        .dashboard-ts-tiles-grid .ts-tiles a {
            padding: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 10px;
            max-width: 100%;
            height: 100%;
            width: 100%;
        }


.normal-active-tiles .dashboard-ts-tiles-grid .ts-tiles.active-tile:after {
    content: none;
}

.normal-active-tiles .dashboard-ts-tiles-grid .ts-tiles.active-tile.new-reg {
    position: relative;
}

/*.normal-active-tiles .dashboard-ts-tiles-grid .ts-tiles.active-tile.new-reg:after {
        content: "New";
        position: absolute;
        right: 5px;
        font-size: 8px;
        top: 4px;
        background-color: #3ab0c8;
        color: white;
        padding: 5px 5px;
        border-radius: 0px 8px 0px 8px;
    }*/

.normal-active-tiles .dashboard-ts-tiles-grid .ts-tiles.active-tile {
    border-radius: 20px;
}

.dashboard-ts-tiles-grid .ts-tiles:not(.active-tile):hover {
    box-shadow: var(--tradeshow-box-shadow);
}

.dashboard-ts-tiles-grid .ts-tiles.active-tile {
    /*border-radius: 20px;
    border-bottom: none;
    box-shadow: inset 0px 0px 0px 5px var(--color-primary);*/
    border-radius: 20px;
    border-bottom: none;
    box-shadow: inset 0px 0px 0px 5px var(--color-primary), inset 5px -5px 5px -5px rgba(0,0,0,0.5), inset -5px -5px 5px -5px rgba(0,0,0,0.5);
}

    .dashboard-ts-tiles-grid .ts-tiles.active-tile a {
        pointer-events: none;
    }

.normal-active-tiles .dashboard-ts-tiles-grid .ts-tiles.active-tile a:after {
    content: none;
    height: 20px;
    width: 100%;
    background-color: var(--color-white);
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
    z-index: 5;
    box-shadow: 5px 0 0 0 var(--color-primary), -5px 0 0 0 var(--color-primary);
}

/*.dashboard-ts-tiles-grid .ts-tiles.active-tile a:after {
    content: "";
    height: 32px;
    width: calc(100% - 10px);
    background-color: var(--color-white);
    position: absolute;
    left: 50%;
    bottom: -26px;
    transform: translateX(-50%);
    z-index: 5;
    box-shadow: 5px 0 0 0 var(--color-primary), -5px 0 0 0 var(--color-primary);
}*/

.active-ts-grid-status {
    position: relative;
    max-width: calc(100% - 32px);
    margin: 20px auto 0 auto;
    background-color: var(--color-white);
    box-shadow: inset 0px 0px 0px 5px var(--color-primary);
    padding-top: 30px;
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

    .active-ts-grid-status.w-100.br-0-20-20-20 {
        border-radius: 0 20px 20px 20px;
    }

.dashboard-ts-tiles-grid .ts-tile-image {
    min-height: 65px;
    max-height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
}

    .dashboard-ts-tiles-grid .ts-tile-image img {
        height: auto;
        width: 100%;
        object-fit: contain;
        max-width: 85px;
        object-position: center;
        max-height: 100%;
        mix-blend-mode: multiply;
    }

.dashboard-ts-tiles-grid .ts-tile-date {
    color: var(--color-secondary-text);
    text-align: center;
    font-family: var(--font-family-surt);
    font-size: 13px;
    font-style: normal;
    font-weight: var(--font-weight-light);
    line-height: normal;
    width: 100%;
}

.dashboard-ts-tiles-grid .ts-tiles.ts-tiles-action-button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 15px;
    cursor: pointer;
}

    .dashboard-ts-tiles-grid .ts-tiles.ts-tiles-action-button .ts-tile-icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.dashboard-ts-tiles-grid .ts-tile-icon svg {
    width: 32px;
    height: 32px;
}

.dashboard-ts-tiles-grid .ts-tile-action-text {
    margin-top: 10px;
    color: #333;
    text-align: center;
    font-family: var(--font-family-surt);
    font-size: 15px;
    font-style: normal;
    font-weight: var(--font-weight-light);
    line-height: normal;
}

/*@media screen and (max-width: 1200px) {
    .dashboard-ts-tiles-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .dashboard-ts-tiles-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}*/

@media screen and (max-width: 767px) {
    .dashboard-ts-tiles-grid .ts-tiles {
        min-width: calc(100% / 2 - 5px);
        width: calc(100% / 2 - 5px);
    }

    .ts-modal .dashboard-ts-tiles-grid.tiles-grid-4 {
        grid-template-columns: repeat(2, 1fr);
        padding: 0;
    }

    .ts-modal .ts-modal-scroll-body {
        max-height: calc(100dvh - 300px);
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 0;
        padding-bottom: 40px;
    }

    .dashboard-ts-content-main {
        padding-right: 0;
    }

    /*.dashboard-ts-tiles-grid .ts-tiles {
        aspect-ratio: 1;
        height: 100%;
        min-height: 100%;
        min-width: calc(100% / 3.2);
    }

        .dashboard-ts-tiles-grid .ts-tiles a {
            padding: 10px;
            display: block;
        }*/

    .dashboard-ts-tiles-grid .ts-tile-image img {
        max-width: 65px;
    }
}
/*#endregion*/

/*#region link icon*/
.link-icon-flex {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--color-primary);
    font-family: var(--font-family-montserrat);
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    line-height: normal;
    margin-bottom: 48px;
}

    .link-icon-flex:hover {
        color: var(--color-primary);
        text-decoration: underline !important;
    }
/*#endregion*/

/*#region Status Tiles*/
.small-link-muted {
    text-decoration: underline;
    font-size: 12px;
    color: var(--color-primary);
    margin-top: 15px;
}

.dashboard-ts-status-tiles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 27px;
    margin-bottom: 20px;
}

    .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile {
        border-radius: 20px;
        background: var(--color-white);
        transition: box-shadow 0.3s;
        /*box-shadow: 0px 30px 20px 0px rgba(79, 40, 102, 0.08);*/
        position: relative;
        overflow: hidden;
        border: 1px solid var(--color-border);
    }

        .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile:hover:not(.in-active) {
            box-shadow: var(--tradeshow-box-shadow);
        }

        /*default - unregistered*/
        .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile.default-tile .tile-head {
            background: var(--tiles-default);
        }

        .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile.default-tile:not(.disabled) .tile-body .status-text {
            color: var(--tiles-default);
        }

        /*completed - yellow*/
        .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile.completed-tile .tile-head {
            background: var(--tiles-completed);
        }

        .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile.completed-tile:not(.disabled) .tile-body .status-text {
            color: var(--tiles-completed);
        }

        /*approved - green*/
        .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile.approved-tile .tile-head {
            background: var(--tiles-approved);
        }

        .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile.approved-tile:not(.disabled) .tile-body .status-text {
            color: var(--tiles-approved);
        }

        /*rejected - red*/
        .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile.rejected-tile .tile-head {
            background: var(--tiles-rejected);
        }

        .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile.rejected-tile:not(.disabled) .tile-body .status-text {
            color: var(--tiles-rejected);
        }

        /*pending - gray*/
        .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile.pending-tile .tile-head {
            background: var(--tiles-pending);
        }

        .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile.pending-tile:not(.disabled) .tile-body .status-text {
            color: var(--tiles-default);
        }

        /*completed - green*/
        .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile.completed .tile-head {
            background: var(--color-status-completed);
        }

        .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile.completed .tile-body .status-text {
            color: var(--color-status-completed);
        }

        /*in-progress - yellow*/
        .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile.in-progress .tile-head {
            background: var(--color-status-inprogress);
        }

        .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile.in-progress .tile-body .status-text {
            color: var(--color-status-inprogress);
        }

        /*pending - grey*/
        .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile.pending .tile-head {
            background: var(--color-secondary-text);
        }

        .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile.pending .tile-body .status-text {
            color: var(--color-secondary-text);
        }

        .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile.in-active {
            cursor: no-drop;
        }

            .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile.in-active .tile-head {
                box-shadow: none;
                background: var(--color-secondary-text);
            }

        .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile .tile-head {
            border-radius: 20px 20px 0px 0px;
            padding: 23px 15px;
            text-align: center;
            color: var(--color-white);
            text-align: center;
            font-family: var(--font-family-montserrat);
            font-size: 15px;
            font-style: normal;
            font-weight: var(--font-weight-medium);
            line-height: normal;
        }

        .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile .tile-body {
            min-height: 137px;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            flex-direction: row;
            padding-bottom: 15px;
        }

            .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile .tile-body .status-text {
                min-height: 96px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #787878;
                text-align: center;
                font-family: var(--font-family-surt);
                font-size: 18px;
                font-style: normal;
                font-weight: var(--font-weight-medium);
                line-height: normal;
            }

            .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile .tile-body .deadline-date {
                color: var(--color-secondary-text);
                text-align: center;
                font-family: var(--font-family-surt);
                font-style: normal;
                font-weight: var(--font-weight-medium);
                line-height: normal;
                font-size: 15px;
            }

            .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile .tile-body .status-text, .dashboard-ts-status-tiles-grid .dashboard-ts-status-tile .tile-body .deadline-date {
                width: 100%;
            }

@media screen and (max-width: 992px) {
    .dashboard-ts-status-tiles-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 767px) {
    .dashboard-ts-status-tiles-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}
/*#endregion*/

/*#region tradeshow modal css*/
.ts-modal .modal-content {
    border-radius: 20px;
    border: 1px solid var(--color-border);
    background: var(--color-white);
}

.ts-modal .modal-body .regListDetails {
    max-height: calc(100vh - 60px);
    padding: 0 15px 25px 25px;
    background-color: #F9F9F9;
    margin-top: 20px;
    overflow-y: auto;
}

.modal .accordion.active {
    background-color: rgb(245 251 252);
}

.ts-modal .modal-body .regListDetails.loading {
    min-height: calc(100vh - 60px);
    height: calc(100vh - 60px);
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .ts-modal .modal-body .regListDetails.loading:after {
        background-color: #f9f9f9;
    }

.regListDetails.loading:after {
    position: absolute;
    content: "Loading...";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f9f9f9;
    z-index: 0;
    color: #777;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ts-modal .ts-modal-close.pos-tr-absolute {
    position: absolute;
    z-index: 55;
    top: -10px;
    right: 0;
}

.ts-modal .ts-modal-scroll-body {
    max-height: calc(100vh - 221px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 17px;
}

.ts-modal .ts-modal-close {
    text-align: right;
    padding: 29px 29px 0 0;
    opacity: 1;
}

    .ts-modal .ts-modal-close svg {
        height: 25px;
        width: 25px;
    }

.ts-modal .ts-modal-heading {
    width: 100%;
    text-align: center;
    color: #333;
    font-family: var(--font-family-montserrat);
    font-size: 25px;
    font-style: normal;
    font-weight: var(--font-weight-medium);
    line-height: 45px;
    margin-bottom: 15px;
}

.ts-modal .ts-modal-subheading {
    width: 100%;
    color: var(--color-text);
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    line-height: 40px;
    font-family: var(--font-family-surt);
    text-align: center;
}


.ts-modal .event-calendar-trade-show .trade-show-calendar-info .info-event-name {
    font-weight: var(--font-weight-semibold);
}

.ts-modal .event-calendar-trade-show .trade-show-calendar-info .info-date {
    font-weight: var(--font-weight-normal);
}

.ts-modal .event-calendar-trade-show .trade-show-calendar-info .info-event-name, .ts-modal .event-calendar-trade-show .trade-show-calendar-info .info-date {
    color: #000;
    font-family: var(--font-family-montserrat);
    font-size: 18px;
    font-style: normal;
    line-height: 30px;
}

.ts-modal .event-calendar-trade-show ul li {
    padding: 9px 14px;
    min-height: 70px;
}

.ts-modal .modal-footer-button {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 35px;
    padding: 20px 0;
}

    .ts-modal .modal-footer-button.width-btn-3 button {
        min-width: calc(100% / 3 - 1.5rem);
    }

@media (min-width: 576px) {
    .ts-modal .modal-lg {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .ts-modal .modal-lg {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .ts-modal .modal-lg {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .ts-modal .modal-lg {
        max-width: 1140px;
    }
}

/*@media screen and (max-width: 767px) {
    .ts-modal .modal-footer-button {
        flex-wrap: wrap;
        gap: 15px;
    }
}*/
/*#endregion*/

/*#region sidebar*/

.dashboard-ts-sidebar-main {
    width: 100%;
    background-color: var(--color-white);
    padding: 54px 22px 20px 52px;
    min-height: 700px;
}

.tradeshow-sidebar-heading {
    color: var(--color-text);
    font-family: var(--font-family-surt);
    line-height: 40px;
    font-size: var(--tradeshow-body-copy-font-size);
    font-style: normal;
    font-weight: var(--tradeshow-body-copy-font-weight);
    line-height: 28px;
    letter-spacing: -0.8px;
}

.dashboard-ts-sidebar-main:not(.collapsed) {
    min-width: 288px;
    max-width: 288px;
}

.dashboard-ts-sidebar-main.collapsed {
    width: 136px;
}

    .dashboard-ts-sidebar-main.collapsed .dashboard-ts-sb-body ul .sb-link-text, .dashboard-ts-sidebar-main .button-ts-sb .close-sb-button {
        display: none;
    }

    .dashboard-ts-sidebar-main.collapsed .button-ts-sb .open-sb-button, .dashboard-ts-sidebar-main.collapsed .tradeshow-sidebar-heading {
        display: none;
    }

    .dashboard-ts-sidebar-main.collapsed .button-ts-sb .close-sb-button {
        display: inline-block;
    }

.dashboard-ts-sidebar-main .dashboard-ts-sb-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 56px;
}

.dashboard-ts-sidebar-main .button-ts-sb .open-sb-button, .dashboard-ts-sidebar-main .button-ts-sb .close-sb-button {
    height: 40px;
    width: 40px;
    cursor: pointer;
}

.dashboard-ts-sidebar-main .dashboard-ts-sb-body {
    margin-top: 37px;
}

    .dashboard-ts-sidebar-main .dashboard-ts-sb-body ul {
        margin: 0;
        padding-top: 20px;
    }

        .dashboard-ts-sidebar-main .dashboard-ts-sb-body ul .icon-svg {
            height: 24px;
            width: 24px;
        }

            .dashboard-ts-sidebar-main .dashboard-ts-sb-body ul .icon-svg svg {
                height: 24px;
                width: 24px;
                fill: var(--tradeshow-sidebar-color);
            }

        .dashboard-ts-sidebar-main .dashboard-ts-sb-body ul .sb-link-text {
            color: var(--tradeshow-sidebar-color);
            font-family: var(--font-family-surt);
            font-size: var(--tradeshow-sidebar-font-size);
            font-style: normal;
            font-weight: var(--tradeshow-sidebar-font-weight);
            line-height: normal;
        }

        .dashboard-ts-sidebar-main .dashboard-ts-sb-body ul li a {
            display: flex;
            align-items: center;
            column-gap: 10px;
            margin-bottom: 25px;
            width: max-content;
        }

.dashboard-ts-sidebar-main.collapsed .dashboard-ts-sb-body ul li .vertical-line-ts {
    margin-left: -30px;
}

.dashboard-ts-sidebar-main .dashboard-ts-sb-body ul li .vertical-line-ts {
    margin-top: 38px;
    height: 1px;
    background-color: #DDE7F1;
}

.dashboard-ts-sidebar-main .dashboard-ts-sb-body ul li a:hover:not(.active-sb-link) .icon-svg svg .hover-effect {
    fill: black;
}

.dashboard-ts-sidebar-main .dashboard-ts-sb-body ul li a:hover:not(.active-sb-link) .sb-link-text {
    color: #000;
}

.dashboard-ts-sidebar-main .dashboard-ts-sb-body ul li a.active-sb-link .icon-svg .hover-effect {
    fill: var(--color-primary);
}

.dashboard-ts-sidebar-main .dashboard-ts-sb-body ul li a.active-sb-link .sb-link-text {
    color: var(--tradeshow-sidebar-active-color);
    font-weight: var(--tradeshow-sidebar-active-font-weight);
}

.dashboard-ts-sidebar-main .button-ts-sb-mobile {
    display: none;
}

body.sb-active-overlay {
    position: relative;
}

    body.sb-active-overlay:after {
        content: "";
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.55);
        height: 100%;
        width: 100%;
        z-index: 55;
    }

@media screen and (min-width: 992px) {
    .dashboard-ts-sidebar-main.collapsed .dashboard-ts-sb-body ul li a:hover .sb-link-text {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 50;
        display: block;
        left: -10px;
        min-width: max-content;
        text-align: center;
        background-color: var(--color-white);
        padding: 10px 20px 10px 45px;
        border-radius: 10px;
        box-shadow: var(--tradeshow-box-shadow);
    }

    .dashboard-ts-sidebar-main.collapsed .dashboard-ts-sb-body ul li a:hover .icon-svg {
        z-index: 55;
    }
}

@media (min-width: 991px) {
    .dashboard-ts-sidebar-main.collapsed {
        width: 136px;
    }

    .dashboard-ts-sidebar-main:not(.collapsed) {
        min-width: 288px;
        max-width: 288px;
    }

    .dashboard-ts-sidebar-main.collapsed .dashboard-ts-sb-body ul .sb-link-text,
    .dashboard-ts-sidebar-main .button-ts-sb .close-sb-button {
        display: none;
    }

    .dashboard-ts-sidebar-main.collapsed .button-ts-sb .open-sb-button,
    .dashboard-ts-sidebar-main.collapsed .tradeshow-sidebar-heading {
        display: none;
    }

    .dashboard-ts-sidebar-main.collapsed .button-ts-sb .close-sb-button {
        display: inline-block;
    }

    .open-sb-button-mobile {
        display: none;
    }
}


@media screen and (max-width: 992px) {
    .ts-homepage .open-sb-button-mobile {
        display: none;
    }

    .open-sb-button-mobile {
        display: flex;
    }

    .dashboard-ts-sidebar-main .button-ts-sb-mobile {
        display: block;
    }

    .dashboard-ts-sidebar-main.allow-collapse, .dashboard-ts-sidebar-main .button-ts-sb {
        display: none;
    }

    .dashboard-ts-sidebar-main.collapsed-mobile.allow-collapse {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        top: 100px;
        bottom: 0;
        /* min-width: calc(100% - 40px);
        width: calc(100% - 40px);
        max-width: 100%;*/
        min-width: 290px;
        width: 290px;
        max-width: 290px;
        box-shadow: var(--tradeshow-box-shadow);
        z-index: 555;
        height: calc(100dvh - 100px);
        padding-bottom: 50px;
        overflow-y: auto;
    }

    .dashboard-ts-content-main.allow-collapse {
        padding-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .dashboard-ts-sidebar-main {
        min-height: auto;
    }

    .ts-modal .dashboard-ts-sidebar-main .dashboard-ts-sb-body ul {
        display: flex;
        gap: 15px;
        align-items: center;
        justify-content: center;
        overflow-x: auto;
        display: none;
    }

    .ts-modal .dashboard-ts-sidebar-main {
        max-width: 100% !important;
        min-width: 100% !important;
    }

        .ts-modal .dashboard-ts-sidebar-main .dashboard-ts-sb-body ul li {
            border: 1px solid #efefef;
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px;
            background-color: #efefef;
            width: 100%;
            min-width: max-content;
        }

            .ts-modal .dashboard-ts-sidebar-main .dashboard-ts-sb-body ul li:last-child {
                display: none;
            }

            .ts-modal .dashboard-ts-sidebar-main .dashboard-ts-sb-body ul li a {
                display: flex;
                align-items: center;
                column-gap: 16px;
                margin-bottom: 0;
                width: max-content;
            }

    .ts-modal .modal-body .regListDetails {
        max-height: calc(100vh - 200px);
        margin: 0;
        padding: 0;
    }

    .ts-modal .dashboard-ts-content-main {
        padding: 20px;
    }
}
/*#endregion*/

/*#region tradeshow forms main content*/
.ts-forms-content-main .onboarding_progress {
    justify-content: center;
}

.ts-forms-content-main {
    border-radius: 20px;
    background: var(--color-white);
    padding: 50px 0;
}

    .ts-forms-content-main li {
        display: flex;
    }

.ts-forms-wizard-main {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.ts-wizard-box {
    width: 96px;
    height: 68px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--color-secondary-text);
    color: var(--color-secondary-text);
    text-align: center;
    font-family: var(--font-family-surt);
    font-size: 22px;
    font-style: normal;
    font-weight: var(--font-weight-medium);
    line-height: normal;
}

    .ts-wizard-box.active {
        border: 2px solid var(--color-primary);
        color: var(--color-white);
        background-color: var(--color-primary);
    }

.ts-wizard-step .ts-wizard-text {
    color: var(--color-secondary-text);
    text-align: center;
    font-family: var(--font-family-surt);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    line-height: normal;
    max-width: 110px;
    margin-top: 10px;
    min-height: 51px;
}

.ts-wizard-step.active .ts-wizard-text {
    color: var(--color-primary);
}

.ts-forms-content-main .submit_loading {
    gap: 5px;
}

.ts-forms-content-main #enquiryLoader .card {
    border: 0px;
    padding: 0 !important;
}

.ts-forms-content-main #enquiryLoader .no-rec-found {
    padding: 0 15px;
    border: none;
    background-color: var(--color-white);
}

/*#region registration changes new*/
.onboarding_progress {
    margin: 0 auto 20px auto !important;
}

.ts-form-header-content {
    margin-top: 50px;
    margin-bottom: 15px;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

    .ts-form-header-content .headeing-text {
        color: var(--color-text);
        font-family: var(--font-family-surt);
        font-size: 25px;
        font-style: normal;
        font-weight: var(--font-weight-medium);
        line-height: normal;
    }

    .ts-form-header-content .header-button-link {
        cursor: pointer;
        color: var(--color-primary);
        font-family: var(--font-family-surt);
        font-size: 18px;
        font-style: normal;
        font-weight: var(--font-weight-medium);
        line-height: normal;
    }

        .ts-form-header-content .header-button-link:hover {
            text-decoration: underline;
        }

.ts-forms-content-main .uploaded-file-section .upload-file-grid .get-file-url {
    padding: 0;
    text-align: center;
    margin: 0 auto;
    mix-blend-mode: multiply;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 120px;
    object-fit: cover;
}

.ts-forms-content-main .uploaded-file-section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-gap: 10px;
    max-width: 100%;
    text-align: center;
}

.ts-forms-content-main .upload-file-grid {
    border: 1px solid var(--color-border);
    background: var(--color-white);
    /*box-shadow: 0px 10px 15px 0px #E9F0F2;*/
    border-radius: 15px;
    padding: 15px;
    min-width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}

    .ts-forms-content-main .upload-file-grid > div {
        width: 100%;
    }

.header-button-link-info {
    color: var(--color-grey-3);
    font-family: var(--font-family-surt);
    font-size: 15px;
    font-style: normal;
    font-weight: var(--font-weight-light);
    line-height: 25px;
}

.ts-forms-content-main .wizardform .block_form {
    margin: 0 !important;
    padding: 0 24px !important;
}

.ts-forms-content-main .wizardform .label_inputContainer:first-child {
    margin-top: 10px;
}

.ts-forms-content-main .wizardform .label_inputContainer {
    margin: 25px 0;
}

.ts-forms-content-main .wizardform .newRadioInputTradeShow[type=radio]:checked:not(:disabled) + .control__content,
.ts-forms-content-main .wizardform .newRadioInputTradeShow[type=radio]:not(:disabled) + .control__content {
    cursor: pointer;
}

.ts-forms-content-main .wizardform .newRadioInputTradeShow[type=radio]:checked + .control__content {
    color: var(--color-white);
    background-color: #3AB0C8;
    border-color: #3AB0C8;
}

.ts-forms-content-main .wizardform .trade-show-tandc-list .check_agreement.list-checkbox-main {
    padding: 15px 0;
}

.ts-forms-content-main .wizardform .trade-show-tandc-list .check_container .check_point {
    vertical-align: middle;
}

.ts-forms-content-main .trade-show-upload-file {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 10px;
}

.ts-forms-content-main .onboarding_progress {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .ts-forms-content-main {
        padding: 30px 15px;
    }

        .ts-forms-content-main .budgrt-exibitor {
            margin-bottom: 30px;
        }

        .ts-forms-content-main .wizardform .block_form {
            padding: 0 !important;
        }

    .ts-form-header-content {
        flex-wrap: wrap;
        width: 100%;
        gap: 15px;
    }

        .ts-form-header-content .header-button-link-info {
            width: 100%;
        }
}
/*#endregion*/
/*#endregion*/

/*#region wizard steaper UI */
.ts-forms-content-main .step_label {
    max-width: 96px !important;
}

    .ts-forms-content-main .step_label .step {
        width: 96px !important;
        height: 68px !important;
        min-width: 96px !important;
        border-radius: 20px !important;
    }

.ts-forms-content-main .onboarding_progress .step_label:not(.progress_active) .step div {
    background-color: var(--color-white);
    border: 2px solid var(--color-secondary-text);
    color: var(--color-secondary-text);
}

.ts-forms-content-main .onboarding_progress .step_label.progress_active .step div {
    color: var(--color-white);
}


.ts-forms-content-main .onboarding_progress .step_label.progress_active.current .step div {
    border: 2px solid #3AB0C8;
    color: var(--color-white);
}

.ts-forms-content-main .step_label .step > div {
    height: 100%;
    width: 100%;
    border-radius: 20px;
}

.ts-forms-content-main .step_label p {
    margin-top: 10px;
    color: #767671;
    text-align: center;
    font-family: var(--font-family-surt);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-light);
    line-height: normal;
}

.ts-forms-content-main .step_label.progress_active.current p {
    margin-top: 10px;
    color: var(--color-primary);
    text-align: center;
    font-family: var(--font-family-surt);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    line-height: normal;
}

.ts-forms-content-main .step_label.progress_active.current + .progress_bar .progress_level {
    width: 100%;
}

.ts-forms-content-main .step_label.progress_active + .progress_bar {
    background-color: #3ab0c8;
}

.ts-forms-content-main .step_label + .progress_bar {
    width: 100%;
    height: 5px;
    margin: 32px 0;
}

    .ts-forms-content-main .step_label + .progress_bar .progress_level {
        width: 0;
        height: 5px;
    }


@media screen and (max-width: 767px) {
    .ts-forms-content-main .step_label {
        max-width: 100%;
    }

    .ts-forms-content-main .onboarding_progress {
        gap: 0;
    }

    .ts-forms-content-main .step_label .step {
        width: 27px !important;
        height: 47px !important;
        min-width: 47px !important;
    }

    .ts-forms-content-main .step_label + .progress_bar {
        margin: 22px 0;
    }
}
/*#endregion*/
/*#region admin : registration page*/

/*#region view registration list*/
.form-view-header, .data-lable {
    color: var(--color-text);
    font-family: var(--font-family-surt);
    font-style: normal;
    line-height: normal;
}

.form-view-header {
    font-size: var(--tradeshow-page-heading-font-size);
    border-bottom: 2px solid #c0c0c0;
    font-weight: var(--tradeshow-page-heading-font-weight);
    padding-bottom: 12px;
}

.form-list-view-data {
    margin-top: 30px;
}

    .form-list-view-data ul {
        margin-bottom: 0px;
    }

        .form-list-view-data ul li {
            margin-bottom: 20px;
            display: flex;
        }

.data-lable.mw-115 {
    min-width: 115px;
    width: 115px;
}

.data-lable {
    font-weight: var(--tradeshow-view-label-font-weight);
    font-size: var(--tradeshow-view-label-text-font-size);
    min-width: 270px;
    width: 270px;
    display: inline-flex;
}

.data-lable-value {
    font-size: var(--tradeshow-view-label-text-font-size);
    color: var(--color-text);
    font-weight: var(--tradeshow-view-text-font-weight);
}

.form-view-mode-list:not(.mb-40):not(:last-child) {
    margin-bottom: 90px;
}

.regListDetails .form-view-mode-list .form-view-header {
    position: sticky;
    top: 0;
    z-index: 6;
    background-color: #f9f9f9;
}

.form-view-mode-list.show-loader.loading {
    position: relative;
}

    .form-view-mode-list.show-loader.loading:after {
        content: "Loading...";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        background-color: #f9f9f9;
        z-index: 5;
        color: var(--color-text);
        display: flex;
        align-items: center;
        justify-content: center;
    }

.form-view-mode-list.mb-40:first-child {
    margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .regListDetails .form-view-mode-list .form-view-header {
        top: -5px;
    }

    .form-list-view-data ul li {
        flex-wrap: wrap;
    }

        .form-list-view-data ul li .data-lable {
            width: 100%;
            margin-bottom: 5px;
        }

    .form-view-mode-list:not(.mb-40):not(:last-child) {
        margin-bottom: 50px;
    }
}
/*#endregion*/
.registration_info_content_container:last-child {
    border-radius: 0 0 20px 20px;
}
/*#endregion*/

/*#region order equipments page css*/
.order-loader.order-loader-ts {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: var(--color-white);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card.product_viewer_container {
    background-color: var(--color-white);
    border-radius: 20px !important;
    padding: 20px;
    margin: 17px 0;
}

.product_view_img_container {
    text-align: center;
    width: 100%;
    min-height: 120px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

    .product_view_img_container img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        mix-blend-mode: multiply;
    }

.product_viewer_wrapper {
    padding: 0;
    background-color: var(--color-white);
}

.card.product_viewer_container .product_viewer_head {
    background-color: var(--color-white);
    padding: 0;
    border-radius: 0;
}

    .card.product_viewer_container .product_viewer_head p {
        color: #787878;
        text-align: left;
        font-family: var(--font-family-surt);
        font-size: 20px;
        font-style: normal;
        font-weight: var(--font-weight-medium);
        line-height: normal;
        margin-bottom: 10px;
    }

.product_viewer_wrapper .product_viewer_item_container {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    grid-row-gap: 15px;
    grid-column-gap: 15px;
}

    .product_viewer_wrapper .product_viewer_item_container .equipment-card-main.product_view {
        /*padding: 40px 20px 25px 20px;*/
        border-radius: 20px;
        border: 1px solid var(--color-border);
        background: var(--color-white);
        box-shadow: 0px 10px 15px 0px #E9F0F2;
        cursor: pointer;
        transition: all 0.4s;
        position: relative;
    }

        .product_viewer_wrapper .product_viewer_item_container .equipment-card-main.product_view .add-single-prod {
            padding: 40px 20px 25px 20px;
        }

.view-details-equipment {
    position: absolute;
    right: 7px;
    top: 7px;
    font-size: 12px;
    background-color: var(--color-primary);
    color: white;
    padding: 6px 8px;
    line-height: 1;
    border-radius: 12px;
    z-index: 55;
    cursor: pointer;
    transition: all 0.4s;
    /*box-shadow: var(--tradeshow-box-shadow);*/
}

    .view-details-equipment:hover {
        filter: brightness(0.9);
        box-shadow: var(--tradeshow-box-shadow);
    }


/*.product_viewer_wrapper .product_viewer_item_container .equipment-card-main:hover:after {
    content: "Add to Cart";
    position: absolute;
    bottom: 0;
    font-size: 12px;
    text-align: center;
    width: 100%;
    left: 0;
    padding: 5px;
    color: var(--color-white);
    z-index: 0;
    transition: all 0.6s;
    background-color: #3ab0c8;
    border-radius: 0 0 20px 20px;
    box-shadow: 0px -4px 5px 0px #C3C3C3;
    pointer-events: none;
}*/
.product_viewer_wrapper .product_viewer_item_container .equipment-card-main.product_view:hover {
    box-shadow: var(--tradeshow-box-shadow);
}

.product_viewer_wrapper .product_viewer_item_container .equipment-card-main.product_view.prod-added {
    box-shadow: inset 0px 0 0 4px rgb(58 176 200);
    transition: all 0.4s;
}

/*li.order_summary_item.highlight-item {
    transition: all 0.4s;
    background-color: rgba(58, 176, 200, 0.1);
    box-shadow: inset 0px 0 0 4px rgb(58 176 200);
}*/

.product_view_content p:nth-child(1) {
    color: var(--color-secondary-text);
    text-align: center;
    font-family: var(--font-family-surt);
    font-size: 17px;
    font-style: normal;
    font-weight: var(--font-weight-medium);
    line-height: normal;
}

.product_view_content p:nth-child(2) {
    color: var(--color-secondary-text);
    font-family: var(--font-family-surt);
    font-size: 15px;
    font-style: normal;
    font-weight: var(--font-weight-medium);
    line-height: normal;
}

.product_view_content {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

.order_summary_box {
    border-radius: 20px;
    background: #F9F9F9;
}

.order_summary_box_head {
    padding: 30px 0;
    color: var(--color-text);
    text-align: center;
    font-family: var(--font-family-surt);
    font-size: 20px;
    font-style: normal;
    font-weight: var(--font-weight-medium);
    line-height: normal;
    border-bottom: 1px solid var(--color-border);
    margin: 0 20px;
}



.empty-order-list {
    padding: 30px;
}

    .empty-order-list h6 {
        margin-top: 15px;
    }

.order_summary_item {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 20px;
    border-bottom: 1px solid var(--color-border);
    width: 100%;
}

    .order_summary_item:last-child {
        border-bottom: 0;
    }

.order_summary_item_img_container img {
    max-width: 50px;
    mix-blend-mode: multiply;
}

.order_summary_item_img_content p:first-child {
    color: var(--color-text);
    font-family: var(--font-family-surt);
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-weight-medium);
    line-height: 22px;
}

.order_summary_item_img_content p:nth-child(2) {
    font-family: var(--font-family-surt);
    color: var(--color-text);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-light);
    line-height: 22px;
}

.order_summary_wrapper {
    display: flex;
    align-items: center;
    gap: 13px;
    width: 80%;
    min-width: 80%;
}

    .order_summary_wrapper .order_summary_item_img_container {
        min-width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.product-quantity .quantity-selectors input {
    width: 100%;
    max-width: 100%;
    height: 45px;
    margin: 0;
    text-align: center;
    background-color: var(--color-white) !important;
    cursor: default;
    color: var(--color-text);
    font-family: var(--font-family-surt);
    font-size: 20px;
    font-style: normal;
    font-weight: var(--font-weight-medium);
    line-height: 22px;
    border-radius: 7px;
    border: 1px solid var(--color-border) !important;
}

.flex-button-50-50 {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    margin-top: 5px;
    width: 100%;
}

.product-quantity .quantity-selectors button:disabled, .product-quantity .quantity-selectors button.disabled {
    cursor: no-drop;
}

.product-quantity .quantity-selectors button {
    width: 50%;
    min-width: 24px;
    margin: 0 auto;
    background-color: var(--color-white);
    color: var(--color-text);
    padding: 0;
    border-radius: 7px;
    font-size: 18px;
    border: 1px solid var(--color-border) !important;
    cursor: pointer;
}

    .product-quantity .quantity-selectors button:hover:not(.disabled), .product-quantity .quantity-selectors button:hover:not(:disabled) {
        background-color: var(--color-border);
    }

.summary_total_cost h3 {
    font-size: 20px;
    font-family: var(--font-family-surt);
    font-style: normal;
    font-weight: var(--font-weight-medium);
    line-height: 22px;
    color: var(--color-text);
}

.equipment-total {
    width: 90%;
    margin: 0 auto;
    border-top: 4px solid var(--color-border);
    padding: 30px 0;
}

.summary_total_cost {
    display: flex;
    justify-content: space-between;
    padding: 40px 0 20px 0;
    border-top: 4px solid var(--color-border);
    max-width: 90%;
    margin: 0 auto;
}

.equipment-order-place {
    max-width: 60%;
    margin: 0 auto;
    padding: 20px 0 40px 0;
}

.update-order-ts {
    margin-bottom: 40px;
}

.ts-invoice-upload-info .info-data-text {
    display: inline-block;
    color: var(--color-secondary-text);
    font-family: var(--font-family-surt);
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-light);
    line-height: 30px;
    margin: 20px auto;
}

.order_summary_box_head > div {
    display: flex;
    align-items: center;
}

/*view detail equipment modal*/
.equipment-view-detail-main {
    display: grid;
    grid-template-columns: 35% 65%;
}

    .equipment-view-detail-main .left-image-content {
        padding: 25px;
        background-color: #efefef;
        border-radius: 10px;
        text-align: center;
        width: 100%;
        height: 100%;
        min-width: 174px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .equipment-view-detail-main .left-image-content img {
            width: auto;
            object-fit: contain;
            height: auto;
            mix-blend-mode: multiply;
            max-width: 100%;
            max-height: 100%;
        }

    .equipment-view-detail-main .right-info-content {
        padding: 25px;
    }

        .equipment-view-detail-main .right-info-content .equipment-view-detail-category {
            font-weight: bold;
            font-size: 22px;
            color: #212529;
        }

        .equipment-view-detail-main .right-info-content .equipment-view-detail-name-price {
            display: flex;
            gap: 10px;
            font-size: 15px;
            margin-top: 20px;
            margin-bottom: 20px;
            color: #212529;
        }

        .equipment-view-detail-main .right-info-content .equipment-view-detail-label {
            font-weight: 400;
            font-size: 14px;
            line-height: 1.2;
            color: #222222;
            margin-bottom: 10px;
        }

        .equipment-view-detail-main .right-info-content .equipment-view-detail-add-to-cart {
            margin-top: 20px;
        }

        .equipment-view-detail-main .right-info-content .equipment-view-detail-add-to-cart {
            margin-top: 20px;
        }

@media screen and (max-width: 767px) {
    .equipment-view-detail-main {
        grid-template-columns: 100%;
    }

    .product_viewer_wrapper .product_viewer_item_container {
        grid-template-columns: 1fr;
    }

    .order_summary_box_head.hide-border-bottom {
        border-bottom: 1px solid white;
    }

    .order_summary_box_head {
        align-items: center;
        justify-content: space-between;
    }

        .order_summary_box_head .toggle-cart-list.active {
            transform: rotate(180deg);
            color: initial;
        }
}
/*#endregion*/

/*#region publicity details css*/
.product_Selector .language_block_container {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,0fr));
    grid-column-gap: 20px;
    grid-row-gap: 24px;
}

.ts-sd-pd-width .btn-group {
    max-width: 232px;
    min-width: 100%;
}

.ts-sd-pd-width .multiselect-container {
    max-width: 215px;
    min-width: 215px;
}

.submit_loading {
    gap: 0;
}

@media screen and (max-width: 767px) {
    .product_Selector .language_block_container {
        grid-template-columns: repeat(auto-fit,minmax(170px,0fr));
    }
}
/*#endregion*/

/*#region feedback page */
.radio_option_container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 15px;
    padding: 0 15px 0 15px;
}

    .radio_option_container .selecotr-item p {
        font-size: 15px;
    }

        .radio_option_container .selecotr-item p.ml-10 {
            margin-left: 10px;
        }

.block_form.ques {
    padding: 25px;
    max-width: 100%;
}

.block_form {
    margin: 25px auto 0 auto;
    max-width: 980px;
    background-color: var(--color-white);
    padding: 0;
    border-radius: 20px !important;
}

@media screen and (max-width: 767px) {
    .radio_option_container .radio_option .get-options-each {
        display: grid !important;
        grid-template-columns: 50% 50% 50%;
        grid-gap: 10px;
    }

    .radio_option_container .radio_box_container {
        flex-direction: row;
    }
}

@media screen and (max-width: 576px) {
    .radio_option_container .radio_option .get-options-each {
        display: grid !important;
        grid-template-columns: 50% 50%;
        grid-gap: 15px;
    }

        .radio_option_container .radio_option .get-options-each .custom-radio {
            display: inline-flex;
            position: relative;
            align-items: center;
            width: 100%;
            height: 100%;
        }

    .get-options-each .custom-radio label {
        align-items: center;
        display: inline-flex !important;
        width: 100%;
        height: 100%;
    }
}


/*#region new radio css */
.get-options-each {
    margin-bottom: 5px !important;
}

    .get-options-each .custom-radio {
        display: inline-block;
        position: relative;
        cursor: pointer;
    }

        .get-options-each .custom-radio input {
            opacity: 0;
            width: 100%;
            display: inline-block;
            position: absolute;
            height: 30px;
            border-radius: 20px;
            overflow: hidden;
            z-index: 5;
            cursor: pointer;
        }

        .get-options-each .custom-radio label {
            display: inline-block;
            cursor: pointer;
            border: 1px solid #efefef;
            padding: 5px 10px 5px 32px;
            border-radius: 8px;
            background-color: #efefef;
            position: relative;
            line-height: 1.5;
            font-size: 13px;
            color: #333333;
            transition: all 0.4s;
        }

            .get-options-each .custom-radio label.mw-80 {
                min-width: 80px;
                text-align: center;
            }

            .get-options-each .custom-radio label.pl-10 {
                padding-left: 10px;
            }

        .get-options-each .custom-radio .emoji {
            position: absolute;
            left: 5px;
            top: 50%;
            transform: translateY(-50%);
            filter: opacity(0.7);
            transition: all 0.3s;
            margin-left: 2px;
        }

        .get-options-each .custom-radio input:checked,
        .get-options-each .custom-radio input:checked:disabled {
            pointer-events: none;
        }

        .get-options-each .custom-radio input:hover:not(:disabled) + label {
            color: #333333;
            background-color: var(--color-white);
        }

        .get-options-each .custom-radio input:disabled:not(:checked) + label {
            opacity: 0.7;
        }

        .get-options-each .custom-radio input:hover:not(:disabled) + label .emoji {
            transform: scale(1.1) translateY(-50%);
        }

        .get-options-each .custom-radio input:checked + label {
            color: #333333;
            box-shadow: 0px 0px 0px 2px var(--color-primary);
            background-color: #d9f4fa;
        }

            /* Style for the active state */
            .get-options-each .custom-radio input:checked + label .emoji {
                filter: unset;
                transform: scale(1.2) translateY(-50%);
                margin-top: 2px;
                animation: bounce 0.7s;
                margin-left: 2px;
            }

@keyframes bounce {
    0% {
        transform: scale(0.8) translateY(-20px);
    }

    25% {
        transform: scale(1) translateY(-25px);
    }

    100% {
        transform: scale(1.2) translateY(-50%);
    }
}

/* Style for the disabled state */
.get-options-each .custom-radio input:disabled + label .emoji {
    filter: grayscale(100%);
    opacity: 0.5;
    animation: none;
}

/* Style for the disabled label */
.get-options-each .custom-radio input:disabled:checked + label {
    cursor: not-allowed;
    filter: grayscale(1);
}

.get-options-each .custom-radio input:disabled:not(:checked) + label .emoji {
    cursor: not-allowed;
}

.submit-error-text.error {
    color: #eb0028;
    font-size: 14px;
}

/*#endregion*/
/*#endregion*/

/*#region admin pages */
.admin-mt-30 {
    margin-top: 30px;
}

.admin-mt-50 {
    margin-top: 50px;
}

/*#region admin button*/
.ts-admin-btn, .ts-admin-btn-outline {
    border-radius: 10px;
    font-family: var(--font-family-surt);
    font-size: 12px;
    font-style: normal;
    font-weight: var(--font-weight-medium);
    min-width: 100px;
    height: 30px;
    line-height: 25px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
}

    .ts-admin-btn-outline.outline-yellow-btn {
        border: 2px solid #E19E50;
        background-color: var(--color-white);
        color: #E19E50;
    }

    .ts-admin-btn-outline.outline-green-btn {
        border: 2px solid #61BD7A;
        background-color: var(--color-white);
        color: #61BD7A;
    }

    .ts-admin-btn-outline.outline-grey-btn {
        border: 2px solid var(--color-secondary-text);
        background-color: var(--color-white);
        color: var(--color-text);
    }

    .ts-admin-btn-outline.outline-blue-btn {
        border: 2px solid var(--color-primary);
        background-color: var(--color-white);
        color: var(--color-primary);
    }

    .ts-admin-btn.approve-btn {
        background-color: #F7C244;
        color: var(--color-text);
        border: none;
        min-width: 147px;
    }

    .ts-admin-btn.approved-btn {
        background-color: #61BD7A;
        border: none;
        color: var(--color-text);
    }

/*#region comment section css*/

.comments-section {
    max-height: 350px;
    overflow-y: auto;
}

/*.past-comments-list .comments-section {
    background: rgba(255,255,255,0.9);
    padding-top: 10px;
    padding-bottom: 10px;
    height: 100%;
    width: 100%;
    border-radius: 20px;
    border: 2px solid #efefef;
}*/

.textarea-info-text-fixed {
    text-align: right;
    width: 100%;
    display: inline-block;
    font-size: 9px;
    color: #777;
}

.comment-list .copy-comment svg {
    height: 13px;
    position: absolute;
    right: 20px;
    width: 15px;
    cursor: pointer;
}

.comment-list {
    overflow: hidden;
    width: 100%;
}

    .comment-list .text {
        padding: 10px 25px 15px 40px;
        border: 1px solid #e5e5e5;
        border-radius: 13px;
        background: var(--color-white);
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        font-size: 13px;
        cursor: default;
    }

    .comment-list .attribution {
        margin: 0;
        font-size: 10px;
        color: #666666;
        opacity: 0.8;
        position: absolute;
        right: 25px;
        bottom: 3px;
        background-color: var(--color-white);
        padding: 0px 10px;
        border-radius: 15px;
        border-bottom: 1px solid #e5e5e5;
    }

.comments-section, .comment-list {
    position: relative
}

    .comments-section:before, .comment-list:before, .comment-list .text:before {
        content: "";
        position: absolute;
        top: 0;
        left: 25px;
    }

    /*.comments-section:before {
        width: 3px;
        left: 31px;
        bottom: 0px;
        background: rgba(0,0,0,0.1);
    }*/

    .comment-list:before {
        width: 10px;
        height: 10px;
        border-radius: 100px;
        background: #ccc;
        top: 26px;
    }

    .comment-list:hover:before {
        background: #3AB1C8;
    }
/*#endregion*/
/*#endregion*/
/*#region admin tiles lock / unlock UI */
.dashboard-ts-tiles-grid .ts-tiles .admin-tiles-lock-unlock-event-main {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    cursor: pointer;
    pointer-events: auto;
}

    .dashboard-ts-tiles-grid .ts-tiles .admin-tiles-lock-unlock-event-main .tiles-unlock-event,
    .dashboard-ts-tiles-grid .ts-tiles .admin-tiles-lock-unlock-event-main .tiles-lock-event {
        height: 30px;
        width: 30px;
        padding: 4px;
        background-color: var(--color-light-gray);
        border-radius: 11px;
        margin: 6px 6px 0 0;
        transition: all 0.3s;
    }

        .dashboard-ts-tiles-grid .ts-tiles .admin-tiles-lock-unlock-event-main .tiles-unlock-event.disabled,
        .dashboard-ts-tiles-grid .ts-tiles .admin-tiles-lock-unlock-event-main .tiles-lock-event.disabled {
            filter: grayscale(1);
        }

        .dashboard-ts-tiles-grid .ts-tiles .admin-tiles-lock-unlock-event-main .tiles-unlock-event:hover,
        .dashboard-ts-tiles-grid .ts-tiles .admin-tiles-lock-unlock-event-main .tiles-lock-event:hover {
            box-shadow: var(--tradeshow-box-shadow);
        }

    .dashboard-ts-tiles-grid .ts-tiles .admin-tiles-lock-unlock-event-main svg {
        height: 100%;
        width: 100%;
    }

        .dashboard-ts-tiles-grid .ts-tiles .admin-tiles-lock-unlock-event-main svg.event-unlock-icon {
            padding: 2px;
        }

.dashboard-ts-tiles-grid .ts-tiles.mh-130-flex-center {
    min-height: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dashboard-ts-tiles-grid .ts-tiles.copy-event-details-tiles {
    border-radius: var(--size-br-20);
    cursor: pointer;
    height: 100%;
    width: 100%;
    max-height: 160px;
    width: 160px;
    padding: 15px;
}

    .dashboard-ts-tiles-grid .ts-tiles.copy-event-details-tiles .ts-tile-image {
        height: 100%;
        width: 100%;
        margin-bottom: 15px;
    }

    .dashboard-ts-tiles-grid .ts-tiles.copy-event-details-tiles > div {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .dashboard-ts-tiles-grid .ts-tiles.copy-event-details-tiles.active-tile {
        pointer-events: initial;
    }


/*#endregion*/
/*#region Registration list view css*/

.admin-registration-listview-list {
    padding: 10px 20px;
    border: 1px solid var(--color-border);
}

    .admin-registration-listview-list:nth-child(even) {
        background: var(--color-light-gray);
    }

    .admin-registration-listview-list:nth-child(odd) {
        background: var(--color-white);
    }

    .admin-registration-listview-list .admin-registration-listview {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .admin-registration-listview-list .admin-registration-listview .left-title-name {
            color: var(--color-text);
            font-family: var(--font-family-surt);
            font-size: 18px;
            font-style: normal;
            font-weight: var(--font-weight-semibold);
            line-height: 30px;
        }

        .admin-registration-listview-list .admin-registration-listview .right-content-items {
            align-items: center;
            display: flex;
            gap: 10px;
        }

@media screen and (max-width: 767px) {
    .admin-registration-listview-list .admin-registration-listview {
        flex-wrap: wrap;
    }

        .admin-registration-listview-list .admin-registration-listview .left-title-name {
            width: 100%;
        }

        .admin-registration-listview-list .admin-registration-listview .right-content-items {
            gap: 10px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            margin-top: 15px;
        }
}
/*#endregion*/
/*#endregion*/

/*#region tradeshow table bordered*/
.table-ts-bordered .ts-table-header-text {
    font-family: var(--font-family-surt);
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    line-height: 30px; /* 166.667% */
}

.table-ts-bordered .ts-table-label-text {
    color: var(--color-secondary-text);
    font-family: var(--font-family-surt);
    font-size: 15px;
    font-style: normal;
    font-weight: var(--font-weight-normal);
    line-height: 30px; /* 166.667% */
}

.ts-color-primary {
    color: var(--color-primary);
}

.ts-color-secondary {
    color: var(--color-secondary-text);
}

.ts-color-text {
    color: var(--color-text);
}

.table-ts-bordered thead tr th, .table-ts-bordered tbody tr td, .table-ts-bordered tfoot tr td {
    vertical-align: middle;
    font-family: var(--font-family-surt);
    font-size: 15px;
    font-style: normal;
    line-height: normal;
    text-align: center;
    background-color: var(--color-white);
    padding: 14px;
    border-width: 1px;
    border-color: #DFE2E6;
    min-height: 47px;
    height: 47px;
}

.table-responsive .multipleOrderTable:not(:first-child) thead tr th {
    border-top: 0;
}

.table-ts-bordered.no-inner-border thead tr th,
.table-ts-bordered.no-inner-border tbody tr td,
.table-ts-bordered.no-inner-border tfoot tr td {
    vertical-align: middle;
    font-family: var(--font-family-surt);
    font-size: 15px;
    font-style: normal;
    line-height: normal;
    text-align: center;
    background-color: var(--color-white);
    padding: 9px 14px;
    border-width: 0;
    min-height: 50px;
    height: 50px;
}

.table-ts-bordered.no-inner-border thead tr,
.table-ts-bordered.no-inner-border tbody tr,
.table-ts-bordered.no-inner-border tfoot tr {
    border: 1px solid var(--color-border);
}

    .table-ts-bordered.no-inner-border tbody tr:nth-child(even) {
        background-color: var(--color-light-gray);
    }

    .table-ts-bordered.no-inner-border tbody tr:nth-child(odd) {
        background-color: var(--color-white);
    }

.table-ts-bordered thead tr th {
    color: var(--color-text);
    font-weight: var(--font-weight-medium);
}

.table-ts-bordered tbody tr td {
    color: var(--color-text);
    font-weight: var(--font-weight-light);
}

.table-ts-bordered tfoot tr td {
    color: var(--color-primary);
    font-weight: var(--font-weight-medium);
}

.table-ts-bordered .td-mw-60 {
    max-width: 60px;
    width: 60px;
}

.table-ts-strip thead tr {
    background-color: var(--color-light-gray);
}

    .table-ts-strip thead tr th {
        padding: 10px;
        color: var(--color-text);
        font-family: var(--font-family-surt);
        font-size: var(--tradeshow-table-font-size);
        font-style: normal;
        font-weight: var(--font-weight-medium);
        vertical-align: middle;
    }

.table-ts-strip.no-inner-border {
    border: 1px solid #E0E0E0;
}

    .table-ts-strip.no-inner-border thead th {
        border: none;
    }

.table-ts-strip tbody tr td {
    padding: 10px;
    color: var(--color-text);
    font-family: var(--font-family-surt);
    font-size: var(--tradeshow-table-font-size);
    font-style: normal;
    font-weight: var(--font-weight-light);
    vertical-align: middle;
}

    .table-ts-strip tbody tr td img {
        mix-blend-mode: multiply;
        height: auto;
        width: 100%;
        max-width: max-content;
        max-height: 25px;
    }

.table-ts-strip tbody tr:nth-child(even) {
    background-color: var(--color-light-gray);
}

.table-ts-strip tbody tr:nth-child(odd) {
    background-color: var(--color-white);
}

.rotate-clockwise {
    animation: rotate-clockwise infinite linear 2s;
}

/*#endregion*/

/*#region message timeline */
.wrapper-timeline {
    margin-top: 36px;
    padding: 9px 25px;
    border-radius: 20px;
    border: 1px solid var(--color-border);
    background: var(--color-white);
    min-height: 90px;
    margin-bottom: 10px;
}

.wrapper-timeline-month {
    padding: 0 0 25px 0;
}

.timeline-date-main {
    width: 100%;
    display: flex;
    gap: 25px;
    margin: 0 0 25px 0;
    border-bottom: 1px solid #efefef;
    padding: 25px 0;
}

.wrapper-timeline-month .timeline-date-main:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.wrapper-timeline-month {
    border-bottom: 2px solid #cccccc;
}

    .wrapper-timeline-month:last-child {
        border-bottom: none;
    }

.timeline-list {
    border-radius: 12px;
    position: relative;
    flex: 1;
    margin-bottom: 0;
}

    .timeline-list li {
        padding-bottom: 15px;
        border-left: 1px solid #cccccc;
        position: relative;
        padding-left: 20px;
        margin-left: 10px;
        display: block !important;
        margin-bottom: 0 !important;
    }

        .timeline-list li:last-child {
            /*border: 0px;*/
            padding-bottom: 0;
        }

            .timeline-list li:last-child:after {
                content: "";
                position: absolute;
                left: -3px;
                right: 0;
                width: 5px;
                height: 1px;
                background-color: #cccccc;
            }

            .timeline-list li:last-child p {
                margin-bottom: 0;
            }

        .timeline-list li:before {
            content: "";
            width: 15px;
            height: 15px;
            background: white;
            border: 1px solid #cccccc;
            box-shadow: 3px 3px 0px #d0d0d0;
            border-radius: 50%;
            position: absolute;
            left: -9px;
            top: 0px;
        }

    .timeline-list .time {
        color: var(--tiles-default);
        margin-bottom: 10px;
        font-size: 13px;
        cursor: default;
    }

    .timeline-list .time .tradeshow-badge-count {
        vertical-align: bottom;
    }

        .timeline-list .time .tag-broadcast {
            background-color: #828282;
            padding: 2px 4px;
            border-radius: 5px;
            vertical-align: text-bottom;
            color: white !important;
            margin-left: 5px;
            letter-spacing: 0.6px;
        }

    .timeline-list h5 {
        font-size: 18px;
        color: var(--tradeshow-sidebar-color);
        font-family: var(--font-family-surt);
        font-style: normal;
        font-weight: var(--tradeshow-sidebar-font-weight);
        line-height: normal;
    }

    .timeline-list p {
        font-size: 15px;
        text-align: left;
        color: #212529;
    }

.timeline-date-calendar {
    box-sizing: border-box;
    display: table;
    width: 60px;
    height: 60px;
    background: var(--color-primary);
    padding: 0;
    border: 0;
    border-radius: var(--size-btn-primary-small-br);
    box-shadow: var(--tradeshow-box-shadow);
    overflow: hidden;
    text-align: center;
    position: sticky;
    top: 110px;
    z-index: 4;
}

    .timeline-date-calendar.sticky-top-50 {
        top: 50px;
    }

    .timeline-date-calendar:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 50%;
        width: 100%;
        background: rgba(0, 0, 0, 0.1);
    }

    .timeline-date-calendar span:nth-child(1) {
        position: absolute;
        top: 5px;
        left: 15px;
        opacity: 0.8;
        color: white;
        font-size: 12px;
    }

    .timeline-date-calendar span:nth-child(2) {
        font-weight: 600;
        font-size: 23px;
        display: table-cell;
        vertical-align: bottom;
        color: white;
    }

@media screen and (max-width: 767px) {
    .wrapper-timeline-month {
        gap: 10px;
        padding: 15px 0;
    }

    .timeline-date-calendar {
        width: 45px;
        height: 45px;
        border-radius: 10px;
    }

        .timeline-date-calendar span:nth-child(1) {
            top: 2px;
            left: 9px;
        }

        .timeline-date-calendar span:nth-child(2) {
            font-size: 15px;
        }

    .timeline-list h5 {
        font-size: 14px;
    }

    .timeline-list p {
        font-size: 13px;
    }

    .timeline-list .time {
        font-size: 12px;
    }
}
/*#endregion*/

/*#region Common Media QUeries*/
@media screen and (max-width: 767px) {
    .tradeshow-page-heading {
        font-size: 23px;
    }

    .max-modal-width-650 {
        max-width: 100%;
        min-width: auto;
    }


    .modal-footer-button.mob-flex-wrap-100 {
        flex-wrap: wrap;
        text-align: center;
        gap: 10px;
    }

    .mw-150-mob {
        min-width: 150px;
    }

    .dashboard-ts-content-main .admin-mt-30 {
        margin-top: 0;
    }

    .get-options-each {
        flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 5px 5px;
        justify-content: start;
    }

    .ts-modal .ts-modal-scroll-body {
        max-height: calc(100dvh - 300px);
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 0;
        padding-bottom: 40px;
    }

    .invoice-due-text, .invoice-paid-text, .invoice-file-text {
        font-size: 15px;
    }

    .mob-col-reverse-gap-25 {
        flex-direction: column-reverse;
        gap: 25px;
    }

    .mob-mb-zero {
        margin-bottom: 0;
    }

    .mob-flex-wrap {
        flex-wrap: wrap;
    }

    .mob-width-85 {
        width: 85%;
        min-width: 85%;
    }

    .mob-width-100 {
        width: 100%;
        min-width: 100%;
    }

    .mob-width-48 {
        width: 48%;
        min-width: 48% !important;
    }

    .two-button-50-50-mobile {
        display: flex;
        align-items: center;
        gap: 15px;
    }

        .two-button-50-50-mobile button, .two-button-50-50-mobile a[type="button"] {
            width: 100%;
        }

    .two-button-center-flex {
        flex-wrap: wrap;
        column-gap: 0;
        row-gap: 15px;
    }

        .two-button-center-flex a[role="button"], .two-button-center-flex button {
            width: 100%;
        }

        .two-button-center-flex .tradeshow-btn-outline, .two-button-center-flex .tradeshow-btn {
            width: 100%;
        }

    .mobile-col-reverse {
        flex-direction: column-reverse;
    }
}
/*#endregion*/

/*#region animations*/
@keyframes rotate-clockwise {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/*#endregion*/