:root {
    --btnprimaryback: rgba(255, 73, 51, 1);
    --btnprimarybackhover: rgb(250, 104, 87);
    --fontcolorprimary: rgba(52, 64, 84, 1);
    --fontcolorsecondary: rgba(71, 84, 103, 1);
    --btntranshover: #FFE3DE;
    --projectimg: url('/img/menu-icons/home.svg');
}

/* MARK: Components global */

/* REMOVE/ADD IF YOU NEED THE FOOTER OR NOT */
#secTabLayouts .modal-footer,
#editZoneModal .modal-footer,
#secGuests .modal-footer,
#secShowTickets .modal-footer,
#secExternaShows .modal-footer,
#secProcess .modal-footer,
#secLocations .modal-footer,
#secShows .modal-footer,
#addGuestModal .modal-footer,
#newGuestModal .modal-footer,
#newEventModal .modal-footer,
#newLocationModal .modal-footer,
#addRequestModal .modal-footer {
    display: none;
}

.comp_button:hover {
    cursor: pointer;
}

.comp_search {
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(229, 229, 229, 1);
    border-radius: 6px;
    height: 44px;
    display: flex;
}

.comp_search svg {
    margin: 10px 0px 10px 12px;
    width: 24px;
}

.comp_search input {
    display: inline;
    margin: 0;
    padding: 2px 6px;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    font-size: 14px;
    color: var(--fontcolorprimary);
    border: 0;
}

.comp_search input::placeholder {
    color: rgba(144, 144, 144, 1);
    opacity: 1;
    /* Firefox */
}

.comp_search input::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: rgba(144, 144, 144, 1);
}

.comp_header,
.comp_headerimg {
    margin-top: 44px;
    margin-bottom: 24px;
}

.comp_header label,
.comp_headerimg label {
    width: 100%;
    height: 39px;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    text-align: left;
    color: rgba(7, 20, 55, 1);
    display: block;
}

.comp_header span,
.comp_headerimg span {
    width: 100%;
    height: 19px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: rgba(144, 144, 144, 1);
    display: inline-block;
}

.content-lg {
    max-width: 1689px;
    margin: auto;
}

.content-md {
    max-width: 1280px;
    margin: auto;
}

.content-sm {
    max-width: 842px;
    margin: auto;
}

.secMain .subHeader {
    width: 100%;
    height: 80px;
}

.secMain {
    width: 100%;
    padding: 0 72px;
}

.comp_wizard .comp_wizard_tab {
    display: none;
    background-color: transparent;
}

.comp_wizard .activeStep {
    display: block;
    /* background-color: red; */
}

.comp_wizard_buttons {
    display: flex;
    width: 100%;
    justify-content: space-around;
    margin-top: 32px;
    gap: 32px;
}

.comp_wizard_buttons .comp_button {
    flex-grow: 1;
    text-align: center;
}

.person-icon {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_99_6144' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_99_6144)'%3E%3Cpath d='M12 12C10.9 12 9.95833 11.6083 9.175 10.825C8.39167 10.0417 8 9.1 8 8C8 6.9 8.39167 5.95833 9.175 5.175C9.95833 4.39167 10.9 4 12 4C13.1 4 14.0417 4.39167 14.825 5.175C15.6083 5.95833 16 6.9 16 8C16 9.1 15.6083 10.0417 14.825 10.825C14.0417 11.6083 13.1 12 12 12ZM4 20V17.2C4 16.6333 4.14583 16.1125 4.4375 15.6375C4.72917 15.1625 5.11667 14.8 5.6 14.55C6.63333 14.0333 7.68333 13.6458 8.75 13.3875C9.81667 13.1292 10.9 13 12 13C13.1 13 14.1833 13.1292 15.25 13.3875C16.3167 13.6458 17.3667 14.0333 18.4 14.55C18.8833 14.8 19.2708 15.1625 19.5625 15.6375C19.8542 16.1125 20 16.6333 20 17.2V20H4Z' fill='%23FF0000'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 20px;
    height: 20px;
}

.w-pane {
    margin-top: 12px;
}

.w-pane .option {
    margin-left: 15px;
    max-width: 440px;

}

.comp_wizard .comp_header {
    padding: 0px 15px 0px 15px;
}

.comp_wizard_buttons {
    padding: 0px 15px 0px 15px;
}

/* Container to hold the images */
.image-container-thumbs {
    display: flex;
    position: relative;
    align-items: center;
}

/* Style for each image with overlap */
/* .overlap-img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid var(--btnprimaryback);
    margin-left: -15px;
    position: relative;
    z-index: 1;
} */

.overlap-img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 10px;
    background: linear-gradient(to left, rgb(232 232 232) 90%, rgb(165 165 165) 100%);
    padding-left: 4px;
    margin-left: -15px;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}

/* Apply styles except to the first element */
.overlap-img:first-child {
    background: none;
    /* Remove the gradient */
    padding-left: 0;
    /* Remove the padding */
    margin-left: 0;
    /* Reset the margin to avoid shifting */
}


/* First image should not have a negative margin */
.overlap-img:first-child {
    margin-left: 0;
}

/* .overlap-img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    box-sizing: border-box;

    -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to left, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 100%);

    margin-left: -15px;
} */










/*MARK: inner sidebar*/
.inner-sidebar {
    background-color: #F9FAFB;
    max-width: 428px;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    margin: 0 144px 0 0;
    min-height: 500px;
}

.inner-sidebar .inner-sidebar-nav {
    list-style-type: none;
    padding: 0;
}

.inner-sidebar .inner-sidebar-nav li {
    line-height: 24px;
    padding: 16px 0 14px 24px;
    text-align: left;
    border-bottom: 2px solid transparent;
}

.inner-sidebar .inner-sidebar-nav li.active {
    background: rgba(255, 255, 255, 1);
}

.inner-sidebar .inner-sidebar-nav li a {
    color: #182230;
    text-decoration: none;
    display: block;
}

.inner-sidebar .title {
    display: flex;
    /* makes the syncbtn stay side by side with title */
    padding: 38px 0 0 24px;
    line-height: 40px;
    font-weight: 700;
    font-size: 32px;
    color: rgba(7, 20, 55, 1);
}

#secTabLayouts .inner-sidebar .title {
    padding: 38px 80px 10px 24px;
}

#secTabLayouts .inner-sidebar-nav li {
    padding: 16px 80px 14px 24px;
}

#secTabCommunications .inner-sidebar .inner-sidebar-nav a {
    color: rgba(102, 112, 133, 1);
}

.inner-sidebar-nav .templateType {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    /*color: rgba(71, 84, 103, 1);*/
    color: var(--btnprimaryback);
    padding: 24px 0 8px 27px;
    text-align: left;
}

/* Image Container Info Card styles */
.image-container-info-card {
    position: relative;
    /* Required for absolute positioning of the items info card */
}

/* Items Info Card styles */
.items-info-card {
    position: absolute;
    bottom: calc(100% + 10px);
    /* Make space for the arrow */
    left: 66%;
    transform: translateX(-50%);
    background-color: #FFFFFF;
    color: black;
    padding: 10px;
    border-radius: 4px;
    z-index: 1000;
    visibility: hidden;
    /* Initially hidden */
    white-space: nowrap;
    width: max-content;
    transition: opacity 0.3s, visibility 0.3s;
    /* Transition for visibility and opacity */
    opacity: 0;
    /* Initially transparent */
    min-width: 165px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    max-height: 255px;
    overflow-y: auto;
    /* Enable scrolling */
    overflow-x: hidden;
    /* Disable horizontal scrolling */
}

/* Show items info card on hover */
.image-container-info-card:hover .items-info-card {
    visibility: visible;
    /* Make it visible */
    opacity: 1;
    /* Make it fully opaque */
}

/* Create the arrow using a pseudo-element */
/* .items-info-card::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px;
    border-style: solid;
    border-color: rgb(255, 255, 255) transparent transparent transparent;
    z-index: 1001;
} */

/* Individual item card styles */
.item-card {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}


.item-image {
    width: 35px;
    height: 35px;
    border-radius: 4px;
    margin-right: 16px;
}

.item-info {
    color: black;
    /* Text color */
    font-size: 14px;
    /* Text size */
}

/* MARK: External Shows */

.comp_button.secondary {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(231, 234, 238, 1);
    border-radius: 8px;
}

.comp_button.secondary a {
    color: rgba(52, 64, 84, 1);
    vertical-align: middle;
}

.comp_button.list a:nth-child(1) {
    width: 26px;
    height: 26px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    content: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.75625 12.6244V11.3745H15.0831V12.6244H5.75625ZM5.75625 7.62445V6.37449H15.0831V7.62445H5.75625ZM5.75625 2.62445V1.37449H15.0831V2.62445H5.75625ZM2.30271 13.3857C1.9215 13.3857 1.59517 13.2499 1.32371 12.9785C1.05224 12.707 0.916504 12.3807 0.916504 11.9995C0.916504 11.6183 1.05224 11.2919 1.32371 11.0205C1.59517 10.749 1.9215 10.6133 2.30271 10.6133C2.68392 10.6133 3.01025 10.749 3.28171 11.0205C3.55317 11.2919 3.6889 11.6183 3.6889 11.9995C3.6889 12.3807 3.55317 12.707 3.28171 12.9785C3.01025 13.2499 2.68392 13.3857 2.30271 13.3857ZM2.30271 8.38566C1.9215 8.38566 1.59517 8.24993 1.32371 7.97847C1.05224 7.70701 0.916504 7.38068 0.916504 6.99947C0.916504 6.61826 1.05224 6.29193 1.32371 6.02047C1.59517 5.74901 1.9215 5.61328 2.30271 5.61328C2.68392 5.61328 3.01025 5.74901 3.28171 6.02047C3.55317 6.29193 3.6889 6.61826 3.6889 6.99947C3.6889 7.38068 3.55317 7.70701 3.28171 7.97847C3.01025 8.24993 2.68392 8.38566 2.30271 8.38566ZM2.30271 3.38566C1.9215 3.38566 1.59517 3.24993 1.32371 2.97847C1.05224 2.70701 0.916504 2.38068 0.916504 1.99947C0.916504 1.61826 1.05224 1.29193 1.32371 1.02047C1.59517 0.74901 1.9215 0.613281 2.30271 0.613281C2.68392 0.613281 3.01025 0.74901 3.28171 1.02047C3.55317 1.29193 3.6889 1.61826 3.6889 1.99947C3.6889 2.38068 3.55317 2.70701 3.28171 2.97847C3.01025 3.24993 2.68392 3.38566 2.30271 3.38566Z' fill='%231C1B1F'/%3E%3C/svg%3E%0A");
}

.comp_button.calendar a:nth-child(1) {
    width: 26px;
    height: 26px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    content: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.66648 10.6177C4.46243 10.6177 4.28855 10.5459 4.14486 10.4022C4.00116 10.2585 3.92932 10.0846 3.92932 9.88054C3.92932 9.67648 4.00116 9.50261 4.14486 9.35891C4.28855 9.21522 4.46243 9.14337 4.66648 9.14337C4.87054 9.14337 5.04441 9.21522 5.18811 9.35891C5.3318 9.50261 5.40365 9.67648 5.40365 9.88054C5.40365 10.0846 5.3318 10.2585 5.18811 10.4022C5.04441 10.5459 4.87054 10.6177 4.66648 10.6177ZM7.99982 10.6177C7.79576 10.6177 7.62189 10.5459 7.47819 10.4022C7.3345 10.2585 7.26265 10.0846 7.26265 9.88054C7.26265 9.67648 7.3345 9.50261 7.47819 9.35891C7.62189 9.21522 7.79576 9.14337 7.99982 9.14337C8.20387 9.14337 8.37775 9.21522 8.52144 9.35891C8.66514 9.50261 8.73698 9.67648 8.73698 9.88054C8.73698 10.0846 8.66514 10.2585 8.52144 10.4022C8.37775 10.5459 8.20387 10.6177 7.99982 10.6177ZM11.3332 10.6177C11.1291 10.6177 10.9552 10.5459 10.8115 10.4022C10.6678 10.2585 10.596 10.0846 10.596 9.88054C10.596 9.67648 10.6678 9.50261 10.8115 9.35891C10.9552 9.21522 11.1291 9.14337 11.3332 9.14337C11.5372 9.14337 11.7111 9.21522 11.8548 9.35891C11.9985 9.50261 12.0703 9.67648 12.0703 9.88054C12.0703 10.0846 11.9985 10.2585 11.8548 10.4022C11.7111 10.5459 11.5372 10.6177 11.3332 10.6177ZM2.42292 16.9158C2.00198 16.9158 1.64567 16.7699 1.354 16.4783C1.06234 16.1866 0.916504 15.8303 0.916504 15.4093V4.25556C0.916504 3.83461 1.06234 3.47831 1.354 3.18664C1.64567 2.89497 2.00198 2.74914 2.42292 2.74914H3.57677V0.986328H4.8588V2.74914H11.1729V0.986328H12.4229V2.74914H13.5767C13.9977 2.74914 14.354 2.89497 14.6456 3.18664C14.9373 3.47831 15.0831 3.83461 15.0831 4.25556V15.4093C15.0831 15.8303 14.9373 16.1866 14.6456 16.4783C14.354 16.7699 13.9977 16.9158 13.5767 16.9158H2.42292ZM2.42292 15.6658H13.5767C13.6408 15.6658 13.6996 15.6391 13.753 15.5857C13.8064 15.5322 13.8332 15.4735 13.8332 15.4093V7.58889H2.16648V15.4093C2.16648 15.4735 2.19319 15.5322 2.24661 15.5857C2.30004 15.6391 2.35881 15.6658 2.42292 15.6658ZM2.16648 6.33891H13.8332V4.25556C13.8332 4.19145 13.8064 4.13268 13.753 4.07925C13.6996 4.02583 13.6408 3.99912 13.5767 3.99912H2.42292C2.35881 3.99912 2.30004 4.02583 2.24661 4.07925C2.19319 4.13268 2.16648 4.19145 2.16648 4.25556V6.33891Z' fill='%231C1B1F'/%3E%3C/svg%3E%0A");
}

.optionsBar {
    align-items: center;
    display: flex;
    padding-bottom: 32px;
}

.vline {
    border: 1px solid rgba(229, 229, 229, 1);
    height: 24px;
    margin-top: 10px;
}

.showsButtons {
    display: flex;
    margin-left: 16px;
}

.light {
    width: fit-content;
    height: 44px;
    border-radius: 6px;
    background-color: transparent;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0em;
    color: var(--btnprimaryback);
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 1px 18px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    border-color: transparent !important;
}

.light a {
    text-decoration: none;
    color: var(--btnprimaryback);
    line-height: 40px;
    transition: color 0.3s ease;
}

.light:hover {
    background-color: var(--btntranshover);
}

.light svg {
    fill: var(--btnprimaryback);
    stroke: var(--btnprimaryback);
    width: 20px;
    height: 20px;
    min-width: 20px;
    line-height: 40px;
    padding-right: 3px;
    transition: fill 0.3s ease, stroke 0.3s ease;
}

.light svg path {
    fill: var(--btnprimaryback);
    stroke: var(--btnprimaryback);
}





.showsButtons .vline,
.showsButtons .comp_button {
    margin-left: 16px;
}

.showsButtons .createBtn {
    margin-left: auto;
}

.verticalDotsBtn {
    float: right;
    padding: 4px 10px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    content: url("data:image/svg+xml,%3Csvg width='4' height='16' viewBox='0 0 4 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 16C1.45 16 0.979167 15.8042 0.5875 15.4125C0.195833 15.0208 0 14.55 0 14C0 13.45 0.195833 12.9792 0.5875 12.5875C0.979167 12.1958 1.45 12 2 12C2.55 12 3.02083 12.1958 3.4125 12.5875C3.80417 12.9792 4 13.45 4 14C4 14.55 3.80417 15.0208 3.4125 15.4125C3.02083 15.8042 2.55 16 2 16ZM2 10C1.45 10 0.979167 9.80417 0.5875 9.4125C0.195833 9.02083 0 8.55 0 8C0 7.45 0.195833 6.97917 0.5875 6.5875C0.979167 6.19583 1.45 6 2 6C2.55 6 3.02083 6.19583 3.4125 6.5875C3.80417 6.97917 4 7.45 4 8C4 8.55 3.80417 9.02083 3.4125 9.4125C3.02083 9.80417 2.55 10 2 10ZM2 4C1.45 4 0.979167 3.80417 0.5875 3.4125C0.195833 3.02083 0 2.55 0 2C0 1.45 0.195833 0.979167 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0C2.55 0 3.02083 0.195833 3.4125 0.5875C3.80417 0.979167 4 1.45 4 2C4 2.55 3.80417 3.02083 3.4125 3.4125C3.02083 3.80417 2.55 4 2 4Z' fill='%2398A2B3'/%3E%3C/svg%3E%0A");
}

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

.dropdown-menu .dropdown-item {
    color: rgba(71, 84, 103, 1);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.dropdown-menu .dropdown-item.disabled,
.dropdown-menu .dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent;
}

.dropdown-menu .dropdown-item.details-item,
.dropdown-menu .dropdown-item.add-item,
.dropdown-menu .dropdown-item.edit-item,
.dropdown-menu .dropdown-item.publish-item,
.dropdown-menu .dropdown-item.unpublish-item,
.dropdown-menu .dropdown-item.archive-item,
.dropdown-menu .dropdown-item.delete-item {
    padding: 10px 0;
}

.dropdown-menu .dropdown-item.laytou-item {
    padding: 10px 10px 10px 0;
}

.dropdown-menu .dropdown-item.details-item,
.dropdown-menu .dropdown-item.laytou-item,
.dropdown-menu .dropdown-item.add-item,
.dropdown-menu .dropdown-item.edit-item {
    display: flex;
    /* Enable Flexbox */
    align-items: center;
    /* Center items vertically */
}

.dropdown-menu .dropdown-item.details-item span,
.dropdown-menu .dropdown-item.laytou-item span,
.dropdown-menu .dropdown-item.edit-item span,
.dropdown-menu .dropdown-item.publish-item span,
.dropdown-menu .dropdown-item.unpublish-item span,
.dropdown-menu .dropdown-item.archive-item span,
.dropdown-menu .dropdown-item.add-item span,
.dropdown-menu .dropdown-item.delete-item span {
    margin: 0 8px 0px 16px;
}

.dropdown-menu .dropdown-item.add-item span {
    width: 14px;
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.16602 6.83268H0.166016V5.16602H5.16602V0.166016H6.83268V5.16602H11.8327V6.83268H6.83268V11.8327H5.16602V6.83268Z' fill='%23475467'/%3E%3C/svg%3E%0A");
}

.dropdown-menu .dropdown-item.details-item span {
    width: 14px;
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' class='custom-icon' data-id='${row.id}'%3E%3Cmask id='mask0_1123_5253' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1123_5253)'%3E%3Cpath d='M9.99967 13.334C11.0413 13.334 11.9268 12.9694 12.6559 12.2402C13.3851 11.5111 13.7497 10.6257 13.7497 9.58398C13.7497 8.54232 13.3851 7.6569 12.6559 6.92773C11.9268 6.19857 11.0413 5.83398 9.99967 5.83398C8.95801 5.83398 8.07259 6.19857 7.34342 6.92773C6.61426 7.6569 6.24967 8.54232 6.24967 9.58398C6.24967 10.6257 6.61426 11.5111 7.34342 12.2402C8.07259 12.9694 8.95801 13.334 9.99967 13.334ZM9.99967 11.834C9.37467 11.834 8.84343 11.6152 8.40593 11.1777C7.96843 10.7402 7.74967 10.209 7.74967 9.58398C7.74967 8.95898 7.96843 8.42773 8.40593 7.99023C8.84343 7.55273 9.37467 7.33398 9.99967 7.33398C10.6247 7.33398 11.1559 7.55273 11.5934 7.99023C12.0309 8.42773 12.2497 8.95898 12.2497 9.58398C12.2497 10.209 12.0309 10.7402 11.5934 11.1777C11.1559 11.6152 10.6247 11.834 9.99967 11.834ZM9.99967 15.834C7.9719 15.834 6.12467 15.268 4.45801 14.1361C2.79134 13.0041 1.58301 11.4868 0.833008 9.58398C1.58301 7.68121 2.79134 6.16385 4.45801 5.0319C6.12467 3.89996 7.9719 3.33398 9.99967 3.33398C12.0275 3.33398 13.8747 3.89996 15.5413 5.0319C17.208 6.16385 18.4163 7.68121 19.1663 9.58398C18.4163 11.4868 17.208 13.0041 15.5413 14.1361C13.8747 15.268 12.0275 15.834 9.99967 15.834ZM9.99967 14.1673C11.5691 14.1673 13.0101 13.7541 14.3226 12.9277C15.6351 12.1013 16.6386 10.9868 17.333 9.58398C16.6386 8.18121 15.6351 7.06662 14.3226 6.24023C13.0101 5.41385 11.5691 5.00065 9.99967 5.00065C8.43023 5.00065 6.98926 5.41385 5.67676 6.24023C4.36426 7.06662 3.36079 8.18121 2.66634 9.58398C3.36079 10.9868 4.36426 12.1013 5.67676 12.9277C6.98926 13.7541 8.43023 14.1673 9.99967 14.1673Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E");
    margin-top: 2px;
}

.dropdown-menu .dropdown-item.edit-item span {
    width: 14px;
    content: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.333008 14.9987V12.332H13.6663V14.9987H0.333008ZM2.99967 9.66537H3.93301L9.13301 4.48203L8.18301 3.53203L2.99967 8.73203V9.66537ZM1.66634 10.9987V8.16536L9.13301 0.715365C9.25523 0.593142 9.3969 0.498698 9.55801 0.432031C9.71912 0.365365 9.88856 0.332031 10.0663 0.332031C10.2441 0.332031 10.4163 0.365365 10.583 0.432031C10.7497 0.498698 10.8997 0.598698 11.033 0.732031L11.9497 1.66536C12.083 1.78759 12.1802 1.93203 12.2413 2.0987C12.3025 2.26536 12.333 2.43759 12.333 2.61536C12.333 2.78203 12.3025 2.94592 12.2413 3.10703C12.1802 3.26814 12.083 3.41536 11.9497 3.5487L4.49967 10.9987H1.66634Z' fill='%23475467'/%3E%3C/svg%3E%0A");
}

.dropdown-menu .dropdown-item.laytou-item span {
    width: 14px;
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.16602 6.83268H0.166016V5.16602H5.16602V0.166016H6.83268V5.16602H11.8327V6.83268H6.83268V11.8327H5.16602V6.83268Z' fill='%23475467'/%3E%3C/svg%3E%0A");
}


.dropdown-menu .dropdown-item.publish-item span {
    width: 14px;
    content: url("data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools --%3E%3Csvg fill='%23475467' width='14px' height='14px' viewBox='0 0 1920.00 1920.00' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M960 1807.059c-467.125 0-847.059-379.934-847.059-847.059 0-467.125 379.934-847.059 847.059-847.059 467.125 0 847.059 379.934 847.059 847.059 0 467.125-379.934 847.059-847.059 847.059M960 0C430.645 0 0 430.645 0 960s430.645 960 960 960 960-430.645 960-960S1489.355 0 960 0M854.344 1157.975 583.059 886.69l-79.85 79.85 351.135 351.133L1454.4 717.617l-79.85-79.85-520.206 520.208Z' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
}

.dropdown-menu .dropdown-item.unpublish-item span {
    width: 14px;
}

.dropdown-menu .dropdown-item.archive-item {
    border-top: 1px solid rgba(235, 236, 240, 1);
}

.dropdown-menu .dropdown-item.archive-item span {
    width: 14px;
    content: url("data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools --%3E%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M9 12C9 11.5341 9 11.3011 9.07612 11.1173C9.17761 10.8723 9.37229 10.6776 9.61732 10.5761C9.80109 10.5 10.0341 10.5 10.5 10.5H13.5C13.9659 10.5 14.1989 10.5 14.3827 10.5761C14.6277 10.6776 14.8224 10.8723 14.9239 11.1173C15 11.3011 15 11.5341 15 12C15 12.4659 15 12.6989 14.9239 12.8827C14.8224 13.1277 14.6277 13.3224 14.3827 13.4239C14.1989 13.5 13.9659 13.5 13.5 13.5H10.5C10.0341 13.5 9.80109 13.5 9.61732 13.4239C9.37229 13.3224 9.17761 13.1277 9.07612 12.8827C9 12.6989 9 12.4659 9 12Z' stroke='%23475467' stroke-width='1.5'/%3E%3Cpath d='M20.5 7V13C20.5 16.7712 20.5 18.6569 19.3284 19.8284C18.1569 21 16.2712 21 12.5 21H11.5M3.5 7V13C3.5 16.7712 3.5 18.6569 4.67157 19.8284C5.37634 20.5332 6.3395 20.814 7.81608 20.9259' stroke='%23475467' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M12 3H4C3.05719 3 2.58579 3 2.29289 3.29289C2 3.58579 2 4.05719 2 5C2 5.94281 2 6.41421 2.29289 6.70711C2.58579 7 3.05719 7 4 7H20C20.9428 7 21.4142 7 21.7071 6.70711C22 6.41421 22 5.94281 22 5C22 4.05719 22 3.58579 21.7071 3.29289C21.4142 3 20.9428 3 20 3H16' stroke='%23475467' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}

.dropdown-menu .dropdown-item.delete-item span {
    width: 14px;
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.66699 12C2.30033 12 1.98644 11.8694 1.72533 11.6083C1.46421 11.3472 1.33366 11.0333 1.33366 10.6667V2H0.666992V0.666667H4.00033V0H8.00033V0.666667H11.3337V2H10.667V10.6667C10.667 11.0333 10.5364 11.3472 10.2753 11.6083C10.0142 11.8694 9.70033 12 9.33366 12H2.66699ZM9.33366 2H2.66699V10.6667H9.33366V2ZM4.00033 9.33333H5.33366V3.33333H4.00033V9.33333ZM6.66699 9.33333H8.00033V3.33333H6.66699V9.33333Z' fill='%23475467'/%3E%3C/svg%3E%0A");
}

/* MARK: New Event Modal*/

/* .modal-dialog{
    width: 100%;
    max-width: 672px;
}

.modal-header {
    border-bottom: 0;
}
*/
/*
.modal-icon {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(229, 229, 229, 1);
    border-radius: 8px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 16px;
}

.modal-icon span{
    width: 24px;
    height: 24px;
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.73086 5.00012V1.30784L5.42313 3.15397L1.73086 5.00012ZM15.5769 5.00012V1.30784L19.2692 3.15397L15.5769 5.00012ZM9.11543 4.07704V0.384766L12.8077 2.23089L9.11543 4.07704ZM7.25006 19.5578C6.33851 19.4809 5.47248 19.3639 4.65198 19.2068C3.83147 19.0498 3.10967 18.8584 2.48658 18.6328C1.86352 18.4072 1.36705 18.1488 0.997183 17.8578C0.627316 17.5668 0.442383 17.2488 0.442383 16.904V8.28859C0.442383 7.90399 0.68725 7.54694 1.17698 7.21744C1.66673 6.88796 2.33917 6.59854 3.19428 6.34919C4.04942 6.09982 5.05967 5.90239 6.22503 5.75689C7.39042 5.61137 8.64875 5.53862 10 5.53862C11.3513 5.53862 12.6097 5.61137 13.775 5.75689C14.9404 5.90239 15.9507 6.09982 16.8058 6.34919C17.6609 6.59854 18.3333 6.88796 18.8231 7.21744C19.3128 7.54694 19.5577 7.90399 19.5577 8.28859V16.904C19.5577 17.2488 19.3728 17.5668 19.0029 17.8578C18.633 18.1488 18.1365 18.4072 17.5135 18.6328C16.8904 18.8584 16.1686 19.0498 15.3481 19.2068C14.5276 19.3639 13.6616 19.4809 12.75 19.5578V14.904H7.25006V19.5578ZM10 9.53862C11.6359 9.53862 13.1087 9.42515 14.4183 9.19822C15.7279 8.9713 16.736 8.68797 17.4424 8.34822C17.3334 8.13025 16.6183 7.85749 15.2972 7.52994C13.976 7.20237 12.2103 7.03859 10 7.03859C7.78977 7.03859 6.02406 7.20237 4.70291 7.52994C3.38174 7.85749 2.66667 8.13025 2.55768 8.34822C3.2641 8.68797 4.23526 8.9713 5.47116 9.19822C6.70706 9.42515 8.21668 9.53862 10 9.53862Z' fill='%23344054'/%3E%3C/svg%3E%0A");
}

.modal-title {
    color: rgba(7, 20, 55, 1);
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
}

.modal-titlesDiv {
    width: 100%;
} */

.newEventLayoutDiv {
    margin-bottom: 20px;
}

.option {
    height: 72px;
    border-radius: 8px;
    border: 2px solid rgba(236, 238, 241, 1);
    width: 100%;
    display: flex;
    align-items: center;
}

.option:hover {
    cursor: pointer;
}

.selected {
    border: 2px solid rgba(255, 73, 51, 1);
}

.option#newEventOptionDiv {
    max-width: none !important;
    margin-bottom: 12px;
}

.option#copyEventOptionDiv {
    max-width: none !important;
}

.optionLabels {
    margin-left: 12px;
    width: 100%;
}

.optionLabels p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

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

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

.form-check-input {
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 18px;
}

.form-check-input:checked {
    background-color: rgba(255, 73, 51, 1);
    border-color: rgba(255, 73, 51, 1);
}

.form-check-input:focus {
    border-color: 0;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.option-icon {
    margin-left: 16px;
    height: 32px;
    width: 36px;
    border: 1px solid rgba(255, 227, 222, 1);
    border-radius: 50%;
    background-color: rgba(255, 227, 222, 1);
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.option-icon span {
    height: 20px;
    width: 20px;
}

.option-icon#newEventIcon span {
    content: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.10889 4.83245V1.75556L4.18578 3.29399L1.10889 4.83245ZM12.6473 4.83245V1.75556L15.7242 3.29399L12.6473 4.83245ZM7.2627 4.06322V0.986328L10.3396 2.52477L7.2627 4.06322ZM5.70822 16.9638C4.94859 16.8997 4.22691 16.8022 3.54316 16.6714C2.85939 16.5405 2.25789 16.381 1.73866 16.193C1.21943 16.005 0.805712 15.7897 0.49749 15.5472C0.189267 15.3047 0.0351562 15.0397 0.0351562 14.7523V7.57285C0.0351562 7.25235 0.239212 6.95481 0.647323 6.68022C1.05545 6.40565 1.61581 6.16447 2.32841 5.95668C3.04102 5.74888 3.88289 5.58435 4.85403 5.4631C5.82518 5.34184 6.8738 5.2812 7.99987 5.2812C9.12593 5.2812 10.1745 5.34184 11.1457 5.4631C12.1168 5.58435 12.9587 5.74888 13.6713 5.95668C14.3839 6.16447 14.9443 6.40565 15.3524 6.68022C15.7605 6.95481 15.9646 7.25235 15.9646 7.57285V14.7523C15.9646 15.0397 15.8105 15.3047 15.5022 15.5472C15.194 15.7897 14.7803 16.005 14.2611 16.193C13.7418 16.381 13.1403 16.5405 12.4566 16.6714C11.7728 16.8022 11.0511 16.8997 10.2915 16.9638V13.0857H5.70822V16.9638ZM7.99987 8.61454C9.36311 8.61454 10.5904 8.51998 11.6818 8.33087C12.7731 8.14177 13.6131 7.90566 14.2018 7.62254C14.111 7.4409 13.5151 7.2136 12.4141 6.94064C11.3132 6.66767 9.84175 6.53118 7.99987 6.53118C6.15798 6.53118 4.68655 6.66767 3.58559 6.94064C2.48462 7.2136 1.88873 7.4409 1.79791 7.62254C2.38659 7.90566 3.19589 8.14177 4.2258 8.33087C5.25572 8.51998 6.51374 8.61454 7.99987 8.61454Z' fill='%23FF4933'/%3E%3C/svg%3E%0A");
}

.option-icon#copyEventIcon span {
    content: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.16667 17.3327C1.70833 17.3327 1.31597 17.1695 0.989583 16.8431C0.663194 16.5167 0.5 16.1243 0.5 15.666H2.16667V17.3327ZM0.5 14.416V12.7493H2.16667V14.416H0.5ZM0.5 11.4993V9.83268H2.16667V11.4993H0.5ZM0.5 8.58268V6.91602H2.16667V8.58268H0.5ZM0.5 5.66602C0.5 5.20768 0.663194 4.81532 0.989583 4.48893C1.31597 4.16254 1.70833 3.99935 2.16667 3.99935V5.66602H0.5ZM3.41667 17.3327V15.666H5.08333V17.3327H3.41667ZM5.5 13.9993C5.04167 13.9993 4.64931 13.8362 4.32292 13.5098C3.99653 13.1834 3.83333 12.791 3.83333 12.3327V2.33268C3.83333 1.87435 3.99653 1.48199 4.32292 1.1556C4.64931 0.82921 5.04167 0.666016 5.5 0.666016H13C13.4583 0.666016 13.8507 0.82921 14.1771 1.1556C14.5035 1.48199 14.6667 1.87435 14.6667 2.33268V12.3327C14.6667 12.791 14.5035 13.1834 14.1771 13.5098C13.8507 13.8362 13.4583 13.9993 13 13.9993H5.5ZM5.5 12.3327H13V2.33268H5.5V12.3327ZM6.33333 17.3327V15.666H8V17.3327H6.33333ZM9.25 17.3327V15.666H10.9167C10.9167 16.1243 10.7535 16.5167 10.4271 16.8431C10.1007 17.1695 9.70833 17.3327 9.25 17.3327Z' fill='%23FF4933'/%3E%3C/svg%3E%0A");
}

.fake-footer {
    display: flex;
    width: 100%;
    justify-content: space-around;
    margin-top: 32px;
    gap: 32px;

}

.back-btn,
.next-step {
    width: 100%;
    border: 1px solid;
    height: 44px;
    border-radius: 8px;
}

.next-step {
    border-color: var(--btnprimaryback);
    background-color: var(--btnprimaryback);
    color: rgba(255, 255, 255, 1);
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-right: 10px;
}

.next-step:hover {
    background-color: var(--btnprimarybackhover);
    border-color: var(--btnprimarybackhover);
    color: white;
}

.back-btn {
    border-color: rgba(229, 229, 229, 1);
    color: rgba(33, 33, 33, 1);
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-left: 10px;
}

.back-btn:hover {
    background-color: white;
    border-color: rgba(229, 229, 229, 1);
}

.active-step {
    display: block;
}

.step-1,
.step-2,
.step-3 {
    display: none;
}

/*New Event Modal - Step 2 - New Event*/

#roomOptionsDiv {
    display: flex;
    align-items: center;
    /* gap: 22px; */
    padding-bottom: 4px;
}

#roomOptionsDiv .comp_select {
    width: 100%;
}

#roomOptionsDiv .comp_button {
    width: 30%;
    margin-right: 10px;
    height: 54px;
    align-content: center;
    text-align: center;
    padding: 0;
    background-color: white;
}

/* #roomOptionsDiv .comp_button svg {
    margin-left: -20px;
} */

#roomOptionsDiv .comp_button path {
    fill: var(--btnprimaryback);
    stroke: var(--btnprimaryback);
}

#roomOptionsDiv .comp_button a {
    width: auto;
    text-decoration: underline;
    color: var(--btnprimaryback);
}

#bottomSelectsDiv {
    display: flex;
    gap: 12px;
}

#bottomSelectsDiv .comp_select {
    width: 100%;
}

#firstSessionDateTimeDiv {
    display: flex;
    gap: 12px;
}

#firstSessionDateTimeDiv .comp_datepicker {
    width: 100%;
}

#newEventModal .modal-content #newEventCreateRoomBtn a {
    line-height: normal;
}

/* MARK: Show */

.secShow .checkprocess.true {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.6873 14.2222C19.8909 13.5167 20 12.7711 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C14.3413 20 16.4476 18.9943 17.9106 17.3912M19.6873 14.2222L19 13M19.6873 14.2222L20.75 13.25M9 12L11 14L15 10' stroke='%23464455' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 35px;
}

.secShow .checkprocess.false {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9375 6.11972C17.7862 7.39969 19 9.55585 19 12C19 15.9274 15.866 19.1111 12 19.1111C11.6411 19.1111 11.2885 19.0837 10.9441 19.0307M13.0149 4.96309C12.6836 4.9142 12.3447 4.88889 12 4.88889C8.13401 4.88889 5 8.07264 5 12C5 14.4071 6.17734 16.5349 7.97895 17.8215M13.0149 4.96309L12.4375 4M13.0149 4.96309L12.4375 5.77778M10.9441 19.0307L11.7866 18.2222M10.9441 19.0307L11.5625 20M12 9V12.5M12 14.5V15' stroke='%23464455' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 35px;
}

/* MARK: Ticket Counters table*/
#secShowTickets #boxStatus {
    margin: 44px 0 20px 50px;
}

#secShowTickets .boxborder {
    border: 1px rgba(255, 73, 51, 1) solid;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%);
    -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%);
}

#secShowTickets #boxStatus #tableContainer .badge-counters {
    color: #fff;
    background-color: #a3abb3;
    width: 4ch;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px;
}

#tablecounters a {
    font-size: 13px;
}

#tablecounters tr {
    line-height: 18px;
    font-size: 16px;
}

#tablecounters td:first {
    white-space: nowrap;
}

#tablecounters td:nth-child(2) {
    text-align: center;
}

#tablecounters td:last-child {
    text-align: center;
}


/* MARK: Show Dashboard */

.secShowDashboard {
    background-color: rgba(249, 250, 251, 1);
    display: flex;
    gap: 32px;
}

.secShowDashboard .soon:after {
    right: unset;
}

.leftDashPanels {
    max-width: 408px;
    margin-left: auto;
    margin-top: 64px;
}

/*Dashboard status icon*/
.secShowDashboard .leftDashPanels #dashStatus span {
    margin-right: 8px;
}

.secShowDashboard .leftDashPanels #dashStatus span.icon-success {
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00033 7.33268C3.53921 7.33268 3.10588 7.24518 2.70033 7.07018C2.29477 6.89518 1.94199 6.65768 1.64199 6.35768C1.34199 6.05768 1.10449 5.7049 0.929492 5.29935C0.754492 4.89379 0.666992 4.46046 0.666992 3.99935C0.666992 3.53824 0.754492 3.1049 0.929492 2.69935C1.10449 2.29379 1.34199 1.94102 1.64199 1.64102C1.94199 1.34102 2.29477 1.10352 2.70033 0.928516C3.10588 0.753516 3.53921 0.666016 4.00033 0.666016C4.46144 0.666016 4.89477 0.753516 5.30033 0.928516C5.70588 1.10352 6.05866 1.34102 6.35866 1.64102C6.65866 1.94102 6.89616 2.29379 7.07116 2.69935C7.24616 3.1049 7.33366 3.53824 7.33366 3.99935C7.33366 4.46046 7.24616 4.89379 7.07116 5.29935C6.89616 5.7049 6.65866 6.05768 6.35866 6.35768C6.05866 6.65768 5.70588 6.89518 5.30033 7.07018C4.89477 7.24518 4.46144 7.33268 4.00033 7.33268Z' fill='%2317B26A'/%3E%3C/svg%3E%0A");
}

.secShowDashboard .leftDashPanels #dashStatus span.icon-warning {
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00033 7.33268C3.53921 7.33268 3.10588 7.24518 2.70033 7.07018C2.29477 6.89518 1.94199 6.65768 1.64199 6.35768C1.34199 6.05768 1.10449 5.7049 0.929492 5.29935C0.754492 4.89379 0.666992 4.46046 0.666992 3.99935C0.666992 3.53824 0.754492 3.1049 0.929492 2.69935C1.10449 2.29379 1.34199 1.94102 1.64199 1.64102C1.94199 1.34102 2.29477 1.10352 2.70033 0.928516C3.10588 0.753516 3.53921 0.666016 4.00033 0.666016C4.46144 0.666016 4.89477 0.753516 5.30033 0.928516C5.70588 1.10352 6.05866 1.34102 6.35866 1.64102C6.65866 1.94102 6.89616 2.29379 7.07116 2.69935C7.24616 3.1049 7.33366 3.53824 7.33366 3.99935C7.33366 4.46046 7.24616 4.89379 7.07116 5.29935C6.89616 5.7049 6.65866 6.05768 6.35866 6.35768C6.05866 6.65768 5.70588 6.89518 5.30033 7.07018C4.89477 7.24518 4.46144 7.33268 4.00033 7.33268Z' fill='%23FDB022'/%3E%3C/svg%3E%0A");
}

.secShowDashboard .leftDashPanels #dashStatus span.icon-info {
    color: gray;
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00033 7.33268C3.53921 7.33268 3.10588 7.24518 2.70033 7.07018C2.29477 6.89518 1.94199 6.65768 1.64199 6.35768C1.34199 6.05768 1.10449 5.7049 0.929492 5.29935C0.754492 4.89379 0.666992 4.46046 0.666992 3.99935C0.666992 3.53824 0.754492 3.1049 0.929492 2.69935C1.10449 2.29379 1.34199 1.94102 1.64199 1.64102C1.94199 1.34102 2.29477 1.10352 2.70033 0.928516C3.10588 0.753516 3.53921 0.666016 4.00033 0.666016C4.46144 0.666016 4.89477 0.753516 5.30033 0.928516C5.70588 1.10352 6.05866 1.34102 6.35866 1.64102C6.65866 1.94102 6.89616 2.29379 7.07116 2.69935C7.24616 3.1049 7.33366 3.53824 7.33366 3.99935C7.33366 4.46046 7.24616 4.89379 7.07116 5.29935C6.89616 5.7049 6.65866 6.05768 6.35866 6.35768C6.05866 6.65768 5.70588 6.89518 5.30033 7.07018C4.89477 7.24518 4.46144 7.33268 4.00033 7.33268Z' fill='%23808080'/%3E%3C/svg%3E%0A");
}

.secShowDashboard .leftDashPanels #dashStatus span.icon-danger {
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00033 7.33268C3.53921 7.33268 3.10588 7.24518 2.70033 7.07018C2.29477 6.89518 1.94199 6.65768 1.64199 6.35768C1.34199 6.05768 1.10449 5.7049 0.929492 5.29935C0.754492 4.89379 0.666992 4.46046 0.666992 3.99935C0.666992 3.53824 0.754492 3.1049 0.929492 2.69935C1.10449 2.29379 1.34199 1.94102 1.64199 1.64102C1.94199 1.34102 2.29477 1.10352 2.70033 0.928516C3.10588 0.753516 3.53921 0.666016 4.00033 0.666016C4.46144 0.666016 4.89477 0.753516 5.30033 0.928516C5.70588 1.10352 6.05866 1.34102 6.35866 1.64102C6.65866 1.94102 6.89616 2.29379 7.07116 2.69935C7.24616 3.1049 7.33366 3.53824 7.33366 3.99935C7.33366 4.46046 7.24616 4.89379 7.07116 5.29935C6.89616 5.7049 6.65866 6.05768 6.35866 6.35768C6.05866 6.65768 5.70588 6.89518 5.30033 7.07018C4.89477 7.24518 4.46144 7.33268 4.00033 7.33268Z' fill='%23FF0000'/%3E%3C/svg%3E%0A");
}

.secShowDashboard .leftDashPanels #dashStatus span.icon-secondary {
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00033 7.33268C3.53921 7.33268 3.10588 7.24518 2.70033 7.07018C2.29477 6.89518 1.94199 6.65768 1.64199 6.35768C1.34199 6.05768 1.10449 5.7049 0.929492 5.29935C0.754492 4.89379 0.666992 4.46046 0.666992 3.99935C0.666992 3.53824 0.754492 3.1049 0.929492 2.69935C1.10449 2.29379 1.34199 1.94102 1.64199 1.64102C1.94199 1.34102 2.29477 1.10352 2.70033 0.928516C3.10588 0.753516 3.53921 0.666016 4.00033 0.666016C4.46144 0.666016 4.89477 0.753516 5.30033 0.928516C5.70588 1.10352 6.05866 1.34102 6.35866 1.64102C6.65866 1.94102 6.89616 2.29379 7.07116 2.69935C7.24616 3.1049 7.33366 3.53824 7.33366 3.99935C7.33366 4.46046 7.24616 4.89379 7.07116 5.29935C6.89616 5.7049 6.65866 6.05768 6.35866 6.35768C6.05866 6.65768 5.70588 6.89518 5.30033 7.07018C4.89477 7.24518 4.46144 7.33268 4.00033 7.33268Z' fill='%231E88E5'/%3E%3C/svg%3E%0A")
}

.rightDashPanels {
    max-width: 576px;
    margin-right: auto;
    margin-top: 64px;
    /* overflow: auto;  */
}

.leftDashPanels #dashStatus {
    padding: 16px 0 0 24px;
    margin-bottom: 32px;
    width: 408px;
    height: 88px;
    border-radius: 12px;
    border: 1px solid rgba(241, 241, 242, 1);

    display: flex;
}

.leftDashPanels .dashStatus {
    background-color: rgba(255, 255, 255, 1);
}

.leftDashPanels .dashStatusDraft {
    background-color: #344054;
}

.leftDashPanels .dashStatusDraft #dashStatusDiv span {
    color: rgba(255, 255, 255, 0.5);
}

.leftDashPanels .dashStatusDraft #dashStatusDiv p {
    color: rgba(255, 255, 255, 1);
}

.leftDashPanels .dashStatusDraft #publishEventDiv #btnPublishEvent {
    background-color: rgba(255, 255, 255, 1);
}

.leftDashPanels .dashStatusDraft #publishEventDiv #btnPublishEvent:hover {
    background-color: var(--btnprimarybackhover);
}

.leftDashPanels .dashStatusDraft #publishEventDiv #btnPublishEvent a {
    color: rgba(33, 33, 33, 1);
}

.leftDashPanels .dashStatusDraft #publishEventDiv #btnPublishEvent:hover a {
    color: rgba(255, 255, 255, 1);
}

#dashStatus span:first {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(102, 112, 133, 1);
}

#dashStatusTxt {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: rgba(0, 0, 0, 1);
}

.leftDashPanels #dashCountdown {
    padding-top: 32px;
    text-align: center;
    margin-bottom: 32px;
    background-color: rgba(255, 255, 255, 1);
    width: 408px;
    height: 194px;
    border-radius: 12px;
    border: 1px solid rgba(241, 241, 242, 1);
}

#dashCountdownTitle {
    color: rgba(255, 73, 51, 1);
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
}

.leftDashPanels #dashStatus #publishEventDiv {
    margin: 6px 24px 0 auto;
}

.countdown-timer {
    margin-top: 16px;
    margin-bottom: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.countdownTxt {
    display: block;
}

#countdownDays,
#countdownHours,
#countdownMinutes {
    color: rgba(0, 0, 0, 1);
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
}

#countdownDaysTxt,
#countdownHoursTxt,
#countdownMinutesTxt {
    color: rgba(102, 112, 133, 1);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.leftDashPanels #dashTotalSales {
    width: 408px;
    height: 316px;
    border-radius: 12px;
    border: 1px solid rgba(241, 241, 242, 1);
    background-color: rgba(255, 255, 255, 1);
    background: transparent url('/img/placeholder_totalsales.png') no-repeat;
    background-size: contain;
}

.rightDashPanels .dashRightWidget .dashErrorMessage {
    height: 180px;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    justify-content: center;
    align-items: center;
}

.rightDashPanels .dashRightWidget {
    margin-bottom: 32px;
    background-color: rgba(255, 255, 255, 1);
    width: 776px;
    height: 363px;
    border-radius: 12px;
    border: 1px solid rgba(241, 241, 242, 1);
    overflow-y: scroll;
    /* background: transparent url('/img/placeholder_terminals.png') no-repeat; */
    /* background-size: contain; */
}

.rightDashPanels .dashRightWidget .dashWidgetTitle {
    padding: 32px 0 38px 24px;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
}

.rightDashPanels .dashRightWidget .dashWidgetTable {
    margin: 0 40px 0 24px;
}

.rightDashPanels .dashRightWidget .dashWidgetTable thead tr {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    color: rgba(71, 84, 103, 1);
    border-bottom: 1px solid rgba(241, 241, 242, 1);
}

.rightDashPanels .dashRightWidget .dashWidgetTable thead .alignHeaderRight {
    text-align: right;
}

.rightDashPanels .dashRightWidget .dashWidgetTable thead .dashTableHeaderRow {
    padding: 0 22px 12px 24px;
}

.rightDashPanels .dashRightWidget .dashWidgetTable tbody tr {
    border-bottom: 1px dashed rgba(241, 241, 242, 1);
}

.rightDashPanels .dashRightWidget .dashWidgetTable tbody tr td {
    padding: 17px 22px 12px 24px;
}

.rightDashPanels .dashRightWidget .dashWidgetTable tbody .dashTableBodyRowName {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: rgba(16, 24, 40, 1);
}

.rightDashPanels .dashRightWidget .dashWidgetTable tbody .dashTableBodyRowTickets {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: right;
    color: rgba(16, 24, 40, 1);
}

.rightDashPanels .dashRightWidget .dashWidgetTable tbody .dashTableBodyRowTicketsSecond {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    text-align: right;
}

.rightDashPanels .dashRightWidget .dashWidgetTable tbody .dashTableBodyRowTotalAllocated {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: right;
    color: rgba(16, 24, 40, 1);
}

.rightDashPanels .dashRightWidget .dashWidgetTable tbody .dashTableBodyRowTotalTickets {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    text-align: right;
}

.rightDashPanels .dashRightWidget .dashWidgetTable tbody .dashTableBodyBottomRow {
    border-bottom: none;
}

/*progress bar*/
progress[value] {
    --color: rgba(255, 0, 0, 1);
    /* the progress color */
    --background: rgba(234, 236, 240, 1);
    /* the background color */

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    width: 160px;
    height: 8px;
    margin: 0 12px 0 0;
    border-radius: 4px;
    background: var(--background);
}

progress[value]::-webkit-progress-bar {
    /* webkit (chrome, etc) */
    border-radius: 10em;
    background: var(--background);
}

progress[value]::-webkit-progress-value {
    /* webkit */
    border-radius: 10em;
    background: var(--color);
}

progress[value]::-moz-progress-bar {
    /* firefox */
    border-radius: 10em;
    background: var(--color);
}

.rightDashPanels .dashRightWidget .dashWidgetTable tbody .dashTableBodyRowTicketsFirst {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: right;
}

.rightDashPanels .dashRightWidget .dashWidgetTable tbody .dashTableBodyProgress {
    text-align: right;
}

.rightDashPanels .dashRightWidget .dashWidgetTable tbody td #dashProgressDiv {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: rgba(52, 64, 84, 1);
}


/* MARK: Show Sessions */
.secShowSessions {
    max-width: 860px;
    margin: auto;
}

.zone_series_container {
    padding: 20px;
}

.series_header,
.series_row {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #F0F2F4;
}

.series_header {
    background-color: #F9FAFB;
    border-radius: 5px 5px 0 0;
}

#addsessionsmodal .modal-footer {
    display: flex;
}

#newLayoutModal .modal-footer {
    display: none;
}

#newZoneModal .modal-footer {
    display: none;
}

.secShowSessions #addZone {
    margin-bottom: 20px;
}

.series_header_item,
.series_data {
    width: 50%;
    text-align: left;
}

.series_header_item {
    color: #4E5A6D;
}

/* MARK: Show Info */

.secShowInfo {
    max-width: 860px;
    margin: auto;
    padding-right: 100px;
    /* Adds space for the button */
    position: relative;
}

#secShowInfo #mediaDiv {
    padding-bottom: 10px;
}

.save-button-container {
    position: fixed;
    top: 190px;
    right: calc(50% - 530px);
    z-index: 1028;
}

#infoDivInputsSelects .comp_text-label {
    width: 135px;
    margin-top: 26px;
}

#infoDivInputsSelects .comp_text-label #ticketType {
    margin-top: 0px;
}

.secShow .detailsHeader {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    margin-left: 24px;
    height: 72px;
}

.nameTitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    color: rgba(26, 26, 26, 1);
}

.showLocationTitle {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: rgba(106, 106, 106, 1);
}

.nameTitle,
.showLocationTitle {
    margin-right: 10px;
}

.divcheckprocess {
    margin-left: auto;
    padding-right: 24px;
}

.checkprocess {
    display: inline-block;
}

.secShow .checkprocess {
    width: 35px;
    height: 35px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotateX(-20px);
}

#geninfoHeader {
    margin-top: 64px;
}

#infoDiv {
    border-bottom: 1px solid rgba(229, 229, 229, 1);
}

#infoDivInputs .comp_text-input {
    margin: 24px 0 0 0;
}

#infoDivInputsSelects {
    margin-bottom: 56px;
    gap: 24px;
    display: flex;
}

#infoDivInputsSelects .comp_select {
    margin: 26px 0 0 0;
    width: 50%;
}

#secLocationInfo #mapDiv {
    padding-bottom: 10px;
}

#locationDivMapPlaceHolder {
    margin: 24px 0 0 0;
    background-color: rgba(229, 229, 229, 1);
    width: 100%;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
    background: transparent url('/img/placeholder_map.png') no-repeat;
    background-size: 100%;
}

#locationDivMap {
    height: 240px;
    width: 100%;
    border-radius: 8px 0px 0px 0px;
    border: 1px 0px 0px 0px;
    margin-top: 24px;
}

#locationDivMapPlaceHolder.soon:after {
    position: relative;
}

#secShowInfo #locationInfoHeader {
    padding: 18px 0 20px 12px;
    border: 1px solid rgba(229, 229, 229, 1);
    border-top: 0;
    border-radius: 8px;
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
    margin: 0;
    display: flex;
    align-items: center;
}

#secShowInfo #locationInfoHeader.comp_headerimg img {
    width: 48px;
    height: 48px;
    border-radius: 4px;
}

#secShowInfo #locationInfoHeader.comp_headerimg .comp_headerimg_txt {
    display: flex;
    flex-direction: column;
    padding-left: 15px;
}

#secShowInfo #locationInfoHeader.comp_headerimg label {
    color: black;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
}

#secShowInfo #locationInfoHeader.comp_headerimg span {
    line-height: 0;
}


/* #locationDiv .comp_select {
    margin: 0;
    border-top: 0;
    border-radius: 8px;
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
}

#locationDiv .comp_select select{
    padding: 0 0 0 15px;
} */

#descriptionDiv .comp_text-area {
    margin: 24px 0 0 0;
    padding: 10px 15px 0 15px;
}

#descriptionDiv .comp_text-area label {
    display: none;
}

/* MARK: SHOW INFO - MEDIA */

.media-slots {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 16px;
}

#bannerDiv {
    grid-column: 1 / -1;
}

#bannerDiv,
#thumbDiv,
#posterDiv,
#locationImageDiv {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.media-slot-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    background: #fafafa;
    border-bottom: 1px solid #f0f0f0;
}

.media-slot-tag {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--fontcolorsecondary);
    background: #f0f0f0;
    padding: 2px 8px;
    border-radius: 4px;
}

.media-slot-ratio {
    font-size: 11px;
    color: #adb5bd;
    margin-right: auto;
    font-variant-numeric: tabular-nums;
}

/* Image preview areas — enforced aspect ratio per slot */
#bannerDiv .gallery-container .large-image {
    aspect-ratio: 16 / 9;
    background: #f3f4f6;
    background-image: linear-gradient(135deg, #f3f4f6 25%, #eaecf0 25%, #eaecf0 50%, #f3f4f6 50%, #f3f4f6 75%, #eaecf0 75%);
    background-size: 20px 20px;
    border-radius: 0;
    margin: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
}

#thumbDiv .gallery-container .large-image {
    aspect-ratio: 1 / 1;
    background: #f3f4f6;
    background-image: linear-gradient(135deg, #f3f4f6 25%, #eaecf0 25%, #eaecf0 50%, #f3f4f6 50%, #f3f4f6 75%, #eaecf0 75%);
    background-size: 20px 20px;
    border-radius: 0;
    margin: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
}

#posterDiv .gallery-container .large-image {
    aspect-ratio: 2 / 3;
    background: #f3f4f6;
    background-image: linear-gradient(135deg, #f3f4f6 25%, #eaecf0 25%, #eaecf0 50%, #f3f4f6 50%, #f3f4f6 75%, #eaecf0 75%);
    background-size: 20px 20px;
    border-radius: 0;
    margin: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
}

#locationImageDiv .gallery-container .large-image {
    aspect-ratio: 16 / 9;
    background: #f3f4f6;
    background-image: linear-gradient(135deg, #f3f4f6 25%, #eaecf0 25%, #eaecf0 50%, #f3f4f6 50%, #f3f4f6 75%, #eaecf0 75%);
    background-size: 20px 20px;
    border-radius: 0;
    margin: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
}

#mediaDiv .gallery-container .large-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: unset;
    max-height: unset;
    display: block;
}

/* Upload strip below the preview */
#mediaDiv .gallery-container .gallery {
    padding: 10px 14px;
    background: #fff;
    border-top: 1px solid #f0f0f0;
}

/* Reset legacy comp_image styles inside the media section */
#mediaDiv .comp_image {
    text-align: left;
    height: auto;
    max-height: none;
    margin: 0;
    background: none;
    border: none;
    display: inline-flex;
    align-items: center;
}

/* Upload button */
#mediaDiv .btnFile {
    display: inline-flex;
    align-items: center;
    padding: 6px 16px;
    border-radius: 8px;
    border-color: transparent;
    background-color: transparent;
    font-size: 13px;
    font-weight: 500;
    color: var(--btnprimaryback);
    cursor: pointer;
    line-height: 1.4;
    letter-spacing: 0.01em;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

#mediaDiv .btnFile:hover {
    background: var(--btnprimaryselected);
}

#mediaDiv .btnFile:active {
    transform: translateY(1px);
    transition: transform 0.3s ease;
}

#mediaDiv .gallery-uploadSVG {
    margin-right: 10px;
    content: url("data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools --%3E%3Csvg width='15px' height='15px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M3 15C3 17.8284 3 19.2426 3.87868 20.1213C4.75736 21 6.17157 21 9 21H15C17.8284 21 19.2426 21 20.1213 20.1213C21 19.2426 21 17.8284 21 15' stroke='%23ff4933' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 16V3M12 3L16 7.375M12 3L8 7.375' stroke='%23ff4933' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
}

#mediaDiv .btnFile a {
    color: inherit;
    text-decoration: none;
}

/* Non-cropper upload label */
.gallery-container .add-box label[for="gallery-input"] {
    display: inline-flex;
    align-items: center;
    padding: 6px 16px;
    border-radius: 8px;
    border: 1.5px solid #d0d5dd;
    background: #fff;
    font-size: 13px;
    font-weight: 500;
    color: #344054;
    cursor: pointer;
    line-height: 1.4;
    letter-spacing: 0.01em;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.gallery-container .add-box label[for="gallery-input"]:hover {
    border-color: #98a2b3;
    background: #f9fafb;
    color: #182230;
}

#secShowInfo .comp_button {
    margin-top: 24px;
}

.secShowInfo #infoSaveBtn {
    margin-bottom: 100px;
}


/* MARK: SHOW GUESTLIST*/

/* Modal Items Container */
#requestModalItems {
    margin-top: 15px;
    gap: 15px;
    overflow-y: auto;
    padding: 10px 0;
}

.image-container-info-card .no-items {
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    text-align: left;
    margin-bottom: 10px;
}

.item-card-total {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    margin-bottom: 10px;

}

.badge.bg-success.assigned {
    background-color: rgba(236, 253, 243, 1) !important;
    border: 1px solid rgba(199, 245, 217, 1)
}

/* Individual Item Card */
.modal-item-card {
    display: flex;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    border: 1px solid #ECEEF1;
    height: 70px;
    /* Increased slightly for better balance */
    background-color: #FFF;
    /* Optional for a clean background */
}

/* Item Image */
.modal-item-image {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    object-fit: cover;
    /*     margin-left: 5px;
 */
}

/* Item Info */
.modal-item-info {
    margin-left: 15px;
    width: 100%;
}

/* .modal-item-qtd{
    margin-left: auto;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
} */



.modal-item-session-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.modal-item-type {
    font-size: 16px;
    font-weight: 500;
}

.modal-item-name {
    font-size: 14px;
    font-weight: 400;
}

.modal-item-session {
    font-size: 14px;
    font-weight: 400;
}

.modal-item-qtd {
    display: flex;
    align-items: center;
    gap: 5px;


}

.qtd-btn {
    border: none;
    /* Remove default border */
    background: none;
    /* No background color */
    font-size: 12px;
    /* Make the button text smaller */
    color: #333;
    /* Default text color */
    cursor: pointer;
    /* Show pointer on hover */
    transition: background 0.2s ease, color 0.2s ease;
    /* Smooth transition for hover */
}

.qtd-btn:hover {
    color: var(--btnprimaryback);
    border-radius: 10px;
}

.qtd-btn:active {
    transform: scale(0.95);
    /* Add a subtle press effect when clicked */
}

.qtd-btn {
    width: 30px;
    height: 30px;
    font-size: 18px;
    cursor: pointer;
}

.qtd-text {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: 20px;
    overflow: hidden;
    white-space: nowrap;


}

.modal-item-consumed {
    font-size: 12px;
    color: #999;
    text-align: right;
    margin-top: 5px;
    /* Space above consumed text */
}

#secGuests #addGuestBtn {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;

}

#secGuests #addGuestBtn a {
    /*     transition: color 0.3s ease; */
    color: var(--btnprimaryback);
}

/* #secGuests #addGuestBtn:hover a {
    color: black;
} */

#secGuests #addGuestBtn:hover {
    background-color: var(--btntranshover)
}

#secGuests #addGuestBtn svg path {
    stroke: var(--btnprimaryback);
    fill: var(--btnprimaryback);
}

#secGuests .selectedRow {
    background-color: var(--btntranshover)
}

/* #secGuests #addGuestBtn svg{
    transition: color 0.3s ease;
} */

/* #secGuests #addGuestBtn:hover path{
    fill: black;
} */

#guestDetailsTable {
    /* width: 100%; */
    margin: 10px;
    max-width: 450px;
}

/* Set a fixed height for the specific modal */
.fixed-height-modal .modal-dialog {
    height: 500px;
    max-height: 500px;
}

/* Make the modal content scrollable if it exceeds the fixed height */
.fixed-height-modal .modal-content {
    height: 100%;
    overflow-y: auto;
}

#addGuestModal .step1 .w-pane {
    padding-bottom: 7px;
    min-height: 255.8px;
}

.guestlist {
    display: flex;
    gap: 8px;
}

.guestsDiv {
    max-width: 660px;
    width: 100%;
}

.requestsDiv {
    width: 100%;
    margin-left: 50px;
}

#createRequestBtn {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    border-radius: 100%;
    /* padding-bottom: 25px; */
    margin-right: 10px;
    padding-left: 8px;
    height: 40px;
    width: 40px;
}

#createRequestBtn svg {
    width: 24px;
    height: 24px;
    font-weight: 700;
}

#createRequestBtn svg path {
    fill: var(--btnprimaryback);
}

#createRequestBtn:hover {
    background-color: var(--btntranshover)
}

.requestsDiv .buttons #requestsMainDots {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 8L17.4392 9.97822C15.454 11.0811 14.4614 11.6326 13.4102 11.8488C12.4798 12.0401 11.5202 12.0401 10.5898 11.8488C9.53864 11.6326 8.54603 11.0811 6.5608 9.97822L3 8M6.2 19H17.8C18.9201 19 19.4802 19 19.908 18.782C20.2843 18.5903 20.5903 18.2843 20.782 17.908C21 17.4802 21 16.9201 21 15.8V8.2C21 7.0799 21 6.51984 20.782 6.09202C20.5903 5.71569 20.2843 5.40973 19.908 5.21799C19.4802 5 18.9201 5 17.8 5H6.2C5.0799 5 4.51984 5 4.09202 5.21799C3.71569 5.40973 3.40973 5.71569 3.21799 6.09202C3 6.51984 3 7.07989 3 8.2V15.8C3 16.9201 3 17.4802 3.21799 17.908C3.40973 18.2843 3.71569 18.5903 4.09202 18.782C4.51984 19 5.07989 19 6.2 19Z' stroke='rgba(255, 73, 51, 1)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    margin-top: 0;
    width: 42px;
    height: 42px;
    border-radius: 100%;
}

.requestsDiv .buttons #requestsMainDots {
    stroke: var(--btnprimaryback);
    fill: var(--btnprimaryback);
}

.requestsDiv .buttons #requestsMainDots:hover {
    background-color: var(--btntranshover)
}

.requestsDiv .buttons {
    display: flex;
    justify-content: end;
    /* margin-top: 40px; */
    align-items: center;
}

.requestsDiv .buttons .comp_button {
    margin-left: 10px;
}

#requestsHeader {
    display: flex;
    justify-content: space-between;
}

.requestsBody .details-icon {
    width: 14px;
    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.333008 14.9987V12.332H13.6663V14.9987H0.333008ZM2.99967 9.66537H3.93301L9.13301 4.48203L8.18301 3.53203L2.99967 8.73203V9.66537ZM1.66634 10.9987V8.16536L9.13301 0.715365C9.25523 0.593142 9.3969 0.498698 9.55801 0.432031C9.71912 0.365365 9.88856 0.332031 10.0663 0.332031C10.2441 0.332031 10.4163 0.365365 10.583 0.432031C10.7497 0.498698 10.8997 0.598698 11.033 0.732031L11.9497 1.66536C12.083 1.78759 12.1802 1.93203 12.2413 2.0987C12.3025 2.26536 12.333 2.43759 12.333 2.61536C12.333 2.78203 12.3025 2.94592 12.2413 3.10703C12.1802 3.26814 12.083 3.41536 11.9497 3.5487L4.49967 10.9987H1.66634Z' fill='%23475467'/%3E%3C/svg%3E%0A");
}

.requestsTable {
    width: 100%;
    border-collapse: collapse;
    cursor: pointer;
}

.requestsTable #name {
    min-width: 250px;
    padding-left: 10px;
    cursor: pointer;

}

.requestsTable #email {
    overflow: hidden;
    width: 100%;
    color: grey;
}

.requestsTable #status {
    text-align: center;
    min-width: 180px;
    color: grey;
    margin-right: 30px;
    cursor: pointer;

}

.requestsTable #verticalBtns {
    text-align: right;
    padding-right: 20px;
}

/* Ticket icon */
.requestsTable .itemtype-1 {
    content: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 12.925C10.2 12.925 10.375 12.85 10.525 12.7C10.675 12.55 10.75 12.375 10.75 12.175C10.75 11.975 10.675 11.8 10.525 11.65C10.375 11.5 10.2 11.425 10 11.425C9.8 11.425 9.625 11.5 9.475 11.65C9.325 11.8 9.25 11.975 9.25 12.175C9.25 12.375 9.325 12.55 9.475 12.7C9.625 12.85 9.8 12.925 10 12.925ZM10 8.75C10.2 8.75 10.375 8.675 10.525 8.525C10.675 8.375 10.75 8.2 10.75 8C10.75 7.8 10.675 7.625 10.525 7.475C10.375 7.325 10.2 7.25 10 7.25C9.8 7.25 9.625 7.325 9.475 7.475C9.325 7.625 9.25 7.8 9.25 8C9.25 8.2 9.325 8.375 9.475 8.525C9.625 8.675 9.8 8.75 10 8.75ZM10 4.575C10.2 4.575 10.375 4.5 10.525 4.35C10.675 4.2 10.75 4.025 10.75 3.825C10.75 3.625 10.675 3.45 10.525 3.3C10.375 3.15 10.2 3.075 10 3.075C9.8 3.075 9.625 3.15 9.475 3.3C9.325 3.45 9.25 3.625 9.25 3.825C9.25 4.025 9.325 4.2 9.475 4.35C9.625 4.5 9.8 4.575 10 4.575ZM18.5 16H1.5C1.0875 16 0.734375 15.8531 0.440625 15.5594C0.146875 15.2656 0 14.9125 0 14.5V10.675C0.616667 10.5417 1.12917 10.2292 1.5375 9.7375C1.94583 9.24583 2.15 8.66667 2.15 8C2.15 7.33333 1.94583 6.75 1.5375 6.25C1.12917 5.75 0.616667 5.44167 0 5.325V1.5C0 1.0875 0.146875 0.734375 0.440625 0.440625C0.734375 0.146875 1.0875 0 1.5 0H18.5C18.9125 0 19.2656 0.146875 19.5594 0.440625C19.8531 0.734375 20 1.0875 20 1.5V5.325C19.3833 5.44167 18.8708 5.75 18.4625 6.25C18.0542 6.75 17.85 7.33333 17.85 8C17.85 8.66667 18.0542 9.24583 18.4625 9.7375C18.8708 10.2292 19.3833 10.5417 20 10.675V14.5C20 14.9125 19.8531 15.2656 19.5594 15.5594C19.2656 15.8531 18.9125 16 18.5 16ZM18.5 14.5V11.775C17.8667 11.3417 17.35 10.8 16.95 10.15C16.55 9.5 16.35 8.78333 16.35 8C16.35 7.21667 16.55 6.5 16.95 5.85C17.35 5.2 17.8667 4.65833 18.5 4.225V1.5H1.5V4.225C2.15 4.65833 2.67083 5.2 3.0625 5.85C3.45417 6.5 3.65 7.21667 3.65 8C3.65 8.78333 3.45417 9.5 3.0625 10.15C2.67083 10.8 2.15 11.3417 1.5 11.775V14.5H18.5Z' fill='%23FF0000'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
}

/* Item icon  */
.requestsTable .itemtype-2 {
    content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.5 38.8C23.7333 39.5667 22.7833 39.95 21.65 39.95C20.5167 39.95 19.5667 39.5667 18.8 38.8L1.2 21.2C0.833333 20.8333 0.541667 20.4 0.325 19.9C0.108333 19.4 0 18.8667 0 18.3V4C0 2.9 0.391667 1.95833 1.175 1.175C1.95833 0.391667 2.9 0 4 0H18.3C18.8667 0 19.4 0.108333 19.9 0.325C20.4 0.541667 20.8333 0.833333 21.2 1.2L38.8 18.85C39.5667 19.6167 39.95 20.5583 39.95 21.675C39.95 22.7917 39.5667 23.7333 38.8 24.5L24.5 38.8ZM21.65 36L35.95 21.7L18.3 4H4V18.3L21.65 36ZM9 12C9.83333 12 10.5417 11.7083 11.125 11.125C11.7083 10.5417 12 9.83333 12 9C12 8.16667 11.7083 7.45833 11.125 6.875C10.5417 6.29167 9.83333 6 9 6C8.16667 6 7.45833 6.29167 6.875 6.875C6.29167 7.45833 6 8.16667 6 9C6 9.83333 6.29167 10.5417 6.875 11.125C7.45833 11.7083 8.16667 12 9 12Z' fill='%23FF0000'/%3E%3C/svg%3E%0A");
    width: 20px;
    height: 20px;
}

/* Bundle Icon */
.requestsTable .itemtype-3 {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1123_5981' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1123_5981)'%3E%3Cpath d='M6 21C4.9 21 3.95833 20.6083 3.175 19.825C2.39167 19.0417 2 18.1 2 17C2 15.9 2.39167 14.9583 3.175 14.175C3.95833 13.3917 4.9 13 6 13C7.1 13 8.04167 13.3917 8.825 14.175C9.60833 14.9583 10 15.9 10 17C10 18.1 9.60833 19.0417 8.825 19.825C8.04167 20.6083 7.1 21 6 21ZM18 21C16.9 21 15.9583 20.6083 15.175 19.825C14.3917 19.0417 14 18.1 14 17C14 15.9 14.3917 14.9583 15.175 14.175C15.9583 13.3917 16.9 13 18 13C19.1 13 20.0417 13.3917 20.825 14.175C21.6083 14.9583 22 15.9 22 17C22 18.1 21.6083 19.0417 20.825 19.825C20.0417 20.6083 19.1 21 18 21ZM6 19C6.55 19 7.02083 18.8042 7.4125 18.4125C7.80417 18.0208 8 17.55 8 17C8 16.45 7.80417 15.9792 7.4125 15.5875C7.02083 15.1958 6.55 15 6 15C5.45 15 4.97917 15.1958 4.5875 15.5875C4.19583 15.9792 4 16.45 4 17C4 17.55 4.19583 18.0208 4.5875 18.4125C4.97917 18.8042 5.45 19 6 19ZM18 19C18.55 19 19.0208 18.8042 19.4125 18.4125C19.8042 18.0208 20 17.55 20 17C20 16.45 19.8042 15.9792 19.4125 15.5875C19.0208 15.1958 18.55 15 18 15C17.45 15 16.9792 15.1958 16.5875 15.5875C16.1958 15.9792 16 16.45 16 17C16 17.55 16.1958 18.0208 16.5875 18.4125C16.9792 18.8042 17.45 19 18 19ZM12 11C10.9 11 9.95833 10.6083 9.175 9.825C8.39167 9.04167 8 8.1 8 7C8 5.9 8.39167 4.95833 9.175 4.175C9.95833 3.39167 10.9 3 12 3C13.1 3 14.0417 3.39167 14.825 4.175C15.6083 4.95833 16 5.9 16 7C16 8.1 15.6083 9.04167 14.825 9.825C14.0417 10.6083 13.1 11 12 11ZM12 9C12.55 9 13.0208 8.80417 13.4125 8.4125C13.8042 8.02083 14 7.55 14 7C14 6.45 13.8042 5.97917 13.4125 5.5875C13.0208 5.19583 12.55 5 12 5C11.45 5 10.9792 5.19583 10.5875 5.5875C10.1958 5.97917 10 6.45 10 7C10 7.55 10.1958 8.02083 10.5875 8.4125C10.9792 8.80417 11.45 9 12 9Z' fill='%23FF0000'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 20px;
    height: 20px;
}

.requestsTable table {
    display: flex;
}


.requestItems {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 20px;
}

.requestItems span {
    display: flex;
    align-items: center;
}

.requestItemsInfo {
    margin-left: 20px;
}

#requestsHeader .verticalDotsBtn {
    margin-top: 11px;
    margin-right: 20px;
}

#secGuests #sendStatusCheckbox {
    margin-right: 10px;
    accent-color: rgba(192, 1, 0, 1);
}

#secGuests #sendStatusCheckboxDiv {
    display: flex;
}

#secGuests #sendStatusCheckboxDiv label {
    display: flex;
}

.requestModalHeaderContainer {
    display: flex;
    padding-bottom: 20px;
    /* Add padding to create space */
    position: relative;
    /* Ensure position is relative for absolute positioning of the pseudo-element */
}

.requestModalHeaderContainer::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: rgb(240, 242, 244);
}

.requestModalHeaderContainer .close-icon {
    margin-left: auto;
    cursor: pointer;
}

.requestModalHeaderContainer #requestInfo {
    align-content: center;
    margin-left: 15px;
    margin-top: 20px;
    width: 100%;
}

#requestInfo .requestInfoHeader {
    display: flex;
    justify-content: space-between;
}


.requestModalHeaderContainer #requestModalName {
    font-weight: 500;
    font-size: 20px;
}

.requestModalHeaderContainer #requestModalEmail {
    font-weight: 300;
    font-size: 16px;
}

.requestsTable tr {
    /* display: flex;
  align-items: center;
  margin-bottom: 10px;
  border-radius: 8px;
  border: 1px solid #ECEEF1;
  height: 60px; */
    border-bottom: 1px solid rgb(240, 242, 244);
}


.request-person-icon {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_99_5620' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_99_5620)'%3E%3Cpath d='M12 12C10.9 12 9.95833 11.6083 9.175 10.825C8.39167 10.0417 8 9.1 8 8C8 6.9 8.39167 5.95833 9.175 5.175C9.95833 4.39167 10.9 4 12 4C13.1 4 14.0417 4.39167 14.825 5.175C15.6083 5.95833 16 6.9 16 8C16 9.1 15.6083 10.0417 14.825 10.825C14.0417 11.6083 13.1 12 12 12ZM4 20V17.2C4 16.6333 4.14583 16.1125 4.4375 15.6375C4.72917 15.1625 5.11667 14.8 5.6 14.55C6.63333 14.0333 7.68333 13.6458 8.75 13.3875C9.81667 13.1292 10.9 13 12 13C13.1 13 14.1833 13.1292 15.25 13.3875C16.3167 13.6458 17.3667 14.0333 18.4 14.55C18.8833 14.8 19.2708 15.1625 19.5625 15.6375C19.8542 16.1125 20 16.6333 20 17.2V20H4Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 20px;
    height: 20px;
}

.request-person-icon-modal {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_99_5620' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_99_5620)'%3E%3Cpath d='M12 12C10.9 12 9.95833 11.6083 9.175 10.825C8.39167 10.0417 8 9.1 8 8C8 6.9 8.39167 5.95833 9.175 5.175C9.95833 4.39167 10.9 4 12 4C13.1 4 14.0417 4.39167 14.825 5.175C15.6083 5.95833 16 6.9 16 8C16 9.1 15.6083 10.0417 14.825 10.825C14.0417 11.6083 13.1 12 12 12ZM4 20V17.2C4 16.6333 4.14583 16.1125 4.4375 15.6375C4.72917 15.1625 5.11667 14.8 5.6 14.55C6.63333 14.0333 7.68333 13.6458 8.75 13.3875C9.81667 13.1292 10.9 13 12 13C13.1 13 14.1833 13.1292 15.25 13.3875C16.3167 13.6458 17.3667 14.0333 18.4 14.55C18.8833 14.8 19.2708 15.1625 19.5625 15.6375C19.8542 16.1125 20 16.6333 20 17.2V20H4Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 40px;
    height: 40px;
}

.person-icon-container {
    width: 30px;
    /* Set the width of the container */
    height: 30px;
    /* Set the height of the container */
    background-color: #b6d7a8;
    /* Set the desired background color (warm pastel) */
    border-radius: 50%;
    /* Makes the container circular */
    display: flex;
    /* Use flexbox to center the content */
    justify-content: center;
    /* Center horizontally */
    align-items: center;
    /* Center vertically */
}

.person-icon-container-modal {
    width: 60px;
    /* Set the width of the container */
    height: 60px;
    /* Set the height of the container */
    background-color: #b6d7a8;
    /* Set the desired background color (warm pastel) */
    border-radius: 50%;
    /* Makes the container circular */
    display: flex;
    /* Use flexbox to center the content */
    justify-content: center;
    /* Center horizontally */
    align-items: center;
    /* Center vertically */
}



.person-icon-container .request-person-icon {
    display: block;
}

.requestAvatar {
    width: 60px;
    height: 60px;
}

.request-img {
    display: inline;
    height: 30px;
    max-width: 30px;
    border-radius: 100%;
}

/* Ensure the canvas for the avatar has the correct size */
#requestModalAvatarCanvas {
    display: inline;
    height: 60px;
    /* Set the height of the canvas */
    width: 60px;
    /* Set the width of the canvas */
    border-radius: 50%;
    /* Makes the canvas circular */
}

.requestModalAvatar {
    display: flex;
    /* Use flexbox */
    justify-content: center;
    /* Center horizontally */
    align-items: center;
    /* Center vertically */
    width: 60px;
    /* Set the width */
    height: 60px;
    /* Set the height */
    margin-top: 20px;
}

.requestsTable tbody tr:hover {
    background-color: #bbbbbb;
    background-color: rgba(var(--dt-row-hover), 0.035);
}

/* Tooltip container */
[data-tooltip] {
    position: relative;
    cursor: default;
}

/* Tooltip text */
[data-tooltip]:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.2s;
}

/* Only show the tooltip when the attribute is not empty */
[data-tooltip]:not([data-tooltip=""]):hover::after {
    opacity: 1;
}

#ignoreFirstRowCheckbox {
    accent-color: rgba(192, 1, 0, 1);
}

.items-info-card .item-type {
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
}

.items-info-card .item-name {
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
}

/* MARK: Show TICKETS */

.ticketsactions {
    display: flex;
    justify-content: flex-end;
    align-items: end;
}

.ticketsactions .comp_button {
    margin-left: 20px;
    visibility: hidden;
}

.ticketsactions #selectedCount {
    margin-left: 20px;
    text-align: center;
    line-height: normal;
    visibility: hidden;
}

#allocateModal .modal-footer {
    display: none;
}

#tableShowTickets .highlight {
    background-color: var(--btntranshover)
}

/* MARK: Show Terminals */
#secShowTerminals {
    max-width: 860px;
    margin: auto;
}

/* MARK: DataTables*/

#tableShows {
    cursor: pointer;
}

.locationsName {
    width: 50%;
}

#tableLocations {
    cursor: pointer;
}

table.dataTable thead {
    height: 44px;
    background-color: rgba(249, 250, 251, 1);
    border-bottom: 1px solid rgba(240, 242, 244, 1);
    border-top: 1px solid rgba(240, 242, 244, 1);
}

table.dataTable thead tr th span.dt-column-title {
    height: 18px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: rgba(78, 90, 109, 1);
    float: inline-start;
}

table.dataTable tbody tr td {
    height: 72px;
}

table.dataTable tbody tr div.tableLine {
    /*div which contains the main row content (event column) */
    display: flex;
    align-items: center;
}

table.dataTable tbody tr div.tableLine div:nth-child(1) {
    /*div which contains the img */
    width: 40px;
    height: 40px;
}

table.dataTable tbody tr p {
    margin: 0;
    padding: 0;
}

table.dataTable tbody tr .showImg {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin-right: 16px;
}

table.dataTable tbody tr p.eventName {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 1);
}


table.dataTable tbody tr p.eventLocation {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(71, 84, 103, 1);
}

table.dataTable tbody tr td.dt-type-date {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(71, 84, 103, 1);
    text-align: left;
}

table.dataTable tbody tr p.locationName {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 1);
    width: 100%;
}


table.dataTable tbody tr p.locationAddress {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(71, 84, 103, 1);
}

table.dataTable thead tr th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td,
table.dataTable tbody th,
table.dataTable tbody tr td {
    padding: 0 24px 0 24px;
}

table.dataTable tbody tr {
    border-bottom: 1px solid rgba(240, 242, 244, 1);
}

div.dt-container.dt-empty-footer tbody>tr:last-child>* {
    border-width: 0px;
}

table.dataTable>thead>tr>th,
table.dataTable>thead>tr>td {
    border-width: 0px;
}

/* MARK: Event Status Badges */

.bg-warning,
.bg-secondary,
.bg-danger,
.bg-info,
.bg-success {
    background-color: rgba(255, 255, 255, 1) !important;
    color: rgba(61, 72, 91, 1);
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    border: 1px solid rgba(225, 229, 234, 1);
    border-radius: 6px;
    vertical-align: text-bottom;
}

span.badgeDot {
    margin-right: 4px;
    height: 10px;
    width: 10px;
    text-align: center;
    vertical-align: baseline;
}

.bg-success span.badgeDot {
    content: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00033 7.33268C3.53921 7.33268 3.10588 7.24518 2.70033 7.07018C2.29477 6.89518 1.94199 6.65768 1.64199 6.35768C1.34199 6.05768 1.10449 5.7049 0.929492 5.29935C0.754492 4.89379 0.666992 4.46046 0.666992 3.99935C0.666992 3.53824 0.754492 3.1049 0.929492 2.69935C1.10449 2.29379 1.34199 1.94102 1.64199 1.64102C1.94199 1.34102 2.29477 1.10352 2.70033 0.928516C3.10588 0.753516 3.53921 0.666016 4.00033 0.666016C4.46144 0.666016 4.89477 0.753516 5.30033 0.928516C5.70588 1.10352 6.05866 1.34102 6.35866 1.64102C6.65866 1.94102 6.89616 2.29379 7.07116 2.69935C7.24616 3.1049 7.33366 3.53824 7.33366 3.99935C7.33366 4.46046 7.24616 4.89379 7.07116 5.29935C6.89616 5.7049 6.65866 6.05768 6.35866 6.35768C6.05866 6.65768 5.70588 6.89518 5.30033 7.07018C4.89477 7.24518 4.46144 7.33268 4.00033 7.33268Z' fill='%2317B26A'/%3E%3C/svg%3E%0A");
}

.bg-warning span.badgeDot {
    content: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00033 7.33268C3.53921 7.33268 3.10588 7.24518 2.70033 7.07018C2.29477 6.89518 1.94199 6.65768 1.64199 6.35768C1.34199 6.05768 1.10449 5.7049 0.929492 5.29935C0.754492 4.89379 0.666992 4.46046 0.666992 3.99935C0.666992 3.53824 0.754492 3.1049 0.929492 2.69935C1.10449 2.29379 1.34199 1.94102 1.64199 1.64102C1.94199 1.34102 2.29477 1.10352 2.70033 0.928516C3.10588 0.753516 3.53921 0.666016 4.00033 0.666016C4.46144 0.666016 4.89477 0.753516 5.30033 0.928516C5.70588 1.10352 6.05866 1.34102 6.35866 1.64102C6.65866 1.94102 6.89616 2.29379 7.07116 2.69935C7.24616 3.1049 7.33366 3.53824 7.33366 3.99935C7.33366 4.46046 7.24616 4.89379 7.07116 5.29935C6.89616 5.7049 6.65866 6.05768 6.35866 6.35768C6.05866 6.65768 5.70588 6.89518 5.30033 7.07018C4.89477 7.24518 4.46144 7.33268 4.00033 7.33268Z' fill='%23FDB022'/%3E%3C/svg%3E%0A");
}

.bg-info span.badgeDot {
    color: gray;
    content: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00033 7.33268C3.53921 7.33268 3.10588 7.24518 2.70033 7.07018C2.29477 6.89518 1.94199 6.65768 1.64199 6.35768C1.34199 6.05768 1.10449 5.7049 0.929492 5.29935C0.754492 4.89379 0.666992 4.46046 0.666992 3.99935C0.666992 3.53824 0.754492 3.1049 0.929492 2.69935C1.10449 2.29379 1.34199 1.94102 1.64199 1.64102C1.94199 1.34102 2.29477 1.10352 2.70033 0.928516C3.10588 0.753516 3.53921 0.666016 4.00033 0.666016C4.46144 0.666016 4.89477 0.753516 5.30033 0.928516C5.70588 1.10352 6.05866 1.34102 6.35866 1.64102C6.65866 1.94102 6.89616 2.29379 7.07116 2.69935C7.24616 3.1049 7.33366 3.53824 7.33366 3.99935C7.33366 4.46046 7.24616 4.89379 7.07116 5.29935C6.89616 5.7049 6.65866 6.05768 6.35866 6.35768C6.05866 6.65768 5.70588 6.89518 5.30033 7.07018C4.89477 7.24518 4.46144 7.33268 4.00033 7.33268Z' fill='%23808080'/%3E%3C/svg%3E%0A");
}

.bg-danger span.badgeDot {
    content: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00033 7.33268C3.53921 7.33268 3.10588 7.24518 2.70033 7.07018C2.29477 6.89518 1.94199 6.65768 1.64199 6.35768C1.34199 6.05768 1.10449 5.7049 0.929492 5.29935C0.754492 4.89379 0.666992 4.46046 0.666992 3.99935C0.666992 3.53824 0.754492 3.1049 0.929492 2.69935C1.10449 2.29379 1.34199 1.94102 1.64199 1.64102C1.94199 1.34102 2.29477 1.10352 2.70033 0.928516C3.10588 0.753516 3.53921 0.666016 4.00033 0.666016C4.46144 0.666016 4.89477 0.753516 5.30033 0.928516C5.70588 1.10352 6.05866 1.34102 6.35866 1.64102C6.65866 1.94102 6.89616 2.29379 7.07116 2.69935C7.24616 3.1049 7.33366 3.53824 7.33366 3.99935C7.33366 4.46046 7.24616 4.89379 7.07116 5.29935C6.89616 5.7049 6.65866 6.05768 6.35866 6.35768C6.05866 6.65768 5.70588 6.89518 5.30033 7.07018C4.89477 7.24518 4.46144 7.33268 4.00033 7.33268Z' fill='%23FF0000'/%3E%3C/svg%3E%0A");
}

.bg-secondary span.badgeDot {
    content: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00033 7.33268C3.53921 7.33268 3.10588 7.24518 2.70033 7.07018C2.29477 6.89518 1.94199 6.65768 1.64199 6.35768C1.34199 6.05768 1.10449 5.7049 0.929492 5.29935C0.754492 4.89379 0.666992 4.46046 0.666992 3.99935C0.666992 3.53824 0.754492 3.1049 0.929492 2.69935C1.10449 2.29379 1.34199 1.94102 1.64199 1.64102C1.94199 1.34102 2.29477 1.10352 2.70033 0.928516C3.10588 0.753516 3.53921 0.666016 4.00033 0.666016C4.46144 0.666016 4.89477 0.753516 5.30033 0.928516C5.70588 1.10352 6.05866 1.34102 6.35866 1.64102C6.65866 1.94102 6.89616 2.29379 7.07116 2.69935C7.24616 3.1049 7.33366 3.53824 7.33366 3.99935C7.33366 4.46046 7.24616 4.89379 7.07116 5.29935C6.89616 5.7049 6.65866 6.05768 6.35866 6.35768C6.05866 6.65768 5.70588 6.89518 5.30033 7.07018C4.89477 7.24518 4.46144 7.33268 4.00033 7.33268Z' fill='%231E88E5'/%3E%3C/svg%3E%0A")
}

td svg path {
    fill: white;
}

/*MARK: SOON */

.soon {
    pointer-events: none;
    opacity: 0.4;
}

.soon:after {
    content: '';
    background: rgb(255, 255, 255);
    width: 100px;
    height: 60px;
    background: transparent url('/img/soon100px.png') no-repeat;
    position: absolute;
    right: 20px;
    opacity: 1;
}


/* MARK: Locations*/

#locContainer {
    display: flex;
    gap: 76px;
    flex-wrap: nowrap;
}

#locContainer .tableCont .comp_header {
    margin-top: 0px;
}


#locContainer>div:first-child {
    flex: 0 0 925px;
}

#locContainer>div:last-child {
    flex-basis: 688px;
    height: 852px;
    position: relative;
    overflow: hidden;
}

#locContainer>div:last-child img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#locContainer #locationsDivMap {
    margin-top: 170px;
    overflow: hidden;
    height: 500px;
    border-radius: 8px;
}

.spansubHeader {
    display: inline-block;
    padding-left: 40px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Eionicons-v5-a%3C/title%3E%3Cpolyline points='244 400 100 256 244 112' style='fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:48px'/%3E%3Cline x1='120' y1='256' x2='412' y2='256' style='fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:48px'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 24px 24px;
    color: black;
    line-height: 24px;
    text-decoration: none;
}

.spansubHeader:hover {
    text-decoration: underline;
}

.subHeader {
    padding-top: 5px;
    padding-bottom: 73px;
}

.spanSubTitle {
    display: block;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 20px;
    min-width: 200px;
}

#discardBtn {
    max-width: 103px;
    text-align: center;
    background-color: #606060;
    width: 100%;
}

#saveBtn {
    max-width: 198px;
    text-align: center;
    width: 100%;
}

#dynamicLink {
    cursor: pointer;
}

.checkbox-container {
    padding-left: 10px;
    height: 56px;
    margin: 0px;
    display: flex;
    align-items: center;
}

.checkbox-label {
    display: flex;
    align-items: center;
}

.checkbox-label .label-text {
    padding-left: 10px;
}

#virtualSpaceCheckbox {
    accent-color: rgba(192, 1, 0, 1);
}

#image-container {
    max-width: 842px;
    width: 100%;
    height: 240px;
    overflow: hidden;
    position: relative;
    margin-top: 15px;
}

#image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.header-buttons {
    display: flex;
    gap: 10px;
}

.headerBtn {
    padding: 10px 20px;
    font-size: 1em;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.input-container {
    display: flex;
    gap: 32px;
    /* Space between the two elements */
    width: 100%;
}

.input-container>* {
    flex: 1;
}

.input-container {
    max-width: 842px;
    width: 100%;
}

.comp_text-input-svg {
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(229, 229, 229, 1);
    border-radius: 4px;
    height: 56px;
    padding: 2px 15px;
    margin-top: 10px;
    max-width: 842px;
    width: 100%;
}

.comp_text-input-svg label {
    margin: 0;
    height: 16px;
    line-height: 16px;
    font-weight: 400;
    font-size: 12px;
    width: 100%;
    color: rgba(106, 106, 106, 1);
    display: flex;
    align-items: center;
}

.comp_text-input-svg input {
    display: block;
    margin: 0;

    height: 24px;
    line-height: 24px;
    font-weight: 500;
    font-size: 16px;
    width: 100%;
    color: rgba(26, 26, 26, 1);
    border: 0;
}

.comp_text-input-svg label svg {
    margin-right: 5px;
}

#contentToToggle {
    max-height: 1000px;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
    max-width: 842px;
    width: 100%;
}

#toggleVisibilityCheckbox:checked~#contentToToggle {
    max-height: 0;
}

#UrlToToggle {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
    max-width: 842px;
    width: 100%;
}

#toggleVisibilityCheckbox:checked~#UrlToToggle {
    max-height: 1000px;
}

.secLocation .detailsHeader {
    display: flex;
    gap: 24px;
    align-items: center;
    margin-left: 24px;
    height: 72px;
}

/* MARK: location info*/

#secLocationInfo {
    max-width: 860px;
    margin: auto;
}

#secLocationInfo .comp_text-input {
    margin: 24px 0 0 0;
}


#secLocationInfo #addressDetailsDiv {
    margin-bottom: 56px;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: space-between;
}

#secLocationInfo #addressDetailsDiv .comp_select {
    margin: 26px 0 0 0;
    width: 48%;
}

#secLocationInfo #addressDetailsDiv .comp_text-input {
    width: 48%;
}


#secLocationInfo #mapBottomBar {
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(229, 229, 229, 1);
    border-radius: 4px;
    height: 86px;
    padding: 18px 0 0 15px;
    border-top: 0;
    border-radius: 8px;
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
}

#secLocationInfo #address {
    margin: 0;
}

#secLocationInfo #address,
#secLocationInfo #zipCityCountry {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
}

#secLocationInfo #saveLocationInfo {
    margin-top: 24px;
    margin-bottom: 58px;
}

/*MARK: Location shows */
/* #secTabShows {
    max-width: 860px;
    margin: auto;
}

#secTabShows .tableContent {
    padding: 44px 0 0 0;
} */


/* MARK: LOCATION Layout*/
#secTabCommunications,
#secTabLayouts {
    display: flex;
    width: auto;
    padding: 0;
}

.zone {
    padding: 10px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-top: 1%;
    max-width: 1118px;
}

.zone span {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    color: #333;
    align-content: center;
}

.zone span#zoneName {
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    max-width: 690px;
    width: 100%;
}

.zone span#zoneSeatType {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #475467;
    max-width: 145px;
    margin-right: 68px;
    width: 100%;
}

.zone span#zoneCapacity {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #475467;
    max-width: 118px;
    width: 100%;
}

.zone .verticalDotsBtn {
    margin-top: auto;
    margin-left: auto;
}

.zone .dropdown-menu .dropdown-item.details-item {
    display: flex;
}



.zone .dropdown-menu .dropdown-item.delete-item {
    display: flex;
}

.form-group {
    display: flex;
    width: 100%;
}

.form-group>* {
    flex-grow: 1;
}

.form-group>* {
    flex-grow: 1;
}

#headerLocation label {
    font-size: 30px;
    line-height: 44px;
    font-weight: 600;

}

#headerZone label {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}

#headerZone span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

#createZoneBtn,
.subHeaderLayouts .title,
.headerClass {
    display: none;
    /* Initially hidden */
}

#createZoneBtn {
    margin-top: 44px;
}

.zone-row {
    max-width: 1118px;
    width: 100%;
    margin-top: 24px;
    flex-wrap: wrap;
}

.zone {
    display: flex;
    flex: 1;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

#createLayoutBtn {
    margin-top: 34px;
    width: auto;
    max-width: 161px;
    width: 100%;
    height: 44px;
    border-radius: 6px;
    background-color: var(--btnprimaryback);
    padding-left: 46px;
    font-weight: 600;
    letter-spacing: 0em;
    /* color: rgba(255, 255, 255, 1); */
    margin-left: 10px;
    text-align: left;
    padding: 1px 18px;
    height: 44px;
    align-content: center;
}

#secTabLayouts .subHeaderLayouts {
    display: flex;
    justify-content: space-between;
    margin-top: 44px;
    max-width: 1118px;
    width: 100%;
}

#secTabCommunications,
#secTabLayouts .text {
    line-height: 24px;
    font-weight: 600;
    font-size: 16px;
}

#secTabCommunications,
#secTabLayouts .content-md {
    margin: 0 149px 0 0;
    width: 100%;
}

/* MARK: LOCATION Layout – visual upgrade */

/* Sidebar – light grey */
#secTabLayouts .inner-sidebar {
    background: #F5F6F8;
    border-right: 1px solid #E4E7EC;
    box-shadow: none;
    margin-right: 56px;
}

#secTabLayouts .inner-sidebar .title {
    padding: 32px 24px 18px;
    border-bottom: 1px solid #E4E7EC;
}

#secTabLayouts .inner-sidebar-nav li {
    padding: 0;
    border-bottom: 1px solid #EAECF0;
    border-left: 3px solid transparent;
    transition: background 0.15s, border-left-color 0.15s;
}

#secTabLayouts .inner-sidebar-nav li a {
    display: block;
    padding: 13px 20px 13px 24px;
    color: #344054;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

#secTabLayouts .inner-sidebar-nav li:hover {
    background: rgba(255, 73, 51, 0.04);
    border-left-color: var(--btnprimaryback);
}

#secTabLayouts .inner-sidebar-nav li:hover a {
    color: #182230;
}

#secTabLayouts .inner-sidebar-nav li.active {
    background: rgba(255, 73, 51, 0.07);
    border-left-color: var(--btnprimaryback);
}

#secTabLayouts .inner-sidebar-nav li.active a {
    color: #182230;
    font-weight: 600;
}

#createLayoutBtn {
    margin: 20px 16px 24px;
    width: calc(100% - 32px);
    max-width: unset;
    height: 40px;
}

/* Subheader – separator line */
#secTabLayouts .subHeaderLayouts {
    align-items: flex-end;
    padding-bottom: 16px;
    border-bottom: 1px solid #E4E7EC;
}

/* Zone cards – project-colour left accent + lift on hover */
.zone {
    padding: 14px 20px;
    background: #fff;
    border: 1px solid #E4E7EC;
    border-left: 4px solid var(--btnprimaryback);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(7, 20, 55, 0.05);
    transition: box-shadow 0.2s ease, transform 0.18s ease;
    margin-bottom: 8px;
}

.zone:hover {
    box-shadow: 0 4px 14px rgba(7, 20, 55, 0.10);
    transform: translateY(-1px);
}

.zone span {
    margin-bottom: 0;
    align-content: unset;
    display: flex;
    align-items: center;
}

.zone span#zoneName {
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
}

.zone span#zoneSeatType {
    gap: 6px;
    font-size: 12px;
    font-weight: 500;
    background: #F2F4F7;
    padding: 3px 10px;
    border-radius: 20px;
    white-space: nowrap;
    max-width: unset;
    width: auto;
    margin-right: 16px;
}

.zone span#zoneCapacity {
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
    max-width: unset;
    width: auto;
    white-space: nowrap;
}

/* MARK: PROCESS*/

#divHalf {
    display: flex;
}

#divShowList {
    width: 50%;
    padding-right: 10px;
}

#divZoneList {
    width: 50%;
    padding-left: 10px;
}

.warning {
    width: 15px;
    height: 15px;
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23ffa200'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M13.995 1.827a1.745 1.745 0 0 0-2.969 0l-9.8 17.742a1.603 1.603 0 0 0 0 1.656 1.678 1.678 0 0 0 1.48.775H22.28a1.68 1.68 0 0 0 1.484-.775 1.608 1.608 0 0 0 .003-1.656zM12 8h1v7h-1zm.5 10.5a1 1 0 1 1 1-1 1.002 1.002 0 0 1-1 1z'%3E%3C/path%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}



.ready {
    width: 15px;
    height: 15px;
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%2341b110' stroke-width='1.5'%3E%3C/circle%3E%3Cpath d='M8.5 12.5L10.5 14.5L15.5 9.5' stroke='%2341b110' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

#headerProcessLines.failed label:after {

    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' width='20' height='20' xmlns='http://www.w3.org/2000/svg' fill='%23ffa200'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M13.995 1.827a1.745 1.745 0 0 0-2.969 0l-9.8 17.742a1.603 1.603 0 0 0 0 1.656 1.678 1.678 0 0 0 1.48.775H22.28a1.68 1.68 0 0 0 1.484-.775 1.608 1.608 0 0 0 .003-1.656zM12 8h1v7h-1zm.5 10.5a1 1 0 1 1 1-1 1.002 1.002 0 0 1-1 1z'%3E%3C/path%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");

}

#headerProcessLines.success label:after {

    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%2341b110' stroke-width='1.5'%3E%3C/circle%3E%3Cpath d='M8.5 12.5L10.5 14.5L15.5 9.5' stroke='%2341b110' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");

}

/* MARK: GUESTS*/

.secguestInfo,
#secGuestTickets {
    padding: 0 72px;
}

#secguestInfo .contacts {
    display: flex;
    width: auto;
    width: 100%;
    gap: 24px;
}

#secguestInfo #saveBtn {
    margin-top: 24px;
    margin-bottom: 58px;
}

#infoDivInputs .comp_text-input {
    margin: 24px 0 0 0;
    width: auto;
    flex: 1;
    gap: 24px;
}

#infoDivInputs .phoneDiv {
    min-width: 80px;
}


#secGuestTickets #ticketsHeader {
    margin-top: 64px;
}


/*MARK: COMMS*/

#secTabCommunications .editorArea {
    width: 100%;
    padding: 64px 10px 0 10px;
    margin-top: 44px;
}

#secTabCommunications #editor {
    width: 100%;
    height: 300px;
}

#secTabCommunications #commsSyncBtn {
    margin: 0 10px 0 10px;
    display: flex;
    justify-content: center;
    height: 40px;
}

#secTabCommunications .editorArea .templateHeaderDiv {
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(241, 241, 242, 1);
}

#secTabCommunications .editorArea .templateHeaderDiv #templateHeader {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.02em;
    text-align: left;
}

#secTabCommunications .editorArea .templateHeaderDiv #templateHeaderGroup {
    font-size: 13px;
    font-weight: 500;
    line-height: 15.73px;
    text-align: left;
    margin-left: 23px;
    color: rgba(30, 136, 229, 1);
    background-color: rgba(241, 250, 255, 1);
}

#secTabCommunications .editorArea .comp_text-input {
    margin: 40px 0 0 0;
}

/* entire editor */
#secTabCommunications .editorArea .ck.ck-editor {
    padding: 10px 0 10px 0;
}

/* editor toolbar */
#secTabCommunications .editorArea .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

}

#secTabCommunications .editorArea .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
    border: solid rgba(229, 229, 229, 1);
    border-width: 1px 1px 0;
}

/* toolbar end*/
/* editor */
#secTabCommunications .editorArea .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
    border-color: rgba(229, 229, 229, 1);
}

#secTabCommunications .editorArea .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,
.ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#secTabCommunications .editorArea .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible {
    display: flex;
    flex-direction: column;
}

/* editor end */

/* MARK: IMPORTS */

#importModal #sheetSelector {
    margin: 0 10px 15px 0;
}

#importModal #analysisResults p {
    padding-left: 7px;
    margin-bottom: 0;
}

/* TO CORE */

/* MARK: PRODUCTS */

.bg-token {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(61, 72, 91, 1);
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    padding: 4px 10px;
    /* Add padding for better spacing */
    border: 1px solid rgba(200, 200, 200, 0.5);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* Subtle shadow */
    display: inline-flex;
    align-items: center;
    /* Vertical alignment */
    gap: 7px;
    /* Space between elements */
}

span.token {
    width: 12px;
    display: inline-block;
    vertical-align: middle;
}

.bg-token span.token {
    content: url("data:image/svg+xml,%3Csvg fill='%23ff4933' height='200px' width='200px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 227.438 227.438' xml:space='preserve' stroke='%23ff4933'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M113.719,0C51.014,0,0,51.014,0,113.719s51.014,113.719,113.719,113.719s113.72-51.014,113.72-113.719S176.424,0,113.719,0z M202.65,84.134c-2.927-0.918-6.038-1.415-9.264-1.415c-6.078,0-11.748,1.765-16.538,4.799c-6.997-16.797-20.51-30.215-37.365-37.1 c3.098-4.824,4.903-10.553,4.903-16.7c0-3.135-0.472-6.16-1.341-9.014C171.086,33.966,193.309,56.129,202.65,84.134z M83.658,24.945 c-0.823,2.784-1.272,5.727-1.272,8.774c0,6.236,1.857,12.043,5.038,16.91C70.702,57.624,57.34,71.081,50.456,87.86 c-4.899-3.245-10.766-5.141-17.07-5.141c-2.958,0-5.817,0.425-8.528,1.202C34.158,56.261,56.033,34.324,83.658,24.945z M24.858,143.517c2.711,0.777,5.57,1.202,8.528,1.202c6.304,0,12.171-1.896,17.07-5.141c6.884,16.779,20.246,30.236,36.967,37.231 c-3.181,4.867-5.038,10.674-5.038,16.91c0,3.047,0.449,5.99,1.272,8.774C56.033,193.114,34.158,171.178,24.858,143.517z M143.045,202.733c0.869-2.854,1.341-5.88,1.341-9.014c0-6.146-1.805-11.876-4.903-16.7c16.855-6.885,30.367-20.303,37.365-37.1 c4.79,3.034,10.46,4.799,16.538,4.799c3.226,0,6.337-0.496,9.264-1.415C193.309,171.309,171.086,193.472,143.045,202.733z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}


#exchangesDiv #prices .badge {
    cursor: pointer;
}

#exchangesDiv #addExchangeToProduct {
    background-color: var(--btntranshover);
}


#exchangesDiv #prices .badge:hover {
    background-color: var(--btnprimarybackhover);
    color: white;
}

/*
#exchangesDiv #addExchangeToProduct {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;

}

#exchangesDiv #addExchangeToProduct a {
    color: var(--btnprimaryback);
}


#exchangesDiv #addExchangeToProduct svg path {
    stroke: var(--btnprimaryback);
    fill: var(--btnprimaryback);
}
*/
.language-picker .flag-en {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 -4 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_503_2952)'%3E%3Crect width='28' height='20' rx='2' fill='white'/%3E%3Cmask id='mask0_503_2952' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='28' height='20'%3E%3Crect width='28' height='20' rx='2' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_503_2952)'%3E%3Crect width='28' height='20' fill='%230A17A7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-1.28244 -1.91644L10.6667 6.14335V-1.33333H17.3334V6.14335L29.2825 -1.91644L30.7737 0.294324L21.3263 6.66667H28V13.3333H21.3263L30.7737 19.7057L29.2825 21.9165L17.3334 13.8567V21.3333H10.6667V13.8567L-1.28244 21.9165L-2.77362 19.7057L6.67377 13.3333H2.95639e-05V6.66667H6.67377L-2.77362 0.294324L-1.28244 -1.91644Z' fill='white'/%3E%3Cpath d='M18.668 6.33219L31.3333 -2' stroke='%23DB1F35' stroke-width='0.666667' stroke-linecap='round'/%3E%3Cpath d='M20.0128 13.6975L31.3666 21.3503' stroke='%23DB1F35' stroke-width='0.666667' stroke-linecap='round'/%3E%3Cpath d='M8.00555 6.31046L-3.83746 -1.67099' stroke='%23DB1F35' stroke-width='0.666667' stroke-linecap='round'/%3E%3Cpath d='M9.29006 13.6049L-3.83746 22.3105' stroke='%23DB1F35' stroke-width='0.666667' stroke-linecap='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 12H12V20H16V12H28V8H16V0H12V8H0V12Z' fill='%23E6273E'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_503_2952'%3E%3Crect width='28' height='20' rx='2' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");;
}