/* /HomogeneousPeriods/Components/SaveAsDialog.razor.rz.scp.css */
/* Settings dialog */
.settings-dialog-overlay[b-v7rz8wwumv] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100002;
}

.settings-dialog[b-v7rz8wwumv] {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 600px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.settings-header[b-v7rz8wwumv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #eee;
}

.settings-header h3[b-v7rz8wwumv] {
    margin: 0;
}

.settings-tabs[b-v7rz8wwumv] {
    padding: 20px;
}

.close-button[b-v7rz8wwumv] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
}

.tab-header[b-v7rz8wwumv] {
    display: flex;
    border-bottom: 1px solid #eee;
}

.tab-button[b-v7rz8wwumv] {
    padding: 10px 15px;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}

.tab-button.active[b-v7rz8wwumv] {
    border-bottom: 2px solid var(--focus-visible, #0d6efd);
    font-weight: bold;
}

.tab-content[b-v7rz8wwumv] {
    padding: 15px;
    overflow-y: auto;
    flex-grow: 1;
}

.settings-tab[b-v7rz8wwumv] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.settings-footer[b-v7rz8wwumv] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 15px;
    border-top: 1px solid #eee;
}



.button[b-v7rz8wwumv] {
    align-items: center;
    background: var(--white, #ffffff);
    border: 1px solid var(--d70, #4c4c4c);
    border-radius: 3px !important;
    box-shadow: none;
    display: flex;
    gap: 3px;
    justify-content: center;
    padding: 8px 16px;
    transition: all 250ms ease-in-out;
}

.button:hover[b-v7rz8wwumv], .button:focus[b-v7rz8wwumv] {
    box-shadow: none;
    border: 1px solid var(--d70, #4c4c4c);
    background: #e0e0e0 !important;
}

.button:focus-visible[b-v7rz8wwumv] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    color: rgb(13, 110, 253) !important;
}

.button .button-content[b-v7rz8wwumv] {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center;
}

.button.button-primary[b-v7rz8wwumv] {
    background: rgb(13, 110, 253) !important;
    border-color: rgb(13, 110, 253);
    color: var(--white-text, #ffffff);
}

.button:disabled[b-v7rz8wwumv] {
    color: #ababab !important;
    background: #dbdbdb !important;
    border: solid 1px #dbdbdb !important;
    box-shadow: none !important;
}

.button:disabled:hover[b-v7rz8wwumv], .button:disabled:focus[b-v7rz8wwumv] {
    box-shadow: none;
    border: 1px solid transparent;
    background: rgba(0,0,0,.12) !important;
}

.validation-error[b-v7rz8wwumv] {
    color: red;
    font-size: 12px;
    margin-top: 5px;
    height: 20px;
}
/* /HomogeneousPeriods/Components/SettingsDialog.razor.rz.scp.css */
/* Settings dialog */
.settings-dialog-overlay[b-vqqta37ese] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100002;
}

.settings-dialog[b-vqqta37ese] {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 600px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.settings-header[b-vqqta37ese] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #eee;
}

.settings-header h3[b-vqqta37ese] {
    margin: 0;
}

.close-button[b-vqqta37ese] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
}

.tab-header[b-vqqta37ese] {
    display: flex;
    border-bottom: 1px solid #eee;
}

.tab-button[b-vqqta37ese] {
    padding: 10px 15px;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}

.tab-button.active[b-vqqta37ese] {
    border-bottom: 2px solid var(--focus-visible, #0d6efd);
    font-weight: bold;
}

.tab-content[b-vqqta37ese] {
    padding: 15px;
    overflow-y: auto;
    flex-grow: 1;
}

.settings-tab[b-vqqta37ese] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.settings-footer[b-vqqta37ese] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 15px;
    border-top: 1px solid #eee;
}

/* /Pages/BusinessObjectExplorer.razor.rz.scp.css */
.page-container[b-6qogtpte5d] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.loading-save-data[b-6qogtpte5d] {
    align-items: center;
    background: rgba(255,255,255,.75);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.breadcrumbs[b-6qogtpte5d] {
    padding: 6px 12px;
    border: 1px solid rgba(0,0,0,.12);
    margin-bottom: 10px;
}

.breadcrumbs a[b-6qogtpte5d] {
    color: var(--d87, #212121);
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    padding: 4px;
}

.breadcrumbs a:hover[b-6qogtpte5d] {
    color: var(--primary, #ffa727);
}

.breadcrumb-separator[b-6qogtpte5d] {
    margin-right: 2px;
}

.object-explorer-wrapper[b-6qogtpte5d] {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
/* /Pages/Index.razor.rz.scp.css */
.background-home[b-sgp7488spg] {
    background: linear-gradient(to top, transparent, var(--color-sf-content-bg-color)) no-repeat center center / auto, url("../images/background.png") no-repeat center center / auto;
    display: flex;
    height: calc(100vh - 3.5rem - 1.1rem);
    justify-content: center;
}

.bodycenter[b-sgp7488spg] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.logo-img[b-sgp7488spg] {
    margin-bottom: 20px;
}

.logo-img img[b-sgp7488spg] {
    max-height: 80px;
    width: auto;
    padding-bottom: 5px;
}

.card[b-sgp7488spg] {
    align-items: center;
    background-color: transparent;
    border-color: transparent;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    font-family: "Roboto", Arial, sans-serif;
    justify-content: center;
    margin-bottom: 20%;
    max-width: 30vw;
    min-width: 300px;
    padding: 30px;
    position: initial;
    text-align: center;
}

.button[b-sgp7488spg] {
    margin-top: 30px;
    width: 100%;
    color: #fff;
    padding: 5px 0;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    transition: background-color 0.3s ease;
    background-color: var(--primary, #ffa727);
    border: 1px solid rgba(0,0,0,0.12);
    text-decoration: none;
}

.button:hover[b-sgp7488spg] {
    background-color: rgba(255, 255, 255, 0.7);
    color: var(--primary, #ffa727);
    fill: #fff;
    border-color: var(--primary, #ffa727);
}
/* /Pages/InteractiveMapLite/ContextComponents/Button.razor.rz.scp.css */
.default-button.context-button[b-jws0ts4cr4] {
    margin-bottom: 5px;
    min-width: 60px;
    padding: 4px 10px;
    width: 100%;
}

.default-button.context-button:hover[b-jws0ts4cr4],
.default-button.context-button:focus[b-jws0ts4cr4] {
    background-color: var(--d06);
    border-color: var(--black);
    color: var(--black);
}

.default-button.context-button:disabled[b-jws0ts4cr4] {
    background: #dbdbdb !important;
    border-color: #dbdbdb !important;
    color: #ababab !important;
}
/* /Pages/InteractiveMapLite/InputComponents/View/Button.razor.rz.scp.css */
.selection-button[b-xx39ujh571] {
    background-color: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-primary);
    color: var(--color-sf-primary);
    justify-content: flex-start;
    width: 100%;
    border-radius: 5px;
}

.selection-button:hover[b-xx39ujh571],
.selection-button:focus[b-xx39ujh571] {
    background-color: var(--color-sf-primary);
    border-color: var(--color-sf-primary);
    color: var(--color-sf-primary-text-color);
}

.selection-button.button-active[b-xx39ujh571] {
    background-color: var(--color-sf-primary);
    border-color: var(--color-sf-primary);
    color: var(--color-sf-primary-text-color);
}

.selection-button.button-active:hover[b-xx39ujh571],
.selection-button.button-active:focus[b-xx39ujh571] {
    background-color: var(--color-sf-primary);
    border-color: var(--color-sf-primary);
}

.selection-button .button-text[b-xx39ujh571] {
    width: 100%;
    text-align: left;
}

.default-button .button-content:nth-of-type(2)[b-xx39ujh571] {
    opacity: 0.25;
}

.selection-button.button-active .button-content:nth-of-type(2)[b-xx39ujh571] {
    opacity: 0.75;
}
/* /Pages/InteractiveMapLite/InputComponents/View/ButtonsPopUp.razor.rz.scp.css */
.popup-button[b-hg7u6szr9n] {
    background-color: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-primary);
    color: var(--color-sf-primary);
    justify-content: flex-start;
    width: 100%;
    border-radius: 5px;
}

.popup-button:hover[b-hg7u6szr9n],
.popup-button:focus[b-hg7u6szr9n] {
    background-color: var(--color-sf-primary);
    color: var(--color-sf-primary-text-color);
}

.popup-button.button-active[b-hg7u6szr9n] {
    background-color: var(--color-sf-primary);
    color: var(--color-sf-primary-text-color);
}

.popup-button.button-active:hover[b-hg7u6szr9n],
.popup-button.button-active:focus[b-hg7u6szr9n] {
    background-color: var(--color-sf-primary-dark);
    border-color: var(--color-sf-primary-dark);
}

.popup-button .button-text[b-hg7u6szr9n] {
    width: 100%;
    text-align: left;
}

.popup-button .button-text[b-hg7u6szr9n] {
    width: 100%;
    text-align: left;
}

/*Popup*/

.popup-wrapper[b-hg7u6szr9n] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-sf-overlay-bg);
}

.popup-container[b-hg7u6szr9n] {
    background: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-border);
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.25) 0px 0px 3px;
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    max-height: calc(100% - 20px);
    min-width: 250px;
    overflow: hidden;
    position: relative;
}

.popup-header[b-hg7u6szr9n] {
    align-items: center;
    border-bottom: 1px solid var(--color-sf-border);
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: space-between;
    padding-left: 10px;
    background: var(--color-sf-content-bg-color-alt1);
    height: 2rem;
}

.popup-body[b-hg7u6szr9n] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px;
}

.close-button[b-hg7u6szr9n] {
    background: transparent;
    border: none;
    border-radius: 0px 5px 0px 0px;
    color: var(--color-sf-danger);
    height: 2rem;
    padding: 0px;
    width: 2rem;
}

.close-button:hover[b-hg7u6szr9n],
.close-button:focus[b-hg7u6szr9n] {
    background: var(--color-sf-danger);
    color: var(--color-sf-danger-text);
}

.inline-data-loader[b-hg7u6szr9n] {
    position: relative;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.inline-data-loader-spinner[b-hg7u6szr9n] {
    align-items: center;
    display: flex;
    font-size: 2rem;
    justify-content: center;
    color: var(--color-sf-primary);
}
/* /Pages/InteractiveMapLite/InputComponents/View/DataCheckBox.razor.rz.scp.css */
.checkbox[b-fb6dlxnkib] {
    display: flex;
    align-items: center;
    min-height: 1.875rem;
    gap: 5px;
}

.checkbox[b-fb6dlxnkib],
.checkbox .text-container[b-fb6dlxnkib],
.checkbox[b-fb6dlxnkib]  .e-checkbox-wrapper {
    width: 100%;
}

.checkbox[b-fb6dlxnkib]  .e-checkbox-wrapper label {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.checkbox[b-fb6dlxnkib]  .e-checkbox-wrapper .e-label {
    font-size: 0.875rem;
}

.inline-loader[b-fb6dlxnkib] {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    height: 20px;
    justify-content: center;
    width: 20px;
    flex: 0 0 20px;
}

.inline-loader.primary[b-fb6dlxnkib] {
    color: var(--color-sf-primary);
}

.checkbox > :first-child[b-fb6dlxnkib] {
    font-weight: 500;
}
/* /Pages/InteractiveMapLite/InputComponents/View/DataFilter.razor.rz.scp.css */
.filter-button[b-rdlfqwj3j9] {
    align-items: center;
    background: none;
    border: 1px solid var(--color-sf-border);
    border-radius: 3px;
    box-shadow: none;
    color: var(--color-sf-content-text-color-alt1);
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 0.875rem;
    gap: 3px;
    height: 24px;
    justify-content: center;
    margin-left: 5px;
    padding: 0px;
    transition: all 250ms ease-in-out;
    width: 24px;
}

.filter-button .button-content[b-rdlfqwj3j9] {
    align-items: center;
    display: flex;
    font-size: 1rem;
    justify-content: center;
}

.filter-button:hover[b-rdlfqwj3j9], .filter-button:focus[b-rdlfqwj3j9] {
    border: 1px solid var(--color-sf-primary);
    color: var(--color-sf-primary);
}

.filter-button:focus-visible[b-rdlfqwj3j9] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    color: rgb(13, 110, 253) !important;
}

.filter-button:disabled[b-rdlfqwj3j9] {
    color: #ababab !important;
    background: #dbdbdb !important;
    border: solid 1px #dbdbdb !important;
    box-shadow: none !important;
}

.filter-container[b-rdlfqwj3j9] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-sf-overlay-bg);
}

.filter[b-rdlfqwj3j9] {
    background: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-border);
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.25) 0px 0px 3px;
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    max-height: calc(100% - 20px);
    min-width: 250px;
    overflow: hidden;
    position: relative;
}

.filter-header[b-rdlfqwj3j9] {
    align-items: center;
    border-bottom: 1px solid var(--color-sf-border);
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: space-between;
    padding-left: 10px;
    background: var(--color-sf-content-bg-color-alt1);
    height: 2rem;
}

.filter-body[b-rdlfqwj3j9] {
    display: flex;
    flex-direction:column;
    gap: 5px;
    padding: 10px;
}

.filter-checkbox[b-rdlfqwj3j9] {
    padding-bottom: 3px;
    border-bottom: 1px solid var(--color-sf-border);
}

.filter-checkbox:last-of-type[b-rdlfqwj3j9] {
    padding-bottom: 0px;
    border-bottom: none;
}

.filter-checkbox[b-rdlfqwj3j9]  .e-checkbox-wrapper {
    width: 100%;
}

.filter-checkbox[b-rdlfqwj3j9]  .e-checkbox-wrapper label {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.filter-checkbox[b-rdlfqwj3j9]  .e-checkbox-wrapper .e-label {
    font-size: 0.875rem;
}

.close-button[b-rdlfqwj3j9] {
    background: transparent;
    border: none;
    border-radius: 0px 5px 0px 0px;
    color: var(--color-sf-danger);
    height: 2rem;
    padding: 0px;
    width: 2rem;
}

.close-button:hover[b-rdlfqwj3j9],
.close-button:focus[b-rdlfqwj3j9] {
    background: var(--color-sf-danger);
    color: var(--color-sf-danger-text);
}
/* /Pages/InteractiveMapLite/InputComponents/View/InfoMessage.razor.rz.scp.css */
.info-message[b-x3cl6mmeud] {
    align-items: center;
    background: var(--color-sf-msg-info-bg-color);
    border: 1px solid var(--color-sf-msg-info-border-color);
    border-radius: 5px;
    color: var(--color-sf-msg-info-color);
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    padding: 8px 10px;
}

.info-message-icon[b-x3cl6mmeud] {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    justify-content: center;
}
/* /Pages/InteractiveMapLite/InputComponents/View/ItemGroup.razor.rz.scp.css */
.itemgroup[b-n20zzivwps] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.itemgroup.column[b-n20zzivwps] {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
}

.itemgroup.column.padding-top[b-n20zzivwps] {
    padding-top: 10px;
}
/* /Pages/InteractiveMapLite/InputComponents/View/ItemGroupRow.razor.rz.scp.css */
.itemgroup-row[b-ccdzioclwb] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 1.875rem;
    gap: 5px;
}

.itemgroup.column .itemgroup-row[b-ccdzioclwb] {
    border-bottom: 1px solid var(--color-sf-border);
    box-sizing: content-box;
}

.itemgroup.column .itemgroup-row:last-of-type[b-ccdzioclwb] {
    border-bottom: none;
}
/* /Pages/InteractiveMapLite/InputComponents/View/MenuItem.razor.rz.scp.css */
.menu-item[b-pct1kbh269] {
    background: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-border);
    border-radius: 5px;
    font-size: 0.875rem;
    overflow: hidden;
    padding: 10px;
    position: relative;
    width: 100%;
}

.menu-item.no-padding[b-pct1kbh269] {
    padding: 0px;
}

.menu-item.no-border[b-pct1kbh269] {
    border: none;
}

.menu-item.column[b-pct1kbh269] {
    flex-direction: column;
    gap: 5px;
}

.menu-item.no-padding:has(.info-message)[b-pct1kbh269] {
    background: unset;
}

.menu-item:has(.info-message)[b-pct1kbh269] {
    border: none;
}

.menu-item:has(.itemgroup-row)[b-pct1kbh269] {
    padding: 5px 10px;
}

/* /Pages/InteractiveMapLite/InputComponents/View/MenuSegment.razor.rz.scp.css */
.menu-segment[b-uyrfwioibu] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 8px 5px;
}

.selection-menu-title[b-uyrfwioibu] {
    padding: 0px 5px;
}

.selection-menu-title span[b-uyrfwioibu] {
    font-size: 0.9375rem;
    font-weight: 600;
}
/* /Pages/InteractiveMapLite/InputComponents/View/MultiSelect.razor.rz.scp.css */
.multi-select[b-fj10ltd3i3] {
    width: 100%;
}
/* /Pages/InteractiveMapLite/InputComponents/View/Pane.razor.rz.scp.css */
body[b-rbdlrc0x05] {
}
/* /Pages/InteractiveMapLite/InputComponents/View/SearchInput.razor.rz.scp.css */
.search-input-container[b-os9c5kuewk] {
}

.search-input[b-os9c5kuewk] {
    display: flex;
}

.search-input.has-refresh-button[b-os9c5kuewk] {
    gap: 5px;
}

/* Refresh button */

.refresh-button[b-os9c5kuewk] {
    color: var(--color-sf-primary);
    padding: 0px 8px;
}

.refresh-button:hover[b-os9c5kuewk],
.refresh-button:focus[b-os9c5kuewk] {
    background-color: var(--color-sf-primary);
    border-color: var(--color-sf-primary);
    color: var(--color-sf-primary-text-color);
}

/* Invalid input icon */

#invalid-input[b-os9c5kuewk] {
    display: flex;
    justify-content: center;
    align-content: center;
    height: 30px;
    border: none;
    background: none;
    background: transparent;
    color: var(--color-sf-border-error);
}

#invalid-input .button-content[b-os9c5kuewk] {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    justify-content: center;
}
/* /Pages/InteractiveMapLite/InputComponents/View/SectionAnalysis.razor.rz.scp.css */
.popup-button[b-lhe6dck2qa] {
    background-color: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-primary);
    color: var(--color-sf-primary);
    justify-content: flex-start;
    width: 100%;
    border-radius: 5px;
}

.popup-button:hover[b-lhe6dck2qa],
.popup-button:focus[b-lhe6dck2qa] {
    background-color: var(--color-sf-primary);
    color: var(--color-sf-primary-text-color);
}

.popup-button.button-active[b-lhe6dck2qa] {
    background-color: var(--color-sf-primary);
    color: var(--color-sf-primary-text-color);
}

.popup-button.button-active:hover[b-lhe6dck2qa],
.popup-button.button-active:focus[b-lhe6dck2qa] {
    background-color: var(--color-sf-primary-dark);
    border-color: var(--color-sf-primary-dark);
}

.popup-button .button-text[b-lhe6dck2qa] {
    width: 100%;
    text-align: left;
}

.popup-button:disabled[b-lhe6dck2qa] {
    color: var(--color-sf-content-text-color-alt3) !important;
    background: var(--color-sf-content-bg-color) !important;
    border: solid 1px var(--color-sf-content-text-color-alt3) !important;
}

/*Popup*/
.popup-container[b-lhe6dck2qa] {
    background: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-border);
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.25) 0px 0px 3px;
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    left: 50%;
    min-width: 250px;
    overflow: hidden;
    position: fixed;
    top: calc(3.5rem + 0.5rem);
    transform: translateX(-50%);
    z-index: 1000000;
}

.popup-header[b-lhe6dck2qa] {
    align-items: center;
    border-bottom: 1px solid var(--color-sf-border);
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: space-between;
    padding-left: 10px;
    background: var(--color-sf-content-bg-color-alt1);
    height: 2rem;
}

.popup-body[b-lhe6dck2qa] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px;
}

.close-button[b-lhe6dck2qa] {
    background: transparent;
    border: none;
    border-radius: 0px 5px 0px 0px;
    color: var(--color-sf-danger);
    height: 2rem;
    padding: 0px;
    width: 2rem;
}

.close-button:hover[b-lhe6dck2qa],
.close-button:focus[b-lhe6dck2qa] {
    background: var(--color-sf-danger);
    color: var(--color-sf-danger-text);
}

.inline-data-loader[b-lhe6dck2qa] {
    position: relative;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.inline-data-loader-spinner[b-lhe6dck2qa] {
    align-items: center;
    display: flex;
    font-size: 2rem;
    justify-content: center;
    color: var(--color-sf-primary);
}

.padding-container[b-lhe6dck2qa] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.point-select-button[b-lhe6dck2qa] {
    align-items: center;
    background: var(--color-sf-content-bg-color);
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-start;
    padding: 2px 10px;
}

.point-select-button:hover[b-lhe6dck2qa],
.point-select-button:focus[b-lhe6dck2qa] {
    border: 1px solid var(--color-sf-primary);
    color: var(--color-sf-primary);
}

.point-select-active[b-lhe6dck2qa] {
    background-color: var(--color-sf-primary);
    border: 1px solid var(--color-sf-primary);
    color: #ffffff !important;
}

.point-select-active:hover[b-lhe6dck2qa],
.point-select-active:focus[b-lhe6dck2qa] {
    background-color: var(--color-sf-primary-dark);
    border: 1px solid var(--color-sf-primary-dark);
    color: #ffffff !important;
}
/* /Pages/InteractiveMapLite/InputComponents/View/Table.razor.rz.scp.css */
.table-control[b-mwnwygkl7n],
.table-control[b-mwnwygkl7n]  table {
    width: 100%;
}

.table-control[b-mwnwygkl7n] {
    overflow: hidden;
    overflow-x: auto;
}

.table-control[b-mwnwygkl7n]  table th {
    font-weight: 600;
}

.table-control[b-mwnwygkl7n]  table th,
.table-control[b-mwnwygkl7n]  table td {
    padding: 2px 5px;
}

.table-control[b-mwnwygkl7n]  table tr th,
.table-control[b-mwnwygkl7n]  table tr td {
    border-right: 1px solid var(--color-sf-border);
}


.table-control[b-mwnwygkl7n]  table tr th:last-of-type,
.table-control[b-mwnwygkl7n]  table tr td:last-of-type {
    border-right: none;
}

.table-control[b-mwnwygkl7n]  table tr {
    border-bottom: 1px solid var(--color-sf-border);
}

.table-control[b-mwnwygkl7n]  table tr:last-of-type {
    border-bottom: none;
}
/* /Pages/InteractiveMapLite/InteractiveMapLite.razor.rz.scp.css */
.interactive-map[b-h6q8s4q6d9] {
    width: 100%;
    height: 100%;
}

.map-container[b-h6q8s4q6d9] {
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.mouse-position-info[b-h6q8s4q6d9] {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10000000;
}

.top-row-content[b-h6q8s4q6d9] {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50px;
    display: flex;
    gap: 15px;
    height: 3.5rem;
    align-items: center;
}

.splitter[b-h6q8s4q6d9], .pane-container[b-h6q8s4q6d9] {
    width: 100%;
    height: 100%;
}

.splitter[b-h6q8s4q6d9]  .e-splitter {
    border: none !important;
}

.pane-container[b-h6q8s4q6d9] {
    display: flex;
    flex-direction: row;
    position: relative;
    overflow: hidden;
}

/* Splitter Button styling */

.splitter-expand-collapse[b-h6q8s4q6d9] {
    align-items: center;
    background: rgba(255,255,255,0.85);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.25) 0px 0px 3px;
    color: var(--d70, #4c4c4c);
    display: flex;
    font-size: 0.875rem;
    gap: 3px;
    justify-content: center;
    min-height: 36px;
    min-width: 24px;
    padding: 0;
    transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.splitter-expand-collapse .button-content[b-h6q8s4q6d9] {
    align-items: center;
    display: flex;
    font-size: 1.25rem;
    justify-content: center;
    transition: transform 300ms ease-in-out;
}

.splitter-expand-collapse.is-expanded .button-content[b-h6q8s4q6d9] {
    transform: rotate(180deg);
}

.splitter-expand-collapse:hover[b-h6q8s4q6d9] {
    background: var(--focus-visible);
    border-color: rgba(0,0,0,0.15);
    color: var(--white);
}

.splitter-expand-collapse:focus[b-h6q8s4q6d9] {
    background: var(--white);
    border-color: var(--focus-visible);
    color: var(--focus-visible);
}

.splitter-expand-collapse:disabled[b-h6q8s4q6d9] {
    background: var(--d70, #4c4c4c);
    border-color: var(--white);
    color: var(--white);
    opacity: 0.5;
}

.splitter-expand-collapse.sidebar-left[b-h6q8s4q6d9] {
    left: 0.5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
}

.splitter-expand-collapse.sidebar-right[b-h6q8s4q6d9] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
}

.context-tab-counter[b-h6q8s4q6d9] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px;
    transform: translateY(-50%) translateX(-50%) scale(100%);
    background: var(--white);
    border-radius: 0.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(0,0,0,0.25) 0px 1px 2px;
    transition: all 300ms ease-in-out;
}

.context-tab-counter span[b-h6q8s4q6d9] {
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 0.75rem;
    min-width: 0.75rem;
    color: var(--d54);
}

.splitter-expand-collapse:hover .context-tab-counter[b-h6q8s4q6d9],
.splitter-expand-collapse:focus .context-tab-counter[b-h6q8s4q6d9] {
    transform: translateY(-40%) translateX(-40%) scale(0%);
}

/* Menu Styling */
.menu-container[b-h6q8s4q6d9] {
    background: var(--color-sf-content-bg-color);
    display: flex;
    flex-direction: column;
    /*gap: 5px;*/
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    /*scrollbar-color: rgba(255,255,255,0.75) rgba(255,255,255,0.25);*/
    scrollbar-width: thin;
    width: 100%;
}

.menu-segment[b-h6q8s4q6d9] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 8px 5px;
}

.menu-segment.general-items[b-h6q8s4q6d9] {
    gap: 0px;
    padding: 0px;
}

.menu-segment-header[b-h6q8s4q6d9] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 8px 5px;
}

.menu-segment.general-items .menu-segment-header[b-h6q8s4q6d9] {
    padding: 8px 10px 5px 10px;
    white-space: nowrap;
}

.menu-segment-title[b-h6q8s4q6d9] {
    font-size: 0.9375rem;
    line-height: 0.9375rem;
    font-weight: 600;
}

.menu-segment-header-button[b-h6q8s4q6d9] {
    height: 1.125rem;
    padding: 0px 12px;
    width: 100%;
    justify-content: flex-end;
}

.menu-segment-header-button:hover .button-content[b-h6q8s4q6d9],
.menu-segment-header-button:focus-visible .button-content[b-h6q8s4q6d9] {
    background: var(--color-sf-primary);
    color: var(--color-sf-primary-text);
    border-radius: 3px;
}

.menu-segment-header-button:focus[b-h6q8s4q6d9] {
    color: var(--color-sf-primary);
}

.menu-segment-header-button .button-content[b-h6q8s4q6d9] {
    transition: all 250ms ease-in-out;
    transform: rotate(0deg);
}

.menu-segment-header-button.collapsed .button-content[b-h6q8s4q6d9] {
    transform: rotate(180deg);
}

.menu-segment-body[b-h6q8s4q6d9] {
    overflow: hidden;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.5s ease;
    display: grid;
}

.menu-segment-body.collapsed[b-h6q8s4q6d9] {
    height: 0;
}

.menu-segment-body-inner[b-h6q8s4q6d9] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 8px 5px;
    overflow: hidden;
}

.menu-segment.general-items .menu-segment-body-inner[b-h6q8s4q6d9] {
    padding: 0px 10px 10px 10px;
}

.menu-segment.specific-items .menu-segment-body-inner[b-h6q8s4q6d9] {
    padding: 0px 5px 8px 5px;
}

.menu-segment-body:not(.collapsed)[b-h6q8s4q6d9] {
    grid-template-rows: 1fr !important;
}

.menu-segment.general-items[b-h6q8s4q6d9] {
    background: var(--color-sf-content-bg-color-alt3);
    /*padding: 10px;*/
    border-bottom: 2px solid var(--color-sf-primary);
    box-shadow: rgba(0,0,0,0.20) 0px 0px 3px inset;
}

.menu-segment.specific-items[b-h6q8s4q6d9] {
    border-bottom: 10px solid var(--color-sf-border);
    border-top: 2px solid var(--color-sf-primary);
}

.menu-segment.general-items + .menu-segment.specific-items[b-h6q8s4q6d9] {
    border-top: none;
}

.menu-segment.specific-items:last-of-type[b-h6q8s4q6d9] {
    border-bottom: none;
}

.menu-item[b-h6q8s4q6d9] {
    background: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-border);
    border-radius: 5px;
    font-size: 0.875rem;
    overflow: hidden;
    padding: 10px;
    position: relative;
    width: 100%;
}

.menu-item.no-padding[b-h6q8s4q6d9] {
    padding: 0px;
}

.menu-item.column[b-h6q8s4q6d9] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.menu-item.no-padding:has(.itemgroup.info-message)[b-h6q8s4q6d9] {
    background: unset;
}

.menu-item.no-padding .button-group[b-h6q8s4q6d9] {
    height: 43px;
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 5px;
    overflow: hidden;
}

.menu-item[b-h6q8s4q6d9]  .e-checkbox-wrapper .e-label {
    font-size: 0.875rem;
}

.menu-item:has(.button-group)[b-h6q8s4q6d9] {
    background: none;
    border: none;
}

.menu-item:has(.info-message)[b-h6q8s4q6d9] {
    border: none;
}

.menu-item:has(.itemgroup-key-value)[b-h6q8s4q6d9] {
    padding: 5px 10px;
}

.menu-item .text-box[b-h6q8s4q6d9]  .e-tooltip {
    position: absolute;
    right: 0;
    top: 0;
}

.menu-item .text-box.with-tooltip[b-h6q8s4q6d9] {
    position: relative;
}

.chart-container[b-h6q8s4q6d9] {
    min-height: 200px;
}

/* Filter */

.filter-container[b-h6q8s4q6d9],
.analysis-container[b-h6q8s4q6d9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.5);
}

.filter[b-h6q8s4q6d9],
.analysis[b-h6q8s4q6d9] {
    background: var(--color-sf-content-bg-color);
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.25) 0px 0px 3px;
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    max-height: calc(100% - 20px);
    min-width: 250px;
    overflow: hidden;
    position: relative;
}

.filter-header[b-h6q8s4q6d9],
.analysis-header[b-h6q8s4q6d9] {
    align-items: center;
    border-bottom: 1px solid var(--color-sf-border);
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: space-between;
    padding: 5px 5px 5px 10px;
    background: var(--color-sf-content-bg-color-alt1);
}

.filter-item[b-h6q8s4q6d9],
.analysis-item[b-h6q8s4q6d9] {
    padding: 5px 10px;
    overflow: hidden;
    overflow-y: auto;
}

/*















*/

/* Start Section Button Styling */
.default-button.start-section-button[b-h6q8s4q6d9] {
    background-color: var(--white);
    border: 1px solid var(--focus-visible);
    color: var(--focus-visible);
    justify-content: flex-start;
    width: 100%;
}

.default-button.start-section-button:hover[b-h6q8s4q6d9],
.default-button.start-section-button:focus[b-h6q8s4q6d9] {
    background: var(--focus-visible, #0d6efd);
    border-color: var(--focus-visible, #0d6efd);
}

.default-button.start-section-button:hover[b-h6q8s4q6d9] {
    color: var(--white);
}

.default-button.start-section-button:focus[b-h6q8s4q6d9] {
    color: rgba(var(--w75-a, #ffffff));
}

.default-button.start-section-button:focus-visible[b-h6q8s4q6d9] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    color: rgb(13, 110, 253) !important;
}

.default-button.start-section-button:disabled[b-h6q8s4q6d9] {
    background: #dbdbdb !important;
    border: solid 1px #dbdbdb !important;
    box-shadow: none !important;
    color: #ababab !important;
}

/* Box Selection Button Styling */

.selection-button[b-h6q8s4q6d9],
.analyses-button[b-h6q8s4q6d9] {
    background-color: var(--white);
    border: 1px solid var(--focus-visible);
    color: var(--focus-visible);
    justify-content: flex-start;
    width: 100%;
    border-radius: 5px;
}

.selection-button:hover[b-h6q8s4q6d9],
.selection-button:focus[b-h6q8s4q6d9],
.analyses-button:hover[b-h6q8s4q6d9],
.analyses-button:focus[b-h6q8s4q6d9] {
    background-color: var(--focus-visible);
    border-color: var(--focus-visible);
    color: var(--white);
}

.selection-button.button-active[b-h6q8s4q6d9],
.analyses-button.button-active[b-h6q8s4q6d9] {
    background-color: var(--focus-visible);
    border-color: var(--focus-visible);
    color: var(--white);
}

.selection-button.button-active:hover[b-h6q8s4q6d9],
.selection-button.button-active:focus[b-h6q8s4q6d9],
.analyses-button.button-active:hover[b-h6q8s4q6d9],
.analyses-button.button-active:focus[b-h6q8s4q6d9] {
    background-color: var(--focus-visible, #0d6efd);
    border-color: var(--focus-visible, #0d6efd);
}

.selection-button.button-active:focus[b-h6q8s4q6d9],
.analyses-button.button-active:focus[b-h6q8s4q6d9] {
    color: rgba(var(--w75-a, #ffffff));
}

.selection-button .button-text[b-h6q8s4q6d9],
.analyses-button .button-text[b-h6q8s4q6d9] {
    width: 100%;
    text-align: left;
}

.default-button .button-content:nth-of-type(2)[b-h6q8s4q6d9] {
    opacity: 0.25;
}

.selection-button.button-active .button-content:nth-of-type(2)[b-h6q8s4q6d9] {
    opacity: 0.75;
}

/* Map Zoom Button */
.map-container[b-h6q8s4q6d9]  .ol-zoom {
    left: unset;
    right: 0.5rem;
}

/* Context */

.tabs-container[b-h6q8s4q6d9]  .e-tab .e-content > .e-item.e-active {
    height: 100%;
}

.tabs-container[b-h6q8s4q6d9]  .tab-content {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-sf-border);
    border-top: 0px;
    border-radius: 0px 0px 5px 5px;
}

.tabs-container[b-h6q8s4q6d9]  .context-tab {
    height: 100%;
    max-width: 100% !important;
    overflow: auto;
    padding-bottom: 5px;
    padding-left: var(--bs-gutter-x, 0.3125rem);
    padding-right: var(--bs-gutter-x, 0.3125rem);
    padding-top: 5px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tabs-container[b-h6q8s4q6d9]  .context-item {
    /*padding: 5px 10px;*/
}

.tabs-container[b-h6q8s4q6d9]  .context-item.row {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.tabs-container[b-h6q8s4q6d9]  .context-title,
.tabs-container[b-h6q8s4q6d9]  .context-subtitle {
    font-weight: 500;
}

.tabs-container[b-h6q8s4q6d9]  .context-title {
    font-size: 1rem;
    margin: 0 0 0.5rem 0;
}

.tabs-container[b-h6q8s4q6d9]  .context-subtitle {
    font-size: 0.9375rem;
    margin: 0.5rem 0 0.3rem 0;
}

.tabs-container[b-h6q8s4q6d9]  .context-table table {
    width: 100%;
    white-space: nowrap;
}

.tabs-container[b-h6q8s4q6d9]  .context-table tbody,
.tabs-container[b-h6q8s4q6d9]  .context-table td,
.tabs-container[b-h6q8s4q6d9]  .context-table tfoot,
.tabs-container[b-h6q8s4q6d9]  .context-table th,
.tabs-container[b-h6q8s4q6d9]  .context-table thead,
.tabs-container[b-h6q8s4q6d9]  .context-table tr {
    border-width: 1px;
}

.tabs-container[b-h6q8s4q6d9]  .context-table th,
.tabs-container[b-h6q8s4q6d9]  .context-table td {
    padding: 2px 5px;
}

.tabs-container[b-h6q8s4q6d9]  .context-table th {
    font-weight: 500;
}

/* Older Styling -------------------------------------- */
.data-loader[b-h6q8s4q6d9] {
    align-items: center;
    background: rgba(0,0,0,0.75);
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 1000001;
}

.inline-data-loader[b-h6q8s4q6d9] {
    position: relative;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.inline-data-loader-spinner[b-h6q8s4q6d9] {
    align-items: center;
    display: flex;
    font-size: 2rem;
    justify-content: center;
    color: var(--color-sf-primary);
}

.data-loader-content[b-h6q8s4q6d9] {
    background: rgba(255,255,255,0.85);
    border: 2px solid var(--white, #ffffff);
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.25) 0px 0px 3px;
    padding: 12px 24px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    align-items: center;
}

.data-loader-spinner[b-h6q8s4q6d9] {
    align-items: center;
    display: flex;
    font-size: 2.5rem;
    justify-content: center;
}

.data-loader-label[b-h6q8s4q6d9] {
    text-align: center;
}

.data-loader-button[b-h6q8s4q6d9] {
    align-items: center;
    background: rgba(255,255,255,0.85);
    border: 2px solid var(--white, #ffffff);
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.25) 0px 0px 3px;
    color: var(--d70, #4c4c4c);
    display: flex;
    font-size: 0.875rem;
    gap: 3px;
    height: 32px;
    justify-content: center;
    padding: 6px 12px;
    transition: all 250ms ease-in-out;
}

.data-loader-button:hover[b-h6q8s4q6d9],
.data-loader-button:focus[b-h6q8s4q6d9] {
    color: #f44336;
    background: var(--color-sf-content-bg-color);
}

.data-loader-button:focus-visible[b-h6q8s4q6d9] {
    color: var(--white-text, #ffffff);
    background: #f44336;
}

.data-loader-button .button-content[b-h6q8s4q6d9] {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    justify-content: center;
}

#map[b-h6q8s4q6d9] {
    background: #aad3df;
}

#map.is-selected[b-h6q8s4q6d9] {
    background: #4d575b;
}

#map.filter-active[b-h6q8s4q6d9]  .tile-layer,
#map.filter-active[b-h6q8s4q6d9]  .background-layer {
    filter: brightness(var(--map-brightness, 0.4)) contrast(var(--map-contrast, 0.9)) grayscale(var(--map-grayscale, 0.25));
}

.itemgroup[b-h6q8s4q6d9] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.itemgroup.column[b-h6q8s4q6d9] {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
}

.itemgroup.column.padding-top[b-h6q8s4q6d9] {
    padding-top: 10px;
}

.itemgroup.table[b-h6q8s4q6d9] {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
}



.itemgroup.info-message[b-h6q8s4q6d9] {
    justify-content: flex-start;
    gap: 10px;
    background: #cce5ff;
    padding: 8px 10px;
    align-items: center;
    border-radius: 3px;
    color: #004085;
    border: 1px solid #b8daff;
}

.info-message-icon[b-h6q8s4q6d9] {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    justify-content: center;
}

.itemgroup.column .itemgroup-key-value[b-h6q8s4q6d9] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 1.875rem;
    gap: 5px;
}

.itemgroup.column .itemgroup-key-value .text-container[b-h6q8s4q6d9] {
    width: 100%;
}

.itemgroup.column .itemgroup-key-value[b-h6q8s4q6d9]  .e-checkbox-wrapper {
    width: 100%;
}

.itemgroup.column .itemgroup-key-value[b-h6q8s4q6d9]  .e-checkbox-wrapper label {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.inline-loader[b-h6q8s4q6d9] {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    height: 24px;
    justify-content: center;
    width: 24px;
    flex: 0 0 24px;
}

.inline-loader.primary[b-h6q8s4q6d9] {
    color: var(--color-sf-primary);
}

.itemgroup.column .itemgroup-key-value > :first-child[b-h6q8s4q6d9] {
    font-weight: 500;
}

.itemgroup.column .itemgroup-key-value span[b-h6q8s4q6d9] {
    /*padding: 2px 5px;*/
}

.itemgroup.column .itemgroup-key-value[b-h6q8s4q6d9] {
    border-bottom: 1px solid var(--color-sf-border);
    box-sizing: content-box;
}

.itemgroup.column .itemgroup-key-value:last-of-type[b-h6q8s4q6d9] {
    border-bottom: none;
}

.itemgroup.column .padding-container[b-h6q8s4q6d9] {
    padding: 5px 0px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
}

.itemgroup .text-box[b-h6q8s4q6d9] {
    width: 100%;
}


.selection-menu-container[b-h6q8s4q6d9] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    background: var(--white);
    height: 100%;
    width: 100%;
}

.selection-menu-title[b-h6q8s4q6d9] {
    padding: 0px 5px;
}


.selection-menu-header span[b-h6q8s4q6d9],
.selection-menu-title span[b-h6q8s4q6d9] {
    font-size: 0.9375rem;
    font-weight: 600;
}

.selection-menu[b-h6q8s4q6d9] {
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    padding: 5px;
    gap: 5px;
}

.settings-container.settings-collapsed .selection-menu[b-h6q8s4q6d9] {
    min-width: unset;
    max-width: unset;
    width: unset;
    padding: 0px;
    border: none;
}

.settings-container.settings-collapsed .map-button[b-h6q8s4q6d9] {
    width: 32px;
}




.selection-menu-container.settings-collapsed .selection-menu[b-h6q8s4q6d9] {
    min-width: unset;
    max-width: unset;
    width: unset;
    padding: 0px;
    border: none;
}

.selection-menu-container.settings-collapsed .map-button[b-h6q8s4q6d9] {
    width: 32px;
}

.selection-menu-container.filter[b-h6q8s4q6d9] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1000000;
}

.selection-menu-item[b-h6q8s4q6d9] {
    background: var(--color-sf-content-bg-color);
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    font-size: 0.875rem;
    overflow: hidden;
    position: relative;
}

.selection-menu-item.no-padding[b-h6q8s4q6d9] {
    padding: 0px;
}

.selection-menu-item.no-padding:has(.itemgroup.info-message)[b-h6q8s4q6d9] {
    background: unset;
}

.selection-menu-item[b-h6q8s4q6d9]  .e-checkbox-wrapper .e-label {
    font-size: 0.875rem;
}

.selection-menu-item:has(.button-group)[b-h6q8s4q6d9] {
    background: none;
    border: none;
}

.selection-menu-item .text-box[b-h6q8s4q6d9]  .e-tooltip {
    position: absolute;
    right: 0;
    top: 0;
}

.selection-menu-item .text-box.with-tooltip[b-h6q8s4q6d9] {
    position: relative;
}

.selection-menu-item.tabs[b-h6q8s4q6d9] {
    height: 100%;
    border: none;
    border-radius: 0px;
    padding: 5px;
}

#invalid-input[b-h6q8s4q6d9] {
    display: flex;
    justify-content: center;
    align-content: center;
    height: 30px;
    border: none;
    background: none;
    background: transparent;
    color: #f44336;
}

#invalid-input .button-content[b-h6q8s4q6d9] {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    justify-content: center;
}

.special-button[b-h6q8s4q6d9] {
    align-items: center;
    background: none;
    border: 1px solid transparent;
    display: flex;
    font-size: 0.875rem;
    gap: 8px;
    justify-content: flex-start;
    width: 100%;
    transition: all 250ms ease-in-out;
}

.special-button.start-section-button[b-h6q8s4q6d9] {
    background: var(--color-sf-content-bg-color);
    color: var(--focus-visible, #0d6efd);
    border: 1px solid var(--focus-visible, #0d6efd);
}

.special-button .button-content[b-h6q8s4q6d9] {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    justify-content: center;
}

.special-button.toolbar-button-active[b-h6q8s4q6d9],
.special-button.toolbar-button-active:focus[b-h6q8s4q6d9] {
    color: var(--focus-visible, #0d6efd);
    border: 1px solid var(--focus-visible, #0d6efd);
}

.selection-menu-item.no-padding .special-button[b-h6q8s4q6d9] {
    height: 43px;
    padding: 10px;
    border-radius: 5px;
}

.selection-menu-item.no-padding .button-group[b-h6q8s4q6d9] {
    height: 43px;
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 5px;
    overflow: hidden;
}

.map-button .button-content[b-h6q8s4q6d9] {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    justify-content: center;
}

.map-button[b-h6q8s4q6d9] {
    align-items: center;
    background: none;
    border: 1px solid var(--color-sf-border);
    border-radius: 3px;
    box-shadow: none;
    color: var(--d70, #4c4c4c);
    display: flex;
    font-size: 0.875rem;
    gap: 3px;
    height: 32px;
    justify-content: center;
    padding: 6px 12px;
    transition: all 250ms ease-in-out;
}

.map-button[b-h6q8s4q6d9],
.property-button[b-h6q8s4q6d9] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.map-button[b-h6q8s4q6d9] {
    flex-grow: 1;
    flex-shrink: 1;
}

.map-button.full-width[b-h6q8s4q6d9] {
    width: 100%;
}

.map-button.square[b-h6q8s4q6d9] {
    flex-grow: 0;
    flex-shrink: 0;
    height: 32px;
    width: 32px;
}

.property-button[b-h6q8s4q6d9] {
    flex: 1 0 115px;
}

.map-button.primary[b-h6q8s4q6d9] {
    background-color: var(--focus-visible, #0d6efd);
    border-color: var(--focus-visible, #0d6efd);
    color: var(--white-text, #ffffff);
}

.special-button:hover[b-h6q8s4q6d9],
.map-button:hover[b-h6q8s4q6d9], .map-button:focus[b-h6q8s4q6d9] {
    background: #e0e0e0 !important;
    border: 1px solid var(--d70, #4c4c4c);
    box-shadow: none;
    color: var(--black-text, #000000);
}

.special-button:focus[b-h6q8s4q6d9] {
    background-color: #ffffff !important;
    border: 1px solid var(--d70, #4c4c4c);
    box-shadow: none;
    color: var(--black-text, #000000);
}

.special-button:focus-visible[b-h6q8s4q6d9],
.map-button:focus-visible[b-h6q8s4q6d9] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    color: rgb(13, 110, 253) !important;
}

.special-button:disabled[b-h6q8s4q6d9],
.map-button:disabled[b-h6q8s4q6d9] {
    color: #ababab !important;
    background: #dbdbdb !important;
    border: solid 1px #dbdbdb !important;
    box-shadow: none !important;
}

.button-group .map-button[b-h6q8s4q6d9] {
    height: auto;
    width: 100%;
}

.map-toolbar-info-button[b-h6q8s4q6d9] {
    background: var(--color-sf-content-bg-color);
    border: 1px solid #cccccc;
    border-radius: 5px;
}

.map-button.close-button[b-h6q8s4q6d9],
.map-button.filter-button[b-h6q8s4q6d9] {
    height: 24px;
    width: 24px;
    padding: 0px;
}

.map-button.point-select-button[b-h6q8s4q6d9] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0px 10px;
    gap: 10px;
}


.map-button.point-select-button:hover[b-h6q8s4q6d9],
.map-button.point-select-button:focus[b-h6q8s4q6d9] {
    background-color: #ffffff !important;
    border: 1px solid var(--focus-visible, #0d6efd);
    color: #0d6efd !important;
}

.map-button.point-select-active[b-h6q8s4q6d9] {
    background-color: #0d6efd !important;
    border: 1px solid #0d6efd !important;
    color: #ffffff !important;
}

.map-button.point-select-active:hover[b-h6q8s4q6d9],
.map-button.point-select-active:focus[b-h6q8s4q6d9] {
    background-color: #0252ca !important;
    border: 1px solid #0252ca !important;
    color: #ffffff !important;
}

/* Toolbar --------------------------------------------------------------------------------------------------------------------------------------- */
.map-toolbar-container[b-h6q8s4q6d9] {
    display: flex;
    font-size: 13px;
    gap: 0.5em;
    position: absolute;
    z-index: 2;
}

.map-toolbar-container.vertical-toolbar[b-h6q8s4q6d9] {
    flex-direction: column;
    right: 0.5em;
    top: 0.5em;
}

.map-toolbar-container.horizontal-toolbar[b-h6q8s4q6d9] {
    bottom: 0.5em;
    flex-direction: row;
    font-size: 13px;
    left: 50%;
    transform: translateX(-50%);
}

.map-toolbar-container.horizontal-toolbar.top[b-h6q8s4q6d9] {
    bottom: unset;
    top: 0.5em;
}

.map-toolbar[b-h6q8s4q6d9] {
    background: rgba(128, 128, 128, 0.25);
    padding: 1px;
    border-radius: 3px;
    display: flex;
    gap: 1px;
}

.map-toolbar-container.vertical-toolbar .map-toolbar[b-h6q8s4q6d9] {
    flex-direction: column;
}

.map-toolbar-item[b-h6q8s4q6d9] {
    position: relative;
    display: flex;
}

.map-toolbar-info[b-h6q8s4q6d9] {
    position: absolute;
    right: 100%;
    top: 0;
    margin-right: 6px;
    background-color: var(--white-text, #ffffff);
    border-radius: 3px;
    display: flex;
    box-shadow: rgba(0,0,0,0.5) 0px 0px 3px;
    height: 42px;
    padding: 3px;
    transition: all 250ms ease-in-out;
    background: rgba(255,255,255,0.85);
    border: 2px solid var(--white, #ffffff);
}

.map-toolbar-info[b-h6q8s4q6d9]::after {
    content: "";
    position: absolute;
    top: 15px;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent var(--white, #ffffff);
}



/*.map-toolbar-info-button {
    padding: 0px 5px;
    height: unset;
    border-radius: 0px;
    border-color: #dfdfdf;
    margin-right: -1px;
    z-index: 0;
    height: 32px;
    width: 32px;
    background: var(--color-sf-content-bg-color);
}*/

.map-toolbar-button[b-h6q8s4q6d9] {
    background: var(--color-sf-content-bg-color);
    border: none !important;
    padding: 5px;
    border-radius: 0px;
    outline: 1px solid rgba(0,0,0,0);
    width: 30px;
    height: 30px;
}

.map-toolbar-button:has(.button-text)[b-h6q8s4q6d9] {
    width: auto;
    display: flex;
    gap: 5px;
    align-items: center;
}

/*.map-toolbar-info-button:hover,
.map-toolbar-info-button:focus {
    z-index: 1;
    transition: all 250ms ease-in-out, z-index 0s ease-in-out 125ms;
}*/

.map-toolbar-button:hover[b-h6q8s4q6d9] {
    outline: 1px solid var(--d60, #666666);
}

.map-toolbar-button:disabled[b-h6q8s4q6d9] {
    outline: 1px solid rgba(0,0,0,0);
}

.map-toolbar-button.toolbar-button-active[b-h6q8s4q6d9],
.map-toolbar-button.toolbar-button-active:focus[b-h6q8s4q6d9] {
    background-color: #ffa727 !important;
    color: #ffffff !important;
}
/*
.map-toolbar-info-button.toolbar-button-active {
    background-color: var(--color-sf-primary);
    border-color: var(--color-sf-primary);
    color: var(--white-text, #ffffff);
}

.map-toolbar-info-button.toolbar-button-active:focus {
    background-color: #ffa727 !important;
    border-color: #ffa727 !important;
    color: #ffffff !important;
}*/

.interactive-map[b-h6q8s4q6d9]  #map-tooltip {
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    pointer-events: none;
    width: 350px;
    color: var(--color-sf-content-text-color);
    background: transparent;
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.25) 0px 0px 3px;
    font-size: 0.875rem;
    overflow: hidden;
}

.interactive-map[b-h6q8s4q6d9]  #map-tooltip .tooltip-header-wrapper {
    border: 2px solid var(--color-sf-border);
    border-bottom: 0px;
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
}

.interactive-map[b-h6q8s4q6d9]  #map-tooltip .tooltip-header {
    background: linear-gradient(300deg, transparent 15%, var(--color-sf-content-bg-color) 60%);
    color: var(--color-sf-content-text-color);
    font-size: 1rem;
    font-weight: 500;
    height: 100%;
    padding: 10px 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 45px;
}

.interactive-map[b-h6q8s4q6d9]  #map-tooltip .tooltip-header .title {
    font-weight: 600;
}

.interactive-map[b-h6q8s4q6d9]  #map-tooltip .tooltip-header .icon {
    color: var(--white);
}

.interactive-map[b-h6q8s4q6d9]  #map-tooltip .tooltip-header .icon svg {
    height: 30px;
    width: 30px;
}

.interactive-map[b-h6q8s4q6d9]  #map-tooltip .tooltip-content-wrapper {
    padding: 5px;
    border: 2px solid var(--color-sf-border);
    border-top: none;
    background: rgba(255,255,255,0.85);
    border-radius: 0px 0px 5px 5px;
}

.interactive-map[b-h6q8s4q6d9]  #map-tooltip .tooltip-content {
    background: var(--color-sf-content-bg-color);
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 5px;
    padding: 10px;
    font-size: 0.875rem;
    overflow: hidden;
    border: 2px solid var(--color-sf-border);
    display: flex;
    flex-direction: column;
}

.interactive-map[b-h6q8s4q6d9]  #map-tooltip .tooltip-content-header {
    padding-top: 15px;
    padding-bottom: 5px;
    font-weight: 600;
}

.interactive-map[b-h6q8s4q6d9]  #map-tooltip .tooltip-content .grid-table {
    display: grid;
    grid-template-columns: max-content 1fr;
    width: 100%;
}

.interactive-map[b-h6q8s4q6d9]  #map-tooltip .tooltip-content .label,
.interactive-map[b-h6q8s4q6d9]  #map-tooltip .tooltip-content .text {
    padding: 2px 0px;
    border-bottom: 1px solid var(--color-sf-border);
}

.interactive-map[b-h6q8s4q6d9]  #map-tooltip .tooltip-content .label {
    font-weight: 500;
    padding-right: 5px;
    border-right: 1px solid rgba(0,0,0,0.06);
}

.interactive-map[b-h6q8s4q6d9]  #map-tooltip .tooltip-content .separation {
    height: 4px;
    margin: 7px 0px 5px 0px;
    border-radius: 2px;
    grid-column: 1 / span 2;
}

.interactive-map[b-h6q8s4q6d9]  #map-tooltip .tooltip-content .text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    padding-left: 5px;
}

.itemgroup table[b-h6q8s4q6d9] {
    width: 100%;
}

.itemgroup table th[b-h6q8s4q6d9] {
    font-weight: 600;
}

.itemgroup table th[b-h6q8s4q6d9],
.itemgroup table td[b-h6q8s4q6d9] {
    padding: 2px 5px;
}

.itemgroup table tr th[b-h6q8s4q6d9],
.itemgroup table tr td[b-h6q8s4q6d9] {
    border-right: 1px solid rgba(0,0,0,0.06);
}


.itemgroup table tr th:last-of-type[b-h6q8s4q6d9],
.itemgroup table tr td:last-of-type[b-h6q8s4q6d9] {
    border-right: none;
}

.itemgroup table tr[b-h6q8s4q6d9] {
    border-bottom: 1px solid var(--color-sf-border);
}

.itemgroup table tr:last-of-type[b-h6q8s4q6d9] {
    border-bottom: none;
}

.selection-type-group[b-h6q8s4q6d9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--color-sf-border);
    border-radius: 3px 3px 3px 0px;
    overflow: hidden;
    padding-left: 5px;
}

.selection-type-group .selection-button-group[b-h6q8s4q6d9] {
    display: flex;
}

.selection-type-group .selection-button[b-h6q8s4q6d9] {
    height: 28px;
    width: 28px;
    padding: 0px;
    border: none;
    border: 1px solid var(--color-sf-border);
    border-bottom: none;
    border-radius: 0px 3px 3px 0px;
}

.selection-type-group .selection-button:first-of-type[b-h6q8s4q6d9] {
    border-right: none !important;
    border-radius: 3px 0px 0px 0px;
}

.selection-type-group .selection-button .button-content[b-h6q8s4q6d9] {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    justify-content: center;
}

.selection-type-group .selection-button.active[b-h6q8s4q6d9] {
    background: var(--color-sf-primary);
    color: var(--white);
}

.selection-type-group .selection-button:hover[b-h6q8s4q6d9],
.selection-type-group .selection-button:focus[b-h6q8s4q6d9] {
    background: var(--d12, #e0e0e0);
    color: var(--black-text, #000000);
}

.selection-type-group .selection-button.active:hover[b-h6q8s4q6d9],
.selection-type-group .selection-button.active:focus[b-h6q8s4q6d9] {
    background: var(--color-sf-primary) !important;
    color: var(--black-text, #000000);
}

.opacity-buttons[b-h6q8s4q6d9] {
    display: flex;
    border: 1px solid var(--color-sf-border);
    border-radius: 3px;
    overflow: hidden;
}

.opacity-button[b-h6q8s4q6d9] {
    align-items: center;
    border: none;
    border-left: 1px solid var(--color-sf-border);
    border-radius: 0px;
    display: flex;
    gap: 3px;
    justify-content: center;
    min-width: 35px;
    padding: 2px 5px;
    transition: all 250ms ease-in-out;
}

.opacity-buttons .opacity-button:first-of-type[b-h6q8s4q6d9] {
    border: none;
}

.opacity-button:hover[b-h6q8s4q6d9],
.opacity-button:focus[b-h6q8s4q6d9] {
    color: var(--black-text, #000000);
    background: var(--d12, #e0e0e0);
}

.opacity-button.active[b-h6q8s4q6d9] {
    color: var(--white);
    background-color: var(--color-sf-primary);
}

.opacity-button.active:hover[b-h6q8s4q6d9],
.opacity-button.active:focus[b-h6q8s4q6d9] {
    color: var(--white);
    background-color: var(--color-sf-primary);
}

/* Context Tabs ---------------------------------------------------------------------------------------------------------------------------------- */

.context-tabs-container[b-h6q8s4q6d9] {
    background: var(--white);
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    width: 100%;
}

.context-tabs-item[b-h6q8s4q6d9] {
    background: var(--color-sf-content-bg-color);
    border: none;
    border-radius: 0px;
    font-size: 0.875rem;
    height: 100%;
    overflow: hidden;
    padding: 5px;
    position: relative;
    width: 100%;
}

.context-tabs-item .tabs-container[b-h6q8s4q6d9] {
    height: 100%;
    border-radius: 5px;
}

.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-tab-wrap {
    padding: 0px 10px;
}

.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-toolbar-items,
.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-tab .e-tab-header .e-scroll-nav,
.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-tab .e-tab-header .e-toolbar-item,
.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
    height: 30px;
}

.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-toolbar-items,
.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-tab .e-tab-header,
.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-tab .e-tab-header .e-scroll-nav,
.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-tab .e-tab-header .e-toolbar-item {
    min-height: 30px;
}

.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav {
    width: 30px
}

.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow {
    padding: 0px;
    line-height: 30px;
    height: 30px;
    width: 30px;
}

.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-tab .e-tab-header .e-scroll-nav.e-scroll-left-nav,
.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-tab .e-tab-header .e-scroll-nav.e-scroll-right-nav {
    padding: 0px;
}

.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-tab .e-tab-header .e-scroll-nav.e-scroll-right-nav {
    border-left: 1px solid var(--color-sf-border);
}

.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-tab .e-tab-header .e-scroll-nav.e-scroll-left-nav {
    border-right: 1px solid var(--color-sf-border);
}

.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) {
    padding: 0px 30px;
}

.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-indicator {
    display: none !important;
}

.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-tab .e-tab-header .e-toolbar-item.e-active {
    background: var(--white);
}

.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-tab .e-tab-header {
    border: 1px solid var(--color-sf-border);
    border-radius: 5px 5px 0px 0px;
    box-sizing: border-box;
    background: var(--color-sf-content-bg-color-alt1);
}

.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-toolbar-items .e-toolbar-item {
    border-right: 1px solid var(--color-sf-border);
}

.context-tabs-item .tabs-container[b-h6q8s4q6d9]  .e-toolbar-items .e-toolbar-item:last-of-type {
    border-right: none;
}

/* Settings popup -------------------------------------------------------------------------------------------------------------------------------- */

.settings-container[b-h6q8s4q6d9] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 0.875rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.settings-container.settings-collapsed[b-h6q8s4q6d9] {
    background: transparent;
}

.settings-button[b-h6q8s4q6d9] {
    flex-grow: 0;
    flex-shrink: 0;
    height: 26px;
    width: 26px;
    padding: 0px;
    border-radius: 5px;
    background: rgba(255,255,255,0.85);
    color: var(--d70, #4c4c4c);
    border: 1px solid var(--white, #ffffff);
}

.settings-button .button-content[b-h6q8s4q6d9] {
    transform: rotate(0deg);
    transition: 1000ms ease-in-out;
}

.settings-button:hover[b-h6q8s4q6d9],
.settings-button:focus[b-h6q8s4q6d9] {
    background: var(--focus-visible);
    border-color: rgba(0,0,0,0.15);
    color: var(--white);
}

.settings-button:hover .button-content[b-h6q8s4q6d9],
.settings-button:focus .button-content[b-h6q8s4q6d9] {
    transform: rotate(60deg);
}

.settings-menu[b-h6q8s4q6d9] {
    background: var(--color-sf-content-bg-color);
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.25) 0px 0px 3px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    overflow: hidden;
}

.settings-container.settings-collapsed .settings-menu[b-h6q8s4q6d9] {
    min-width: unset;
    max-width: unset;
    width: unset;
    padding: 0px;
    border: none;
}

.settings-header[b-h6q8s4q6d9] {
    align-items: center;
    background: var(--color-sf-content-bg-color-alt1);
    border-bottom: 1px solid var(--color-sf-border);
    box-sizing: content-box;
    display: flex;
    flex-direction: row;
    gap: 5px;
    height: 2rem;
    justify-content: space-between;
    padding-left: 10px;
}

.settings-header span[b-h6q8s4q6d9] {
    font-size: 0.9375rem;
    font-weight: 600;
}

.settings-item[b-h6q8s4q6d9] {
    width: 100%;
    font-size: 0.875rem;
    overflow: hidden;
    position: relative;
    padding: 5px 10px;
}

.settings-item-group[b-h6q8s4q6d9] {
    gap: 10px;
    padding: 5px 0px;
    border-bottom: 1px solid var(--color-sf-border);
    box-sizing: content-box;
    min-height: 1.875rem;
    align-items: center;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.settings-item-group.column[b-h6q8s4q6d9] {
    flex-direction: column;
    padding: 10px 0px;
}

.settings-item-group span[b-h6q8s4q6d9] {
    white-space: nowrap;
}

.settings-item-group:last-of-type[b-h6q8s4q6d9] {
    border: none;
}

.settings-item-group[b-h6q8s4q6d9]  .e-checkbox-wrapper {
    width: 100%;
}

.settings-item-group[b-h6q8s4q6d9]  .e-checkbox-wrapper label {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.settings-item-group[b-h6q8s4q6d9]  .e-checkbox-wrapper .e-label {
    font-size: 0.875rem;
}

.settings-option-group[b-h6q8s4q6d9] {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
}

.overlay-option-button[b-h6q8s4q6d9] {
    align-items: center;
    background: none;
    background: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-border);
    border-radius: 3px;
    box-shadow: none;
    color: var(--color-sf-content-text-color);
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 0.875rem;
    gap: 3px;
    height: 20px;
    justify-content: center;
    padding: 0px;
    transition: all 250ms ease-in-out;
    width: 28px;
}

.overlay-option-button:hover[b-h6q8s4q6d9],
.overlay-option-button:focus[b-h6q8s4q6d9] {
    color: var(--color-sf-content-text-color);
    background: var(--color-sf-content-bg-color-alt3);
}

.overlay-option-button.active[b-h6q8s4q6d9] {
    color: var(--color-sf-primary);
    background: var(--color-sf-content-bg-color);
    border-color: var(--color-sf-primary);
}

.overlay-option-button:disabled[b-h6q8s4q6d9] {
    background-color: var(--color-sf-content-bg-color-disabled) !important;
    border: 1px solid var(--color-sf-content-bg-color-disabled) !important;
    color: var(--color-sf-content-text-color-disabled) !important;
    cursor: not-allowed;
}

.overlay-option-popup[b-h6q8s4q6d9] {
    border: 1px solid rgba(0,0,0,0.08);
    background: var(--color-sf-content-bg-color);
    box-shadow: rgba(0,0,0,0.25) 0px 0px 3px;
    border-radius: 5px;
    overflow: hidden;
}

.settings-close-button[b-h6q8s4q6d9] {
    background: transparent;
    border: none;
    border-radius: 0px 5px 0px 0px;
    color: var(--r70);
    height: 2rem;
    padding: 0px;
    width: 2rem;
}

.settings-close-button:hover[b-h6q8s4q6d9],
.settings-close-button:focus[b-h6q8s4q6d9] {
    background: var(--r70);
    color: var(--error-light);
}
/* /Pages/InteractiveMapV2/Components/PropertyPanel.razor.rz.scp.css */
/* Instruction */

.instruction-container[b-2jq4ymlm05] {
    height: 100%;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}

.instruction-content[b-2jq4ymlm05] {
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    padding-top: 20px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.instruction-content span[b-2jq4ymlm05] {
    color: var(--d45, #8c8c8c);
    font-size: 0.875rem;
    font-weight: 500;
    text-align: center;
}

.property-panel[b-2jq4ymlm05] {
    height: 100%;
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* Pane */
.property-panel[b-2jq4ymlm05]  .pane-header {
    background-color: var(--d03, #f7f7f7);
    border-bottom: 1px solid var(--d14, #dbdbdb);
    padding: 5px 10px;
}

.property-panel[b-2jq4ymlm05]  .pane-header h3 {
    font-size: 1rem;
    font-weight: bold;
    margin: 0;
}

.property-panel[b-2jq4ymlm05]  .pane-content {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: auto;
    height: 100%;
}

.property-panel[b-2jq4ymlm05]  .pane-content.top-item {
    height: auto;
    flex-shrink: 0;
    border-bottom: 1px solid var(--d14, #dbdbdb);
    padding: 10px 0px;
    gap: 10px;
}

.property-panel[b-2jq4ymlm05]  .pane-content.top-item > .save-map-container:first-child {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.12);
}

.property-panel[b-2jq4ymlm05]  .pane-content .property-locked-item {
    border-bottom: 1px solid rgba(0,0,0,0.12);
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    gap: 10px;
    overflow: hidden;
    padding: 10px;
}

.property-panel[b-2jq4ymlm05]  .pane-content .property-locked-item .locked-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.property-panel[b-2jq4ymlm05]  .pane-content .property-locked-item .reference-name {
    color: var(--d33, #ababab);
    font-weight: 500;
}

.property-panel[b-2jq4ymlm05]  .pane-content .property-locked-item .locked-item-icon {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    justify-content: center;
    color: var(--d33, #ababab);
}

.property-panel[b-2jq4ymlm05]  .pane-content .base-property-pane {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.12);
}

.property-panel[b-2jq4ymlm05]  .pane-content .property-pane {
    height: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.property-panel[b-2jq4ymlm05]  .pane-content .property-pane .property-pane-itemgroup {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.property-panel[b-2jq4ymlm05]  .pane-content .property-pane .property-pane-itemgroup.column {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
}

.property-panel[b-2jq4ymlm05]  .pane-content .property-pane .property-pane-itemgroup .text-box {
    width: 100%;
}

/* Save map buttons */

.property-panel[b-2jq4ymlm05]  .save-map-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0px 10px;
}

.property-panel[b-2jq4ymlm05]  .save-map-container p {
    font-size: 0.875rem;
    margin: 0;
}

.property-panel[b-2jq4ymlm05]  .save-map-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.property-panel[b-2jq4ymlm05]  .save-map-button {
    flex: 1 0 115px;
}




.property-panel[b-2jq4ymlm05]  .map-button {
    align-items: center;
    background: none;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 3px;
    box-shadow: none;
    color: var(--d70, #4c4c4c);
    display: flex;
    gap: 3px;
    height: 32px;
    justify-content: center;
    transition: all 250ms ease-in-out;
    font-size: 0.875rem;
    padding: 6px 12px;
}

.property-panel[b-2jq4ymlm05]  .map-button,
.property-panel[b-2jq4ymlm05]  .property-button {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.property-panel[b-2jq4ymlm05]  .map-button {
    flex-grow: 1;
    flex-shrink: 1;
}

.property-panel[b-2jq4ymlm05]  .property-button {
    flex: 1 0 115px;
}

.property-panel[b-2jq4ymlm05]  .map-button.primary {
    background-color: var(--focus-visible, #0d6efd);
    border-color: var(--focus-visible, #0d6efd);
    color: var(--white-text, #ffffff);
}

.property-panel[b-2jq4ymlm05]  .map-button:hover,
.property-panel[b-2jq4ymlm05]  .map-button:focus {
    background: #e0e0e0 !important;
    border: 1px solid var(--d70, #4c4c4c);
    box-shadow: none;
    color: var(--black-text, #000000);
}

.property-panel[b-2jq4ymlm05]  .map-button:focus-visible {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    color: rgb(13, 110, 253) !important;
}

.property-panel[b-2jq4ymlm05]  .map-button:disabled {
    color: #ababab !important;
    background: #dbdbdb !important;
    border: solid 1px #dbdbdb !important;
    box-shadow: none !important;
}

.property-panel[b-2jq4ymlm05]  .property-buttons {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    padding: 10px;
    flex-wrap: wrap;
}
/* /Pages/InteractiveMapV2/InteractiveMap2.razor.rz.scp.css */
.interactive-map[b-lu5smu79sh], .splitter[b-lu5smu79sh], .pane-container[b-lu5smu79sh], .pane-content[b-lu5smu79sh] {
    width: 100%;
    height: 100%;
}

.interactive-map[b-lu5smu79sh]  .drag-item {
    background: #616161;
    border-radius: 6px;
    color: #fff;
    opacity: 0.9;
    padding: 6px 8px;
    position: absolute;
    z-index: 100000;
    display: flex;
    align-items: center;
    gap: 3px;
}

.interactive-map[b-lu5smu79sh]  .drag-item span {
    line-height: 14px;
    font-size: 14px;
    font-weight: 400;
}

.interactive-map[b-lu5smu79sh]  .drag-item .drag-item-icon {
    align-items: center;
    display: flex;
    font-size: 18px;
    justify-content: center;
}

.interactive-map[b-lu5smu79sh]  .message-background {
    width: 100%;
}

.splitter[b-lu5smu79sh]  .e-splitter {
    border: none !important;
}

/* Instruction ----------------------------------------------------------------------------------------------------------------------------------- */

.instruction-container[b-lu5smu79sh] {
    height: 100%;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}

.instruction-content[b-lu5smu79sh] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    padding-top: 0;
    padding-top: 20px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.instruction-content span[b-lu5smu79sh] {
    color: var(--d45, #8c8c8c);
    font-size: 0.875rem;
    font-weight: 500;
    text-align: center;
}

/* Pane ------------------------------------------------------------------------------------------------------------------------------------------ */

.pane-header[b-lu5smu79sh] {
    background-color: var(--d03, #f7f7f7);
    border-bottom: 1px solid var(--d14, #dbdbdb);
    padding: 5px 10px;
}

.pane-header h3[b-lu5smu79sh] {
    font-size: 1rem;
    font-weight: bold;
    margin: 0;
}

.pane-container[b-lu5smu79sh] {
    display: flex;
    flex-direction: column;
}

.pane-content[b-lu5smu79sh] {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: auto;
}

.pane-content .base-property-pane[b-lu5smu79sh] {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.12);
}

.pane-content .property-pane[b-lu5smu79sh] {
    height: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.treeview-container[b-lu5smu79sh] {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    display: flex;
}






.map-action-buttons[b-lu5smu79sh] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pane-content[b-lu5smu79sh]  .e-control.e-lib.e-treeview {
    min-height: 100%;
    width: 100%;
}

.pane-content[b-lu5smu79sh]  .e-control.e-lib.e-treeview .e-list-text {
    width: 100%;
}

.pane-content[b-lu5smu79sh]  .e-treeview .e-ul {
    padding: 0px;
}

.pane-content[b-lu5smu79sh]  .e-treeview .e-list-item .e-ul {
    padding: 0 0 0 15px;
}

.pane-content[b-lu5smu79sh]  .e-treeview .e-text-content {
    padding: 0 0 0 26px;
}



.map-container[b-lu5smu79sh] {
    height: 100%;
    position: relative;
    width: 100%;
}

.road-section-mode[b-lu5smu79sh] {
    cursor: crosshair;
}

.treeview-item-container[b-lu5smu79sh] {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 0.875rem;
    width: 100%;
}


.treeview-icon[b-lu5smu79sh],
.treeview-locked-icon[b-lu5smu79sh] {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    justify-content: center;
}

.treeview-icon[b-lu5smu79sh] {
    margin-right: 10px;
}

.treeview-locked-icon[b-lu5smu79sh] {
    color: var(--d33, #ababab);
    font-size: 0.875rem;
    border-radius: 12px;
    margin-left: 2px;
}

.treeview-item-container.group-item[b-lu5smu79sh] {
    font-weight: 500;
}

.treeview-item-container.hidden-item[b-lu5smu79sh] {
    color: var(--d33, #ababab);
}

.treeview-item-container.invalid-item[b-lu5smu79sh] {
    color: red !important;
}

.item-color[b-lu5smu79sh] {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,0.25);
    margin-left: 5px;
}

.item-color.two-colors[b-lu5smu79sh] {
    border: 3px solid rgba(0,0,0,0.25);
}

.treeview-item-container.hidden-item .item-color[b-lu5smu79sh],
.treeview-item-container.hidden-item .item-color.two-colors[b-lu5smu79sh] {
    background: transparent !important;
    border: 1px solid rgba(0,0,0,0.25) !important;
}

.custom-button[b-lu5smu79sh] {
    align-items: center;
    background: none;
    border: 1px solid transparent;
    border-radius: 3px;
    box-shadow: none;
    color: var(--d70, #4c4c4c);
    display: flex;
    gap: 3px;
    height: 28px;
    justify-content: center;
    transition: all 250ms ease-in-out;
    width: 28px;
}

.custom-button:hover[b-lu5smu79sh], .custom-button:focus[b-lu5smu79sh] {
    background: #e0e0e0 !important;
    border: 1px solid var(--d70, #4c4c4c);
    box-shadow: none;
}

.custom-button:focus-visible[b-lu5smu79sh] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    color: rgb(13, 110, 253) !important;
}

.map-button .button-content[b-lu5smu79sh],
.custom-button .button-content[b-lu5smu79sh] {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    justify-content: center;
}

.pane-content[b-lu5smu79sh]  .e-treeview .e-list-item {
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    transition: border-color 150ms ease-in-out;
    margin: -2px 0px;
}

.pane-content[b-lu5smu79sh]  .e-treeview .e-ul {
    padding-bottom: 2px;
}

.pane-content[b-lu5smu79sh]  .e-treeview .e-list-item .e-ul > .e-list-item:first-of-type,
.pane-content[b-lu5smu79sh]  .e-treeview .e-list-item .e-ul > .e-list-item:first-of-type {
    margin: 0;
}

.pane-content[b-lu5smu79sh]  .e-treeview .e-list-item.e-active > .e-text-content .e-list-text,
.pane-content[b-lu5smu79sh]  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
    color: rgba(0,0,0,.87);
}

.pane-content[b-lu5smu79sh]  .e-treeview .e-list-item .e-text-content:has(.treeview-item-container.group-item) {
    border-bottom: 1px solid rgba(0,0,0,0.12);
    background: var(--d03, #f7f7f7);
}

.pane-content[b-lu5smu79sh]  .e-treeview .e-list-item.e-active .e-text-content:has(.treeview-item-container.group-item) {
    background: none;
}

.pane-content[b-lu5smu79sh]  .e-treeview > .e-ul:first-of-type > .e-list-item:first-child {
    padding-top: 0px;
}

/*.pane-content ::deep .e-treeview .e-list-item .e-fullrow::before {
    content: "";
    position: absolute;
    top: 0;
    left: 5px;
    background-color: #ffba10;
    height: 100%;
    width: 5px;
}*/



.property-buttons[b-lu5smu79sh] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    padding: 10px;
    flex-wrap: wrap;
}

.map-button[b-lu5smu79sh] {
    align-items: center;
    background: none;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 3px;
    box-shadow: none;
    color: var(--d70, #4c4c4c);
    display: flex;
    gap: 3px;
    height: 32px;
    justify-content: center;
    transition: all 250ms ease-in-out;
    font-size: 0.875rem;
    padding: 6px 12px;
}

.map-button[b-lu5smu79sh],
.property-button[b-lu5smu79sh] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.map-button[b-lu5smu79sh] {
    flex-grow: 1;
    flex-shrink: 1;
}

.property-button[b-lu5smu79sh] {
    flex: 1 0 115px;
}

.map-button.primary[b-lu5smu79sh] {
    background-color: var(--focus-visible, #0d6efd);
    border-color: var(--focus-visible, #0d6efd);
    color: var(--white-text, #ffffff);
}

.map-button:hover[b-lu5smu79sh], .map-button:focus[b-lu5smu79sh] {
    background: #e0e0e0 !important;
    border: 1px solid var(--d70, #4c4c4c);
    box-shadow: none;
    color: var(--black-text, #000000);
}

.map-button:focus-visible[b-lu5smu79sh] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    color: rgb(13, 110, 253) !important;
}

.map-button:disabled[b-lu5smu79sh] {
    color: #ababab !important;
    background: #dbdbdb !important;
    border: solid 1px #dbdbdb !important;
    box-shadow: none !important;
}

.data-loader[b-lu5smu79sh] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000;
    background: rgba(255,255,255,0.5);
}

.data-loader-content[b-lu5smu79sh] {
    align-items: center;
    background: var(--white, #ffffff);
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.25) 0px 0px 5px;
    display: flex;
    justify-content: center;
    min-height: 150px;
    min-width: 300px;
}

.data-loader-content span[b-lu5smu79sh] {
    font-size: 16px;
    font-weight: 500;
}

.data-loader .data-loader-content[b-lu5smu79sh]  .e-spinner-pane.e-spin-show .e-spin-label {
    font-size: 16px;
    padding-top: 15px;
}

.context-menu[b-lu5smu79sh] {
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    min-width: 150px;
    position: absolute;
    z-index: 1000;
}

.menu-item[b-lu5smu79sh] {
    padding: 8px 15px;
    cursor: pointer;
}

.menu-item:hover[b-lu5smu79sh] {
    background-color: var(--d06, #f0f0f0);
}

/* Toolbar --------------------------------------------------------------------------------------------------------------------------------------- */

.map-toolbar-container[b-lu5smu79sh] {
    display: flex;
    font-size: 13px;
    gap: 0.5em;
    position: absolute;
    z-index: 2;
}


.map-toolbar-container.vertical-toolbar[b-lu5smu79sh] {
    flex-direction: column;
    right: 0.5em;
    top: 0.5em;
}

.map-toolbar-container.horizontal-toolbar[b-lu5smu79sh] {
    bottom: 0.5em;
    flex-direction: row;
    font-size: 13px;
    left: 50%;
    transform: translateX(-50%);
}

.map-toolbar[b-lu5smu79sh] {
    background: rgba(128, 128, 128, 0.25);
    padding: 1px;
    border-radius: 3px;
    display: flex;
    gap: 1px;
}

.map-toolbar-container.vertical-toolbar .map-toolbar[b-lu5smu79sh] {
    flex-direction: column;
}

.map-toolbar-item[b-lu5smu79sh] {
    position: relative;
    display: flex;
}

.map-toolbar-info[b-lu5smu79sh] {
    position: absolute;
    right: 100%;
    top: 0;
    margin-right: 6px;
    background-color: var(--white-text, #ffffff);
    border-radius: 3px;
    display: flex;
    box-shadow: rgba(0,0,0,0.5) 0px 0px 3px;
    height: 30px;
    padding: 1px;
    transition: all 250ms ease-in-out;
}

.map-toolbar-info[b-lu5smu79sh]::after {
    content: "";
    position: absolute;
    top: 15px;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent var(--white, #ffffff);
}

.map-toolbar-info-button[b-lu5smu79sh] {
    padding: 0px 5px;
    height: unset;
    border-radius: 0px;
    border-color: #dfdfdf;
    margin-right: -1px;
    z-index: 0;
}


.map-toolbar-button[b-lu5smu79sh] {
    background: var(--white, #ffffff);
    border: none !important;
    padding: 5px;
    border-radius: 0px;
    outline: 1px solid rgba(0,0,0,0);
    width: 30px;
    height: 30px;
}

/* Vertical -------------------------------------------------------------------------------------------------------------------------------------- */

.vertical-toolbar .map-toolbar-info > .map-toolbar-info-button:first-of-type[b-lu5smu79sh] {
    border-radius: 3px 0px 0px 3px;
}

.vertical-toolbar .map-toolbar-info > .map-toolbar-info-button:last-of-type[b-lu5smu79sh] {
    border-radius: 0px 3px 3px 0px;
    margin-right: 0;
}

.vertical-toolbar .map-toolbar-info > .map-toolbar-info-button:first-of-type:last-of-type[b-lu5smu79sh] {
    border-radius: 3px;
    margin-right: 0;
}

.vertical-toolbar .map-toolbar > .map-toolbar-item:first-of-type .map-toolbar-button[b-lu5smu79sh] {
    border-radius: 3px 3px 0px 0px;
}

.vertical-toolbar .map-toolbar > .map-toolbar-item:last-of-type .map-toolbar-button[b-lu5smu79sh] {
    border-radius: 0px 0px 3px 3px;
}

/* Horizontal ------------------------------------------------------------------------------------------------------------------------------------ */
/*.horizontal-toolbar .map-toolbar-info > .map-toolbar-info-button:first-of-type {
    border-radius: 3px 0px 0px 3px;
}

.horizontal-toolbar .map-toolbar-info > .map-toolbar-info-button:last-of-type {
    border-radius: 0px 3px 3px 0px;
    margin-right: 0;
}*/

.horizontal-toolbar .map-toolbar-info > .map-toolbar-info-button:first-of-type:last-of-type[b-lu5smu79sh] {
    border-radius: 3px;
    margin-right: 0;
}

.horizontal-toolbar .map-toolbar > .map-toolbar-item:first-of-type .map-toolbar-button[b-lu5smu79sh] {
    border-radius: 3px 0px 0px 3px;
}

.horizontal-toolbar .map-toolbar > .map-toolbar-item:last-of-type .map-toolbar-button[b-lu5smu79sh] {
    border-radius: 0px 3px 3px 0px;
}



.map-toolbar-info-button:hover[b-lu5smu79sh],
.map-toolbar-info-button:focus[b-lu5smu79sh] {
    z-index: 1;
    transition: all 250ms ease-in-out, z-index 0s ease-in-out 125ms;
}

.map-toolbar-button:hover[b-lu5smu79sh] {
    outline: 1px solid var(--d60, #666666);
}

.map-toolbar-button:disabled[b-lu5smu79sh] {
    outline: 1px solid rgba(0,0,0,0);
}

.map-toolbar-button.toolbar-button-active[b-lu5smu79sh],
.map-toolbar-button.toolbar-button-active:focus[b-lu5smu79sh] {
    background-color: #ffa727 !important;
    color: #ffffff !important;
}

.map-toolbar-info-button.toolbar-button-active[b-lu5smu79sh] {
    background-color: var(--primary, #ffa727);
    border-color: var(--primary, #ffa727);
    color: var(--white-text, #ffffff);
}

.map-toolbar-info-button.toolbar-button-active:focus[b-lu5smu79sh] {
    background-color: #ffa727 !important;
    border-color: #ffa727 !important;
    color: #ffffff !important;
}

/* Save As Dialog -------------------------------------------------------------------------------------------------------------------------------- */
.explorer-dialog-container[b-lu5smu79sh] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px;
    background: rgba(0,0,0,0.5);
}

.explorer-dialog[b-lu5smu79sh] {
    height: 100%;
    width: 100%;
}

.explorer-dialog[b-lu5smu79sh]  .explorer {
    border-radius: 3px;
}
/* /Pages/MapV2/Components/Geo2_Legend.razor.rz.scp.css */
.legend-box[b-0o9y9i2abt] {
    background: var(--white, #ffffff);
    border-radius: 5px;
    overflow: hidden;
}

.legend-header[b-0o9y9i2abt] {
    display: flex;
    background-color: var(--d03, #f7f7f7);
    border-bottom: 1px solid #eee;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}

.legend-header span[b-0o9y9i2abt] {
    padding-left: 15px;
}

.legend-content[b-0o9y9i2abt] {
}

.close-btn[b-0o9y9i2abt] {
    background: var(--d03, #f7f7f7);
    border: none;
    cursor: pointer;
    flex-grow: 0;
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding: 5px 10px;
    border-left: 1px solid var(--d03, #f7f7f7);
    transition: all 250ms ease-in-out;
}

.close-btn:hover[b-0o9y9i2abt], .close-btn:focus[b-0o9y9i2abt] {
    background: var(--r70, #ff4d4d);
    border-left-color: var(--d14, #dbdbdb);
    color: var(--white-text, #ffffff);
}

.legend-content[b-0o9y9i2abt]  .legend-table {
    width: 100%;
    border-collapse: collapse;
}

.legend-content[b-0o9y9i2abt]  .legend-table tr {
    border: none;
    border-bottom: 1px solid #eee;
}

.legend-content[b-0o9y9i2abt]  .legend-table tr:last-of-type {
    border: none;
}

.legend-content[b-0o9y9i2abt]  .legend-table th,
.legend-content[b-0o9y9i2abt]  .legend-table td {
    padding: 5px 10px;
    text-align: left;
}

.legend-content[b-0o9y9i2abt]  .legend-table td:first-of-type {
    border-right: 1px solid #eee;
}

.legend-content[b-0o9y9i2abt]  .legend-table .legend-header {
    padding-left: 15px;
}

.legend-content[b-0o9y9i2abt]  .legend-table .legend-label {
    display: flex;
    gap: 10px;
    padding-left: 15px;
}

.legend-content[b-0o9y9i2abt]  .legend-table .legend-label.group-item {
    padding-left: 25px;
}

.legend-content[b-0o9y9i2abt]  .legend-table .legend-count {
    padding-right: 15px;
    text-align: right;
}
/* /Pages/MapV2/Components/Geo2_ReplayControls.razor.rz.scp.css */
.play-options-box[b-wnp07io35g] {
    background: var(--white, #ffffff);
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.25) 0px 0px 5px;
    display: flex;
    flex-direction: row;
    padding-right: 10px;
    overflow: hidden;
}

.play-header[b-wnp07io35g], .play-interval[b-wnp07io35g] {
    display: flex;
    gap: 10px;
}

.play-interval[b-wnp07io35g] {
    align-items: center;
    max-width: 137px;
    border-left: 1px solid rgba(0,0,0,0.12);
    padding-left: 12px;
}

.play-buttons[b-wnp07io35g] {
    display: flex;
    /*gap: 10px;*/
    justify-content: flex-end;
    flex-grow: 1;
    align-items: center;
    padding: 4px;
    gap: 4px;
}

.playbutton[b-wnp07io35g] {
    align-items: center;
    box-shadow: none;
    display: flex;
    gap: 3px;
    justify-content: center;
    padding: 5px 10px;
    transition: all 250ms ease-in-out;
    height: 36px;
    width: 40px;
    border: 1px solid #dbdbdb !important;
    border-radius: 5px !important;
}

.playbutton:focus-visible[b-wnp07io35g] {
    background-color: #ffffff !important;
    border: 1px solid !important;
    border-color: rgb(13, 110, 253) !important;
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75) !important;
    color: rgb(13, 110, 253) !important;
}

.playbutton .button-content[b-wnp07io35g] {
    align-items: center;
    display: flex;
    font-size: 24px;
    justify-content: center;
}

.playbutton:hover[b-wnp07io35g], .playbutton:focus[b-wnp07io35g] {
    box-shadow: none !important;
    background: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #ffffff !important;
}

.playbutton:disabled[b-wnp07io35g] {
    color: #ababab !important;
    background: #dbdbdb !important;
    box-shadow: none !important;
    border-color: #dbdbdb !important;
}

.playbutton:disabled:hover[b-wnp07io35g], .playbutton:disabled:focus[b-wnp07io35g] {
    box-shadow: none;
    background: rgba(0,0,0,.12) !important;
}
/* /Pages/MapV2/Geo2.razor.rz.scp.css */
[b-xo1p467c5c] .ol-zoom {
    left: unset;
    right: .5em;
}

.map-container[b-xo1p467c5c] {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: calc(100vh - 3.5rem);
}

.top-row-content[b-xo1p467c5c] {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50px;
    display: flex;
    gap: 15px;
    height: 3.5rem;
    align-items: center;
}

.sidebar-left[b-xo1p467c5c] {
    left: 10px;
    max-height: calc(100vh - 3.5rem - 20px);
    overflow: hidden;
    overflow-y: auto;
    top: 10px;
    width: 350px;
}

.sidebar-left[b-xo1p467c5c], .sidebar-right[b-xo1p467c5c], .legend-wrapper[b-xo1p467c5c] {
    background: var(--white, #ffffff);
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.25) 0px 0px 5px;
    position: absolute;
}

.legend-wrapper[b-xo1p467c5c] {
    left: 10px;
    top: 10px;
    z-index: 900;
}

.legend-button-wrapper[b-xo1p467c5c] {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 900;
}

.legend-wrapper.offset[b-xo1p467c5c], .legend-button-wrapper.offset[b-xo1p467c5c] {
    left: 370px;
}

.sidebar-right[b-xo1p467c5c] {
    display: flex;
    flex-direction: column;
    max-height: 80%;
    overflow: hidden;
    right: 40px;
    top: 10px;
    width: 300px;
    z-index: 900;
}

.sidebar-header[b-xo1p467c5c] {
    align-items: center;
    background-color: var(--d03, #f7f7f7);
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    padding-left: 15px;
}

.sidebar-header h3[b-xo1p467c5c] {
    margin: 0;
    font-size: 1rem;
}

.close-btn[b-xo1p467c5c] {
    background: var(--d03, #f7f7f7);
    border: none;
    cursor: pointer;
    flex-grow: 0;
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding: 5px 10px;
    border-left: 1px solid var(--d03, #f7f7f7);
    transition: all 250ms ease-in-out;
}

.close-btn:hover[b-xo1p467c5c], .close-btn:focus[b-xo1p467c5c] {
    background: var(--r70, #ff4d4d);
    border-left-color: var(--d14, #dbdbdb);
    color: var(--white-text, #ffffff);
}

.sidebar-content[b-xo1p467c5c] {
    padding: 0px 15px 10px 15px;
}

.panel-content[b-xo1p467c5c] {
    padding: 0px;
    overflow-y: auto;
}

.properties-table[b-xo1p467c5c] {
    width: 100%;
    border-collapse: collapse;
}

.properties-table tr[b-xo1p467c5c] {
    border: none;
    border-bottom: 1px solid #eee;
}

.properties-table tr:last-of-type[b-xo1p467c5c] {
    border: none;
}

.properties-table th[b-xo1p467c5c],
.properties-table td[b-xo1p467c5c] {
    /*border: 1px solid #eee;*/
    padding: 5px 10px;
    text-align: left;
}

.properties-table td:first-of-type[b-xo1p467c5c] {
    border-right: 1px solid #eee;
}

.custom-button[b-xo1p467c5c], .filter-button[b-xo1p467c5c], .legend-button[b-xo1p467c5c], .opacity-button[b-xo1p467c5c] {
    align-items: center;
    box-shadow: none;
    display: flex;
    gap: 3px;
    justify-content: center;
    padding: 5px 10px;
    transition: all 250ms ease-in-out;
}

.custom-button[b-xo1p467c5c] {
    background: var(--white, #ffffff);
    border: 1px solid var(--d70, #4c4c4c);
    border-radius: 3px !important;
}

.legend-button[b-xo1p467c5c] {
    background: #ffffff !important;
    border-radius: 3px !important;
    box-shadow: rgba(0,0,0,0.25) 0px 0px 5px !important;
}

.custom-button:hover[b-xo1p467c5c], .custom-button:focus[b-xo1p467c5c] {
    box-shadow: none !important;
}

.custom-button:hover[b-xo1p467c5c], .custom-button:focus[b-xo1p467c5c], .legend-button:hover[b-xo1p467c5c], .legend-button:focus[b-xo1p467c5c] {
    border: 1px solid #4c4c4c !important;
    background: #e0e0e0 !important;
}

.custom-button:focus[b-xo1p467c5c] {
    color: rgba(0,0,0,.87) !important;
}

.custom-button .button-content[b-xo1p467c5c] {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center;
}

.filter-buttons[b-xo1p467c5c] {
    display: flex;
    flex-direction: row-reverse;
    gap: 5px;
    padding-top: 5px;
}

.filter-button[b-xo1p467c5c] {
    width: 100%;
    background: var(--primary) !important;
    color: #ffffff !important;
    border: none;
    border-radius: 3px !important;
    height: 32px;
}

.filter-button.hide-button[b-xo1p467c5c] {
    background: #ababab !important;
}

.filter-button:hover[b-xo1p467c5c], .filter-button:focus[b-xo1p467c5c] {
    box-shadow: none !important;
    color: #000000 !important;
    background: #e0e0e0 !important;
}

.filter-button.show-button[b-xo1p467c5c] {
    margin-top: 5px;
}

.custom-button:focus-visible[b-xo1p467c5c], .legend-button:focus-visible[b-xo1p467c5c] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75) !important;
    color: rgb(13, 110, 253) !important;
}

.custom-button:disabled[b-xo1p467c5c] {
    color: #ababab !important;
    background: #dbdbdb !important;
    border: solid 1px #dbdbdb !important;
    box-shadow: none !important;
}

.custom-button:disabled:hover[b-xo1p467c5c], .custom-button:disabled:focus[b-xo1p467c5c] {
    box-shadow: none;
    border: 1px solid transparent;
    background: rgba(0,0,0,.12) !important;
}

.opacity-buttons[b-xo1p467c5c] {
    display: flex;
    border: 1px solid var(--border, #e0e0e0);
    border-radius: 3px;
    overflow: hidden;
}

.opacity-button[b-xo1p467c5c] {
    padding: 3px 5px;
    min-width: 38px;
    border: none;
    border-left: 1px solid #e0e0e0 !important;
    border-radius: 0px;
}

.opacity-buttons .opacity-button:first-of-type[b-xo1p467c5c] {
    border: none !important;
}

.opacity-button.active[b-xo1p467c5c] {
    color: var(--primary);
}

.opacity-button:hover[b-xo1p467c5c], .opacity-button:focus[b-xo1p467c5c] {
    box-shadow: none !important;
    color: #000000 !important;
    background: #e0e0e0 !important;
}

.data-loader[b-xo1p467c5c] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000;
    background: rgba(255,255,255,0.5);
}

.data-loader-content[b-xo1p467c5c] {
    align-items: center;
    background: var(--white, #ffffff);
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.25) 0px 0px 5px;
    display: flex;
    justify-content: center;
    min-height: 150px;
    min-width: 300px;
}

.data-loader-content span[b-xo1p467c5c] {
    font-size: 16px;
    font-weight: 500;
}

.data-loader .data-loader-content[b-xo1p467c5c]  .e-spinner-pane.e-spin-show .e-spin-label {
    font-size: 16px;
    padding-top: 15px;
}

.layer-settings-options[b-xo1p467c5c] {
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 5px;
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 5px 10px 10px 10px;
}

.layer-settings-options-box[b-xo1p467c5c] {
    display: grid;
    gap: 0px 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(0,0,0,0.12);
    margin-top: 10px;
}

.layer-settings-options.no-simple .layer-settings-options-box[b-xo1p467c5c] {
    border: none;
    padding: 0;
    margin: 0;
}

.layer-settings-options.no-simple .filter-button[b-xo1p467c5c] {
    margin-top: 5px;
}

.layer-settings-options-box.box7[b-xo1p467c5c] {
    grid-template: repeat(7, 1fr) / auto 1fr;
}

.layer-settings-options-box.box1[b-xo1p467c5c] {
    grid-template: repeat(1, 1fr) / auto 1fr;
}

.layer-settings-options-box .filter-input[b-xo1p467c5c] {
    width: 100%;
}

.layer-settings-options button[b-xo1p467c5c] {
}

.settings-item[b-xo1p467c5c] {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
    margin-top: 5px;
}

.context-menu[b-xo1p467c5c] {
    position: absolute;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    border-radius: 4px;
    z-index: 1000;
    min-width: 150px;
}

.menu-item[b-xo1p467c5c] {
    padding: 8px 15px;
    cursor: pointer;
}

.menu-item:hover[b-xo1p467c5c] {
    background-color: var(--d06, #f0f0f0);
}

.replay-controls[b-xo1p467c5c] {
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translate(-50%);
    display: flex;
    gap: 5px;
}

.timer-counter[b-xo1p467c5c] {
    align-items: center;
    background: var(--white, #ffffff);
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.25) 0px 0px 5px;
    display: flex;
    font-family: "Courier New", Courier, monospace;
    font-size: 18px;
    line-height: 18px;
    -ms-user-select: none;
    padding: 0px 10px;
    user-select: none;
    -webkit-user-select: none;
}


.custom-btn[b-xo1p467c5c] {
    align-items: center;
    border: 1px solid;
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 1.143em;
    outline: none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 250ms ease-in-out;
    user-select: none;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    white-space: nowrap;
    border-radius: 3px;
    box-shadow: none;
}

.btn-outline[b-xo1p467c5c] {
    background-color: transparent;
    border-color: #adadad;
    color: rgba(0,0,0,.87);
}
/* /Pages/Map/Components/AssetManager.razor.rz.scp.css */
.header[b-dp3t5466ms]
{
    color: white;
    background-color: white;
    position: fixed;
    width: 100%;
    top: 0;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
    z-index: 20;
    padding: 5px;
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*min-height: 60px;*/
}

.search[b-dp3t5466ms] 
{
    max-width: 400px;
    width: 40%;
}

.searchbox[b-dp3t5466ms] {
    max-width: 300px;
    width: 100%;
    border: solid 1px rgba(0, 0, 0, 0.3);
    background-color: var(--d06, #f0f0f0);
    margin-top: 2px;
}

.playbutton[b-dp3t5466ms] {
    background-color: white;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
    border-radius: 100px;
    border-width: 0px;
    width: 35px;
    height: 31px;
    fill: grey;
}

.playbutton:active[b-dp3t5466ms] {
    background-color: #c37f1c;
    box-shadow: 0 1px #666;
    transform: translateY(1px);
}


.playbutton:hover[b-dp3t5466ms] {
    color: white;
    background-color: var(--primary, #ffa727);
    fill: white;
}

.openbtn[b-dp3t5466ms] 
{
    border: none;
    background-color: white;
}

.login-popup[b-dp3t5466ms]
{
    position: fixed;
    width: 250px;
    height: auto;
    padding: 20px;
    top: 50%;
    left: 50%;
    margin-top: -170px;
    margin-left: -110px;
    background-color: white;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
    z-index: 40;
    border-color: white;
    border-radius: 5px;
}

.user-management-popup[b-dp3t5466ms]
{
    position: fixed;
    width: 400px;
    height: 580px;
    padding: 20px;
    top: 50%;
    left: 50%;
    margin-top: -290px;
    margin-left: -200px;
    background-color: white;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
    z-index: 40;
    border-color: white;
    border-radius: 5px;
}
.user-info-container[b-dp3t5466ms]
{
    border-top: 1px solid gray;
    width: 360px;
    height: 360px;
    margin-top: 15px;
    margin-bottom: 5px;
    border-bottom: 1px solid gray;
}

.no-verti-margin[b-dp3t5466ms]
{
    margin-top: 0;
    margin-bottom: 0;
}

.sidebarleft[b-dp3t5466ms]
{
    height: 100%;
    position: fixed;
    z-index: 11;
    top: 25px;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    overflow-x: hidden;
    padding: 20px;
    padding-top: 40px;
    width: 400px;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
}

.sidebarright[b-dp3t5466ms]
{
    height: 100%;
    position: fixed;
    z-index: 10;
    top: 25px;
    right: 0;
    background-color: rgba(255, 255, 255, 0.9);
    overflow-x: hidden;
    padding: 20px;
    padding-top: 40px;
    width: 320px;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
}

.close[b-dp3t5466ms]
{
    font-size: 30px;
    right: 0;
    cursor: pointer;
}
.customize-close-icon.e-tab .e-tab-header .e-toolbar-item .e-close-icon[b-dp3t5466ms], .customize-close-icon.e-tab .e-tab-header .e-toolbar-item .e-close-icon[b-dp3t5466ms]::before {
    font-size: 12px;
    width: auto;
    opacity: initial;
    box-sizing: border-box;
    font-family: "e-icons";
    line-height: 1;
}

.customize-close-icon.e-tab .e-tab-header .e-toolbar-item .e-close-icon:hover[b-dp3t5466ms] {
    color: red;
}

.flex-hori[b-dp3t5466ms]
{
    display: flex;
    justify-content: space-between;
}

.prop-entry-head[b-dp3t5466ms]
{
    padding: 5px;
    display: block;
    border-top: 1px solid gray;
}

.prop-entry[b-dp3t5466ms]
{
    padding: 5px;
    display: block;
}

.toolback[b-dp3t5466ms]
{
    border-radius: 4px;
    border: 1px #abb9c6;
    background: rgba(53, 63, 76, 0.90);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.40);
    padding-bottom: 5px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px
}
.tooltip-bold[b-dp3t5466ms] 
{
    font-size: 13px;
    color: var(--white-text, #ffffff);
    background: rgba(64, 64, 64, 0.90);
    /*color: var(--white-text, #ffffff);*/
    font-weight: 500;
}
.tooltip-list[b-dp3t5466ms]
{
    font-size: 13px;
    color: #cccccc
}

.timeinfo[b-dp3t5466ms]
{
    position: absolute;
    cursor: pointer;
    width: 200px;
    z-index: 1;
    background-color: rgba(69, 69, 69, 0.88);
    color: white;
    padding: 4px;
    border-radius: 6px;
    bottom: 50px;
    left: 50%;
    margin-left: -100px;
    text-align: center;
}
.timeinfo[b-dp3t5466ms]::after
{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(69, 69, 69, 0.88) transparent transparent transparent;
}

.timepicker[b-dp3t5466ms] {
    width: 100%;
    margin-left: 5%;
    margin-right: 5%;
    display: flex;
}

.timeslider[b-dp3t5466ms] {
    width: 100%;
}
.header2[b-dp3t5466ms] 
{
    background-color: white;
    position: fixed;
    height: auto;
    width: 100%;
    top: 100px;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
    z-index: 20;
    display: flex;
    justify-content: space-between;
}
.footer[b-dp3t5466ms]
{
    background-color: white;
    position: fixed;
    height: auto;
    width: 100%;
    bottom: 0;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
    z-index: 20;
    display: flex;
    justify-content: space-between;
}

.placeholder[b-dp3t5466ms]
{
    visibility: hidden;
}

.dimmer[b-dp3t5466ms]
{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 30;
}

.loading[b-dp3t5466ms]
{
    background-color: rgba(0, 0, 0, 0);
    position: fixed;
    width: 380px;
    height: 180px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 40;
    justify-content: center;
    align-items: center;
}
/*.date-picker 
{
    max-width: 125px;
}*/
.time-picker[b-dp3t5466ms] {
    max-width: 105px;
}

.layer-settings-box[b-dp3t5466ms] {
    background-color: rgba(0, 0, 0, 0);
    margin-top: 5px;
    margin-bottom: 5px;
}
.layer-settings-options-box[b-dp3t5466ms] {
    background-color: rgba(200, 213, 220, 1);
    color: var(--black-text, #000000);
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#sf_legend_button[b-dp3t5466ms] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 21;
}
/* /Pages/Map/Components/MapLegend.razor.rz.scp.css */
/*.legend-container {
    
}

.legend {

}

.legend-header {
    font-size: medium;
    font-weight: bold;
    color: black;
}

.legend-icon {
    height: 12px;
    width: 12px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

.legend-item {
    font-size: small;
    color: black;
}
*/
/* /Pages/Map/Components/MapLegendGroup.razor.rz.scp.css */
/*.legend-container {
    
}

.legend {

}

.legend-header {
    font-size: medium;
    font-weight: bold;
    color: black;
}

.legend-icon {
    height: 12px;
    width: 12px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

.legend-item {
    font-size: small;
    color: black;
}
*/
/* /Pages/Map/Components/MapLegendGroupItem.razor.rz.scp.css */
/*.legend-container {
    
}

.legend {

}

.legend-header {
    font-size: medium;
    font-weight: bold;
    color: black;
}

.legend-icon {
    height: 12px;
    width: 12px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

.legend-item {
    font-size: small;
    color: black;
}
*/
/* /Pages/Map/Components/SimpleMap.razor.rz.scp.css */
.header[b-fw3c5l992r]
{
    color: white;
    background-color: white;
    position: fixed;
    width: 100%;
    top: 0;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
    z-index: 20;
    padding: 5px;
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*min-height: 60px;*/
}

.search[b-fw3c5l992r] 
{
    max-width: 400px;
    width: 40%;
}

.searchbox[b-fw3c5l992r] {
    max-width: 300px;
    width: 100%;
    border: solid 1px rgba(0, 0, 0, 0.3);
    background-color: var(--d06, #f0f0f0);
    margin-top: 2px;
}

.playbutton[b-fw3c5l992r] {
    background-color: white;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
    border-radius: 100px;
    border-width: 0px;
    width: 35px;
    height: 31px;
    fill: grey;
}

.playbutton:active[b-fw3c5l992r] {
    background-color: #c37f1c;
    box-shadow: 0 1px #666;
    transform: translateY(1px);
}


.playbutton:hover[b-fw3c5l992r] {
    color: white;
    background-color: var(--primary, #ffa727);
    fill: white;
}

.openbtn[b-fw3c5l992r] 
{
    border: none;
    background-color: white;
}

.login-popup[b-fw3c5l992r]
{
    position: fixed;
    width: 250px;
    height: auto;
    padding: 20px;
    top: 50%;
    left: 50%;
    margin-top: -170px;
    margin-left: -110px;
    background-color: white;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
    z-index: 40;
    border-color: white;
    border-radius: 5px;
}

.user-management-popup[b-fw3c5l992r]
{
    position: fixed;
    width: 400px;
    height: 580px;
    padding: 20px;
    top: 50%;
    left: 50%;
    margin-top: -290px;
    margin-left: -200px;
    background-color: white;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
    z-index: 40;
    border-color: white;
    border-radius: 5px;
}
.user-info-container[b-fw3c5l992r]
{
    border-top: 1px solid gray;
    width: 360px;
    height: 360px;
    margin-top: 15px;
    margin-bottom: 5px;
    border-bottom: 1px solid gray;
}

.no-verti-margin[b-fw3c5l992r]
{
    margin-top: 0;
    margin-bottom: 0;
}

.sidebarleft[b-fw3c5l992r]
{
    height: 100%;
    position: fixed;
    z-index: 11;
    top: 25px;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    overflow-x: hidden;
    padding: 20px;
    padding-top: 40px;
    width: 400px;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
}

.sidebarright[b-fw3c5l992r]
{
    height: 100%;
    position: fixed;
    z-index: 10;
    top: 25px;
    right: 0;
    background-color: rgba(255, 255, 255, 0.9);
    overflow-x: hidden;
    padding: 20px;
    padding-top: 40px;
    width: 320px;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
}

.close[b-fw3c5l992r]
{
    font-size: 30px;
    right: 0;
    cursor: pointer;
}
.customize-close-icon.e-tab .e-tab-header .e-toolbar-item .e-close-icon[b-fw3c5l992r], .customize-close-icon.e-tab .e-tab-header .e-toolbar-item .e-close-icon[b-fw3c5l992r]::before {
    font-size: 12px;
    width: auto;
    opacity: initial;
    box-sizing: border-box;
    font-family: "e-icons";
    line-height: 1;
}

.customize-close-icon.e-tab .e-tab-header .e-toolbar-item .e-close-icon:hover[b-fw3c5l992r] {
    color: red;
}

.flex-hori[b-fw3c5l992r]
{
    display: flex;
    justify-content: space-between;
}

.prop-entry-head[b-fw3c5l992r]
{
    padding: 5px;
    display: block;
    border-top: 1px solid gray;
}

.prop-entry[b-fw3c5l992r]
{
    padding: 5px;
    display: block;
}

.toolback[b-fw3c5l992r]
{
    border-radius: 4px;
    border: 1px #abb9c6;
    background: rgba(53, 63, 76, 0.90);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.40);
    padding-bottom: 5px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px
}
.tooltip-bold[b-fw3c5l992r] 
{
    font-size: 13px;
    color: var(--white-text, #ffffff);
    background: rgba(64, 64, 64, 0.90);
    /*color: var(--white-text, #ffffff);*/
    font-weight: 500;
}
.tooltip-list[b-fw3c5l992r]
{
    font-size: 13px;
    color: #cccccc
}

.timeinfo[b-fw3c5l992r]
{
    position: absolute;
    cursor: pointer;
    width: 200px;
    z-index: 1;
    background-color: rgba(69, 69, 69, 0.88);
    color: white;
    padding: 4px;
    border-radius: 6px;
    bottom: 50px;
    left: 50%;
    margin-left: -100px;
    text-align: center;
}
.timeinfo[b-fw3c5l992r]::after
{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(69, 69, 69, 0.88) transparent transparent transparent;
}

.timepicker[b-fw3c5l992r] {
    width: 100%;
    margin-left: 5%;
    margin-right: 5%;
    display: flex;
}

.timeslider[b-fw3c5l992r] {
    width: 100%;
}
.header2[b-fw3c5l992r] 
{
    background-color: white;
    position: fixed;
    height: auto;
    width: 100%;
    top: 100px;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
    z-index: 20;
    display: flex;
    justify-content: space-between;
}
.footer[b-fw3c5l992r]
{
    background-color: white;
    position: fixed;
    height: auto;
    width: 100%;
    bottom: 0;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
    z-index: 20;
    display: flex;
    justify-content: space-between;
}

.placeholder[b-fw3c5l992r]
{
    visibility: hidden;
}

.dimmer[b-fw3c5l992r]
{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 30;
}

.loading[b-fw3c5l992r]
{
    background-color: rgba(0, 0, 0, 0);
    position: fixed;
    width: 380px;
    height: 180px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 40;
    justify-content: center;
    align-items: center;
}
/*.date-picker 
{
    max-width: 125px;
}*/
.time-picker[b-fw3c5l992r] {
    max-width: 105px;
}

.layer-settings-box[b-fw3c5l992r] {
    background-color: rgba(0, 0, 0, 0);
    margin-top: 5px;
    margin-bottom: 5px;
}
.layer-settings-options-box[b-fw3c5l992r] {
    background-color: rgba(200, 213, 220, 1);
    color: var(--black-text, #000000);
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#sf_legend_button[b-fw3c5l992r] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 21;
}

.toolbox[b-fw3c5l992r] {
    z-index: 99;
    position: absolute;
    left: 30px;
    top: 100px;
    border: 2px solid;
    padding: 2px;
    background: #f8f9fa;
    border-radius: 5px;
}

    .toolbox .btn-group-vertical .btn-light:hover[b-fw3c5l992r] {
        color: var(--geo-yellow, #ffc107);
    }

    .toolbox .btn-group-vertical .btn-light:focus[b-fw3c5l992r] {
        color: darkgoldenrod;
        box-shadow: 2px 2px 18px lightgray;
    }
/* /Pages/Map/Geo.razor.rz.scp.css */
.header[b-rjk4qka0yz]
{
    color: white;
    background-color: white;
    position: fixed;
    width: 100%;
    top: 0;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
    z-index: 20;
    padding: 5px 20px;
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*min-height: 60px;*/
}

.search[b-rjk4qka0yz] 
{
    max-width: 400px;
    width: 40%;
}

.searchbox[b-rjk4qka0yz] {
    max-width: 300px;
    width: 100%;
    border: solid 1px rgba(0, 0, 0, 0.3);
    background-color: var(--d06, #f0f0f0);
    margin-top: 2px;
}

.playbutton[b-rjk4qka0yz] {
    background-color: white;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
    border-radius: 100px;
    border-width: 0px;
    width: 35px;
    height: 31px;
    fill: grey;
}

.playbutton:active[b-rjk4qka0yz] {
    background-color: #c37f1c;
    box-shadow: 0 1px #666;
    transform: translateY(1px);
}


.playbutton:hover[b-rjk4qka0yz] {
    color: white;
    background-color: var(--primary, #ffa727);
    fill: white;
}

.openbtn[b-rjk4qka0yz] {
    border: none;
    background: rgba(0, 0, 0, 0);
    padding: 0px;
    margin: 0px;
}
    .openbtn:hover[b-rjk4qka0yz] {
        color: var(--geo-yellow, #ffc107);
    }

.login-popup[b-rjk4qka0yz]
{
    position: fixed;
    width: 250px;
    height: auto;
    padding: 20px;
    top: 50%;
    left: 50%;
    margin-top: -170px;
    margin-left: -110px;
    background-color: white;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
    z-index: 40;
    border-color: white;
    border-radius: 5px;
}

.user-management-popup[b-rjk4qka0yz]
{
    position: fixed;
    width: 400px;
    height: 580px;
    padding: 20px;
    top: 50%;
    left: 50%;
    margin-top: -290px;
    margin-left: -200px;
    background-color: white;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
    z-index: 40;
    border-color: white;
    border-radius: 5px;
}
.user-info-container[b-rjk4qka0yz]
{
    border-top: 1px solid gray;
    width: 360px;
    height: 360px;
    margin-top: 15px;
    margin-bottom: 5px;
    border-bottom: 1px solid gray;
}

.no-verti-margin[b-rjk4qka0yz]
{
    margin-top: 0;
    margin-bottom: 0;
}

.sidebarleft[b-rjk4qka0yz]
{
    height: 100%;
    position: fixed;
    z-index: 11;
    top: 25px;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    overflow-x: hidden;
    padding: 20px;
    padding-top: 40px;
    width: 400px;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
}

.sidebarright[b-rjk4qka0yz]
{
    height: 100%;
    position: fixed;
    z-index: 10;
    top: 25px;
    right: 0;
    background-color: rgba(255, 255, 255, 0.9);
    overflow-x: hidden;
    padding: 20px;
    padding-top: 40px;
    width: 320px;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
}

.close[b-rjk4qka0yz]
{
    font-size: 30px;
    right: 0;
    cursor: pointer;
}
.customize-close-icon.e-tab .e-tab-header .e-toolbar-item .e-close-icon[b-rjk4qka0yz], .customize-close-icon.e-tab .e-tab-header .e-toolbar-item .e-close-icon[b-rjk4qka0yz]::before {
    font-size: 12px;
    width: auto;
    opacity: initial;
    box-sizing: border-box;
    font-family: "e-icons";
    line-height: 1;
}

.customize-close-icon.e-tab .e-tab-header .e-toolbar-item .e-close-icon:hover[b-rjk4qka0yz] {
    color: red;
}

.flex-hori[b-rjk4qka0yz]
{
    display: flex;
    justify-content: space-between;
}

.prop-entry-head[b-rjk4qka0yz]
{
    padding: 5px;
    display: block;
    border-top: 1px solid gray;
}

.prop-entry[b-rjk4qka0yz]
{
    padding: 5px;
    display: block;
}

.toolback[b-rjk4qka0yz]
{
    border-radius: 4px;
    border: 1px #abb9c6;
    background: rgba(53, 63, 76, 0.90);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.40);
    padding-bottom: 5px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px
}
.tooltip-bold[b-rjk4qka0yz] 
{
    font-size: 13px;
    color: var(--white-text, #ffffff);
    background: rgba(64, 64, 64, 0.90);
    /*color: var(--white-text, #ffffff);*/
    font-weight: 500;
}
.tooltip-list[b-rjk4qka0yz]
{
    font-size: 13px;
    color: #cccccc
}

.timeinfo[b-rjk4qka0yz]
{
    position: absolute;
    cursor: pointer;
    width: 200px;
    z-index: 1;
    background-color: rgba(69, 69, 69, 0.88);
    color: white;
    padding: 4px;
    border-radius: 6px;
    bottom: 50px;
    left: 50%;
    margin-left: -100px;
    text-align: center;
}
.timeinfo[b-rjk4qka0yz]::after
{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(69, 69, 69, 0.88) transparent transparent transparent;
}

.timepicker[b-rjk4qka0yz] {
    width: 100%;
    margin-left: 5%;
    margin-right: 5%;
    display: flex;
}

.timeslider[b-rjk4qka0yz] {
    width: 100%;
}
.header2[b-rjk4qka0yz] 
{
    background-color: white;
    position: fixed;
    height: auto;
    width: 100%;
    top: 100px;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
    z-index: 20;
    display: flex;
    justify-content: space-between;
}
.footer[b-rjk4qka0yz]
{
    background-color: white;
    position: fixed;
    height: auto;
    width: 100%;
    bottom: 0;
    box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.3);
    z-index: 20;
    display: flex;
    justify-content: space-between;
}

.placeholder[b-rjk4qka0yz]
{
    visibility: hidden;
}

.dimmer[b-rjk4qka0yz]
{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 30;
}

.loading[b-rjk4qka0yz]
{
    background-color: rgba(0, 0, 0, 0);
    position: fixed;
    width: 380px;
    height: 180px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 40;
    justify-content: center;
    align-items: center;
}
/*.date-picker 
{
    max-width: 125px;
}*/
.time-picker[b-rjk4qka0yz] {
    max-width: 105px;
}

.layer-settings-box[b-rjk4qka0yz] {
    background-color: rgba(0, 0, 0, 0);
    margin-top: 5px;
    margin-bottom: 5px;
}
.layer-settings-options-box[b-rjk4qka0yz] {
    background-color: rgba(200, 213, 220, 1);
    color: var(--black-text, #000000);
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.legend-container[b-rjk4qka0yz]{
    z-index: 25;
    position: absolute;
    left: 20px;
    top: 60px;
}

#sf_legend_button[b-rjk4qka0yz] {
    position: relative;
}
/* /Pages/Map/InteractiveMap.razor.rz.scp.css */
html[b-8fufcoqppk], body[b-8fufcoqppk]{
    width: 100%;
    height: 100%;
}

.prop-listing1[b-8fufcoqppk] {
    font-size: 13px;
    color: #111111
}

.prop-listing2[b-8fufcoqppk] {
    font-size: 13px;
    color: var(--black-text, #000000);
    font-weight: 800;
}

.layout-card[b-8fufcoqppk] {
    overflow: hidden;
    margin: 0;
}

.e-treeview .e-list-item[b-8fufcoqppk] {
    list-style: none;
    padding: 0px 0;
}

.e-fullrow[b-8fufcoqppk] {
    height: 2rem;
}

.e-panel-content[b-8fufcoqppk] {
    padding-top: 1rem;
}

.btn-circle[b-8fufcoqppk] {
    width: 50px;
    height: 50px;
    padding: 0px 0px;
    border-radius: 25px;
    text-align: center;
}
    .btn-circle:hover[b-8fufcoqppk] {
        color: var(--geo-yellow, #ffc107);
    }
    .btn-circle:focus[b-8fufcoqppk] {
        color: darkgoldenrod;
        box-shadow: 2px 2px 18px lightgray;
    }


/* /Pages/NotFound.razor.rz.scp.css */
.not-found-container[b-xt4h6xn586] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 3.5rem - 1.1rem - 1.1rem);
    justify-content: flex-start;
}

.not-found-content[b-xt4h6xn586] {
    padding-top: 10vh;
    justify-content: center;
    flex-direction: column;
    display: flex;
    align-items: center;
}

.not-found-icon[b-xt4h6xn586],
.not-found-icon[b-xt4h6xn586]  svg {
    width: 96px;
    height: 96px;
}

.not-found-icon[b-xt4h6xn586] {
    animation-direction: alternate;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-name: iconAnimation-b-xt4h6xn586;
    animation-timing-function: ease-in-out;
    margin-bottom: 25px;
}

@keyframes iconAnimation-b-xt4h6xn586 {
    0% {
        transform: translateX(10px) skewX(-5deg) rotate(-5deg);
    }

    50% {
        transform: translateX(-10px) skewX(5deg) rotate(5deg);
    }

    100% {
        transform: translateX(10px) skewX(-5deg) rotate(-5deg);
    }
}

.not-found-icon[b-xt4h6xn586]  .svg-primary {
    fill: var(--color-sf-primary);
}

.not-found-icon[b-xt4h6xn586]  .svg-secondary {
    fill: var(--color-sf-content-text-color);
}
/* /Pages/Public Transport/PtConcessions.razor.rz.scp.css */
.grid-container[b-q32ncf07zs] {
    padding: 5px;
    height: 100%;
}

.grid[b-q32ncf07zs] {
    overflow: hidden;
    height: 100%;
}

.grid[b-q32ncf07zs]  .e-cell-no-border {
    box-shadow: none !important;
}

.grid[b-q32ncf07zs]  .e-grid .e-gridheader table th[rowspan] {
    padding-bottom: 8px;
    padding-top: 8px;
}

/* Splitter */

.splitter[b-q32ncf07zs] {
    height: 100%;
    overflow: hidden;
}

.splitter[b-q32ncf07zs]  .pane-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.splitter[b-q32ncf07zs]  .pane-content .e-grid {
    overflow: hidden !important;
}

.splitter[b-q32ncf07zs]  .pane-no-border {
    border: none !important;
}

.splitter[b-q32ncf07zs]  .pane-overflow-hidden {
    overflow: hidden !important;
    height: 100%;
}

.splitter .pane-border-bottom[b-q32ncf07zs] {
    border-bottom: 1px solid var(--border, #e0e0e0);
}

/* Splitter Pane Toggle Button */

.custom-button[b-q32ncf07zs] {
    border: none;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border: 1px solid var(--d70, #4c4c4c);
    background: var(--white, #ffffff);
    transition: all 250ms ease-in-out;
}

.custom-button:hover[b-q32ncf07zs] {
    background: var(--d12, #e0e0e0);
}

.custom-button:focus-visible[b-q32ncf07zs] {
    border-color: rgb(13, 110, 253);
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75);
    color: rgb(13, 110, 253);
}

.custom-button .button-content[b-q32ncf07zs] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.toggle-expand-collapse[b-q32ncf07zs] {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 1000;
    min-height: 30px;
    min-width: 30px;
}

.toggle-expand-collapse .button-content[b-q32ncf07zs] {
    transition: transform 300ms ease-in-out;
}

.toggle-expand-collapse.collapsed .button-content[b-q32ncf07zs] {
    transform: rotate(180deg);
}

/* Pager */

.gridview-control .data-count span[b-q32ncf07zs] {
    font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
    font-size: 13px;
    line-height: 13px;
}

.grid[b-q32ncf07zs]  .pager-container {
    padding: 5px;
    overflow: hidden;
    height: 38px;
    flex-direction: row;
    display: flex;
    align-items: center;
    gap: 10px;
}

.input-page-label[b-q32ncf07zs] {
}

.grid[b-q32ncf07zs]  .page-size-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.grid[b-q32ncf07zs]  .page-size-container span {
    margin-left: 5px;
    white-space: nowrap;
}

.grid[b-q32ncf07zs]  .pager-inputs {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 10px;
    min-width: 0;
}

.grid[b-q32ncf07zs]  .total-count {
    white-space: nowrap;
    font-size: 13px;
    line-height: 13px;
}

.grid[b-q32ncf07zs]  .e-input-group.e-control-container.e-control-wrapper.page-size,
.grid[b-q32ncf07zs]  .e-numeric.number-input.e-control-container.e-control-wrapper {
    border: 1px solid rgba(0,0,0,0.12) !important;
    border-radius: 5px !important;
    margin: 0px !important;
    overflow: hidden !important;
}

.grid[b-q32ncf07zs]  .e-input-group.page-size.e-control-container.e-control-wrapper:before,
.grid[b-q32ncf07zs]  .e-input-group.page-size.e-control-container.e-control-wrapper:after,
.grid[b-q32ncf07zs]  .e-numeric.number-input.e-control-container.e-control-wrapper:before,
.grid[b-q32ncf07zs]  .e-numeric.number-input.e-control-container.e-control-wrapper:after {
    display: none !important;
}

.grid[b-q32ncf07zs]  .e-input-group.e-control-container.e-control-wrapper.page-size .e-input-group-icon,
.grid[b-q32ncf07zs]  .e-numeric.number-input .e-input-group-icon.e-spin-down,
.grid[b-q32ncf07zs]  .e-numeric.number-input .e-input-group-icon.e-spin-up {
    border-left: 1px solid rgba(0,0,0,0.12) !important;
    margin: 0px;
    padding: 4px;
}

.grid[b-q32ncf07zs]  .e-numeric.number-input .e-input-group-icon.e-spin-down::before,
.grid[b-q32ncf07zs]  .e-numeric.number-input .e-input-group-icon.e-spin-up::before {
    transform: rotate(90deg);
}

.grid[b-q32ncf07zs]  .e-input-group.e-control-container.e-control-wrapper.page-size .e-input,
.grid[b-q32ncf07zs]  .e-numeric.number-input .e-control.e-numerictextbox {
    padding: 0px 10px;
    text-align: center;
}
/* /Pages/Public Transport/PtDateSelections.razor.rz.scp.css */
.date-selections__container[b-3hn2vggc5p] {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.date-selections__header[b-3hn2vggc5p] {
}

.date-selections__title[b-3hn2vggc5p] {
}

.date-selections__columns[b-3hn2vggc5p] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/* /Pages/Public Transport/PtExportQuantities.razor.rz.scp.css */
#page-content[b-eieuttr29g] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.bottom-actions[b-eieuttr29g] {
    border: 1px solid rgba(0,0,0,.12);
    border-top: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
    width: 100%;
}

.action-buttons[b-eieuttr29g] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
}

.state-messages[b-eieuttr29g] {
    align-items: center;
    display: flex;
    flex-direction: row;
}

.clear-message[b-eieuttr29g] {
    align-items: center;
    color: rgba(0,0,0,0.5);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    padding: 5px;
}

.clear-message:hover[b-eieuttr29g] {
    color: var(--primary, #ffa727);
}

.preview-window[b-eieuttr29g] {
    background: rgba(255,255,255,.75);
    height: 100%;
    padding: 25px 25px 50px 25px;
    position: absolute;
    width: 100%;
    z-index: 15000;
}

.preview-content[b-eieuttr29g] {
    background: var(--white, #ffffff);
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 20px;
    position: relative;
}

.dropdown-group[b-eieuttr29g] {
    border-radius: 3px;
    margin-top: 10px;
    position: relative;
}

.dropdown-group .label[b-eieuttr29g] {
    border-bottom: 1px solid rgba(0,0,0,.12);
    color: var(--d70, #4c4c4c);
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    width: 100%;
}

.first-splitter-pane[b-eieuttr29g] {
    padding-bottom: 52px !important;
    position: relative;
}

.data-grid-container[b-eieuttr29g] {
    height: 100%;
    overflow: hidden;
}

/* Hide DataGrid Header for Output Elements */
[b-eieuttr29g] #c_expqua_set_uitele_grivie .e-gridheader {
    display: none;
    font-size: 15px !important;
}

[b-eieuttr29g] #c_expqua_set_uitele_grivie {
    border-top: 1px solid rgba(0,0,0,.12) !important;
}

/* Dropdown styling for dropdown-group */
.dropdown-group[b-eieuttr29g]  .data-group-dropdown {
    border: 1px solid rgba(0,0,0,.12) !important;
    border-radius: 2px !important;
    padding: 0px 10px !important;
    transition: border 500ms ease-in-out;
    width: 100% !important;
}

.dropdown-group[b-eieuttr29g]  .data-group-dropdown.e-valid-input {
    border: 1px solid rgba(0,0,0,.12) !important;
}

.dropdown-group[b-eieuttr29g]  .data-group-dropdown .e-multi-select-wrapper.e-down-icon {
    align-items: center;
    display: flex;
}

.dropdown-group[b-eieuttr29g]  .data-group-dropdown input::placeholder {
    color: #4c4c4c !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    min-height: unset !important;
    opacity: 1 !important; /* Firefox */
}

.dropdown-group[b-eieuttr29g]  .data-group-dropdown .e-clear-icon {
    padding-bottom: 5px !important;
}

.dropdown-group[b-eieuttr29g]  .data-group-dropdown .e-remain {
    color: #4c4c4c !important;
    font-size: 14px !important;
    line-height: unset !important;
    padding: 0 !important;
}

.dropdown-group[b-eieuttr29g]  .data-group-dropdown.required {
    border: 1px solid rgb(255, 167, 39) !important;
}



.calendar-wrapper.required[b-eieuttr29g]  .e-calendar {
    border: 1px solid rgb(255, 167, 39) !important;
}


/* Preview popup close button */

.close-button[b-eieuttr29g] {
    align-items: center;
    background: var(--white, #ffffff);
    border: none;
    box-shadow: none;
    display: flex;
    font-size: 28px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 10px;
}

.close-button:hover[b-eieuttr29g] {
    background: var(--white, #ffffff);
    box-shadow: none;
    color: var(--primary, #ffa727);
}

.close-button:focus-visible[b-eieuttr29g] {
    background: var(--white, #ffffff);
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75);
    color: rgb(13, 110, 253);
}

.line-selection-container[b-eieuttr29g] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.line-splitter-container[b-eieuttr29g] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.line-selection-actions__column[b-eieuttr29g] {
    display: flex;
    flex-direction: row;
    gap: 0.6rem;
}

.line-selection-counter[b-eieuttr29g] {
    margin-top: 4px;
    border: 1px solid rgba(0,0,0,.12);
}

.line-selection-period[b-eieuttr29g] {
    border-bottom: 1px solid rgba(0,0,0,.12);
    border-radius: 2px;
    font-size: 14px;
    padding: 5px 10px;
}

.line-selection-day-summary[b-eieuttr29g] {
    border-radius: 2px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 5px;
}

.pane-header[b-eieuttr29g] {
    display: flex;
    border-bottom: 0px;
    border: 1px solid var(--border, #e0e0e0);
    background-color: var(--d03, #f0f0f0);
}

[b-eieuttr29g] .pane-no-border {
    border: none !important;
}

[b-eieuttr29g] .pane-overflow-hidden {
    overflow: hidden !important;
    height: 100%;
}

[b-eieuttr29g] .pane-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
}

[b-eieuttr29g] .pane-content .e-grid {
    overflow: hidden !important;
}

.pane-header span[b-eieuttr29g] {
    align-items: center;
    color: var(--d87, #212121);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    min-height: 34px;
    padding: 0px 18px;
}

[b-eieuttr29g] .e-toolbar-item .e-tbar-btn {
    background: transparent !important;
}

[b-eieuttr29g] .e-toolbar-item .e-tbar-btn:hover, [b-eieuttr29g] .e-toolbar-item .e-tbar-btn:focus {
    background: #5c636a !important;
}

/*::deep #JourneyGrid .e-cell-no-border {
    padding-right: 0px !important;
}*/

[b-eieuttr29g] .toolbar-label {
    opacity: 1 !important;
}

[b-eieuttr29g] .toolbar-label button {
    background: transparent !important;
}

[b-eieuttr29g] .toolbar-label button span {
    color: #212121 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.pane-border-bottom[b-eieuttr29g] {
    border-bottom: 1px solid var(--border, #e0e0e0);
}

[b-eieuttr29g] .e-calendar {
    max-width: none !important;
    width: 100% !important;
}

/* Splitter */

[b-eieuttr29g] .e-split-bar.e-split-bar-vertical.e-resizable-split-bar.e-last-bar {
    margin: 10px 0px;
}

/* DropDown */

[b-eieuttr29g] .line-selection-dropdown {
    border: 1px solid rgba(0,0,0,.12) !important;
    border-radius: 2px !important;
    padding: 3px 10px !important;
}

[b-eieuttr29g] .line-selection-dropdown input {
    font-size: 14px !important;
}

[b-eieuttr29g] .line-selection-dropdown input::placeholder {
    color: #4c4c4c !important;
    font-size: 14px;
    font-weight: 400;
    opacity: 1 !important; /* Firefox */
}

[b-eieuttr29g] .line-selection-dropdown input::-ms-input-placeholder { /* Edge 12 -18 */
    color: #4c4c4c !important;
}

/* MultiSelect overrides */

.first-splitter-pane[b-eieuttr29g]  .data-owner-dropdown {
    border: 1px solid rgb(255, 167, 39) !important;
    border-radius: 2px !important;
    padding: 3px 10px !important;
    transition: border 500ms ease-in-out;
    width: 100% !important;
}

.first-splitter-pane[b-eieuttr29g]  .data-owner-dropdown.e-valid-input {
    border: 1px solid rgba(0,0,0,.12) !important;
}

.first-splitter-pane[b-eieuttr29g]  .data-owner-dropdown .e-multi-select-wrapper.e-down-icon {
    display: flex;
    align-items: center;
}

.first-splitter-pane[b-eieuttr29g]  .data-owner-dropdown input::placeholder {
    color: #4c4c4c !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    min-height: unset !important;
    opacity: 1 !important; /* Firefox */
}

.first-splitter-pane[b-eieuttr29g]  .data-owner-dropdown .e-clear-icon {
    padding-bottom: 5px !important;
}


.first-splitter-pane[b-eieuttr29g]  .data-owner-dropdown .e-remain {
    color: #4c4c4c !important;
    font-size: 14px !important;
    line-height: unset !important;
    padding: 0 !important;
}

[b-eieuttr29g] .remarks-dropdown {
    padding-left: 5px !important;
}

[b-eieuttr29g] .remarks-dropdown .e-clear-icon {
    padding-bottom: 5px !important;
}


/* split bar arrows */
[b-eieuttr29g] .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-left::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-left[b-eieuttr29g]::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-left[b-eieuttr29g]::after, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-left[b-eieuttr29g]::after, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right[b-eieuttr29g]::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-right[b-eieuttr29g]::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right[b-eieuttr29g]::after, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-right[b-eieuttr29g]::after {
    background-color: green;
}

[b-eieuttr29g] .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
    /*background-color: #e0e0e0  !important;*/
    border: 2px solid rgba(0,0,0,.54) !important;
    border-radius: 3px !important;
    color: white !important;
}

[b-eieuttr29g] .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden)::before {
    background-color: rgba(0,0,0,.54) !important;
    opacity: 1 !important;
    top: 4px !important;
    transform: rotate(40deg);
}

[b-eieuttr29g] .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden)::after {
    background-color: rgba(0,0,0,.54) !important;
    opacity: 1 !important;
    top: 10px !important;
    transform: rotate(-40deg);
}

/* split bar arrows - circular border */
[b-eieuttr29g] .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-left, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right[b-eieuttr29g] {
    border-color: rgba(33, 227, 22, 0.5);
}

.selection-buttons-container[b-eieuttr29g] {
    display: flex;
    flex-direction: row;
    gap: 40px;
    justify-content: center;
    padding: 10px 5px 0px 5px;
}

.selection-buttons-container .custom-button[b-eieuttr29g] {
    padding: 5px 15px;
}

.custom-button[b-eieuttr29g] {
    align-items: center;
    background: var(--white, #ffffff);
    border: 1px solid var(--d70, #4c4c4c);
    border: 1px solid var(--white, #ffffff);
    border-radius: 3px !important;
    box-shadow: none;
    display: flex;
    justify-content: center;
    padding: 5px;
    transition: all 250ms ease-in-out;
}

.custom-button:hover[b-eieuttr29g], .custom-button:focus[b-eieuttr29g] {
    box-shadow: none;
    border: 1px solid var(--d70, #4c4c4c);
    background: #e0e0e0 !important;
}

.custom-button:focus-visible[b-eieuttr29g] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75) !important;
    color: rgb(13, 110, 253) !important;
}

.custom-button .button-content[b-eieuttr29g] {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center;
}

.toggle-expand-collapse[b-eieuttr29g] {
    bottom: 10px;
    left: 10px;
    min-height: 30px;
    min-width: 30px;
    position: absolute;
    z-index: 1000;
}

.toggle-expand-collapse .button-content[b-eieuttr29g] {
    transition: transform 300ms ease-in-out;
}

.toggle-expand-collapse.expanded .button-content[b-eieuttr29g] {
    transform: rotate(180deg);
}

.loading-overlay[b-eieuttr29g] {
    position: relative;
}

.loading-overlay[b-eieuttr29g], .loading-save-data[b-eieuttr29g] {
    align-items: center;
    background: rgba(255,255,255,.75);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20000;
}

.loading-overlay-content[b-eieuttr29g] {
    background: var(--white, #ffffff);
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0,0.25);
    padding: 20px;
}

.loading-overlay.message[b-eieuttr29g] {
    color: #5c636a;
    display: flex;
    flex-direction: column;
    text-align: center;
    z-index: 25000;
}

.loading-message-container[b-eieuttr29g] {

}

.loading-message[b-eieuttr29g] {

}

.loading-message strong[b-eieuttr29g] {
    font-size: 14px;
    font-weight: 500;
}

.loading-message small[b-eieuttr29g] {
    font-size: 12px;
}

.loading-save-data[b-eieuttr29g] {
    z-index: 2000000000;
}

/* No Date Selection Warnings */
.first-splitter-pane.no-dates[b-eieuttr29g]  .e-calendar {
    border: 1px solid #ffa727 !important;
}

.first-splitter-pane.no-dates[b-eieuttr29g]  .line-selection-dropdown {
    border: 1px solid #ffa727 !important;
}

.first-splitter-pane[b-eieuttr29g]  .e-calendar {
    transition: border 500ms ease-in-out;
}

.first-splitter-pane[b-eieuttr29g]  .line-selection-dropdown {
    transition: border 500ms ease-in-out;
}

/* DataGrid Cell Selection Border Override  */

[b-eieuttr29g] .e-grid .e-rowcell {
    line-height: 18px;
    padding: 0px 21px;
}

/* Save Dropdown Overrides */

.save-section[b-eieuttr29g]  .input-no-margin {
    margin-bottom: 0 !important;
}

.save-section[b-eieuttr29g]  .input-no-margin input {
    padding: 0px 5px !important;
    font-size: 14px !important;
}

.save-section[b-eieuttr29g]  .input-no-margin input::placeholder {
    color: #4c4c4c !important;
    opacity: 1 !important; /* Firefox */
}

.save-section[b-eieuttr29g]  .input-no-margin input::-ms-input-placeholder { /* Edge 12 -18 */
    color: #4c4c4c !important;
}

/* DataGrid Sort Nummer Override */
[b-eieuttr29g] .e-sortnumber {
    display: none !important;
}

/* DataGrid Enabled Rows */

[b-eieuttr29g] .e-row.row-enabled {
    background: rgba(168, 255, 22, 0.75);
}

[b-eieuttr29g] .e-row.row-enabled .e-rowcell.e-active {
    background: rgb(126, 204, 217);
}

[b-eieuttr29g] .e-row.row-enabled.e-altrow .e-rowcell.e-active {
    background: rgb(59, 177, 197);
}

[b-eieuttr29g] .e-row.row-enabled.e-altrow {
    background: rgba(138, 221, 0, 0.75);
}

[b-eieuttr29g] .e-row.row-disabled .e-rowcell {
    color: #cecece !important;
}

[b-eieuttr29g] .e-row.row-enabled.e-altrow {
}
/* /Pages/Public Transport/PtGroupOfPunctualityEditor.razor.rz.scp.css */
.range-editor__container[b-nwelurgd9x] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--white);
    color: var(--bs-body-color);
}

.range-editor__header[b-nwelurgd9x] {
}

.range-editor__title[b-nwelurgd9x] {
}

.range-editor__editor[b-nwelurgd9x] {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.range-editor__selection-container[b-nwelurgd9x] {
    border: solid 1px rgba(var(--sync-border-a));
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 20px;
}

.range-editor__no-selection-container[b-nwelurgd9x] {
    align-items: center;
    border: solid 1px rgba(var(--sync-border-a));
    display: flex;
    font-size: 16px;
    height: 100%;
    justify-content: center;
    padding: 20px;
    text-align: center;
}

.group-selector-container[b-nwelurgd9x] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    width: 100%;
}

.group-selector[b-nwelurgd9x] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.content-container[b-nwelurgd9x] {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.range-editor-container[b-nwelurgd9x] {
    background: var(--white);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}











.grid-container[b-nwelurgd9x] {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.grid-container[b-nwelurgd9x]  .e-cell-no-border {
    border-color: var(--d06);
    box-shadow: none !important;
    cursor: pointer;
}

.splitter-pane[b-nwelurgd9x] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 5px;
}


/* Toolbar */
.explorer-toolbar[b-nwelurgd9x] {
    background: var(--sync-toolbar);
    border-radius: 3px 3px 0px 0px;
    border: 1px solid var(--d12);
    border-bottom: none;
    display: flex;
    gap: 2px;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: auto;
    flex-shrink: 0;
    height: 44px;
}

.left-toolbar .toolbar-button:first-child[b-nwelurgd9x] {
    margin-left: 6px;
}

.right-toolbar .toolbar-button:last-child[b-nwelurgd9x] {
    margin-right: 6px;
}

.explorer-toolbar .left-toolbar[b-nwelurgd9x] {
    display: flex;
    gap: 2px;
}

.explorer-toolbar .right-toolbar[b-nwelurgd9x] {
    display: flex;
    gap: 2px;
}

/* Toolbar Button */
.toolbar-button[b-nwelurgd9x] {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: var(--sync-toolbar-btn-text);
    display: flex;
    font-size: 14px;
    justify-content: center;
    line-height: 14px;
    margin: 6px 0px;
    padding: 6px 8px;
    transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
}

.toolbar-button.uppercase[b-nwelurgd9x] {
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
}

.toolbar-button .button-content[b-nwelurgd9x] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.toolbar-button .button-label[b-nwelurgd9x] {
    padding-top: 1px;
    white-space: nowrap;
}

.toolbar-button iconify-icon[b-nwelurgd9x] {
    font-size: 20px;
}

.toolbar-button:hover[b-nwelurgd9x] {
    background: var(--d12);
}

.toolbar-button:focus-visible[b-nwelurgd9x] {
    border-color: var(--focus-visible);
    box-shadow: 0px 0px 10px 0px rgba(var(--focus-visible-a));
    color: var(--focus-visible);
}

.toolbar-button:disabled[b-nwelurgd9x] {
    background: var(--sync-toolbar-btn-dis);
    color: var(--d33);
}

.toolbar-button.no-label:disabled[b-nwelurgd9x] {
    background: transparent;
}

.toolbar-button.close-modal iconify-icon[b-nwelurgd9x] {
    font-size: 28px;
}

@media (max-width: 950px) {
    .toolbar-button .button-label[b-nwelurgd9x] {
        display: none;
    }
}

.toolbar-button.no-label .button-content[b-nwelurgd9x] {
    gap: 0px;
}

.grid-name-template[b-nwelurgd9x] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.grid-name-template-icon[b-nwelurgd9x] {
    display: flex;
    color: var(--d33);
    font-size: 16px;
}
/* /Pages/Public Transport/PtGroupOfStopsEditor.razor.rz.scp.css */
[b-0bda2lavwy] #StopGrid_ccdlg {
    top: initial !important;
    bottom: 0 !important;
}

.group-of-stops-editor[b-0bda2lavwy] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.editor-overlay[b-0bda2lavwy] {
    align-items: center;
    background: rgba(255, 255, 255,0.85);
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    padding: 20px;
    position: absolute;
    width: 100%;
    z-index: 1000000;
}

.editor-overlay_container[b-0bda2lavwy] {
    padding: 20px;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 5px;
    background: var(--white, #ffffff);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}


.editor-overlay_container.dialog[b-0bda2lavwy] {
    height: auto;
    width: auto;
    min-width: 500px;
}

.editor-overlay_header[b-0bda2lavwy] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.editor-overlay_content[b-0bda2lavwy] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    overflow: hidden;
}

.inputs[b-0bda2lavwy] {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.editor-overlay_container .inputs .dialog-input[b-0bda2lavwy] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 15px;
}

.editor-overlay_container .inputs .dialog-input label[b-0bda2lavwy] {
    font-size: 14px;
    font-weight: 500;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
}

[b-0bda2lavwy] .e-control.e-textbox.e-lib.e-input {
    color: #343a40;
    font-size: 14px;
}

/* Override for the blue tinted buttons in the syncfusion toolbars */
[b-0bda2lavwy] .e-toolbar .e-toolbar-item .e-tbar-btn {
    /*background-color: #fafafa !important;*/
    transition: all 250ms ease-in-out;
}

/*::deep .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
    background-color: #757575 !important;
}


::deep .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
    background-color: #757575 !important;
}

::deep .e-toolbar .e-toolbar-item .e-tbar-btn:focus-visible {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75) !important;
    color: rgb(13, 110, 253) !important;
}
*/

.datagrid-header[b-0bda2lavwy] {
    background: var(--d03, #f0f0f0);
    border: 1px solid rgba(0,0,0,.12);
    border-bottom: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    padding: 6px 10px 6px 10px;
    width: 100%;
}

.button-group-left[b-0bda2lavwy], .button-group-right[b-0bda2lavwy] {
    width: 100%;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    padding: 10px 10px 5px 0px;
}

.button-group-left[b-0bda2lavwy] {
    justify-content: flex-end;
    padding: 10px 0px 5px 10px;
}


.datagrid-left[b-0bda2lavwy], .datagrid-right[b-0bda2lavwy] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.data-grid-container[b-0bda2lavwy] {
    height: 100%;
    overflow: hidden;
}

.splitter-header[b-0bda2lavwy] {
    background: var(--d03, #f0f0f0);
    border: 1px solid rgba(0,0,0,.12);
    border-bottom: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    /*padding: 6px 10px 6px 10px;*/
    width: 100%;
    height: 30px;
}

.splitter-header .header-content[b-0bda2lavwy] {
    padding: 6px 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    min-height: 30px;
}

[b-0bda2lavwy] .splitter-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    height: 100%;
    overflow: hidden;
    padding: 5px;
}

.stop-editor[b-0bda2lavwy] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* Splitter */
.splitter[b-0bda2lavwy] {
    height: 100%;
    overflow: hidden;
}

[b-0bda2lavwy] .pane-content {
    position: relative;
    overflow: hidden;
    height: 100%;
    flex-direction: column;
    display: flex;
}

[b-0bda2lavwy] .pane-content-horizontal {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 5px;
    position: relative;
}

[b-0bda2lavwy] .pane-content .e-grid {
    overflow: hidden !important;
}

[b-0bda2lavwy] .pane-no-border {
    border: none !important;
}

[b-0bda2lavwy] .pane-overflow-hidden {
    height: 100%;
    overflow: hidden !important;
}

.pane-border-bottom[b-0bda2lavwy] {
    border-bottom: 1px solid var(--border, #e0e0e0);
}

.custom-button[b-0bda2lavwy] {
    align-items: center;
    background: var(--white, #ffffff);
    border: 1px solid var(--d70, #4c4c4c);
    border-radius: 3px;
    box-shadow: none;
    display: flex;
    justify-content: center;
    padding: 8px 10px;
    transition: all 250ms ease-in-out;
    font-size: 14px;
    line-height: 14px
}

.custom-button:hover[b-0bda2lavwy], .custom-button:focus[b-0bda2lavwy] {
    box-shadow: none;
    border: 1px solid var(--d70, #4c4c4c);
    background: var(--d12, #e0e0e0);
}

.custom-button:focus-visible[b-0bda2lavwy] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75) !important;
    color: rgb(13, 110, 253) !important;
}

.custom-button .button-content[b-0bda2lavwy] {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center;
}

.custom-button:disabled[b-0bda2lavwy] {
    color: #bababa !important;
    background: #dcdcdc !important;
    border-color: #dcdcdc !important;
}

.editor-overlay .icon-button[b-0bda2lavwy] {
    height: 30px;
    width: 30px;
    border: 1px solid rgba(117, 117, 117,0.5);
    align-items: center;
    font-size: 14px;
    line-height: 14px;
    padding: 4px;
    display: flex;
    justify-content: center;
    border-radius: 5px;
}

.editor-overlay .icon-button:hover[b-0bda2lavwy] {
    color: var(--white-text, #ffffff);
    background-color: #757575;
}

.editor-overlay .icon-button:focus-visible[b-0bda2lavwy] {
    border-color: rgb(13, 110, 253);
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75);
    color: rgb(13, 110, 253);
}

.editor-overlay .icon-button iconify-icon[b-0bda2lavwy] {
    height: 20px;
    width: 20px;
}

.custom-button.primary-button[b-0bda2lavwy] {
    background: rgb(13, 110, 253);
    border-color: rgb(13, 110, 253);
    color: var(--white-text, #ffffff);
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
}

.custom-button.primary-button:hover[b-0bda2lavwy] {
    background: var(--white, #ffffff);
    border-color: rgb(13, 110, 253);
    color: rgb(13, 110, 253);
}

.splitter-header.stop-editor .custom-button.primary-button[b-0bda2lavwy] {
    border-radius: 0px;
    padding: 0px 10px;
}

.button-group[b-0bda2lavwy] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.button-group .left[b-0bda2lavwy], .button-group .right[b-0bda2lavwy] {
    display: flex;
    gap: 10px;
}

/* Loading Overlay --------------------------------------------------------------------------------------------------------------------------------*/
[b-0bda2lavwy] .loading-overlay {
    position: relative;
}

[b-0bda2lavwy] .loading-overlay, .loading-save-data[b-0bda2lavwy] {
    align-items: center;
    background: rgba(255,255,255,.75);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20000;
}

[b-0bda2lavwy] .loading-overlay-content {
    background: var(--white, #ffffff);
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0,0.25);
    padding: 20px;
}

[b-0bda2lavwy] .loading-overlay.message {
    color: #5c636a;
    display: flex;
    flex-direction: column;
    text-align: center;
    z-index: 25000;
}

[b-0bda2lavwy] .loading-message-container {
}

[b-0bda2lavwy] .loading-message {
}

[b-0bda2lavwy] .loading-message strong {
    font-size: 14px;
    font-weight: 500;
}

[b-0bda2lavwy] .loading-message small {
    font-size: 12px;
}

[b-0bda2lavwy] .loading-save-data {
    z-index: 2000000000;
}

.action-menu[b-0bda2lavwy] {
    border: 1px solid rgba(0,0,0,0.12);
    margin-top: 5px;
    padding: 5px;
    display: flex;
    justify-content: space-between;
}

.action-menu .menu-left[b-0bda2lavwy], .action-menu .menu-rigth[b-0bda2lavwy] {
    display: flex;
    gap: 5px;
}

/* Dialog styling ---------------------------------------------------------------------------------------------------------------------------------*/
.e-control.custom-button.primary-button.delete[b-0bda2lavwy] {
    background-color: #dc3545;
    border-color: #dc3545;
}

.e-control.custom-button.primary-button.delete:hover[b-0bda2lavwy] {
    background-color: var(--white-text, #ffffff);
    border-color: #dc3545;
    color: #dc3545;
}

.dialog-content[b-0bda2lavwy] {
    padding: 10px 5px 20px 5px;
}

.dialog-content strong[b-0bda2lavwy] {
    font-size: 14px;
    font-weight: 500;
}

.dialog-content small[b-0bda2lavwy] {
    font-size: 12px;
}
/* /Pages/Public Transport/PtGroupOfTimebandEditor.razor.rz.scp.css */
.range-editor__container[b-iqft54t0c3] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.range-editor__header[b-iqft54t0c3] {
}

.range-editor__title[b-iqft54t0c3] {
}

.range-editor__editor[b-iqft54t0c3] {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.range-editor__selection-container[b-iqft54t0c3] {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: solid 1px #e0e0e0;
    padding: 20px;
    overflow: hidden;
}

.range-editor__no-selection-container[b-iqft54t0c3] {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 20px;
    border: solid 1px #e0e0e0;
    font-size: 16px;
}

.splitter[b-iqft54t0c3] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.grid-container[b-iqft54t0c3] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.grid-container[b-iqft54t0c3]  .e-cell-no-border {
    border-color: var(--d06);
    box-shadow: none !important;
    cursor: pointer;
}

.splitter-pane[b-iqft54t0c3] {
    padding: 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
}


/* Toolbar */
.explorer-toolbar[b-iqft54t0c3] {
    background: #f8f9fa;
    border-radius: 3px 3px 0px 0px;
    border: 1px solid var(--border, #e0e0e0);
    border-bottom: none;
    display: flex;
    gap: 2px;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: auto;
    flex-shrink: 0;
    height: 44px;
}

.left-toolbar .toolbar-button:first-child[b-iqft54t0c3] {
    margin-left: 6px;
}

.right-toolbar .toolbar-button:last-child[b-iqft54t0c3] {
    margin-right: 6px;
}

.explorer-toolbar .left-toolbar[b-iqft54t0c3] {
    display: flex;
    gap: 2px;
}

.explorer-toolbar .right-toolbar[b-iqft54t0c3] {
    display: flex;
    gap: 2px;
}

/* Toolbar Button */
.toolbar-button[b-iqft54t0c3] {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: rgb(33, 37, 41);
    display: flex;
    font-size: 14px;
    line-height: 14px;
    justify-content: center;
    padding: 6px 8px;
    transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
    margin: 6px 0px;
}

.toolbar-button.uppercase[b-iqft54t0c3] {
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
}

.toolbar-button .button-content[b-iqft54t0c3] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.toolbar-button .button-label[b-iqft54t0c3] {
    padding-top: 1px;
    white-space: nowrap;
}

.toolbar-button iconify-icon[b-iqft54t0c3] {
    font-size: 20px;
}

.toolbar-button:hover[b-iqft54t0c3] {
    background: var(--d12, #e0e0e0);
}

.toolbar-button:focus-visible[b-iqft54t0c3] {
    border-color: rgb(13, 110, 253);
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75);
    color: rgb(13, 110, 253);
}

.toolbar-button:disabled[b-iqft54t0c3] {
    background: var(--sync-toolbar-btn-dis);
    color: #aeaeae;
}

.toolbar-button.no-label:disabled[b-iqft54t0c3] {
    background: transparent;
}

.toolbar-button.close-modal[b-iqft54t0c3] {
    background: #f8d7da;
    border-radius: 0px;
    color: #721c24;
    font-size: 20px;
    margin: 0px 0px 0px 12px !important;
    width: 44px;
}

.toolbar-button.close-modal:hover[b-iqft54t0c3], .toolbar-button.close-modal:focus-visible[b-iqft54t0c3] {
    background: #ff0000;
    box-shadow: none;
    color: var(--white-text, #ffffff);
}

.toolbar-button.close-modal iconify-icon[b-iqft54t0c3] {
    font-size: 28px;
}


@media (max-width: 950px) {
    .toolbar-button .button-label[b-iqft54t0c3] {
        display: none;
    }
}

.toolbar-button.no-label .button-content[b-iqft54t0c3] {
    gap: 0px;
}

.grid-name-template[b-iqft54t0c3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.grid-name-template-icon[b-iqft54t0c3] {
    display: flex;
    color: var(--d33);
    font-size: 16px;
}
/* /Pages/Public Transport/PtHubs.razor.rz.scp.css */
.grid[b-kjep8altdd] {
    overflow: hidden;
    height: 100%;
}

.grid[b-kjep8altdd]  .e-cell-no-border {
    box-shadow: none !important;
}

.grid[b-kjep8altdd]  .e-grid .e-gridheader table th[rowspan] {
    padding-bottom: 8px;
    padding-top: 8px;
}

[b-kjep8altdd] #StopGrid_ccdlg {
    top: initial !important;
    bottom: 0 !important;
}

.splitter-header[b-kjep8altdd] {
    background: var(--d03, #f0f0f0);
    border: 1px solid rgba(0,0,0,.12);
    border-bottom: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    padding: 6px 10px 6px 10px;
    width: 100%;
}

/* Splitter */

.splitter[b-kjep8altdd] {
    height: 100%;
    overflow: hidden;
}

.splitter-pane[b-kjep8altdd] {
    padding: 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.splitter[b-kjep8altdd]  .pane-content {
    position: relative;
    overflow: hidden;
    height: 100%;
    flex-direction: column;
    display: flex;
}

.splitter[b-kjep8altdd]  .pane-content .e-grid {
    overflow: hidden !important;
}

.splitter[b-kjep8altdd]  .pane-no-border {
    border: none !important;
}

.splitter[b-kjep8altdd]  .pane-overflow-hidden {
    height: 100%;
    overflow: hidden !important;
}

.pane-border-bottom[b-kjep8altdd] {
    border-bottom: 1px solid var(--border, #e0e0e0);
}
/* /Pages/Public Transport/PtLines.razor.rz.scp.css */
.grid-container[b-yfdweztc5r] {
    padding: 5px;
    height: 100%;
}

.grid[b-yfdweztc5r] {
    overflow: hidden;
    height: 100%;
}

.grid[b-yfdweztc5r]  .e-cell-no-border {
    box-shadow: none !important;
}

.grid[b-yfdweztc5r]  .e-grid .e-gridheader table th[rowspan] {
    padding-bottom: 8px;
    padding-top: 8px;
}

/* Splitter */

.splitter[b-yfdweztc5r] {
    height: 100%;
    overflow: hidden;
}

[b-yfdweztc5r] .pane-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
}

[b-yfdweztc5r] .pane-content .e-grid {
    overflow: hidden !important;
}

[b-yfdweztc5r] .pane-no-border {
    border: none !important;
}

[b-yfdweztc5r] .pane-overflow-hidden {
    overflow: hidden !important;
    height: 100%;
}

.pane-border-bottom[b-yfdweztc5r] {
    border-bottom: 1px solid var(--border, #e0e0e0);
}

/* Splitter Pane Toggle Button */

.custom-button[b-yfdweztc5r] {
    border: none;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border: 1px solid var(--d70, #4c4c4c);
    background: var(--white, #ffffff);
    transition: all 250ms ease-in-out;
}

.custom-button:hover[b-yfdweztc5r] {
    background: var(--d12, #e0e0e0);
}

.custom-button:focus-visible[b-yfdweztc5r] {
    border-color: rgb(13, 110, 253);
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75);
    color: rgb(13, 110, 253);
}

.custom-button .button-content[b-yfdweztc5r] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.toggle-expand-collapse[b-yfdweztc5r] {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 1000;
    min-height: 30px;
    min-width: 30px;
}

.toggle-expand-collapse .button-content[b-yfdweztc5r] {
    transition: transform 300ms ease-in-out;
}

.toggle-expand-collapse.collapsed .button-content[b-yfdweztc5r] {
    transform: rotate(180deg);
}

/* Pager */

.gridview-control .data-count span[b-yfdweztc5r] {
    font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
    font-size: 13px;
    line-height: 13px;
}

.grid[b-yfdweztc5r]  .pager-container {
    padding: 5px;
    overflow: hidden;
    height: 38px;
    flex-direction: row;
    display: flex;
    align-items: center;
    gap: 10px;
}

.input-page-label[b-yfdweztc5r] {
}

.grid[b-yfdweztc5r]  .page-size-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.grid[b-yfdweztc5r]  .page-size-container span {
    margin-left: 5px;
    white-space: nowrap;
}

.grid[b-yfdweztc5r]  .pager-inputs {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 10px;
    min-width: 0;
}

.grid[b-yfdweztc5r]  .total-count {
    white-space: nowrap;
    font-size: 13px;
    line-height: 13px;
}

.grid[b-yfdweztc5r]  .e-input-group.e-control-container.e-control-wrapper.page-size,
.grid[b-yfdweztc5r]  .e-numeric.number-input.e-control-container.e-control-wrapper {
    border: 1px solid rgba(0,0,0,0.12) !important;
    border-radius: 5px !important;
    margin: 0px !important;
    overflow: hidden !important;
}

.grid[b-yfdweztc5r]  .e-input-group.page-size.e-control-container.e-control-wrapper:before,
.grid[b-yfdweztc5r]  .e-input-group.page-size.e-control-container.e-control-wrapper:after,
.grid[b-yfdweztc5r]  .e-numeric.number-input.e-control-container.e-control-wrapper:before,
.grid[b-yfdweztc5r]  .e-numeric.number-input.e-control-container.e-control-wrapper:after {
    display: none !important;
}

.grid[b-yfdweztc5r]  .e-input-group.e-control-container.e-control-wrapper.page-size .e-input-group-icon,
.grid[b-yfdweztc5r]  .e-numeric.number-input .e-input-group-icon.e-spin-down,
.grid[b-yfdweztc5r]  .e-numeric.number-input .e-input-group-icon.e-spin-up {
    border-left: 1px solid rgba(0,0,0,0.12) !important;
    margin: 0px;
    padding: 4px;
}

.grid[b-yfdweztc5r]  .e-numeric.number-input .e-input-group-icon.e-spin-down::before,
.grid[b-yfdweztc5r]  .e-numeric.number-input .e-input-group-icon.e-spin-up::before {
    transform: rotate(90deg);
}

.grid[b-yfdweztc5r]  .e-input-group.e-control-container.e-control-wrapper.page-size .e-input,
.grid[b-yfdweztc5r]  .e-numeric.number-input .e-control.e-numerictextbox {
    padding: 0px 10px;
    text-align: center;
}
/* /Pages/Public Transport/PtLineSelections.razor.rz.scp.css */
.line-selections__container[b-lawvzts87x] {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.line-selections__header[b-lawvzts87x] {
}

.line-selections__title[b-lawvzts87x] {
}

.line-selections__columns[b-lawvzts87x] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/* /Pages/Public Transport/PtStops.razor.rz.scp.css */
.grid[b-7qupcn27j6] {
    overflow: hidden;
    height: 100%;
}

.grid[b-7qupcn27j6]  .e-cell-no-border {
    box-shadow: none !important;
}

.grid[b-7qupcn27j6]  .e-grid .e-gridheader table th[rowspan] {
    padding-bottom: 8px;
    padding-top: 8px;
}

/* Splitter */
.splitter[b-7qupcn27j6] {
    height: 100%;
    overflow: hidden;
}

.splitter[b-7qupcn27j6]  .pane-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.splitter[b-7qupcn27j6]  .splitter-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    height: 100%;
    overflow: hidden;
    padding: 5px;
}

.splitter[b-7qupcn27j6]  .pane-content .e-grid {
    overflow: hidden !important;
}

.splitter[b-7qupcn27j6]  .pane-no-border {
    border: none !important;
}

.splitter[b-7qupcn27j6]  .pane-overflow-hidden {
    overflow: hidden !important;
    height: 100%;
}

.pane-border-bottom[b-7qupcn27j6] {
    border-bottom: 1px solid var(--border, #e0e0e0);
}

/* Splitter Pane Toggle Button */

.custom-button[b-7qupcn27j6] {
    border: none;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border: 1px solid var(--d70, #4c4c4c);
    background: var(--white, #ffffff);
    transition: all 250ms ease-in-out;
}

.custom-button:hover[b-7qupcn27j6] {
    background: var(--d12, #e0e0e0);
}

.custom-button:focus-visible[b-7qupcn27j6] {
    border-color: rgb(13, 110, 253);
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75);
    color: rgb(13, 110, 253);
}

.custom-button .button-content[b-7qupcn27j6] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.toggle-expand-collapse[b-7qupcn27j6] {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 1000;
    min-height: 30px;
    min-width: 30px;
}

.toggle-expand-collapse .button-content[b-7qupcn27j6] {
    transition: transform 300ms ease-in-out;
}

.toggle-expand-collapse.collapsed .button-content[b-7qupcn27j6] {
    transform: rotate(180deg);
}

/* Dialog */

.dialog-overlay[b-7qupcn27j6]  .e-dialog.e-lib.e-popup.e-control.e-popup-open {
    border-radius: 5px;
    overflow: hidden;
}

[b-7qupcn27j6] .dialog-content {
    font-size: 14px;
}

[b-7qupcn27j6] .dialog-dropdown {
    margin-top: 15px;
}

.action-menu[b-7qupcn27j6] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.align-right[b-7qupcn27j6] {
    display: flex;
    justify-content: end;
    gap: 10px;
}

[b-7qupcn27j6] .e-dialog .e-footer-content {
    padding: 18px;
}

.dialog-button[b-7qupcn27j6] {
    align-items: center;
    background: var(--white, #ffffff);
    border: 1px solid var(--d70, #4c4c4c);
    border-radius: 3px;
    box-shadow: none;
    display: flex;
    justify-content: center;
    padding: 8px 10px;
    transition: all 250ms ease-in-out;
    font-size: 14px;
    line-height: 14px
}

.dialog-button:hover[b-7qupcn27j6], .dialog-button:focus[b-7qupcn27j6] {
    box-shadow: none;
    border: 1px solid var(--d70, #4c4c4c);
    background: var(--d12, #e0e0e0);
}

.dialog-button:focus-visible[b-7qupcn27j6] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75) !important;
    color: rgb(13, 110, 253) !important;
}

.dialog-button .button-content[b-7qupcn27j6] {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center;
}

.dialog-button:disabled[b-7qupcn27j6] {
    color: #bababa !important;
    background: #dcdcdc !important;
    border-color: #dcdcdc !important;
}

.dialog-button.primary-button[b-7qupcn27j6] {
    background: rgb(13, 110, 253);
    border-color: rgb(13, 110, 253);
    color: var(--white-text, #ffffff);
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
}

.dialog-button.primary-button:hover[b-7qupcn27j6] {
    background: var(--white, #ffffff);
    border-color: rgb(13, 110, 253);
    color: rgb(13, 110, 253);
}

.dialog-content .inputs[b-7qupcn27j6] {
    align-items: center;
    display: grid;
    gap: 15px 10px;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    justify-items: start;
    padding: 15px 10px 0px 10px;
}

.dialog-content .inputs[b-7qupcn27j6]  .e-input-group.e-control-container.e-control-wrapper {
    margin: 0;
}

.dialog-content .inputs .dialog-input[b-7qupcn27j6] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 15px;
}

.dialog-content .inputs .dialog-input label[b-7qupcn27j6] {
    font-size: 14px;
    font-weight: 500;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
}

[b-7qupcn27j6] .e-control.e-textbox.e-lib.e-input {
    color: #343a40;
    font-size: 14px;
}


/* Pager */

.gridview-control .data-count span[b-7qupcn27j6] {
    font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
    font-size: 13px;
    line-height: 13px;
}

.grid[b-7qupcn27j6]  .pager-container {
    padding: 5px;
    overflow: hidden;
    height: 38px;
    flex-direction: row;
    display: flex;
    align-items: center;
    gap: 10px;
}

.input-page-label[b-7qupcn27j6] {
}

.grid[b-7qupcn27j6]  .page-size-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.grid[b-7qupcn27j6]  .page-size-container span {
    margin-left: 5px;
    white-space: nowrap;
}

.grid[b-7qupcn27j6]  .pager-inputs {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 10px;
    min-width: 0;
}

.grid[b-7qupcn27j6]  .total-count {
    white-space: nowrap;
    font-size: 13px;
    line-height: 13px;
}

.grid[b-7qupcn27j6]  .e-input-group.e-control-container.e-control-wrapper.page-size,
.grid[b-7qupcn27j6]  .e-numeric.number-input.e-control-container.e-control-wrapper {
    border: 1px solid rgba(0,0,0,0.12) !important;
    border-radius: 5px !important;
    margin: 0px !important;
    overflow: hidden !important;
}

.grid[b-7qupcn27j6]  .e-input-group.page-size.e-control-container.e-control-wrapper:before,
.grid[b-7qupcn27j6]  .e-input-group.page-size.e-control-container.e-control-wrapper:after,
.grid[b-7qupcn27j6]  .e-numeric.number-input.e-control-container.e-control-wrapper:before,
.grid[b-7qupcn27j6]  .e-numeric.number-input.e-control-container.e-control-wrapper:after {
    display: none !important;
}

.grid[b-7qupcn27j6]  .e-input-group.e-control-container.e-control-wrapper.page-size .e-input-group-icon,
.grid[b-7qupcn27j6]  .e-numeric.number-input .e-input-group-icon.e-spin-down,
.grid[b-7qupcn27j6]  .e-numeric.number-input .e-input-group-icon.e-spin-up {
    border-left: 1px solid rgba(0,0,0,0.12) !important;
    margin: 0px;
    padding: 4px;
}

.grid[b-7qupcn27j6]  .e-numeric.number-input .e-input-group-icon.e-spin-down::before,
.grid[b-7qupcn27j6]  .e-numeric.number-input .e-input-group-icon.e-spin-up::before {
    transform: rotate(90deg);
}

.grid[b-7qupcn27j6]  .e-input-group.e-control-container.e-control-wrapper.page-size .e-input,
.grid[b-7qupcn27j6]  .e-numeric.number-input .e-control.e-numerictextbox {
    padding: 0px 10px;
    text-align: center;
}
/* /Pages/Public Transport/PtTravelDestinations.razor.rz.scp.css */
.grid[b-71yk2t8al4] {
    overflow: hidden;
    height: 100%;
}

.grid[b-71yk2t8al4]  .e-cell-no-border {
    box-shadow: none !important;
}

.grid[b-71yk2t8al4]  .e-grid .e-gridheader table th[rowspan] {
    padding-bottom: 8px;
    padding-top: 8px;
}

/* Splitter */
.splitter[b-71yk2t8al4] {
    height: 100%;
    overflow: hidden;
}

.splitter[b-71yk2t8al4]  .pane-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.splitter[b-71yk2t8al4]  .splitter-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    height: 100%;
    overflow: hidden;
    padding: 5px;
}

.splitter[b-71yk2t8al4]  .pane-content .e-grid {
    overflow: hidden !important;
}

.splitter[b-71yk2t8al4]  .pane-no-border {
    border: none !important;
}

.splitter[b-71yk2t8al4]  .pane-overflow-hidden {
    overflow: hidden !important;
    height: 100%;
}

.pane-border-bottom[b-71yk2t8al4] {
    border-bottom: 1px solid var(--border, #e0e0e0);
}

/* Splitter Pane Toggle Button */

.custom-button[b-71yk2t8al4] {
    border: none;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border: 1px solid var(--d70, #4c4c4c);
    background: var(--white, #ffffff);
    transition: all 250ms ease-in-out;
}

.custom-button:hover[b-71yk2t8al4] {
    background: var(--d12, #e0e0e0);
}

.custom-button:focus-visible[b-71yk2t8al4] {
    border-color: rgb(13, 110, 253);
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75);
    color: rgb(13, 110, 253);
}

.custom-button .button-content[b-71yk2t8al4] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.toggle-expand-collapse[b-71yk2t8al4] {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 1000;
    min-height: 30px;
    min-width: 30px;
}

.toggle-expand-collapse .button-content[b-71yk2t8al4] {
    transition: transform 300ms ease-in-out;
}

.toggle-expand-collapse.collapsed .button-content[b-71yk2t8al4] {
    transform: rotate(180deg);
}

/* Pager */

.gridview-control .data-count span[b-71yk2t8al4] {
    font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
    font-size: 13px;
    line-height: 13px;
}

.grid[b-71yk2t8al4]  .pager-container {
    padding: 5px;
    overflow: hidden;
    height: 38px;
    flex-direction: row;
    display: flex;
    align-items: center;
    gap: 10px;
}

.input-page-label[b-71yk2t8al4] {
}

.grid[b-71yk2t8al4]  .page-size-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.grid[b-71yk2t8al4]  .page-size-container span {
    margin-left: 5px;
    white-space: nowrap;
}

.grid[b-71yk2t8al4]  .pager-inputs {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 10px;
    min-width: 0;
}

.grid[b-71yk2t8al4]  .total-count {
    white-space: nowrap;
    font-size: 13px;
    line-height: 13px;
}

.grid[b-71yk2t8al4]  .e-input-group.e-control-container.e-control-wrapper.page-size,
.grid[b-71yk2t8al4]  .e-numeric.number-input.e-control-container.e-control-wrapper {
    border: 1px solid rgba(0,0,0,0.12) !important;
    border-radius: 5px !important;
    margin: 0px !important;
    overflow: hidden !important;
}

.grid[b-71yk2t8al4]  .e-input-group.page-size.e-control-container.e-control-wrapper:before,
.grid[b-71yk2t8al4]  .e-input-group.page-size.e-control-container.e-control-wrapper:after,
.grid[b-71yk2t8al4]  .e-numeric.number-input.e-control-container.e-control-wrapper:before,
.grid[b-71yk2t8al4]  .e-numeric.number-input.e-control-container.e-control-wrapper:after {
    display: none !important;
}

.grid[b-71yk2t8al4]  .e-input-group.e-control-container.e-control-wrapper.page-size .e-input-group-icon,
.grid[b-71yk2t8al4]  .e-numeric.number-input .e-input-group-icon.e-spin-down,
.grid[b-71yk2t8al4]  .e-numeric.number-input .e-input-group-icon.e-spin-up {
    border-left: 1px solid rgba(0,0,0,0.12) !important;
    margin: 0px;
    padding: 4px;
}

.grid[b-71yk2t8al4]  .e-numeric.number-input .e-input-group-icon.e-spin-down::before,
.grid[b-71yk2t8al4]  .e-numeric.number-input .e-input-group-icon.e-spin-up::before {
    transform: rotate(90deg);
}

.grid[b-71yk2t8al4]  .e-input-group.e-control-container.e-control-wrapper.page-size .e-input,
.grid[b-71yk2t8al4]  .e-numeric.number-input .e-control.e-numerictextbox {
    padding: 0px 10px;
    text-align: center;
}
/* /Pages/Shared/Components/Map/Map.razor.rz.scp.css */
.map-wrapper[b-yaivndvfl7] {
    position: relative;
    width: 100%;
    height: 100%;
}

#map[b-yaivndvfl7] {
    position: relative;
}

.loading-data[b-yaivndvfl7] {
    background: var(--white, #ffffff);
    color: var(--d60, #666666);
    border: 1px solid rgba(128,128,128,0.25);
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 6px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2000;
    border-radius: 5px;
    display: none;
}

[b-yaivndvfl7] #map-tooltip {
    background: rgba(53, 63, 76, 0.90);
    border-radius: 4px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.40);
    color: #fff;
    display: inline-block;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
    font-size: 13px;
    height: auto;
    left: 50%;
    line-height: 18px !important;
    max-width: 250px;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    transform: translateX(3%);
    visibility: hidden;
    width: auto;
    z-index: 100;
}

[b-yaivndvfl7] #map-tooltip .separator {
    border: 0.5px solid #DDDDDD;
    margin-bottom: 5px;
    margin-top: 2px;
}

[b-yaivndvfl7] #map-tooltip .item {
    display: flex;
    margin-bottom: 5px;
}

[b-yaivndvfl7] #map-tooltip .label {
    color: #cccccc;
    margin-right: 3px;
}

[b-yaivndvfl7] #map-tooltip .text {
    color: var(--white-text, #ffffff);
    font-weight: 500;
}

[b-yaivndvfl7] #map-tooltip .title {

}
/* /Pages/Tiles/TileViewControl.razor.rz.scp.css */
.tile-wrapper[b-0mzs55g4g4] {
    display: flex;
    gap: 40px;
    height: 100%;
    overflow: hidden;
    overflow-x: scroll;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
}

.tile-group[b-0mzs55g4g4] {
    display: flex;
    flex-direction: column;
}

.tile-group h4[b-0mzs55g4g4] {
    display: inline-block;
    white-space: nowrap;
}

.tiles[b-0mzs55g4g4] {
    display: inline-grid;
    gap:10px;
    grid-auto-flow: column;
    grid-template-rows: repeat(1, auto);
}

/* Tile Button Globals */

[b-0mzs55g4g4] .tile-button {
    align-items: flex-start;
    border: 1px solid;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: left;
    transition: opacity 250ms ease-in-out;
}

[b-0mzs55g4g4] .tile-button:hover {
    opacity: .5;
}

[b-0mzs55g4g4] .tile-button:focus-visible {
    background: #FFFFFF !important;
    border-color: rgb(13, 110, 253) !important;
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75);
}
[b-0mzs55g4g4] .tile-button:focus-visible .tile-text {
    color: rgb(13, 110, 253) !important;
}
[b-0mzs55g4g4] .tile-button:focus-visible .tile-icon {
    color: rgb(13, 110, 253) !important;
}

/* Tile Default Button */

[b-0mzs55g4g4] .tile-default-button .tile-text {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 14px;
    overflow: hidden;
    padding: 6px;
    width: 100%;
}

[b-0mzs55g4g4] .tile-default-button .tile-icon {
    height: 32px;
    width: 32px;
}

[b-0mzs55g4g4] .tile-default-button .tile-text .tile-title {
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 32px;
    line-height: 16px;
}

[b-0mzs55g4g4] .tile-default-button .tile-text .tile-messages {
    display: flex;
    flex-direction: row;
    gap: 6px;
    justify-content: flex-end;
    opacity: 0.6;
    white-space: nowrap;
    position: absolute;
    top: 6px;
    right: 6px;
}

[b-0mzs55g4g4] .tile-default-button .tile-text-icon {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 3px;
}

/* Tile Chart Button */

[b-0mzs55g4g4] .tile-chart-button {
    padding: 6px;
}

[b-0mzs55g4g4] .tile-chart-button .tile-text {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 6px;
    width: 100%;
}

[b-0mzs55g4g4] .tile-chart-button .tile-text .tile-title {
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 32px;
    line-height: 16px;
}

[b-0mzs55g4g4] .tile-chart-button .chart-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: var(--white, #ffffff);
    padding: 6px;
}

[b-0mzs55g4g4] .tile-chart-button .tile-icon {
    height: 16px;
    width: 16px;
    padding: 1px 0px;
    margin-right: 5px;
}

[b-0mzs55g4g4] .tile-chart-button .tile-messages {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 6px;
    justify-content: flex-start;
    margin-top: 5px;
    opacity: 0.6;
    white-space: nowrap;
    font-size: 14px;
    line-height: 14px;
}

[b-0mzs55g4g4] .tile-chart-button .tile-text-icon {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 3px;
}

/* Tile Chart Button */

[b-0mzs55g4g4] .tile-gauge-button {
    padding: 6px;
}

[b-0mzs55g4g4] .tile-gauge-button .tile-text {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 6px;
    width: 100%;
}

[b-0mzs55g4g4] .tile-gauge-button .tile-text .tile-title {
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 32px;
    line-height: 16px;
}

[b-0mzs55g4g4] .tile-gauge-button .chart-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: var(--white, #ffffff);
}

[b-0mzs55g4g4] .tile-gauge-button .tile-icon {
    height: 16px;
    width: 16px;
    padding: 1px 0px;
    margin-right: 5px;
}

[b-0mzs55g4g4] .tile-gauge-button .tile-messages {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 6px;
    justify-content: flex-start;
    margin-top: 5px;
    opacity: 0.6;
    white-space: nowrap;
    font-size: 14px;
    line-height: 14px;
}

[b-0mzs55g4g4] .tile-gauge-button .tile-text-icon {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 3px;
}

[b-0mzs55g4g4] .tile-gauge-button.double .tile-title, [b-0mzs55g4g4] .tile-gauge-button.double .tile-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-0mzs55g4g4] .tile-gauge-button.double .tile-text {
    margin-bottom: unset;
    padding-bottom: 6px;
}

/* Single Template */
[b-0mzs55g4g4] .tile-button.single {
    height: 100px;
    width: 100px;
}

[b-0mzs55g4g4] .tile-button.single .tile-icon-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
}

/* Double Template */

[b-0mzs55g4g4] .tile-button.double {
    height: 100px;
    width: 210px;
}

[b-0mzs55g4g4] .tile-button.double .tile-icon-wrapper {
    align-items: flex-start;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    position: absolute;
    width: 100%;
    padding: 6px 0px 0px 6px;
}

/* Quadruple Template */

[b-0mzs55g4g4] .tile-button.quadruple {
    height: 210px;
    width: 210px;
}


/* /Pages/Unauthorized.razor.rz.scp.css */
.unauthorized-container[b-04xpy4fwxp] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 3.5rem - 1.1rem - 1.1rem);
    justify-content: flex-start;
}

.unauthorized-content[b-04xpy4fwxp] {
    padding-top: 10vh;
    justify-content: center;
    flex-direction: column;
    display: flex;
    align-items: center;
}

.unauthorized-icon[b-04xpy4fwxp],
.unauthorized-icon[b-04xpy4fwxp]  svg {
    width: 96px;
    height: 96px;
}

.unauthorized-icon[b-04xpy4fwxp] {
    animation-direction: alternate;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-name: iconAnimation-b-04xpy4fwxp;
    animation-timing-function: ease-in-out;
    margin-bottom: 25px;
}

@keyframes iconAnimation-b-04xpy4fwxp {
    0% {
        transform: translateX(10px) skewX(-5deg) rotate(-5deg);
    }

    50% {
        transform: translateX(-10px) skewX(5deg) rotate(5deg);
    }

    100% {
        transform: translateX(10px) skewX(-5deg) rotate(-5deg);
    }
}

.unauthorized-icon[b-04xpy4fwxp]  .svg-primary {
    fill: var(--color-sf-primary);
}

.unauthorized-icon[b-04xpy4fwxp]  .svg-secondary {
    fill: var(--color-sf-content-text-color);
}
/* /Shared/AuthorizedLayout.razor.rz.scp.css */
.page[b-b4um96gzcr] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-b4um96gzcr] {
    flex: 1;
}

.sidebar[b-b4um96gzcr] {
    background-image: linear-gradient(180deg, var(--nav-primary) 0%, var(--nav-secondary) 70%);
}

.top-row[b-b4um96gzcr] {
    background-color: var(--d03, #f7f7f7);
    border-bottom: 1px solid var(--d14, #dbdbdb);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-b4um96gzcr]  a, .top-row .btn-link[b-b4um96gzcr] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-b4um96gzcr] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-b4um96gzcr] {
        display: none;
    }

    .top-row.auth[b-b4um96gzcr] {
        justify-content: space-between;
    }

    .top-row a[b-b4um96gzcr], .top-row .btn-link[b-b4um96gzcr] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-b4um96gzcr] {
        flex-direction: row;
    }

    .sidebar[b-b4um96gzcr] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
        overflow: hidden;
        overflow-y: auto;
    }

    .top-row[b-b4um96gzcr] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-b4um96gzcr], article[b-b4um96gzcr] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/Components/Calendar/Calendar.razor.rz.scp.css */
.calendar[b-0jialk5ops] {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.calendar-selector[b-0jialk5ops] {
    width: 100%;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    padding-bottom: 5px;
}

.calendar-container[b-0jialk5ops] {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.calendar-loading[b-0jialk5ops] {
    display: flex;
    justify-content:center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.75);
    z-index: 1000;
}

.calendar-loading span[b-0jialk5ops] {
    background-color: var(--white-text, #ffffff);
    border-radius: 1000px;
    font-size: 26px;
    padding: 5px 25px;
    box-shadow: 0px 0px 25px 10px rgba(255,255,255,1);
}

.calendar-block[b-0jialk5ops] {
    display: flex;
    flex-direction: column;
}

.label[b-0jialk5ops] {
    height: 35px;
    line-height: 35px;
    border: 1px solid var(--border, #e0e0e0);
    border-bottom: 0px;
    padding: 0px 10px;
    border-left: 0;
}

.label:last-child[b-0jialk5ops] {
    height: 36px;
    border-bottom: 1px solid var(--border, #e0e0e0);
}


.calendar-Data[b-0jialk5ops] {
    width: 100%;
    overflow-x: auto;
}

.new-button[b-0jialk5ops] {
    margin-left: 15px !important;
}


/* MultiSelect overrides */

.flex-row[b-0jialk5ops] {
    display: flex;
    flex-direction: row;
}

.flex-row[b-0jialk5ops]  .input-no-margin {
    margin-bottom: 0 !important;
}

.flex-row[b-0jialk5ops]  .input-no-margin input {
    padding: 0px 5px !important;
    font-size: 14px !important;
}

.flex-row[b-0jialk5ops]  .input-no-margin .e-multi-select-wrapper {
    padding: 0px 5px !important;
    font-size: 14px !important;
}

.flex-row[b-0jialk5ops]  .e-delim-values.e-delim-view {
    font-size: 14px !important;
}

.flex-row[b-0jialk5ops]  .e-multi-select-wrapper {
    display: flex;
    align-items: center;
}

.flex-row[b-0jialk5ops]  .e-clear-icon {
    padding-bottom: 5px !important;
}

.flex-row[b-0jialk5ops]  .input-no-margin input::placeholder {
    color: #4c4c4c !important;
    opacity: 1 !important; /* Firefox */
}

.flex-row[b-0jialk5ops]  .input-no-margin input::-ms-input-placeholder { /* Edge 12 -18 */
    color: #4c4c4c !important;
}

.flex-row[b-0jialk5ops]  .input-no-margin .e-disabled {
    cursor: default !important;
}

.flex-row[b-0jialk5ops]  .input-margin-left {
    margin-left: 15px;
}

.flex-row[b-0jialk5ops]  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper.input-no-margin.input-margin-left {
    min-width: 200px;
}

/* Months */

.month-container[b-0jialk5ops] {
    display: flex;
    flex-direction: row;
    height: 35px;
    line-height: 34px;
    border-left: 1px solid var(--border, #e0e0e0);
}

.month-label[b-0jialk5ops] {
    border-top: 1px solid var(--border, #e0e0e0);
    border-left: 0;
}

.month-label span[b-0jialk5ops] {
    height: 35px;
    display: inline-block;
    cursor: pointer;
}

.month-label:last-child[b-0jialk5ops] {
    border-right: 1px solid var(--border, #e0e0e0);
}

/* Weeks */

.week-container[b-0jialk5ops] {
    display: flex;
    flex-direction: row;
}

.week[b-0jialk5ops] {
    flex-grow: 35;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--border, #e0e0e0);
}

.week:last-child .week-label[b-0jialk5ops] {
    min-width: 36px;
    flex-grow: 36;
    border-right: 1px solid var(--border, #e0e0e0);
}

.week:last-child[b-0jialk5ops] {
    flex-grow: 36;
}

/* Days */

.day[b-0jialk5ops], .week-label[b-0jialk5ops] {
    min-width: 35px;
    flex-grow: 35;
    height: 35px;
    background: white;
    border: 1px solid var(--border, #e0e0e0);
    text-align: center;
    line-height: 35px;
    border-bottom: 0px;
    border-right: 0px;
    cursor: pointer;
    position: relative;
}

.week:last-child .day[b-0jialk5ops] {
    min-width: 36px;
    border-right: 1px solid var(--border, #e0e0e0);
}

.total-selected-empty[b-0jialk5ops] {
    width: 52px;
    height: 35px;
    border-right: 1px solid var(--border, #e0e0e0);
}

.total-selected-label[b-0jialk5ops] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border: 1px solid var(--border, #e0e0e0);
    border-bottom: 0px;
    color: rgba(0,0,0,.26);
}

.total-selected-days[b-0jialk5ops] {
    width: 52px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid var(--border, #e0e0e0);
    border-bottom: 0px;
}

.total-selected-days:last-child[b-0jialk5ops] {
    width: 52px;
    height: 36px;
    border-bottom: 1px solid var(--border, #e0e0e0);
}

/* Colors */
.day.disabled[b-0jialk5ops] {
    color: #c6c6c6;
    cursor: default;
}

.day.even[b-0jialk5ops] {
    background-color: #e9e9e9;
}

.day.selected[b-0jialk5ops] {
    background-color: #a8ff16;
}

.day.even.selected[b-0jialk5ops] {
    background-color: #8add00;
}

.day.selected.warning[b-0jialk5ops]::after {
    position: absolute;
    top: 3px;
    left: 3px;
    content: " ";
    display: block;
    height: 29px;
    width: 29px;
    border-radius: 2px;
    border: 3px solid #ffab00;
}

.day.selected.error[b-0jialk5ops]::after {
    position: absolute;
    top: 3px;
    left: 3px;
    content: " ";
    display: block;
    height: 29px;
    width: 29px;
    border-radius: 2px;
    border: 3px solid #ff3838;
}

.day.warning[b-0jialk5ops]::after {
    position: absolute;
    top: 3px;
    left: 3px;
    content: " ";
    display: block;
    height: 29px;
    width: 29px;
    border-radius: 2px;
    border: 3px solid rgba(255, 171, 0, 0.35);
}

.day.error[b-0jialk5ops]::after {
    position: absolute;
    top: 3px;
    left: 3px;
    content: " ";
    display: block;
    height: 29px;
    width: 29px;
    border-radius: 2px;
    border: 3px solid rgba(255, 56, 56, 0.35);
}

.day.selection[b-0jialk5ops] {
    background-color: #7ECCD9 !important;
    transition: none;
}

.day.even.selection[b-0jialk5ops] {
    background-color: #3bb1c5 !important;
}

/* Hover Colors */

.day:hover[b-0jialk5ops], .week-label:hover[b-0jialk5ops] {
    background-color: #ebebeb;
}

.day:hover.even[b-0jialk5ops] {
    background-color: #c8c8c8;
}

.day:hover.selected[b-0jialk5ops] {
    background-color: #93eb00;
}

.day:hover.even.selected[b-0jialk5ops] {
    background-color: #78bf00;
}

.day:hover.selected.warning[b-0jialk5ops]::after {
    border: 3px solid #bf8000;
}

.day:hover.selected.error[b-0jialk5ops]::after {
    border: 3px solid #ca0000;
}

.day:hover.selection[b-0jialk5ops] {
    background-color: #7ECCD9;
}

.day:hover.even.selection[b-0jialk5ops] {
    background-color: #3bb1c5;
}

.day:hover.disabled[b-0jialk5ops]{
    background-color: var(--white-text, #ffffff);
}

.day:hover.even.disabled[b-0jialk5ops] {
    background-color: #e9e9e9;
}

/* Buttons */
.buttons[b-0jialk5ops] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 10px;
    overflow: hidden;
    overflow-x: auto;
    padding-bottom: 3px;
}

.range-button[b-0jialk5ops] {
    box-shadow: none !important;
    margin-left: 15px;
}

.range-button:focus[b-0jialk5ops] {
    background-color: rgba(0,0,0,.12);
}

    .range-button:first-child[b-0jialk5ops] {
        margin-left: 0;
    }

.clear-button[b-0jialk5ops] {
    align-self: flex-start;
}

.clear-button:focus[b-0jialk5ops] {
    color: #ffffff !important;
    border-color: #e37e5f !important;
    background-color: #e37e5f !important;
}

.e-btn.e-outline.e-danger[b-0jialk5ops] {
    height: 100%;
    display: flex;
    align-items: center;
}

.e-btn.e-outline.e-danger:focus[b-0jialk5ops] {
    box-shadow: none;
}






















/* /Shared/Components/Calendar/CalendarInput.razor.rz.scp.css */
.popup-button[b-3fl5srsl2o] {
    font-size: 0.875rem;
    text-align: left;
    border: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.42);
    background: var(--color-sf-content-bg-color);
    color: var(--color-sf-content-text-color);
    border: 1px solid;
    border-color: var(--color-sf-border);
    border-radius: 4px;
    padding-left: 8px;
    height: 32px;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji"
}

.input-content[b-3fl5srsl2o] {
    min-height: 22px;
    flex-grow: 100;
    height: 30px;
    line-height: 30px;
    color: var(--color-sf-content-text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.popup-button.empty .input-content[b-3fl5srsl2o] {
    opacity: 0.65;
}

.popup-button .e-icons[b-3fl5srsl2o] {
    display: flex;
    align-items: center;
    box-sizing: content-box;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    min-height: 30px;
    min-width: 30px;
}

.popup-button .e-icons[b-3fl5srsl2o]:before {
    box-sizing: border-box;
    color: #6c757d;
    content: "\e729";
    cursor: pointer;
    font-family: "e-icons";
    font-size: 14px;
    transform: rotate(0deg);
    transition: transform 300ms ease;
    white-space: nowrap;
}

.popup-button:focus[b-3fl5srsl2o] {
    border-color: var(--color-sf-primary-light);
    border-radius: 4px;
    box-shadow: 0 0 0 4px var(--color-sf-primary-shadow);
}

.popup-button.focused .e-icons[b-3fl5srsl2o]:before {
    transform: rotate(180deg);
}

.modal-button-container[b-3fl5srsl2o] {
    justify-content: flex-end;
    gap: 5px;
    display: flex;
}

.modal-button-container .default-button[b-3fl5srsl2o] {
    padding: 4px 10px;
    min-width: 60px;
}

.modal-button-container .default-button:hover[b-3fl5srsl2o],
.modal-button-container .default-button:focus[b-3fl5srsl2o] {
    background-color: var(--d06);
    color: var(--black);
    border-color: var(--black);
}

.modal-button-container .accept-button[b-3fl5srsl2o] {
    background-color: var(--color-sf-primary);
    color: var(--color-sf-primary-text-color);
    border-color: var(--color-sf-primary);
}

.modal-button-container .accept-button:hover[b-3fl5srsl2o],
.modal-button-container .accept-button:focus[b-3fl5srsl2o] {
    background-color: var(--color-sf-content-bg-color);
    color: var(--color-sf-primary);
    border-color: var(--color-sf-primary);
}

.date-selection-header[b-3fl5srsl2o] {
    background-color: var(--color-sf-content-bg-color-alt1);
    border-bottom: 1px solid var(--color-sf-border-light);
    padding: 5px;
}

.date-selection-body[b-3fl5srsl2o] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px;
}

.date-selection-control[b-3fl5srsl2o] {
    --width: 1.875rem;
    --height: 1.875rem;
}

.date-selection-control[b-3fl5srsl2o] {
    border: 1px solid var(--color-sf-border-light);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    width: 80%;
    max-width: 800px;
    overflow: hidden;
    position: relative;
}

.date-selection-wrapper.modal[b-3fl5srsl2o] {
    align-items: flex-start;
    background-color: var(--color-sf-overlay-bg);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    padding-top: 75px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000001;
}

.date-selection-wrapper.modal .date-selection-control[b-3fl5srsl2o] {
    height: auto;
    background: var(--color-sf-content-bg-color);
    box-shadow: rgba(0,0,0,0.15) 0px 0px 3px;
}

.grid[b-3fl5srsl2o] {
    /*max-height: 300px;*/
    overflow: hidden;
    height: 100%;
}

.selection-info[b-3fl5srsl2o] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 5px;
    width: 100%;
}

.selection-period[b-3fl5srsl2o] {
    align-items: center;
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 3px;
    display: flex;
    font-size: 0.875rem;
    padding: 5px 10px;
    width: 100%;
}

.selection-period span[b-3fl5srsl2o] {
    min-width: 200px;
}

.grid[b-3fl5srsl2o]  .e-excelfilter {
    top: auto !important;
    bottom: 0px !important;
}

.selection-categories[b-3fl5srsl2o] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    overflow: auto;
    overflow: auto;
    padding: 5px 10px;
}






.calendar[b-3fl5srsl2o] {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.calendar-selector[b-3fl5srsl2o] {
    width: 100%;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.date-selection-container[b-3fl5srsl2o] {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.helper-buttons[b-3fl5srsl2o] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.helper-buttons-section[b-3fl5srsl2o] {
    display: flex;
    gap: 5px;
}

.helper-buttons-section .default-button[b-3fl5srsl2o] {
    justify-content: flex-start;
    padding: 3px 5px;
    color: var(--color-sf-content-text-color);
    gap: 5px;
}

.helper-buttons-section .default-button .button-text[b-3fl5srsl2o] {
    font-size: 0.875rem;
}

.helper-buttons-section .default-button:hover[b-3fl5srsl2o],
.helper-buttons-section .default-button:focus[b-3fl5srsl2o] {
    background-color: var(--color-sf-content-bg-color-alt3);
    color: var(--color-sf-content-text-color);
    border-color: var(--color-sf-content-bg-color-alt3);
}

.helper-buttons-section .default-button:disabled[b-3fl5srsl2o] {
    background-color: var(--color-sf-content-bg-color-disabled) !important;
    border: 1px solid var(--color-sf-content-bg-color-disabled) !important;
    color: var(--color-sf-content-text-color-disabled) !important;
}

.clear-button[b-3fl5srsl2o] {
    background-color: var(--color-sf-danger-text);
    border-color: var(--color-sf-danger);
    color: var(--color-sf-danger);
}

.helper-buttons-section .clear-button:hover[b-3fl5srsl2o] {
    background-color: var(--color-sf-danger);
    color: var(--color-sf-danger-text);
    border-color: var(--color-sf-danger);
}

.helper-buttons-section .clear-button:focus[b-3fl5srsl2o] {
    background-color: rgba(227, 126, 95, 0.25);
    color: var(--color-sf-danger);
    border-color: var(--color-sf-danger);
}

.close-button[b-3fl5srsl2o] {
    border: none;
    padding: 0px;
    border-radius: 0px 5px 0px 0px;
    color: var(--color-sf-danger);
    height: 2.1875rem;
    width: 2.1875rem;
}

.close-button:hover[b-3fl5srsl2o],
.close-button:focus[b-3fl5srsl2o] {
    background: var(--color-sf-danger);
    color: var(--color-sf-danger-text);
}

.popup-wrapper[b-3fl5srsl2o] {
    align-items: flex-start;
    background-color: var(--color-sf-overlay-bg);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1002;
}

.popup-container[b-3fl5srsl2o] {
    background-color: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.15) 0px 0px 3px;
    margin-top: 75px;
    max-width: 350px;
    overflow: hidden;
    width: calc(100% - 40px);
}

.popup-header[b-3fl5srsl2o] {
    align-items: center;
    background-color: var(--color-sf-content-bg-color-alt1);
    border-bottom: 1px solid var(--color-sf-border);
    display: flex;
    height: 2.1875rem;
    justify-content: space-between;
    width: 100%;
}

.popup-header span[b-3fl5srsl2o] {
    padding: 5px 10px;
}

.popup-content[b-3fl5srsl2o] {
    padding: 10px;
}

.popup-inline-container[b-3fl5srsl2o] {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.popup-button-container[b-3fl5srsl2o] {
    padding-top: 15px;
    gap: 10px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.popup-button-container-left[b-3fl5srsl2o],
.popup-button-container-right[b-3fl5srsl2o] {
    gap: 5px;
    display: flex;
}

.popup-inline-container .default-button[b-3fl5srsl2o],
.popup-button-container .default-button[b-3fl5srsl2o] {
    padding: 4px 10px;
}

.popup-inline-container .default-button:hover[b-3fl5srsl2o],
.popup-inline-container .default-button:focus[b-3fl5srsl2o],
.popup-button-container .default-button:hover[b-3fl5srsl2o],
.popup-button-container .default-button:focus[b-3fl5srsl2o] {
    background-color: var(--color-sf-content-bg-color);
    color: var(--focus-visible);
    border-color: var(--focus-visible);
}

.popup-button-container .remove-button[b-3fl5srsl2o] {
    background-color: var(--color-sf-danger);
    border-color: var(--color-sf-danger);
    color: var(--color-sf-danger-text);
}

.popup-inline-container .default-button:disabled[b-3fl5srsl2o],
.popup-button-container .default-button:disabled[b-3fl5srsl2o] {
    background-color: var(--color-sf-content-bg-color-disabled) !important;
    border: 1px solid var(--color-sf-content-bg-color-disabled) !important;
    color: var(--color-sf-content-text-color-disabled) !important;
}

.popup-button-container .remove-button:hover[b-3fl5srsl2o] {
    background-color: var(--color-sf-content-bg-color);
    border-color: var(--color-sf-danger);
    color: var(--color-sf-danger);
}

/*   color: var(--color-sf-danger);
    height: 2.1875rem;
    width: 2.1875rem;
}

.close-button:hover,
.close-button:focus {
    background: var(--color-sf-danger);
    color: var(--color-sf-danger-text);*/

.popup-wrapper.import-popup .popup-container[b-3fl5srsl2o] {
    max-width: calc(100% - 40px);
    width: auto;
    min-width: 50%;
}

.popup-wrapper.import-popup[b-3fl5srsl2o]  .input-no-margin {
    margin: 0px !important;
}

.popup-wrapper.remarks-popup[b-3fl5srsl2o] {
    padding: 15px;
}

.popup-wrapper.remarks-popup .popup-container[b-3fl5srsl2o] {
    max-width: unset;
    margin-top: unset;
    width: 100%;
    height: 100%;
}

.popup-wrapper.remarks-popup .popup-header[b-3fl5srsl2o] {
    height: 2.1875rem;
}

.popup-wrapper.remarks-popup .popup-content[b-3fl5srsl2o] {
    height: calc(100% - 2.1875rem);
    overflow: hidden;
}

/* Table */

.data-grid-table[b-3fl5srsl2o] {
    height: 100%;
    overflow: auto;
    border: 1px solid var(--color-sf-border-light);
}

.data-grid-table table[b-3fl5srsl2o] {
    min-width: 100%;
    font-size: 0.875rem;
}

.data-grid-table tr:hover[b-3fl5srsl2o] {
    background: var(--color-sf-content-bg-color-alt3);
}

.data-grid-table tr th:first-of-type[b-3fl5srsl2o],
.data-grid-table tr td:first-of-type[b-3fl5srsl2o] {
    border-left: 0px;
}

.data-grid-table tr th:last-of-type[b-3fl5srsl2o],
.data-grid-table tr td:last-of-type[b-3fl5srsl2o] {
    border-right: 0px;
}

.data-grid-table th[b-3fl5srsl2o],
.data-grid-table td[b-3fl5srsl2o] {
    border: 1px solid var(--color-sf-border-light);
    padding: 2px 6px;
    white-space: nowrap;
}

.data-grid-table th[b-3fl5srsl2o] {
    border-top: 0px;
    background: var(--color-sf-content-bg-color-alt1);
    font-weight: bold;
}

/* MultiSelect overrides */
.flex-row[b-3fl5srsl2o] {
    display: flex;
    flex-direction: row;
}

.flex-row[b-3fl5srsl2o]  .input-no-margin {
    margin-bottom: 0 !important;
}

.flex-row[b-3fl5srsl2o]  .input-no-margin input {
    padding: 0px 5px !important;
    font-size: 14px !important;
}

.flex-row[b-3fl5srsl2o]  .input-no-margin .e-multi-select-wrapper {
    padding: 0px 5px !important;
    font-size: 14px !important;
}

.flex-row[b-3fl5srsl2o]  .e-delim-values.e-delim-view {
    font-size: 14px !important;
}

.flex-row[b-3fl5srsl2o]  .e-multi-select-wrapper {
    display: flex;
    align-items: center;
}

.flex-row[b-3fl5srsl2o]  .e-clear-icon {
    padding-bottom: 5px !important;
}

.flex-row[b-3fl5srsl2o]  .input-no-margin input::placeholder {
    color: #4c4c4c !important;
    opacity: 1 !important; /* Firefox */
}

.flex-row[b-3fl5srsl2o]  .input-no-margin input::-ms-input-placeholder { /* Edge 12 -18 */
    color: #4c4c4c !important;
}

.flex-row[b-3fl5srsl2o]  .input-no-margin .e-disabled {
    cursor: default !important;
}

.flex-row[b-3fl5srsl2o]  .input-margin-left {
    margin-left: 15px;
}

.flex-row[b-3fl5srsl2o]  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper.input-no-margin.input-margin-left {
    min-width: 200px;
}

.calendar-block[b-3fl5srsl2o] {
    display: flex;
    flex-direction: column;
}

.calendar-Data[b-3fl5srsl2o] {
    width: 100%;
    overflow-x: auto;
    font-size: 0.875rem;
    padding-bottom: 5px;
}

.new-button[b-3fl5srsl2o] {
    margin-left: 15px !important;
}

/* Labels */

.label[b-3fl5srsl2o] {
    height: var(--height);
    line-height: var(--height);
    border: 1px solid var(--color-sf-border-light);
    border-bottom: 0px;
    padding: 0px 10px;
    overflow: hidden;
    font-size: 0.875rem;
}

.label:last-child[b-3fl5srsl2o] {
    height: calc(var(--height) + 0.0625rem);
    border-bottom: 1px solid var(--color-sf-border-light);
}

/* Months */

.calendar .month-container[b-3fl5srsl2o] {
    display: flex;
    flex-direction: row;
    height: var(--height);
    line-height: var(--height);
    border-left: 1px solid var(--color-sf-border-light);
}

.calendar .month-label[b-3fl5srsl2o] {
    border-top: 1px solid var(--color-sf-border-light);
    border-left: 0;
}

.calendar .month-label span[b-3fl5srsl2o] {
    height: var(--height);
    display: inline-block;
    cursor: pointer;
}

.calendar .month-label:last-child[b-3fl5srsl2o] {
    border-right: 1px solid var(--color-sf-border-light);
}

/* Weeks */

.calendar .week-container[b-3fl5srsl2o] {
    display: flex;
    flex-direction: row;
}

.calendar .week[b-3fl5srsl2o] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--color-sf-border-light);
}

.calendar .week:last-child .week-label[b-3fl5srsl2o] {
    min-width: calc(var(--width) + 0.0625rem);
    border-right: 1px solid var(--color-sf-border-light);
}

.calendar .week:last-child[b-3fl5srsl2o] {
    min-width: calc(var(--width) + 0.0625rem);
}

/* Days */

.calendar .day[b-3fl5srsl2o], .week-label[b-3fl5srsl2o] {
    min-width: var(--width);
    height: var(--height);
    background-color: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-border-light);
    text-align: center;
    line-height: calc(var(--height) + 0.0625rem);
    border-bottom: 0px;
    border-right: 0px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.calendar .week:last-child .day[b-3fl5srsl2o] {
    min-width: calc(var(--width) + 0.0625rem);
    border-right: 1px solid var(--color-sf-border-light);
}

/* Totals */

.calendar .total-selected-label[b-3fl5srsl2o] {
    align-items: center;
    border: 1px solid var(--color-sf-border-light);
    border-bottom: 0px;
    display: flex;
    height: calc(var(--height)*2);
    justify-content: center;
    width: 2.75rem;
    overflow: hidden;
}

.calendar .total-selected-label[b-3fl5srsl2o]  .e-tooltip {
    width: 2.75rem;
    height: calc(var(--height)*2);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.calendar .total-selected-label .default-button[b-3fl5srsl2o] {
    border: none;
    border-radius: 0px;
    cursor: pointer;
    font-size: 1.25rem;
    height: 100%;
    justify-content: center;
    padding: 0;
    width: 100%;
}

.clear-button[b-3fl5srsl2o] {
    background-color: var(--color-sf-content-bg-color);
    color: var(--color-sf-danger);
}

.clear-button:hover[b-3fl5srsl2o] {
    background-color: var(--color-sf-danger);
    color: var(--color-sf-danger-text);
}

.clear-button:focus[b-3fl5srsl2o] {
    background-color: rgba(227, 126, 95, 0.25);
    color: var(--color-sf-danger);
}

.clear-button:disabled[b-3fl5srsl2o] {
    color: var(--color-sf-content-text-color-disabled) !important;
    background-color: var(--color-sf-content-bg-color-disabled) !important;
    cursor: unset !important;
}

.calendar .total-selected-days[b-3fl5srsl2o] {
    height: var(--height);
    line-height: var(--height);
    text-align: center;
    border: 1px solid var(--color-sf-border-light);
    border-bottom: 0px;
}

.calendar .total-selected-days:last-child[b-3fl5srsl2o] {
    height: calc(var(--height) + 0.0625rem);
    border-bottom: 1px solid var(--color-sf-border-light);
}

/* Colors */
.calendar .day.disabled[b-3fl5srsl2o] {
    color: #c6c6c6;
    cursor: default;
}

.calendar .day.today[b-3fl5srsl2o] {
    color: var(--focus-visible);
}

.calendar .day.even[b-3fl5srsl2o] {
    background-color: var(--color-sf-content-bg-color-alt2);
}

.calendar .day.selected[b-3fl5srsl2o] {
    background-color: #a8ff16;
}

.calendar .day.even.selected[b-3fl5srsl2o] {
    background-color: #8add00;
}

.calendar .day.selected.warning[b-3fl5srsl2o]::after {
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    content: " ";
    display: block;
    height: calc(var(--height) - 0.25rem);
    width: calc(var(--width) - 0.25rem);
    border: 2px solid #ffab00;
}

.calendar .day.selected.error[b-3fl5srsl2o]::after {
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    content: " ";
    display: block;
    height: calc(var(--height) - 0.25rem);
    width: calc(var(--width) - 0.25rem);
    border: 2px solid #ff3838;
}

.calendar .day.warning[b-3fl5srsl2o]::after {
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    content: " ";
    display: block;
    height: calc(var(--height) - 0.25rem);
    width: calc(var(--width) - 0.25rem);
    border: 2px solid rgba(255, 171, 0, 0.35);
}

.calendar .day.error[b-3fl5srsl2o]::after {
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    content: " ";
    display: block;
    height: calc(var(--height) - 0.25rem);
    width: calc(var(--width) - 0.25rem);
    border: 2px solid rgba(255, 56, 56, 0.35);
}

.calendar .day.selection[b-3fl5srsl2o] {
    background-color: #7ECCD9 !important;
    transition: none;
}

.calendar .day.even.selection[b-3fl5srsl2o] {
    background-color: #3bb1c5 !important;
}

/* Hover Colors */

.calendar .day:hover[b-3fl5srsl2o], .week-label:hover[b-3fl5srsl2o] {
    background-color: #ebebeb;
}

.calendar .day:hover.even[b-3fl5srsl2o] {
    background-color: #c8c8c8;
}

.calendar .day:hover.selected[b-3fl5srsl2o] {
    background-color: #93eb00;
}

.calendar .day:hover.even.selected[b-3fl5srsl2o] {
    background-color: #78bf00;
}

.calendar .day:hover.selected.warning[b-3fl5srsl2o]::after {
    border: 2px solid #bf8000;
}

.calendar .day:hover.selected.error[b-3fl5srsl2o]::after {
    border: 2px solid #ca0000;
}

.calendar .day:hover.selection[b-3fl5srsl2o] {
    background-color: #7ECCD9;
}

.calendar .day:hover.even.selection[b-3fl5srsl2o] {
    background-color: #3bb1c5;
}

.calendar .day:hover.disabled[b-3fl5srsl2o] {
    background-color: var(--white-text, #ffffff);
}

.calendar .day:hover.even.disabled[b-3fl5srsl2o] {
    background-color: #e9e9e9;
}

/* Buttons */
.buttons[b-3fl5srsl2o] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 10px;
    overflow: hidden;
    overflow-x: auto;
    padding-bottom: 3px;
}

.range-button[b-3fl5srsl2o] {
    box-shadow: none !important;
    margin-left: 15px;
    border-radius: 3px;
}

.range-button:focus[b-3fl5srsl2o] {
    background-color: rgba(0,0,0,.12);
}

.range-button:first-child[b-3fl5srsl2o] {
    margin-left: 0;
}

/*.clear-button {
    align-self: flex-start;
}

.clear-button:focus {
    color: #ffffff !important;
    border-color: #e37e5f !important;
    background-color: #e37e5f !important;
}*/

.e-btn.e-outline.e-danger[b-3fl5srsl2o] {
    height: 100%;
    display: flex;
    align-items: center;
}

.e-btn.e-outline.e-danger:focus[b-3fl5srsl2o] {
    box-shadow: none;
}

.confirm-delete-buttons[b-3fl5srsl2o] {
    display: flex;
}

/*.remove-button {
    align-items: center;
    display: flex;
    font-size: 16px;
    height: 100%;
    padding: 0px 16.5px;
}
*/

.confirm-delete-buttons .confirm-left-button[b-3fl5srsl2o] {
    background-color: var(--color-sf-content-bg-color);
    border-color: var(--color-sf-danger);
    border-radius: 3px 0px 0px 3px;
    color: var(--color-sf-danger);
}

.confirm-delete-buttons .confirm-left-button:hover[b-3fl5srsl2o] {
    background-color: var(--color-sf-danger);
    border-color: var(--color-sf-danger);
    color: var(--color-sf-danger-text);
}

.confirm-delete-buttons .confirm-right-button[b-3fl5srsl2o] {
    border-radius: 0px 3px 3px 0px;
    border-left: 0px;
}

.date-selection-control[b-3fl5srsl2o]  .category-count {
    display: inline-block;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    background-color: #f2f2f2;
    border-radius: 4px;
    margin-left: 5px;
    padding: 4px 8px;
}

.date-selection-control[b-3fl5srsl2o]  .category-count.warning::after {
    position: absolute;
    top: 3px;
    left: 3px;
    content: " ";
    display: block;
    height: 29px;
    width: 29px;
    border-radius: 2px;
    border: 3px solid #ffab00;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.date-selection-control[b-3fl5srsl2o]  .category-count.error::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: " ";
    display: block;
    border: 3px solid #ff3838;
}
/* /Shared/Components/Calendar/CalendarWithSummary.razor.rz.scp.css */
.calendar-summary__container[b-vsemz8pf3s] {
    display: flex;
    flex-direction: column;
    height:100%;
    overflow:hidden;
    gap: 1rem;
}

.calendar[b-vsemz8pf3s] {
}

.grid[b-vsemz8pf3s] {
    /*max-height: 300px;*/
    overflow: hidden;
    height: 100%;
}

.selection-info[b-vsemz8pf3s] {
    border: 1px solid var(--border, #e0e0e0);
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    gap: 1rem;
    height: 44px;
    justify-content: space-between;
    width: 100%;
}

.selection-period[b-vsemz8pf3s] {
    display: flex;
/*    flex-basis: 15%;*/
    align-items: center;
/*    width: 15%;*/
    padding: 5px 10px;
}

.selection-period span[b-vsemz8pf3s] {
    min-width: 200px;
}

.grid[b-vsemz8pf3s]  .e-excelfilter {
    top: auto !important;
    bottom: 0px !important;
}

.selection-categories[b-vsemz8pf3s] {
    display: flex;
    flex-direction: row;
/*    flex-basis: 85%;*/
    /*    justify-content: end;
    flex-wrap: wrap;*/
    gap: 0.5rem;

    justify-content: space-between;
    align-content: center;
    align-items: center;
    overflow: auto;
/*    width: 85%;*/
    overflow: auto;
    padding: 5px 10px;
}

/* /Shared/Components/DateTimePicker.razor.rz.scp.css */
.date-picker[b-tfpblpdhrr] 
{
    max-width: 90px;
}
.time-picker[b-tfpblpdhrr] {
    max-width: 90px;
}
/* /Shared/Components/Dialog.razor.rz.scp.css */
.dialog-overlay[b-dkj4wh815b] {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100002;
}

.dialog[b-dkj4wh815b] {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    max-height: 90vh;
    max-width: 90vw;
    overflow: hidden;
    width: 600px;
}

.dialog-header[b-dkj4wh815b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.dialog-header-title[b-dkj4wh815b] {
    padding: 10px;
}

.dialog-header-title h3[b-dkj4wh815b] {
    margin: 0;
    padding: 0;
    font-size: 1.125rem;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
}

.close-button[b-dkj4wh815b] {
    align-self: stretch;
    align-items: center;
    background: var(--white, #ffffff);
    border: none;
    border-radius: 0px;
    color: var(--r70, #ff4d4d);
    display: flex;
    font-size: 20px;
    justify-content: center;
    line-height: 14px;
    margin: 0px 0px 0px 12px !important;
    padding: 6px 8px;
    transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
    width: 44px;
}

.close-button:hover[b-dkj4wh815b], .close-button:focus[b-dkj4wh815b], .close-button:focus-visible[b-dkj4wh815b] {
    background: #ff0000 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

.dialog-content[b-dkj4wh815b] {
    padding: 20px;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
}

.dialog-content[b-dkj4wh815b]  strong {
    font-weight: 500;
    color: var(--d33, #ababab);
}

.dialog-content[b-dkj4wh815b]  p:last-of-type {
    margin: 0;
}

.dialog-input-container[b-dkj4wh815b] {
}

.dialog-input[b-dkj4wh815b] {
}

.validation-error[b-dkj4wh815b] {
}

.dialog-buttons[b-dkj4wh815b] {
    border-top: 1px solid #eee;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    padding: 10px;
}

.dialog-button[b-dkj4wh815b] {
    align-items: center;
    background: none;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 3px;
    box-shadow: none;
    color: var(--d70, #4c4c4c);
    display: flex;
    gap: 3px;
    height: 32px;
    justify-content: center;
    transition: all 250ms ease-in-out;
    font-size: 0.875rem;
    padding: 6px 12px;
}

.custom-button .button-icon[b-dkj4wh815b] {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    justify-content: center;
}

.custom-button .button-text[b-dkj4wh815b] {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    justify-content: center;
}

/*
.dialog-button {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}*/

.action-button[b-dkj4wh815b] {
}

.action-button.primary[b-dkj4wh815b] {
    background-color: var(--focus-visible, #0d6efd);
    border-color: var(--focus-visible, #0d6efd);
    color: var(--white-text, #ffffff);
}

.dialog-button:hover[b-dkj4wh815b], .dialog-button:focus[b-dkj4wh815b] {
    background: #e0e0e0 !important;
    border: 1px solid var(--d70, #4c4c4c);
    box-shadow: none;
    color: var(--black-text, #000000);
}

.dialog-button:focus-visible[b-dkj4wh815b] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    color: rgb(13, 110, 253) !important;
}

.dialog-button:disabled[b-dkj4wh815b] {
    color: #ababab !important;
    background: #dbdbdb !important;
    border: solid 1px #dbdbdb !important;
    box-shadow: none !important;
}
/* /Shared/Components/DynamicPages/MainWindow.razor.rz.scp.css */
.dynamic-window-container[b-8ii5t1s9bt] {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.dynamic-window[b-8ii5t1s9bt] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.dynamic-window-content[b-8ii5t1s9bt] {
    display: flex;
    flex-direction: row;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.window-frame[b-8ii5t1s9bt] {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.side-frame[b-8ii5t1s9bt] {
    flex-shrink: 0;
}

.status-bar-container[b-8ii5t1s9bt] {
    background-image: linear-gradient(90deg, rgba(58, 6, 71, 1) 0%, rgba(5, 39, 103, 1) 70%);
    flex-shrink: 0;
    height: 32px;
    opacity: 0.6;
    overflow: hidden;
    width: 100%;
}

.status-bar[b-8ii5t1s9bt] {
    align-items: center;
    border-top: 1px solid rgba(0,0,0,0.12);
    color: var(--white-text, #ffffff);
    display: flex;
    flex-direction: row;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
    font-size: 15px;
    gap: 12px;
    height: 100%;
    padding: 0px 15px;
    width: 100%;
}

.status-bar span[b-8ii5t1s9bt] {
    white-space: nowrap;
}

.data-loader[b-8ii5t1s9bt], .message-overlay[b-8ii5t1s9bt] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
    z-index: 10000;
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
}

.message-overlay[b-8ii5t1s9bt] {
    background: var(--color-sf-overlay-bg);
}

.data-loader[b-8ii5t1s9bt]  .e-spinner-pane.e-spin-show .e-spin-label {
    font-size: 16px;
    padding-top: 15px;
}

.dynamic-window[b-8ii5t1s9bt]  .tabs-control .e-tab .e-tab-header.e-vertical {
    z-index: unset;
}
/* /Shared/Components/DynamicPages/Views/Controls/Button.razor.rz.scp.css */
.button-control[b-ah34wd2p01] {
    align-items: center;
    background: var(--color-sf-content-bg-color);
    /*border: 1px solid var(--d70, #4c4c4c);*/
    border: none;
    border-radius: 3px !important;
    box-shadow: none;
    display: flex;
    gap: 3px;
    justify-content: center;
    padding: 5px 10px;
    transition: all 250ms ease-in-out;
    text-transform: uppercase;
    cursor: pointer;
}

.button-control:hover[b-ah34wd2p01],
.button-control:focus[b-ah34wd2p01] {
    box-shadow: none;
    border-color: var(--d70, #4c4c4c);
    background: #e0e0e0 !important;
}

.button-control:focus-visible[b-ah34wd2p01] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    color: rgb(13, 110, 253) !important;
}

.button-control .button-content[b-ah34wd2p01] {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center;
}

.button-control:disabled[b-ah34wd2p01],
.button-control:disabled:hover[b-ah34wd2p01],
.button-control:disabled:focus[b-ah34wd2p01] {
    border-color: var(--d12) !important;
    color: var(--d45) !important;
    background: var(--d12) !important;
    cursor: inherit;
}
/* /Shared/Components/DynamicPages/Views/Controls/ComboBox.razor.rz.scp.css */
.combo-box[b-4qiru0qw1j] {
    --font-size: 14px;
    /*--font-weight: 400;*/
    --justify-content: left;
    --margin: initial;
    --padding: initial;
}

.combo-box[b-4qiru0qw1j] {
    display: flex;
    flex-direction: row;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
}

.combo-box.collapsed[b-4qiru0qw1j] {
    display: none;
}

/* Variables */
.combo-box[b-4qiru0qw1j] {
    font-size: var(--font-size);
    /*font-weight: var(--font-weight);*/
    justify-content: var(--justify-content);
    margin: var(--margin);
    padding: var(--padding);
}
/* /Shared/Components/DynamicPages/Views/Controls/DataForm.razor.rz.scp.css */
.data-form-wrapper[b-plmicx4fyh] {
    padding: 10px;
}

.data-form-wrapper[b-plmicx4fyh]  .form-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.data-form-wrapper[b-plmicx4fyh]  .input, .data-form-wrapper[b-plmicx4fyh]  .date-picker {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.data-form-wrapper[b-plmicx4fyh]  .label {
    white-space: nowrap;
}

.form-group[b-plmicx4fyh] {
    padding-top: 15px;
    display: flex;
    gap: 10px;
}

.form-button[b-plmicx4fyh] {
    align-items: center;
    background: var(--white, #ffffff);
    border: 1px solid var(--d70, #4c4c4c);
    border-radius: 3px !important;
    box-shadow: none;
    display: flex;
    font-size: 14px;
    justify-content: center;
    padding: 5px 15px;
    transition: all 250ms ease-in-out;
}

.form-button:hover[b-plmicx4fyh], .form-button:focus[b-plmicx4fyh] {
    box-shadow: none;
    border: 1px solid var(--d70, #4c4c4c);
    background: #e0e0e0 !important;
}

.form-button:focus-visible[b-plmicx4fyh] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    color: rgb(13, 110, 253) !important;
}
/* /Shared/Components/DynamicPages/Views/Controls/DataQuality.razor.rz.scp.css */
.data-quality-control-control[b-nn1gohr6yy] {
    height: 100%;
    overflow: auto;
    width: 100%;
}

.data-quality-control-control[b-nn1gohr6yy]  .data-quality-tooltip {
    background: rgba(0,0,0,0.5);
    border-radius: 5px;
    color: var(--white-text, #ffffff);
    font-size: 14px;
    padding: 5px 10px 5px 10px;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
}

.data-quality-control-control[b-nn1gohr6yy]  .data-quality-tooltip .tooltip-header {
    font-size: 15px;
    font-weight: 600;
}

.data-quality-control-control[b-nn1gohr6yy]  .data-quality-tooltip ul {
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
/* /Shared/Components/DynamicPages/Views/Controls/DateSelection.razor.rz.scp.css */
.popup-button[b-d9za4vs9i8] {
    font-size: 0.875rem;
    text-align: left;
    border: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.42);
    background: var(--color-sf-content-bg-color);
    color: var(--color-sf-content-text-color);
    border: 1px solid;
    border-color: var(--color-sf-border);
    border-radius: 4px;
    padding-left: 8px;
    height: 32px;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji"
}

.input-content[b-d9za4vs9i8] {
    min-height: 22px;
    flex-grow: 100;
    height: 30px;
    line-height: 30px;
    color: var(--color-sf-content-text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.popup-button.empty .input-content[b-d9za4vs9i8] {
    opacity: 0.65;
}

.popup-button .e-icons[b-d9za4vs9i8] {
    display: flex;
    align-items: center;
    box-sizing: content-box;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    min-height: 30px;
    min-width: 30px;
}

.popup-button .e-icons[b-d9za4vs9i8]:before {
    box-sizing: border-box;
    color: #6c757d;
    content: "\e729";
    cursor: pointer;
    font-family: "e-icons";
    font-size: 14px;
    transform: rotate(0deg);
    transition: transform 300ms ease;
    white-space: nowrap;
}

.popup-button:focus[b-d9za4vs9i8] {
    border-color: var(--color-sf-primary-light);
    border-radius: 4px;
    box-shadow: 0 0 0 4px var(--color-sf-primary-shadow);
}

.popup-button.focused .e-icons[b-d9za4vs9i8]:before {
    transform: rotate(180deg);
}

.modal-button-container[b-d9za4vs9i8] {
    justify-content: flex-end;
    gap: 5px;
    display: flex;
}

.modal-button-container .default-button[b-d9za4vs9i8] {
    padding: 4px 10px;
    min-width: 60px;
}

.modal-button-container .default-button:hover[b-d9za4vs9i8],
.modal-button-container .default-button:focus[b-d9za4vs9i8] {
    background-color: var(--d06);
    color: var(--black);
    border-color: var(--black);
}

.modal-button-container .accept-button[b-d9za4vs9i8] {
    background-color: var(--color-sf-primary);
    color: var(--color-sf-primary-text-color);
    border-color: var(--color-sf-primary);
}

.modal-button-container .accept-button:hover[b-d9za4vs9i8],
.modal-button-container .accept-button:focus[b-d9za4vs9i8] {
    background-color: var(--color-sf-content-bg-color);
    color: var(--color-sf-primary);
    border-color: var(--color-sf-primary);
}

.date-selection-header[b-d9za4vs9i8] {
    background-color: var(--color-sf-content-bg-color-alt1);
    border-bottom: 1px solid var(--color-sf-border-light);
    padding: 5px;
}

.date-selection-body[b-d9za4vs9i8] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px;
}

.date-selection-control[b-d9za4vs9i8] {
    --width: 1.875rem;
    --height: 1.875rem;
}

.date-selection-control[b-d9za4vs9i8] {
    background: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    width: 80%;
    max-width: 800px;
    overflow: hidden;
    position: relative;
}

.date-selection-wrapper.modal[b-d9za4vs9i8] {
    align-items: flex-start;
    background-color: var(--color-sf-overlay-bg);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    padding-top: 75px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000001;
}

.date-selection-wrapper.modal .date-selection-control[b-d9za4vs9i8] {
    height: auto;
    background: var(--color-sf-content-bg-color);
    box-shadow: rgba(0,0,0,0.15) 0px 0px 3px;
}

.date-selection-wrapper.inline[b-d9za4vs9i8] {
    display: flex;
    height: 100%;
    width: 100%;
}

.date-selection-wrapper.inline .date-selection-control[b-d9za4vs9i8] {
    height: 100%;
    width: 100%;
}

.grid[b-d9za4vs9i8] {
    /*max-height: 300px;*/
    overflow: hidden;
    height: 100%;
}

.selection-info[b-d9za4vs9i8] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 5px;
    width: 100%;
}

.selection-period[b-d9za4vs9i8] {
    align-items: center;
    background: var(--color-sf-content-bg-color-alt1);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 3px;
    display: flex;
    font-size: 0.875rem;
    padding: 5px 10px;
    width: 100%;
}

.selection-period span[b-d9za4vs9i8] {
    min-width: 200px;
}

.grid[b-d9za4vs9i8]  .e-excelfilter {
    top: auto !important;
    bottom: 0px !important;
}

.selection-categories[b-d9za4vs9i8] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    overflow: auto;
    overflow: auto;
    padding: 5px 10px;
}






.calendar[b-d9za4vs9i8] {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.calendar-selector[b-d9za4vs9i8] {
    width: 100%;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.date-selection-container[b-d9za4vs9i8] {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.helper-buttons[b-d9za4vs9i8] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.helper-buttons-section[b-d9za4vs9i8] {
    display: flex;
    gap: 5px;
}

.helper-buttons-section .default-button[b-d9za4vs9i8] {
    justify-content: flex-start;
    padding: 3px 5px;
    color: var(--color-sf-content-text-color);
    gap: 5px;
}

.helper-buttons-section .default-button .button-text[b-d9za4vs9i8] {
    font-size: 0.875rem;
}

.helper-buttons-section .default-button:hover[b-d9za4vs9i8],
.helper-buttons-section .default-button:focus[b-d9za4vs9i8] {
    background-color: var(--color-sf-content-bg-color-alt3);
    color: var(--color-sf-content-text-color);
    border-color: var(--color-sf-content-bg-color-alt3);
}

.helper-buttons-section .default-button:disabled[b-d9za4vs9i8] {
    background-color: var(--color-sf-content-bg-color-disabled) !important;
    border: 1px solid var(--color-sf-content-bg-color-disabled) !important;
    color: var(--color-sf-content-text-color-disabled) !important;
}

.clear-button[b-d9za4vs9i8] {
    background-color: var(--color-sf-danger-text);
    border-color: var(--color-sf-danger);
    color: var(--color-sf-danger);
}

.helper-buttons-section .clear-button:hover[b-d9za4vs9i8] {
    background-color: var(--color-sf-danger);
    color: var(--color-sf-danger-text);
    border-color: var(--color-sf-danger);
}

.helper-buttons-section .clear-button:focus[b-d9za4vs9i8] {
    background-color: rgba(227, 126, 95, 0.25);
    color: var(--color-sf-danger);
    border-color: var(--color-sf-danger);
}

.close-button[b-d9za4vs9i8] {
    border: none;
    padding: 0px;
    border-radius: 0px 5px 0px 0px;
    color: var(--color-sf-danger);
    height: 2.1875rem;
    width: 2.1875rem;
}

.close-button:hover[b-d9za4vs9i8],
.close-button:focus[b-d9za4vs9i8] {
    background: var(--color-sf-danger);
    color: var(--color-sf-danger-text);
}

.popup-wrapper[b-d9za4vs9i8] {
    align-items: flex-start;
    background-color: var(--color-sf-overlay-bg);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1002;
}

.popup-container[b-d9za4vs9i8] {
    background-color: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-border-light);
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.15) 0px 0px 3px;
    margin-top: 75px;
    max-width: 350px;
    overflow: hidden;
    width: calc(100% - 40px);
}

.popup-header[b-d9za4vs9i8] {
    align-items: center;
    background-color: var(--color-sf-content-bg-color-alt1);
    border-bottom: 1px solid var(--color-sf-border);
    display: flex;
    height: 2.1875rem;
    justify-content: space-between;
    width: 100%;
}

.popup-header span[b-d9za4vs9i8] {
    padding: 5px 10px;
}

.popup-content[b-d9za4vs9i8] {
    padding: 10px;
}

.popup-inline-container[b-d9za4vs9i8] {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.popup-button-container[b-d9za4vs9i8] {
    padding-top: 15px;
    gap: 10px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.popup-button-container-left[b-d9za4vs9i8],
.popup-button-container-right[b-d9za4vs9i8] {
    gap: 5px;
    display: flex;
}

.popup-inline-container .default-button[b-d9za4vs9i8],
.popup-button-container .default-button[b-d9za4vs9i8] {
    padding: 4px 10px;
}

.popup-inline-container .default-button:hover[b-d9za4vs9i8],
.popup-inline-container .default-button:focus[b-d9za4vs9i8],
.popup-button-container .default-button:hover[b-d9za4vs9i8],
.popup-button-container .default-button:focus[b-d9za4vs9i8] {
    background-color: var(--color-sf-content-bg-color);
    color: var(--focus-visible);
    border-color: var(--focus-visible);
}

.popup-inline-container .default-button:disabled[b-d9za4vs9i8],
.popup-button-container .default-button:disabled[b-d9za4vs9i8] {
    background-color: var(--color-sf-content-bg-color-disabled) !important;
    border: 1px solid var(--color-sf-content-bg-color-disabled) !important;
    color: var(--color-sf-content-text-color-disabled) !important;
}

.popup-button-container .remove-button:hover[b-d9za4vs9i8] {
    background-color: var(--color-sf-content-bg-color);
    border-color: var(--color-sf-danger);
    color: var(--color-sf-danger);
}

.popup-button-container .remove-button:hover[b-d9za4vs9i8] {
    background-color: var(--white);
    border-color: var(--remove-light, #e37e5f);
    color: var(--remove-light, #e37e5f);
}

.popup-wrapper.import-popup .popup-container[b-d9za4vs9i8] {
    max-width: calc(100% - 40px);
    width: auto;
    min-width: 50%;
}

.popup-wrapper.import-popup[b-d9za4vs9i8]  .input-no-margin {
    margin: 0px !important;
}

.popup-wrapper.remarks-popup[b-d9za4vs9i8] {
    padding: 15px;
}

.popup-wrapper.remarks-popup .popup-container[b-d9za4vs9i8] {
    max-width: unset;
    margin-top: unset;
    width: 100%;
    height: 100%;
}

.popup-wrapper.remarks-popup .popup-header[b-d9za4vs9i8] {
    height: 2.1875rem;
}

.popup-wrapper.remarks-popup .popup-content[b-d9za4vs9i8] {
    height: calc(100% - 2.1875rem);
    overflow: hidden;
}

/* Table */

.data-grid-table[b-d9za4vs9i8] {
    height: 100%;
    overflow: auto;
    border: 1px solid var(--color-sf-border-light);
}

.data-grid-table table[b-d9za4vs9i8] {
    min-width: 100%;
    font-size: 0.8125rem;
}

.data-grid-table tr:hover[b-d9za4vs9i8] {
    background: var(--color-sf-content-bg-color-alt3);
}

.data-grid-table tr th:first-of-type[b-d9za4vs9i8],
.data-grid-table tr td:first-of-type[b-d9za4vs9i8] {
    border-left: 0px;
}

.data-grid-table tr th:last-of-type[b-d9za4vs9i8],
.data-grid-table tr td:last-of-type[b-d9za4vs9i8] {
    border-right: 0px;
}

.data-grid-table th[b-d9za4vs9i8],
.data-grid-table td[b-d9za4vs9i8] {
    border: 1px solid var(--color-sf-border-light);
    padding: 2px 6px;
    white-space: nowrap;
}

.data-grid-table th[b-d9za4vs9i8] {
    border-top: 0px;
    background: var(--color-sf-content-bg-color-alt1);
    font-weight: bold;
}

/* MultiSelect overrides */
.flex-row[b-d9za4vs9i8] {
    display: flex;
    flex-direction: row;
}

.flex-row[b-d9za4vs9i8]  .input-no-margin {
    margin-bottom: 0 !important;
}

.flex-row[b-d9za4vs9i8]  .input-no-margin input {
    padding: 0px 5px !important;
    font-size: 14px !important;
}

.flex-row[b-d9za4vs9i8]  .input-no-margin .e-multi-select-wrapper {
    padding: 0px 5px !important;
    font-size: 14px !important;
}

.flex-row[b-d9za4vs9i8]  .e-delim-values.e-delim-view {
    font-size: 14px !important;
}

.flex-row[b-d9za4vs9i8]  .e-multi-select-wrapper {
    display: flex;
    align-items: center;
}

.flex-row[b-d9za4vs9i8]  .e-clear-icon {
    padding-bottom: 5px !important;
}

.flex-row[b-d9za4vs9i8]  .input-no-margin input::placeholder {
    color: #4c4c4c !important;
    opacity: 1 !important; /* Firefox */
}

.flex-row[b-d9za4vs9i8]  .input-no-margin input::-ms-input-placeholder { /* Edge 12 -18 */
    color: #4c4c4c !important;
}

.flex-row[b-d9za4vs9i8]  .input-no-margin .e-disabled {
    cursor: default !important;
}

.flex-row[b-d9za4vs9i8]  .input-margin-left {
    margin-left: 15px;
}

.flex-row[b-d9za4vs9i8]  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper.input-no-margin.input-margin-left {
    min-width: 200px;
}

.calendar-block[b-d9za4vs9i8] {
    display: flex;
    flex-direction: column;
}

.calendar-Data[b-d9za4vs9i8] {
    width: 100%;
    overflow-x: auto;
    font-size: 0.875rem;
    padding-bottom: 5px;
}

.new-button[b-d9za4vs9i8] {
    margin-left: 15px !important;
}

/* Labels */

.label[b-d9za4vs9i8] {
    height: var(--height);
    line-height: var(--height);
    border: 1px solid var(--color-sf-border-light);
    border-bottom: 0px;
    padding: 0px 10px;
    overflow: hidden;
    font-size: 0.875rem;
}

.label:last-child[b-d9za4vs9i8] {
    height: calc(var(--height) + 0.0625rem);
    border-bottom: 1px solid var(--color-sf-border-light);
}

/* Months */

.calendar .month-container[b-d9za4vs9i8] {
    display: flex;
    flex-direction: row;
    height: var(--height);
    line-height: var(--height);
    border-left: 1px solid var(--color-sf-border-light);
}

.calendar .month-label[b-d9za4vs9i8] {
    border-top: 1px solid var(--color-sf-border-light);
    border-left: 0;
}

.calendar .month-label span[b-d9za4vs9i8] {
    height: var(--height);
    display: inline-block;
    cursor: pointer;
}

.calendar .month-label:last-child[b-d9za4vs9i8] {
    border-right: 1px solid var(--color-sf-border-light);
}

/* Weeks */

.calendar .week-container[b-d9za4vs9i8] {
    display: flex;
    flex-direction: row;
}

.calendar .week[b-d9za4vs9i8] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--color-sf-border-light);
}

.calendar .week:last-child .week-label[b-d9za4vs9i8] {
    min-width: calc(var(--width) + 0.0625rem);
    border-right: 1px solid var(--color-sf-border-light);
}

.calendar .week:last-child[b-d9za4vs9i8] {
    min-width: calc(var(--width) + 0.0625rem);
}

/* Days */

.calendar .day[b-d9za4vs9i8], .week-label[b-d9za4vs9i8] {
    min-width: var(--width);
    height: var(--height);
    background-color: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-border-light);
    text-align: center;
    line-height: calc(var(--height) + 0.0625rem);
    border-bottom: 0px;
    border-right: 0px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.calendar .week:last-child .day[b-d9za4vs9i8] {
    min-width: calc(var(--width) + 0.0625rem);
    border-right: 1px solid var(--color-sf-border-light);
}

/* Totals */

.calendar .total-selected-label[b-d9za4vs9i8] {
    align-items: center;
    border: 1px solid var(--color-sf-border-light);
    border-bottom: 0px;
    display: flex;
    height: calc(var(--height)*2);
    justify-content: center;
    width: 2.75rem;
    overflow: hidden;
}

.calendar .total-selected-label[b-d9za4vs9i8]  .e-tooltip {
    width: 2.75rem;
    height: calc(var(--height)*2);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.calendar .total-selected-label .default-button[b-d9za4vs9i8] {
    border: none;
    border-radius: 0px;
    cursor: pointer;
    font-size: 1.25rem;
    height: 100%;
    justify-content: center;
    padding: 0;
    width: 100%;
}

.clear-button[b-d9za4vs9i8] {
    background-color: var(--color-sf-content-bg-color);
    color: var(--color-sf-danger);
}

.clear-button:hover[b-d9za4vs9i8] {
    background-color: var(--color-sf-danger);
    color: var(--color-sf-danger-text);
}

.clear-button:focus[b-d9za4vs9i8] {
    background-color: rgba(227, 126, 95, 0.25);
    color: var(--color-sf-danger);
}

.clear-button:disabled[b-d9za4vs9i8] {
    color: var(--color-sf-content-text-color-disabled) !important;
    background-color: var(--color-sf-content-bg-color-disabled) !important;
    cursor: unset !important;
}

.calendar .total-selected-days[b-d9za4vs9i8] {
    height: var(--height);
    line-height: var(--height);
    text-align: center;
    border: 1px solid var(--color-sf-border-light);
    border-bottom: 0px;
}

.calendar .total-selected-days:last-child[b-d9za4vs9i8] {
    height: calc(var(--height) + 0.0625rem);
    border-bottom: 1px solid var(--color-sf-border-light);
}

/* Colors */
.calendar .day.disabled[b-d9za4vs9i8] {
    color: #c6c6c6;
    cursor: default;
}

.calendar .day.today[b-d9za4vs9i8] {
    color: var(--focus-visible);
}

.calendar .day.even[b-d9za4vs9i8] {
    background-color: var(--color-sf-content-bg-color-alt2);
}

.calendar .day.selected[b-d9za4vs9i8] {
    background-color: #a8ff16;
}

.calendar .day.even.selected[b-d9za4vs9i8] {
    background-color: #8add00;
}

.calendar .day.selected.warning[b-d9za4vs9i8]::after {
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    content: " ";
    display: block;
    height: calc(var(--height) - 0.25rem);
    width: calc(var(--width) - 0.25rem);
    border: 2px solid #ffab00;
}

.calendar .day.selected.error[b-d9za4vs9i8]::after {
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    content: " ";
    display: block;
    height: calc(var(--height) - 0.25rem);
    width: calc(var(--width) - 0.25rem);
    border: 2px solid #ff3838;
}

.calendar .day.warning[b-d9za4vs9i8]::after {
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    content: " ";
    display: block;
    height: calc(var(--height) - 0.25rem);
    width: calc(var(--width) - 0.25rem);
    border: 2px solid rgba(255, 171, 0, 0.35);
}

.calendar .day.error[b-d9za4vs9i8]::after {
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    content: " ";
    display: block;
    height: calc(var(--height) - 0.25rem);
    width: calc(var(--width) - 0.25rem);
    border: 2px solid rgba(255, 56, 56, 0.35);
}

.calendar .day.selection[b-d9za4vs9i8] {
    background-color: #7ECCD9 !important;
    transition: none;
}

.calendar .day.even.selection[b-d9za4vs9i8] {
    background-color: #3bb1c5 !important;
}

/* Hover Colors */

.calendar .day:hover[b-d9za4vs9i8], .week-label:hover[b-d9za4vs9i8] {
    background-color: #ebebeb;
}

.calendar .day:hover.even[b-d9za4vs9i8] {
    background-color: #c8c8c8;
}

.calendar .day:hover.selected[b-d9za4vs9i8] {
    background-color: #93eb00;
}

.calendar .day:hover.even.selected[b-d9za4vs9i8] {
    background-color: #78bf00;
}

.calendar .day:hover.selected.warning[b-d9za4vs9i8]::after {
    border: 2px solid #bf8000;
}

.calendar .day:hover.selected.error[b-d9za4vs9i8]::after {
    border: 2px solid #ca0000;
}

.calendar .day:hover.selection[b-d9za4vs9i8] {
    background-color: #7ECCD9;
}

.calendar .day:hover.even.selection[b-d9za4vs9i8] {
    background-color: #3bb1c5;
}

.calendar .day:hover.disabled[b-d9za4vs9i8] {
    background-color: var(--white-text, #ffffff);
}

.calendar .day:hover.even.disabled[b-d9za4vs9i8] {
    background-color: #e9e9e9;
}

/* Buttons */
.buttons[b-d9za4vs9i8] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 10px;
    overflow: hidden;
    overflow-x: auto;
    padding-bottom: 3px;
}

.range-button[b-d9za4vs9i8] {
    box-shadow: none !important;
    margin-left: 15px;
    border-radius: 3px;
}

.range-button:focus[b-d9za4vs9i8] {
    background-color: rgba(0,0,0,.12);
}

.range-button:first-child[b-d9za4vs9i8] {
    margin-left: 0;
}

/*.clear-button {
    align-self: flex-start;
}

.clear-button:focus {
    color: #ffffff !important;
    border-color: #e37e5f !important;
    background-color: #e37e5f !important;
}*/

.e-btn.e-outline.e-danger[b-d9za4vs9i8] {
    height: 100%;
    display: flex;
    align-items: center;
}

.e-btn.e-outline.e-danger:focus[b-d9za4vs9i8] {
    box-shadow: none;
}

.confirm-delete-buttons[b-d9za4vs9i8] {
    display: flex;
}

/*.remove-button {
    align-items: center;
    display: flex;
    font-size: 16px;
    height: 100%;
    padding: 0px 16.5px;
}
*/

.confirm-delete-buttons .confirm-left-button[b-d9za4vs9i8] {
    background-color: var(--color-sf-content-bg-color);
    border-color: var(--color-sf-danger);
    border-radius: 3px 0px 0px 3px;
    color: var(--color-sf-danger);
}

.confirm-delete-buttons .confirm-left-button:hover[b-d9za4vs9i8] {
    background-color: var(--color-sf-danger);
    border-color: var(--color-sf-danger);
    color: var(--color-sf-danger-text);
}

.confirm-delete-buttons .confirm-right-button[b-d9za4vs9i8] {
    border-radius: 0px 3px 3px 0px;
    border-left: 0px;
}

.date-selection-control[b-d9za4vs9i8]  .category-count {
    display: inline-block;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    background-color: #f2f2f2;
    border-radius: 4px;
    margin-left: 5px;
    padding: 4px 8px;
}

.date-selection-control[b-d9za4vs9i8]  .category-count.warning::after {
    position: absolute;
    top: 3px;
    left: 3px;
    content: " ";
    display: block;
    height: 29px;
    width: 29px;
    border-radius: 2px;
    border: 3px solid #ffab00;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.date-selection-control[b-d9za4vs9i8]  .category-count.error::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: " ";
    display: block;
    border: 3px solid #ff3838;
}
/* /Shared/Components/DynamicPages/Views/Controls/DateTimePicker.razor.rz.scp.css */
.datetimepicker-control[b-ro1zrb31od] {
    --background: none;
}

.datetimepicker-control[b-ro1zrb31od] {
    height: 100%;
    display: flex;
    padding: 4px;
}

.datetimepicker-wrapper[b-ro1zrb31od] {
    display: flex;
    background-color: var(--background);
    padding: 3px 5px;
}

.datetimepicker-control[b-ro1zrb31od]  .e-date-wrapper.e-date-container {
    margin-bottom: 0px;
}
/* /Shared/Components/DynamicPages/Views/Controls/Explorer.razor.rz.scp.css */
.explorer-control[b-3t2dmitp74] {
    height: 100%;
    width: 100%;
    display: flex;
    overflow: hidden;
}
/* /Shared/Components/DynamicPages/Views/Controls/Grid.razor.rz.scp.css */
.grid-control[b-hpz8xhr3kf] {
    height: 100%;
    width: 100%;
    display: flex;
    overflow: hidden;
}

.grid[b-hpz8xhr3kf] {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.grid.collapsed[b-hpz8xhr3kf] {
    display: none;
}

.cell-collapsed[b-hpz8xhr3kf] {
    display: none;
}

.grid-override .grid.collapsed[b-hpz8xhr3kf] {
    display: block;
}

.grid-cell-container[b-hpz8xhr3kf] {
    display: grid;
    height: 100%;
    position: relative;
    /* Default to stretch to match WPF behavior where children fill their cells by default */
    justify-items: stretch;
    align-items: stretch;
}

.grid-cell[b-hpz8xhr3kf] {
    overflow: hidden;
    /* No fixed sizing - allows content to size based on grid alignment */
}

.grid-cell.gridview[b-hpz8xhr3kf] {
    height: 100%;
    width: 100%;
}
/* /Shared/Components/DynamicPages/Views/Controls/GridSplitter.razor.rz.scp.css */
.splitter[b-9u33g52tmd] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.splitter[b-9u33g52tmd]  .e-control.e-splitter.e-lib .e-control.e-splitter.e-lib {
    border: none !important;
}

.splitter[b-9u33g52tmd]  .pane-content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 3px 3px;
}

.splitter[b-9u33g52tmd]  .e-splitter .e-split-bar.e-split-bar-horizontal {
    z-index: 0 !important;
}
/* /Shared/Components/DynamicPages/Views/Controls/GridView.razor.rz.scp.css */
.gridview-control[b-1k2h4mkcql] {
    --grid-background: var(--color-sf-content-bg-color);
    --grid-foreground: var(--color-sf-content-text-color);
    --grid-border: 1px;
}

.gridview-control[b-1k2h4mkcql], .gridview-container[b-1k2h4mkcql], .datagrid[b-1k2h4mkcql] {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.gridview-control[b-1k2h4mkcql] {
    display: flex;
    flex-direction: column;
}

/* Forced height fix form GridView --------------------------------------------------------------------------------------------------------------- */

/* Paging with no toolbar */
/*.gridview-container.no-toolbar ::deep :has(.pager-container) .e-gridcontent {
    height: calc(100% - 84px) !important;
}*/

/* Paging with no toolbar */
/*.gridview-container ::deep :has(.pager-container) .e-gridcontent {
    height: calc(100% - 126px) !important;
}*/

/* Paging with no toolbar */
/*.gridview-container ::deep :has(.pager-container):not(:has(.e-columnheader)) .e-gridcontent {
    height: calc(100% - 84px) !important;
}*/

/* Paging with no toolbar and no column headers */
/*.gridview-container.no-toolbar.no-columnheaders ::deep :has(.pager-container) .e-gridcontent {
    height: calc(100% - 175px) !important;
}*/

.gridview-control .grid-cell[b-1k2h4mkcql] {
    max-height: fit-content;
    min-height: auto;
    display: block ruby;
}

.gridview-control[b-1k2h4mkcql]  .sf-grid.e-grid {
    overflow: hidden !important;
}

/*
.gridview-control .data-count {
    border: 1px solid rgba(0,0,0,0.12);
    border-top: none;
    flex-shrink: 0;
    height: 38px;
    padding: 5px;
    text-align: right;
    width: 100%;
}

.gridview-control .data-count span {
    font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
    font-size: 13px;
    line-height: 13px;
}
*/

.gridview-control[b-1k2h4mkcql]  .e-grid {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.gridview-control[b-1k2h4mkcql]  .e-gridpager {
    height: 33px;
    padding: 0px 10px 1px 2px;
}

.gridview-control[b-1k2h4mkcql]  .pager-container {
    height: 32px;
    overflow: hidden;
    flex-direction: row;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.input-page-label[b-1k2h4mkcql] {
}

/*.gridview-control ::deep .page-size-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.gridview-control ::deep .page-size-container span {
    margin-left: 5px;
    white-space: nowrap;
}*/


.gridview-control[b-1k2h4mkcql]  .e-cell-no-boxshadow {
    box-shadow: none !important;
}


.gridview-control[b-1k2h4mkcql]  .e-gridcontent .e-table tbody tr.e-row {
    color: rgba(0,0,0,0.87);
    height: 22px !important;
}

.gridview-control[b-1k2h4mkcql]  .e-gridcontent .e-table tbody tr.e-row .e-rowcell {
    color: inherit;
}

.gridview-container.no-toolbar[b-1k2h4mkcql]  .e-grid .e-control.e-toolbar {
    display: none;
}

.gridview-control[b-1k2h4mkcql]  .e-sortfilterdiv {
    display: none;
}

/* Pager override */

.gridview-control[b-1k2h4mkcql]  .pager-inputs,
.gridview-control[b-1k2h4mkcql]  .page-size-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 5px;
    min-width: 0;
    overflow: hidden;
}

.gridview-control[b-1k2h4mkcql]  .input-page-label-container,
.gridview-control[b-1k2h4mkcql]  .total-count {
    margin-top: -2px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gridview-control[b-1k2h4mkcql]  .total-count span,
.gridview-control[b-1k2h4mkcql]  .page-size-container .input-page-label {
    white-space: nowrap;
}

.gridview-control[b-1k2h4mkcql]  .number-input-container .e-input-group-icon,
.gridview-control[b-1k2h4mkcql]  .page-size-container .e-input-group-icon {
    min-height: unset;
}

.gridview-control[b-1k2h4mkcql]  .number-input-container .e-numerictextbox,
.gridview-control[b-1k2h4mkcql]  .number-input-container .e-input-group-icon,
.gridview-control[b-1k2h4mkcql]  .page-size-container .e-dropdownlist,
.gridview-control[b-1k2h4mkcql]  .page-size-container .e-input-group-icon {
    height: 26px;
}

.gridview-control[b-1k2h4mkcql]  .page-size-container .e-input-group-icon {
    border-left: 1px solid var(--color-sf-border) !important;
}

.gridview-control[b-1k2h4mkcql]  .number-input-container .e-numeric.e-control-wrapper {
    width: 105px !important;
}

.gridview-control[b-1k2h4mkcql]  .e-numeric.number-input .e-input-group-icon.e-spin-down::before,
.gridview-control[b-1k2h4mkcql]  .e-numeric.number-input .e-input-group-icon.e-spin-up::before {
    transform: rotate(90deg);
}

.gridview-control[b-1k2h4mkcql]  .e-input-group.e-control-container.e-control-wrapper.page-size .e-input,
.gridview-control[b-1k2h4mkcql]  .e-numeric.number-input .e-control.e-numerictextbox {
    padding: 0px 0px 2px 0px;
    text-align: center;
}

/* Cell checkbox override */

.gridview-control[b-1k2h4mkcql]  .e-checkbox-wrapper .e-frame.e-check,
.gridview-control[b-1k2h4mkcql]  .e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check,
.gridview-control[b-1k2h4mkcql]  .e-checkbox-wrapper .e-checkbox:active + .e-frame.e-check {
    background-color: rgba(0,0,0,0.25);
}

.gridview-control[b-1k2h4mkcql]  .e-checkbox-wrapper .e-checkbox:active + .e-frame.e-check {
    background-color: #757575;
}

.grid-cell-template[b-1k2h4mkcql]  .e-checkbox-wrapper.e-wrapper {
    display: flex;
    align-items: center;
    cursor: default;
}
/* Color override */

.gridview-container[b-1k2h4mkcql] {
    background-color: var(--grid-background);
}

.gridview-container[b-1k2h4mkcql]  .e-table e-tableborder,
.gridview-container[b-1k2h4mkcql]  .e-gridcontent,
.gridview-container[b-1k2h4mkcql]  .e-grid .e-table,
.gridview-container[b-1k2h4mkcql]  .e-content {
    background-color: var(--grid-background);
}

.gridview-container[b-1k2h4mkcql]  .e-grid .e-table th,
.gridview-container[b-1k2h4mkcql]  .e-grid .e-table td {
    color: var(--grid-foreground) !important;
}

.gridview-container[b-1k2h4mkcql]  .e-grid {
    border-width: var(--grid-border);
}

.gridview-container[b-1k2h4mkcql]  .e-grid .e-gridheader {
    border-bottom-width: var(--grid-border);
    border-top-width: var(--grid-border);
}

.gridview-container[b-1k2h4mkcql]  .e-grid .e-rowcell {
    border-width: var(--grid-border) 0 0;
}

.gridview-container[b-1k2h4mkcql]  .e-grid .e-tableborder {
    border-right-width: var(--grid-border);
}

.gridview-container[b-1k2h4mkcql]  .e-grid.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border),
.gridview-container[b-1k2h4mkcql]  .e-grid.e-default .e-detailrowcollapse.e-lastrowcell {
    border-bottom-width: var(--grid-border);
}
/* Header override */

.gridview-control[b-1k2h4mkcql]  th.hide-header {
    display: none;
}

.gridview-control[b-1k2h4mkcql]  .e-headercontent .e-table thead tr.e-columnheader .e-headercell {
    padding: 0px;
}

.gridview-container[b-1k2h4mkcql]  .e-grid .e-columnheader .e-headercell .e-headercelldiv {
    padding: 0px;
    font-weight: initial;
    margin: -5px 20px -5px 5px;
}

.gridview-container[b-1k2h4mkcql]  .e-grid .e-columnheader .e-headercell .e-headercelldiv.e-rightalign {
    margin: -5px 25px -5px 0px;
}
/* Selection indicator override */

.gridview-container[b-1k2h4mkcql]  .e-grid td.e-active {
    background: none;
    position: relative;
}

.gridview-container[b-1k2h4mkcql]  .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell)::before,
.gridview-container[b-1k2h4mkcql]  .e-grid td.e-active::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,100,0.175);
    pointer-events: none;
}

.gridview-container[b-1k2h4mkcql]  .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell)::before {
    background: rgba(0,0,255,0.075);
}

.gridview-container[b-1k2h4mkcql]  .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
.gridview-container[b-1k2h4mkcql]  .e-grid .e-row:hover .e-rowcell {
    background: none;
    position: relative;
}

.gridview-container[b-1k2h4mkcql]  .e-dialog.e-popup.e-popup-open {
    position: fixed;
    left: 50% !important;
    top: 5rem !important;
}
/* /Shared/Components/DynamicPages/Views/Controls/GroupBox.razor.rz.scp.css */
.group-box-container[b-kyive44ima] {
    height: 100%;
    width: 100%;
    padding: 8px;
}

.group-box-content[b-kyive44ima] {
    height: 100%;
    width: 100%;
    padding: 12px;
    border: 1px solid rgba(0,0,0,0.12);
    position: relative;
}

.group-box-heading-container[b-kyive44ima] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0px 8px;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.group-box-header[b-kyive44ima] {
    background: var(--white, #ffffff);
    /*color: rgba(0,0,0,0.50);*/
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding: 0px 4px;
    z-index: 1000;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
}

.group-box-container.fullpage[b-kyive44ima] {
    background: #fff;
    height: calc(100% - 32px);
    left: 250px;
    margin: 0px !important;
    padding: 15px 10px 10px 10px !important;
    position: fixed;
    top: 0;
    width: calc(100% - 250px);
    z-index: 10000;
}

.toggle-full-page-container[b-kyive44ima] {
}

.toggle-full-page[b-kyive44ima] {
    align-items: center;
    background: #ffffff !important;
    border: none;
    color: #721c24;
    display: flex;
    font-size: 20px;
    justify-content: center;
    line-height: 14px;
    padding: 0;
    transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
    box-shadow: none !important;
}

.toggle-full-page.page-expand:hover[b-kyive44ima], .toggle-full-page.page-expand:focus[b-kyive44ima], .toggle-full-page.page-expand:focus-visible[b-kyive44ima] {
    color: #0d6efd !important;
}

.toggle-full-page.page-collapse[b-kyive44ima] {
    color: #ff0000;
}
/* /Shared/Components/DynamicPages/Views/Controls/HomogeneousPeriods.razor.rz.scp.css */
.homogeneous-periods-control-container[b-os7k0efgek] {
    height: 100%;
}

/* Main graph container */
.graph-container[b-os7k0efgek] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.graph-container.fullscreen[b-os7k0efgek] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100001;
    background-color: white;
    padding: 20px;
}

/* Toolbar */
.toolbar[b-os7k0efgek] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.toolbar-left-region[b-os7k0efgek], .toolbar-right-region[b-os7k0efgek] {
    display: flex;
    gap: 10px;
}

/* Graph view */
.graph-view[b-os7k0efgek] {
    flex: 1;
    border: 1px solid #ccc;
    position: relative;
    overflow: hidden;
    background-color: white;
    height: 100%;
}

#svgContainer[b-os7k0efgek] {
    width: 100%;
    height: 100%;
}

.button[b-os7k0efgek] {
    align-items: center;
    background: var(--white, #ffffff);
    border: 1px solid var(--d70, #4c4c4c);
    border-radius: 3px !important;
    box-shadow: none;
    display: flex;
    gap: 3px;
    justify-content: center;
    padding: 5px 10px;
    transition: all 250ms ease-in-out;
}

.button:hover[b-os7k0efgek], .button:focus[b-os7k0efgek] {
    box-shadow: none;
    border: 1px solid var(--d70, #4c4c4c);
    background: #e0e0e0 !important;
}

.button:focus-visible[b-os7k0efgek] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    color: rgb(13, 110, 253) !important;
}

.button .button-content[b-os7k0efgek] {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center;
}

.button:disabled:hover[b-os7k0efgek], .button:disabled:focus[b-os7k0efgek] {
    box-shadow: none;
    border: 1px solid transparent;
    background: rgba(0,0,0,.12) !important;
}

.button.button-primary[b-os7k0efgek] {
    background: rgb(13, 110, 253) !important;
    border-color: rgb(13, 110, 253);
    color: var(--white-text, #ffffff);
}
/* /Shared/Components/DynamicPages/Views/Controls/InternalComponents/CustomChart.razor.rz.scp.css */
.graph-view[b-djbpq04hdk] {
    height: 100%;
    overflow: hidden;
    width: 100%;
}
/* /Shared/Components/DynamicPages/Views/Controls/InternalComponents/SpreadsheetObject.razor.rz.scp.css */
.spreadsheet thead th[b-68ejwek48s] {
    border: 1px solid rgba(0,0,0,0.12) !important;
    padding: 0px 5px;
    font-size: 14px;
    font-weight: 400;
}

.spreadsheet[b-68ejwek48s] {

}

.spreadsheet[b-68ejwek48s]  .href {
    color: #0071c1;
    cursor: pointer;
    transition: color 250ms ease-in-out;
}

.spreadsheet[b-68ejwek48s]  .href:hover {
    color: var(--primary);
}

.spreadsheet table tr th[b-68ejwek48s] {
    border: 1px solid rgba(0,0,0,0.12);
    padding: 0px 5px;
    font-size: 14px;
    font-weight: 500;
}

tbody[b-68ejwek48s] {
    border-width: 0 2px 0 2px;
}

table[b-68ejwek48s] {
    border-bottom: 2px solid #000;
}

.row[b-68ejwek48s] {
}

.cell[b-68ejwek48s] {
}
/* /Shared/Components/DynamicPages/Views/Controls/Listbox.razor.rz.scp.css */
.listbox-control[b-bm2r702tv4] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.listbox-control.collapsed[b-bm2r702tv4] {
    display: none;
}

.listbox-control[b-bm2r702tv4]  .e-listbox-container {
    height: 100%;
    overflow: hidden;
}

.listbox-control[b-bm2r702tv4]  .e-list-wrap {
    overflow: hidden;
    overflow-y: auto;
}

.listbox-control[b-bm2r702tv4]  .e-list-item {
    border-bottom: 1px solid rgba(0,0,0,0.12) !important;
}

.listbox-control[b-bm2r702tv4]  .e-list-item:last-child{
    border-bottom: none !important;
}

.listbox-control.nowrap[b-bm2r702tv4]  .e-list-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.listbox-control.wrap[b-bm2r702tv4]  .e-list-item {
    height: auto !important;
    line-height: 20px !important;
}
/* /Shared/Components/DynamicPages/Views/Controls/MindMap.razor.rz.scp.css */
.diagram-control-container[b-0mdebtz6p2] {
    height: 100%;
    overflow: hidden;
}

.dialog-input[b-0mdebtz6p2] {
    background: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-border);
    border-radius: calc(var(--e-radius)*.25);
    box-shadow: none;
    color: var(--color-sf-content-text-color);
    font: inherit;
    height: 32px;
    overflow: hidden;
    padding: 0;
    padding-left: 8px;
    text-indent: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dialog-input:focus[b-0mdebtz6p2] {
    border-color: var(--color-sf-primary-light);
    border-radius: calc(var(--e-radius)*.25);
    box-shadow: 0 0 0 4px var(--color-sf-primary-shadow);
}


.search-container[b-0mdebtz6p2] {
    background-color: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-border);
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    gap: 5px;
    left: 10px;
    padding: 5px;
    position: absolute;
    top: 10px;
}

.search-button[b-0mdebtz6p2] {
    border: 1px solid var(--color-sf-primary);
    border-radius: 5px;
    color: var(--color-sf-primary);
    padding: 0px 6px;
}

.search-button:hover[b-0mdebtz6p2],
.search-button:focus[b-0mdebtz6p2] {
    color: var(--color-sf-primary-text);
    border-color: var(--color-sf-primary);
    background-color: var(--color-sf-primary);
}

.search-button:disabled[b-0mdebtz6p2] {
    background-color: var(--color-sf-content-bg-color-disabled) !important;
    border: 1px solid var(--color-sf-content-bg-color-disabled) !important;
    color: var(--color-sf-content-text-color-disabled) !important;
}

/* Splitter */
.splitter[b-0mdebtz6p2], .pane-container[b-0mdebtz6p2], .diagram-container[b-0mdebtz6p2] {
    width: 100%;
    height: 100%;
}

.splitter[b-0mdebtz6p2]  .e-splitter {
    border: none !important;
}

.pane-container[b-0mdebtz6p2] {
    display: flex;
    flex-direction: row;
    position: relative;
    overflow: hidden;
}

/* Splitter Button styling */

.splitter-expand-collapse[b-0mdebtz6p2] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.splitter-expand-collapse[b-0mdebtz6p2] {
    align-items: center;
    background-color: var(--color-sf-content-bg-color);
    border: 1px solid var(--color-sf-primary);
    border-radius: 5px;
    color: var(--color-sf-primary);
    display: flex;
    font-size: 0.875rem;
    gap: 3px;
    justify-content: center;
    min-height: 30px;
    min-width: 30px;
    padding: 0;
    transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.splitter-expand-collapse .button-content[b-0mdebtz6p2] {
    align-items: center;
    display: flex;
    font-size: 1.25rem;
    justify-content: center;
    transition: transform 300ms ease-in-out;
}

.splitter-expand-collapse.expanded .button-content[b-0mdebtz6p2] {
    transform: rotate(180deg);
}

.splitter-expand-collapse:hover[b-0mdebtz6p2],
.splitter-expand-collapse:focus[b-0mdebtz6p2] {
    color: var(--color-sf-primary-text);
    border-color: var(--color-sf-primary);
    background: var(--color-sf-primary);
}

.splitter-expand-collapse:disabled[b-0mdebtz6p2] {
    background: var(--d70, #4c4c4c);
    border-color: var(--white);
    color: var(--white);
    opacity: 0.5;
}

.splitter-expand-collapse.sidebar-left[b-0mdebtz6p2] {
    left: 0.5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
}

.splitter-expand-collapse.sidebar-right[b-0mdebtz6p2] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
}

.popup-button:focus[b-0mdebtz6p2] {
    border-color: var(--color-sf-primary-light);
    border-radius: 4px;
    box-shadow: 0 0 0 4px var(--color-sf-primary-shadow);
}

.not-found-icon[b-0mdebtz6p2]  .svg-primary {
    fill: var(--color-sf-primary);
}

.not-found-icon[b-0mdebtz6p2]  .svg-secondary {
    fill: var(--color-sf-content-text-color);
}

.pane-container[b-0mdebtz6p2]  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active:not(.e-overlay) .e-tbar-btn .e-btn-icon {
    color: var(--color-sf-secondary-text-color);
}

.pane-container[b-0mdebtz6p2]  .e-richtexteditor .e-rte-content .e-content {
    color: var(--color-sf-content-text-color);
}

.pane-container[b-0mdebtz6p2]  .e-richtexteditor .e-rte-content {
    overflow-y: auto;
}

.pane-container[b-0mdebtz6p2]  .preview-switch-button {
    width: auto;
    min-height: 32px;
    min-width: 32px;
    padding: 0;
    border: 1px solid rgba(0,0,0,0);
    background: var(--color-sf-content-bg-color-alt1);
    box-shadow: none;
    color: var(--color-sf-content-text-color);
    transition: unset;
}

.pane-container[b-0mdebtz6p2]  .preview-switch-button.edit-button {
    padding: 0px 8px;
}

.pane-container[b-0mdebtz6p2]  .preview-switch-button.edit-button:disabled {
    background-color: var(--color-sf-content-bg-color-disabled) !important;
    border: 1px solid var(--color-sf-content-bg-color-disabled) !important;
    color: var(--color-sf-content-text-color-disabled) !important;
}

.pane-container[b-0mdebtz6p2]  .preview-switch-button .button-content {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center;
}

.pane-container[b-0mdebtz6p2]  .preview-switch-button:hover {
    background: var(--color-sf-secondary-bg-color-hover);
    border-radius: calc(var(--e-radius)*.25);
    color: var(--color-sf-icon-color);
}

.editor-wrapper[b-0mdebtz6p2] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 4px;
    gap: 4px;
}

.editor-container[b-0mdebtz6p2] {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.button-container[b-0mdebtz6p2] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 4px;
}

.action-button[b-0mdebtz6p2] {
}

.save-button[b-0mdebtz6p2] {
}

.cancel-button[b-0mdebtz6p2] {
}
/* /Shared/Components/DynamicPages/Views/Controls/NavigationView.razor.rz.scp.css */
.navigation-view-control[b-ooxtvow9oa] {
    display: flex;
    height: 100%;
    width: 100%;
    background-color: var(--nav-background, #0a2059);
    overflow: hidden;
    transition: all 0.3s ease;
    flex-direction: column;
}

.navigation-view-control.display-expanded[b-ooxtvow9oa] {
    width: 250px;
}

.navigation-view-control.closed[b-ooxtvow9oa] {
    width: 48px;
}

.navigation-pane-header-container[b-ooxtvow9oa] {
    background-color: var(--nav-header-background, #03173d);
    display: flex;
    height: 48px;
}

.navigation-pane-header[b-ooxtvow9oa] {
    align-items: center;
    display: flex;
    padding: 0px 10px;
    width: 100%;
}

.navigation-button[b-ooxtvow9oa] {
    width: 48px;
    height: 48px;
    border: none;
    background: transparent;
    flex: 0 0 48px;
    color: var(--nav-header-color, #ffffff);
}

.navigation-button .button-content[b-ooxtvow9oa] {
    align-items: center;
    display: flex;
    font-size: 24px;
    justify-content: center;
}











.navigation-view-control.display-expanded .navigation-pane[b-ooxtvow9oa] {
    width: 250px;
}

.navigation-view-control.display-compact .navigation-pane[b-ooxtvow9oa] {
    width: 48px;
}

.navigation-view-control.display-minimal .navigation-pane[b-ooxtvow9oa] {
    width: 0;
    overflow: hidden;
}

.navigation-pane-header[b-ooxtvow9oa] {
    font-weight: 600;
    color: var(--nav-header-color, #ffffff);
}

.navigation-pane[b-ooxtvow9oa] {
    display: flex;
    flex-direction: column;
    transition: width 0.3s ease;
    overflow: hidden;
}

/*.navigation-pane.closed {
    width: 0 !important;
}

.navigation-items {
    flex: 1;
    padding: 8px 0;
    overflow-y: auto;
}

.navigation-content {
    flex: 1;
    padding: 16px;
    background-color: var(--nav-content-background, #fff);
    overflow-y: auto;
}*/

/* Navigation Item Styles */
/*.navigation-view-item-control {
    margin: 2px 8px;
    border-radius: 4px;
    transition: all 0.2s ease;
    cursor: pointer;
    user-select: none;
}

.navigation-item {
    padding: 0;
    margin: 0;
}

.navigation-item-content {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    gap: 12px;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.navigation-item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    color: var(--nav-icon-color, #666);
}

.navigation-item-text {
    flex: 1;
    color: var(--nav-text-color, #333);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.icon-glyph {
    font-family: "Segoe MDL2 Assets", "Segoe UI Symbol", sans-serif;
    display: inline-block;
}*/

/* Navigation Item States */
/*.navigation-view-item-control:hover .navigation-item-content {
    background-color: var(--nav-item-hover, #f0f0f0);
}

.navigation-view-item-control.selected .navigation-item-content {
    background-color: var(--nav-item-selected, #e3f2fd);
    color: var(--nav-item-selected-text, #1976d2);
    font-weight: 500;
}

.navigation-view-item-control.selected .navigation-item-icon {
    color: var(--nav-item-selected-icon, #1976d2);
}

.navigation-view-item-control.highlighted .navigation-item-content {
    background-color: var(--nav-item-highlighted, #fff3cd);
    border: 1px solid var(--nav-item-highlighted-border, #ffeaa7);
}

.navigation-view-item-control.not-selectable {
    cursor: default;
    opacity: 0.6;
}

.navigation-view-item-control.not-selectable:hover .navigation-item-content {
    background-color: transparent;
}*/

/* Compact mode adjustments */
/*.navigation-view-control.display-compact .navigation-item-text {
    display: none;
}

.navigation-view-control.display-compact .navigation-item-content {
    justify-content: center;
    padding: 12px 8px;
}

.navigation-view-control.display-compact .navigation-pane-header {
    display: none;
}*/

/* Minimal mode adjustments */
/*.navigation-view-control.display-minimal .navigation-pane {
    position: absolute;
    z-index: 1000;
    height: 100%;
    background-color: var(--nav-pane-background, #fff);
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
}

.navigation-view-control.display-minimal.pane-open .navigation-pane {
    width: 250px !important;
}*/

/* Responsive design */
/*@media (max-width: 768px) {
    .navigation-view-control {
        flex-direction: column;
    }

    .navigation-pane {
        width: 100% !important;
        border-right: none;
        border-bottom: 1px solid var(--nav-border, #e0e0e0);
    }

    .navigation-view-control.display-compact .navigation-pane,
    .navigation-view-control.display-minimal .navigation-pane {
        height: auto;
        max-height: 200px;
    }

    .navigation-view-control.display-compact .navigation-item-text,
    .navigation-view-control.display-minimal .navigation-item-text {
        display: block;
    }

    .navigation-view-control.display-compact .navigation-item-content {
        justify-content: flex-start;
        padding: 12px 16px;
    }
}*/
/* /Shared/Components/DynamicPages/Views/Controls/NavigationViewItem.razor.rz.scp.css */
/* Navigation Item Styles */

.navigation-item-content[b-6fte4i1x47] {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding: 10px 0px;
    transition: all 0.2s ease;
}

.navigation-view-item-control[b-6fte4i1x47] {
    transition: all 0.2s ease;
    cursor: pointer;
    user-select: none;
}

.navigation-item-icon[b-6fte4i1x47] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    color: var(--nav-icon-color, #ffffff);
}

.navigation-item-text[b-6fte4i1x47] {
    flex: 1;
    color: var(--nav-text-color, #ffffff);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.875rem;
}

.icon-glyph[b-6fte4i1x47] {
}

/* Navigation Item States */

.navigation-view-item-control:hover .navigation-item-content[b-6fte4i1x47] {
    background-color: var(--nav-item-hover, rgba(255,255,255,0.2));
}

.navigation-view-item-control.selected .navigation-item-content[b-6fte4i1x47] {
    background-color: var(--nav-item-selected, #e3f2fd);
    color: var(--nav-item-selected-text, #1976d2);
    font-weight: 500;
}

.navigation-view-item-control.selected .navigation-item-icon[b-6fte4i1x47] {
    color: var(--nav-item-selected-icon, #1976d2);
}

.navigation-view-item-control.highlighted .navigation-item-content[b-6fte4i1x47] {
    background-color: var(--nav-item-highlighted, #fff3cd);
    border: 1px solid var(--nav-item-highlighted-border, #ffeaa7);
}

.navigation-view-item-control.not-selectable[b-6fte4i1x47] {
    cursor: default;
    opacity: 0.6;
}

.navigation-view-item-control.not-selectable:hover .navigation-item-content[b-6fte4i1x47] {
    background-color: transparent;
}
/* /Shared/Components/DynamicPages/Views/Controls/ProgressBar.razor.rz.scp.css */
.progress-bar-control .progress-bar[b-58iibpq5c7] {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: none;
    background-color: var(--d06, #f0f0f0);
}

.progress-bar-control .progress-bar[b-58iibpq5c7]::-webkit-progress-bar {
    background-color: var(--d06, #f0f0f0);
    border-radius: 4px;
    border: 1px solid #ddd;
}

.progress-bar-control .progress-bar[b-58iibpq5c7]::-webkit-progress-value {
    background: linear-gradient(90deg, #4CAF50 0%, #45a049 100%);
    border-radius: 4px;
}

.progress-bar-control .progress-bar[b-58iibpq5c7]::-moz-progress-bar {
    background: linear-gradient(90deg, #4CAF50 0%, #45a049 100%);
    border-radius: 4px;
}
/* /Shared/Components/DynamicPages/Views/Controls/Rectangle.razor.rz.scp.css */
.rectangle-control[b-be4v76yt45] {
    box-sizing: border-box;
    display: block;
}

/* Stretch behavior classes */
.stretch-none[b-be4v76yt45] {
    width: auto;
    height: auto;
    flex-shrink: 0;
}

.stretch-fill[b-be4v76yt45] {
    width: 100%;
    height: 100%;
}

.stretch-uniform[b-be4v76yt45] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.stretch-uniform-to-fill[b-be4v76yt45] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* /Shared/Components/DynamicPages/Views/Controls/ScrollViewer.razor.rz.scp.css */
.scroll-viewer-control[b-e7q6liqqr9] {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
}

.scroll-viewer-control[b-e7q6liqqr9] >  .grid {
    overflow: auto;
}
/* /Shared/Components/DynamicPages/Views/Controls/SpreadsheetViewer.razor.rz.scp.css */
.spreadsheet-viewer[b-yirerqruco] {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 10px 0px 10px 10px; /* Should be all around, but control got a margin-right */
}

.spreadsheet-collection[b-yirerqruco] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    overflow: auto;
}

/* Loading Overlays */

.loading-overlay[b-yirerqruco] {
    position: relative;
}

.loading-overlay[b-yirerqruco], .loading-save-data[b-yirerqruco] {
    align-items: center;
    background: rgba(255,255,255,.75);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20000;
}

.loading-overlay-content[b-yirerqruco] {
    background: var(--white, #ffffff);
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0,0.25);
    padding: 20px;
}

.loading-overlay.message[b-yirerqruco] {
    color: #5c636a;
    display: flex;
    flex-direction: column;
    text-align: center;
    z-index: 25000;
}

.loading-message-container[b-yirerqruco] {
}

.loading-message[b-yirerqruco] {
}

.loading-message strong[b-yirerqruco] {
    font-size: 14px;
    font-weight: 500;
}

.loading-message small[b-yirerqruco] {
    font-size: 12px;
}

/* Tabs Content */

.tabs[b-yirerqruco] {
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--border, #e0e0e0);
    padding: 5px;
    position: relative;
}

.tabs[b-yirerqruco]  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    color: var(--color-sf-content-text-color);
}

.tabs[b-yirerqruco]  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
    color: var(--color-sf-primary);
}

.tabs[b-yirerqruco]  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap,
.tabs[b-yirerqruco]  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
.tabs[b-yirerqruco]  .e-tab .e-tab-header .e-toolbar-item {
    border: none;
}

.tabs[b-yirerqruco]  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    background: var(--color-sf-primary);
    border-radius: 4px;
}

.tabs[b-yirerqruco]  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
    color: var(--color-sf-primary-text-color);
}

[b-yirerqruco] .tab-content {
    height: 100%;
    padding-bottom: 5px;
    overflow: hidden;
}

[b-yirerqruco] .data-grid-wrapper {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

[b-yirerqruco] .data-grid-container {
    height: 100%;
    overflow: hidden;
}

[b-yirerqruco] .e-control.e-tab .e-content.e-lib.e-touch {
    height: 100%;
    overflow: hidden;
}

[b-yirerqruco] .e-control.e-tab .e-content.e-lib.e-touch .e-item.e-active {
    height: 100%;
    overflow: hidden;
}

/* DataGrid Overrides */

[b-yirerqruco] .e-headercell.e-leftalign.e-fltr-icon.e-ellipsistooltip.e-cell-no-boxshadow {
    padding-top: 13px;
}

/* Splitter */

.splitter[b-yirerqruco] {
    height: 100%;
    overflow: hidden;
}

[b-yirerqruco] .pane-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
}

[b-yirerqruco] .pane-content .e-grid {
    overflow: hidden !important;
}

[b-yirerqruco] .pane-no-border {
    border: none !important;
}

[b-yirerqruco] .pane-overflow-hidden {
    overflow: hidden !important;
    height: 100%;
}

.pane-border-bottom[b-yirerqruco] {
    border-bottom: 1px solid var(--border, #e0e0e0);
}

/* Splitter Pane Toggle Button */

.custom-button[b-yirerqruco] {
    border: none;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border: 1px solid var(--d70, #4c4c4c);
    background: var(--white, #ffffff);
    transition: all 250ms ease-in-out;
}

.custom-button:hover[b-yirerqruco] {
    background: var(--d12, #e0e0e0);
}

.custom-button:focus-visible[b-yirerqruco] {
    border-color: rgb(13, 110, 253);
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75);
    color: rgb(13, 110, 253);
}

.custom-button .button-content[b-yirerqruco] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.toggle-expand-collapse[b-yirerqruco] {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 1000;
    min-height: 30px;
    min-width: 30px;
}

.toggle-expand-collapse .button-content[b-yirerqruco] {
    transition: transform 300ms ease-in-out;
}

.toggle-expand-collapse.collapsed .button-content[b-yirerqruco] {
    transform: rotate(180deg);
}

.spreadsheet-grid[b-yirerqruco] {
    display: grid;
    gap: 10px;
}
/* /Shared/Components/DynamicPages/Views/Controls/Tab.razor.rz.scp.css */
/* Tabs Content */

.tabs-control[b-jxnzi1p9ta] {
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--border, #e0e0e0);
    position: relative;
}

.tabs-control[b-jxnzi1p9ta]  .tab-content {
    height: 100%;
    padding-bottom: 5px;
    overflow: hidden;
}

.tabs-control[b-jxnzi1p9ta]  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    color: var(--color-sf-content-text-color);
}

.tabs-control[b-jxnzi1p9ta]  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
    color: var(--color-sf-primary);
}

.tabs-control[b-jxnzi1p9ta]  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap,
.tabs-control[b-jxnzi1p9ta]  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
.tabs-control[b-jxnzi1p9ta]  .e-tab .e-tab-header .e-toolbar-item {
    border: none;
}

.tabs-control[b-jxnzi1p9ta]  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    background: var(--color-sf-primary);
    border-radius: 0px;
}

.tabs-control[b-jxnzi1p9ta]  .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
    color: var(--color-sf-primary-text-color);
}


/*.tabs-control ::deep .e-control.e-tab {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.tabs-control ::deep .data-grid-wrapper {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}*/
.tabs-control[b-jxnzi1p9ta]  .data-grid-container {
    height: 100%;
    overflow: hidden;
}

.tabs-control[b-jxnzi1p9ta]  .e-control.e-tab .e-content.e-lib.e-touch {
    height: 100%;
    overflow: hidden;
}

.tabs-control[b-jxnzi1p9ta]  .e-control.e-tab .e-content.e-lib.e-touch .e-item.e-active {
    height: 100%;
    overflow: hidden;
}

.tabs-control[b-jxnzi1p9ta]  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    border-radius: 0;
    border-top: 0px !important;
}

.tabs-control[b-jxnzi1p9ta]  .e-tab.e-vertical-tab .e-gridcontent .e-content {
    display: block !important;
}
/* /Shared/Components/DynamicPages/Views/Controls/TabItem.razor.rz.scp.css */
.tab-item-control[b-w1o7nzzyop] {
    height: 100%;
    width: 100%;
    padding: 8px;
}
/* /Shared/Components/DynamicPages/Views/Controls/TextBlock.razor.rz.scp.css */
.text-block[b-1uujg3arxo] {
    --font-size: 0.875rem;
    --font-weight: 400;
    --justify-content: left;
    --margin: initial;
    --padding: initial;
}

.text-block[b-1uujg3arxo] {
    display: flex;
    flex-direction: row;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
}
.text-block.collapsed[b-1uujg3arxo] {
    display: none;
}

/* Variables */
.text-block[b-1uujg3arxo] {
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    justify-content: var(--justify-content);
    margin: var(--margin);
    padding: var(--padding);
}
/* /Shared/Components/DynamicPages/Views/Controls/TextBox.razor.rz.scp.css */
:root[b-zfkcwo2igg] {
    --font-size: 0.875rem;
}

.text-box[b-zfkcwo2igg]  .e-input:not(:valid),
.text-box[b-zfkcwo2igg]  .e-input:valid,
.text-box[b-zfkcwo2igg]  .e-float-input.e-control-wrapper input:not(:valid),
.text-box[b-zfkcwo2igg]  .e-float-input.e-control-wrapper input:valid,
.text-box[b-zfkcwo2igg]  .e-float-input input:not(:valid),
.text-box[b-zfkcwo2igg]  .e-float-input input:valid,
.text-box[b-zfkcwo2igg]  .e-input-group input:not(:valid),
.text-box[b-zfkcwo2igg]  .e-input-group input:valid,
.text-box[b-zfkcwo2igg]  .e-input-group.e-control-wrapper input:not(:valid),
.text-box[b-zfkcwo2igg]  .e-input-group.e-control-wrapper input:valid,
.text-box[b-zfkcwo2igg]  .e-float-input.e-control-wrapper textarea:not(:valid),
.text-box[b-zfkcwo2igg]  .e-float-input.e-control-wrapper textarea:valid,
.text-box[b-zfkcwo2igg]  .e-float-input textarea:not(:valid),
.text-box[b-zfkcwo2igg]  .e-float-input textarea:valid,
.text-box[b-zfkcwo2igg]  .e-input-group.e-control-wrapper textarea:not(:valid),
.text-box[b-zfkcwo2igg]  .e-input-group.e-control-wrapper textarea:valid,
.text-box[b-zfkcwo2igg]  .e-input-group textarea:not(:valid),
.text-box[b-zfkcwo2igg]  .e-input-group textarea:valid {
    font-size: var(--font-size);
}


.text-box[b-zfkcwo2igg]  .e-input-group.e-control-container.e-control-wrapper,
.text-box[b-zfkcwo2igg]  .e-input-group.e-control-container.e-control-wrapper.e-input-focus {
    border-width: 1px !important;
    padding: 0px 10px;
}
/* /Shared/Components/DynamicPages/Views/Controls/TrajectoriesChart.razor.rz.scp.css */
.trajectories-chart[b-waxs08odvn] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.tool-bar[b-waxs08odvn] {
    align-items: center;
    display: flex;
    gap: 10px;

}

.tool-bar-group[b-waxs08odvn] {
    height: 100%;
    display: flex;
    align-items: center;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 3px;
    padding: 5px 10px;
    gap: 5px;
}

.tool-bar-group.spacer[b-waxs08odvn] {
    flex-grow: 1;
    padding: 0px;
}

.tool-bar-group-section[b-waxs08odvn] {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-left: 5px;
    padding-left: 10px;
    border-left: 1px solid rgba(0,0,0,0.12);
}

.graph-container[b-waxs08odvn] {
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 3px;
    height: 100%;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}

.graph-view[b-waxs08odvn] {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.counter[b-waxs08odvn] {
    height: 30px;
    width: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #c9c9c9;
    color: var(--d70, #4c4c4c);
    border-radius: 3px;
}

.button[b-waxs08odvn] {
    align-items: center;
    background: var(--white, #ffffff);
    border: 1px solid var(--d70, #4c4c4c);
    border-radius: 3px !important;
    box-shadow: none;
    display: flex;
    gap: 3px;
    justify-content: center;
    padding: 6px 12px;
    height: 30px;
    transition: all 250ms ease-in-out;
}

.button:has(.button-content)[b-waxs08odvn] {
    padding: 6px;
}

.button:hover[b-waxs08odvn], .button:focus[b-waxs08odvn] {
    box-shadow: none;
    border: 1px solid var(--d70, #4c4c4c);
    background: #e0e0e0 !important;
}

.button:focus-visible[b-waxs08odvn] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    color: rgb(13, 110, 253) !important;
}

.button .button-content[b-waxs08odvn] {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center;
}

.button.button-primary[b-waxs08odvn] {
    background: rgb(13, 110, 253) !important;
    border-color: rgb(13, 110, 253);
    color: var(--white-text, #ffffff);
}

.button:disabled[b-waxs08odvn] {
    color: #ababab !important;
    background: #dbdbdb !important;
    border: solid 1px #dbdbdb !important;
    box-shadow: none !important;
}

.button:disabled:hover[b-waxs08odvn], .button:disabled:focus[b-waxs08odvn] {
    box-shadow: none;
    border: 1px solid transparent;
    background: rgba(0,0,0,.12) !important;
}
/* /Shared/Components/DynamicPages/Views/StandardPage.razor.rz.scp.css */
.dynamic-page[b-eif608gqu9] {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.content[b-eif608gqu9] {
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 0px;
}

.side-frame .dynamic-page .content[b-eif608gqu9] {
    padding: 0px;
}
/* /Shared/Components/Explorer/Components/ExplorerBreadCrumbs.razor.rz.scp.css */
.explorer-breadcrumb-container[b-kmqlzn65sd] {
    border-bottom: 1px solid var(--color-sf-border-light);
    display: flex;
    justify-content: space-between;
    padding: 5px 5px;
    width: 100%;
}

.explorer-breadcrumb-container .explorer-breadcrumbs[b-kmqlzn65sd] {
    align-items: center;
    display: flex;
    gap: 2px;
    padding-left: 10px;
    padding-right: 15px;
}

.breadcrumb-container[b-kmqlzn65sd] {
    align-items: baseline;
    display: flex;
    flex-flow: nowrap;
}

.explorer-breadcrumb-container .breadcrumb-item[b-kmqlzn65sd] {
    background: transparent;
    border: none;
    color: var(--color-sf-content-text-color);
    font-size: 14px;
    padding: 2px 6px;
    white-space: nowrap;
}

.explorer-breadcrumb-container .breadcrumb-item:hover[b-kmqlzn65sd] {
    color: rgb(13, 110, 253);
}

.explorer-breadcrumb-container .breadcrumb-item:focus-visible[b-kmqlzn65sd] {
    background: rgb(13, 110, 253);
    border-radius: 4px;
    color: var(--white-text, #ffffff);
}
/* /Shared/Components/Explorer/Components/ExplorerControl.razor.rz.scp.css */
.explorer-treeview-container[b-udi34zbq2r]  .e-treeview .e-list-text {
    width: 100%;
}

/* Error Message */
.error-message[b-udi34zbq2r] {
    left: 50%;
    position: absolute;
    top: 10px;
    background: rgba(255,255,255,0.75);
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(-50%);
    max-width: 350px;
    cursor: pointer;
}

.error-message .error-message-container[b-udi34zbq2r] {
    background: var(--white, #ffffff);
    border: 1px solid #f5c6cb;
    border-radius: 6px;
    padding: 10px 12px 10px 20px;
    color: #721c24;
    background-color: #f8d7da;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
}

.error-message .close-error-button[b-udi34zbq2r] {
    align-items: center;
    background: #f8d7da;
    border: 1px solid #f8d7da;
    border-radius: 6px;
    color: #721c24;
    display: flex;
    font-size: 14px;
    line-height: 14px;
    justify-content: center;
    padding: 4px;
    transition: background-color 250ms ease-in-out, color 250ms ease-in-out, border-color 250ms ease-in-out;
}

.error-message .close-error-button:hover[b-udi34zbq2r] {
    color: rgb(255, 0, 0);
    border-color: #f1afb5;
}

.error-message .close-error-button:focus-visible[b-udi34zbq2r] {
    border-color: rgb(255, 0, 0);
    box-shadow: 0px 0px 10px 0px rgba(255, 0, 0, 0.75);
    color: rgb(255, 0, 0);
}

.error-message .close-error-button iconify-icon[b-udi34zbq2r] {
    height: 20px;
    width: 20px;
}

/* ---------------- */

.explorer[b-udi34zbq2r] {
    background: var(--color-sf-content-bg-color);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%;
}

.explorer-content[b-udi34zbq2r] {
    height: 100%;
    overflow: hidden;
}

.explorer-content[b-udi34zbq2r]  .e-splitter {
    border-radius: 0px 0px 3px 3px !important;
}

.explorer-content.is-modal[b-udi34zbq2r]  .e-splitter {
    border-radius: 0px !important;
}

.explorer-content[b-udi34zbq2r]  .e-headercell.e-cell-no-border {
    padding-bottom: 7px;
}

.explorer-actions[b-udi34zbq2r] {
    background-color: #f8f9fa;
    border: 1px solid var(--color-sf-border-light);
    border-radius: 0px 0px 3px 3px;
    border-top: none;
    flex-shrink: 0;
    overflow: hidden;
    height: 49px;
    padding: 8px;
}

.explorer-actions-container[b-udi34zbq2r] {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: flex-end;
}

.explorer-actions-container .folder-target[b-udi34zbq2r] {
    white-space: nowrap;
    color: var(--d33, #ababab);
}

.explorer-actions-container .actions-input[b-udi34zbq2r] {
    flex-grow: 1;
}

.explorer-actions-container .actions-input[b-udi34zbq2r]  .e-input-group, .explorer-actions-container .actions-input[b-udi34zbq2r]  .e-input-group.e-input-focus {
    margin: 0;
    box-shadow: none !important;
    border-radius: 3px !important;
    border: 1px solid #e0e0e0 !important;
    border-bottom-color: #4c4c4c !important;
    padding: 0px 10px;
    background: var(--white, #ffffff);
    font-size: 14px;
}

.explorer-actions-container .actions-input[b-udi34zbq2r]  .e-input-group.e-input-focus {
    border-color: #0262ef !important;
    box-shadow: #0262ef 0px 0px 2px !important;
}

.explorer-actions-container .actions-input[b-udi34zbq2r]  .e-input-group::before, .explorer-actions-container .actions-input[b-udi34zbq2r]  .e-input-group::after {
    display: none;
}

.explorer-actions-container .folder-selection-info[b-udi34zbq2r] {
    align-items: center;
    border: 1px solid var(--color-sf-border-light);
    border-radius: 3px;
    color: var(--d45);
    display: flex;
    flex-direction: row;
    height: 32px;
    padding: 0px 10px;
    width: 100%;
}

.explorer-actions-container .action-button-container[b-udi34zbq2r] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

/* Action Buttons */
.custom-button[b-udi34zbq2r] {
    align-items: center;
    background: var(--white, #ffffff);
    border: 1px solid var(--d70, #4c4c4c);
    border-radius: 3px !important;
    box-shadow: none;
    display: flex;
    height: 32px;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
    transition: all 250ms ease-in-out;
}

.custom-button.back-button[b-udi34zbq2r] {
    padding: 5px 10px 5px 5px;
}

.custom-button.next-button[b-udi34zbq2r] {
    padding: 5px 5px 5px 10px;
}

.custom-button.primary[b-udi34zbq2r] {
    background-color: var(--focus-visible, #0d6efd);
    border-color: var(--focus-visible, #0d6efd);
    color: var(--white-text, #ffffff);
}

.custom-button:hover[b-udi34zbq2r], .custom-button:focus[b-udi34zbq2r] {
    color: #000000 !important;
    box-shadow: none;
    border: 1px solid var(--d70, #4c4c4c);
    background: #e0e0e0 !important;
}

.custom-button:focus-visible[b-udi34zbq2r] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75) !important;
    color: rgb(13, 110, 253) !important;
}

.custom-button:disabled[b-udi34zbq2r] {
    color: #ababab !important;
    background: #dbdbdb !important;
    border: solid 1px #dbdbdb !important;
    box-shadow: none !important;
}










/* Toolbar */
.explorer-toolbar[b-udi34zbq2r] {
    background: var(--color-sf-content-bg-color-alt1);
    border-radius: 3px 3px 0px 0px;
    border: 1px solid var(--color-sf-border-light);
    border-bottom: none;
    display: flex;
    gap: 2px;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: auto;
    flex-shrink: 0;
    height: 44px;
}

.left-toolbar .toolbar-button:first-child[b-udi34zbq2r] {
    margin-left: 6px;
}

.right-toolbar .toolbar-button:last-child[b-udi34zbq2r] {
    margin-right: 6px;
}

.explorer-toolbar .left-toolbar[b-udi34zbq2r] {
    display: flex;
    gap: 2px;
}

.explorer-toolbar .right-toolbar[b-udi34zbq2r] {
    display: flex;
    gap: 2px;
}

/* Toolbar Button */
.toolbar-button[b-udi34zbq2r] {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: var(--color-sf-content-text-color);
    display: flex;
    font-size: 14px;
    line-height: 14px;
    justify-content: center;
    padding: 6px 8px;
    transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
    margin: 6px 0px;
}

.toolbar-button.uppercase[b-udi34zbq2r] {
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
}

.toolbar-button .button-content[b-udi34zbq2r] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.toolbar-button .button-label[b-udi34zbq2r] {
    padding-top: 1px;
    white-space: nowrap;
}

.toolbar-button iconify-icon[b-udi34zbq2r] {
    font-size: 20px;
}

.toolbar-button:hover[b-udi34zbq2r] {
    background: var(--color-sf-content-bg-color-alt3);
    color: var(--color-sf-content-text-color);
}

.toolbar-button:focus-visible[b-udi34zbq2r] {
    border-color: rgb(13, 110, 253);
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75);
    color: rgb(13, 110, 253);
}

.toolbar-button:disabled[b-udi34zbq2r] {
    background: var(--d12, #e0e0e0);
    /*border: 1px solid var(--color-sf-border-light);*/
    color: var(--d33, #ababab);
}

.toolbar-button.no-label:disabled[b-udi34zbq2r] {
    background: transparent;
}

.toolbar-button.close-modal[b-udi34zbq2r] {
    background: #f8d7da;
    border-radius: 0px;
    color: #721c24;
    font-size: 20px;
    margin: 0px 0px 0px 12px !important;
    width: 44px;
}

.toolbar-button.close-modal:hover[b-udi34zbq2r], .toolbar-button.close-modal:focus-visible[b-udi34zbq2r] {
    background: #ff0000;
    box-shadow: none;
    color: var(--white-text, #ffffff);
}

.toolbar-button.close-modal iconify-icon[b-udi34zbq2r] {
    font-size: 28px;
}


@media (max-width: 950px) {
    .toolbar-button .button-label[b-udi34zbq2r] {
        display: none;
    }
}

.toolbar-button.no-label .button-content[b-udi34zbq2r] {
    gap: 0px;
}


/* Treeview */

.explorer-treeview[b-udi34zbq2r] {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: auto;
}

.explorer-treeview-container[b-udi34zbq2r] {
    position: absolute;
    min-width: 100%;
    top: 0;
    left: 0;
}

.explorer-treeview[b-udi34zbq2r]  .explorer-treeview-item-container {
    display: flex;
    align-items: center;
}

.explorer-treeview[b-udi34zbq2r]  .explorer-treeview-item {
    height: 30px;
    padding-top: 1px;
}

[b-udi34zbq2r] .e-treeview .e-list-item .e-fullrow {
    background: var(--color-sf-content-bg-color);
}

[b-udi34zbq2r] .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
    color: var(--color-sf-content-text-color) !important;
}

[b-udi34zbq2r] .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text iconify-icon {
    color: #ffffff !important;
}

/*::deep .e-treeview .e-list-item.e-active > .e-text-content .e-list-text, ::deep .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
    color: rgba(0,0,0,.87);
}*/

[b-udi34zbq2r] .e-treeview .e-list-text {
    font-size: 14px !important;
}

/* File explorer toolbar */

.file-explorer-toolbar[b-udi34zbq2r] {
}

.file-explorer-toolbar .left-toolbar[b-udi34zbq2r] {
    display: flex;
    gap: 2px;
}

.file-explorer-toolbar .right-toolbar[b-udi34zbq2r] {
    display: flex;
    gap: 2px;
}

.file-explorer-toolbar-actions[b-udi34zbq2r] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0px 5px;
    height: 42px;
    border-bottom: 1px solid var(--color-sf-border-light);
    align-items: center;
}

/* File explorer toolbar Search */

.file-explorer-toolbar .file-search[b-udi34zbq2r] {
    position: relative;
}

.file-explorer-toolbar .file-search[b-udi34zbq2r]  .e-input-group.e-control-container.e-control-wrapper {
    height: 32px;
}

.file-explorer-toolbar .file-search .clear-search-icon[b-udi34zbq2r] {
    height: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    margin-right: 2px;
    top: 0;
    right: 0;
    border: none;
    background-color: transparent;
}

.file-explorer-toolbar .file-search .search-icon[b-udi34zbq2r] {
    height: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    margin-right: 7px;
    top: 1px;
    right: 0;
    border: none;
    background-color: transparent;
}

.file-explorer-toolbar .file-search .search-icon iconify-icon[b-udi34zbq2r] {
    height: 20.5px;
    width: 20.5px;
}

.file-explorer-toolbar .file-search[b-udi34zbq2r]  .e-textbox {
    font-size: 14px;
    padding: 7px 35px 6px 10px !important;
    min-height: unset !important;
}

[b-udi34zbq2r] #explorer-grid {
    overflow: hidden;
}

[b-udi34zbq2r] #explorer-grid_search .e-textbox {
    font-size: 14px;
    padding-left: 10px !important;
}

.file-explorer-toolbar .file-search[b-udi34zbq2r]  .e-input-group, [b-udi34zbq2r] #explorer-grid_search .e-input-group.e-control-wrapper {
    border-radius: 4px;
    margin: 0 !important;
    box-shadow: none !important;
    min-height: unset !important;
}

[b-udi34zbq2r] #explorer-grid_search {
    margin-right: 2px;
}

[b-udi34zbq2r] #explorer-grid_search div:first-child {
    width: 200px !important;
}

[b-udi34zbq2r] #explorer-grid_search .e-input-group.e-control-wrapper {
    height: 32px;
}

[b-udi34zbq2r] #explorer-grid_search .e-input-group.e-control-wrapper .e-search-icon {
    color: var(--d45);
    font-size: 15px;
}

[b-udi34zbq2r] #explorer-grid_search .e-input-group.e-control-wrapper .e-search-icon:hover {
    background: transparent;
}

[b-udi34zbq2r] #explorer-grid_search .e-input-group.e-control-wrapper::before, [b-udi34zbq2r] #explorer-grid_search .e-input-group.e-control-wrapper::after {
    display: none;
}

.file-explorer-toolbar .file-search[b-udi34zbq2r]  .e-input-group::before, .file-explorer-toolbar .file-search[b-udi34zbq2r]  .e-input-group::after {
    display: none !important;
}

.file-explorer-toolbar .file-search[b-udi34zbq2r]  .e-input-group.e-input-focus {
    border: 1px solid rgba(13, 110, 253, 0.75) !important;
}



/* File explorer */

.file-explorer[b-udi34zbq2r] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.explorer-file-explorer[b-udi34zbq2r] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.file-explorer-files[b-udi34zbq2r] {
    border-radius: 3px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px;
    height: 100%;
    align-content: baseline;
    position: relative;
}

.explorer-file-item[b-udi34zbq2r] {
    background: transparent;
    border: none;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    height: 80px;
    justify-content: center;
    padding: 5px;
    position: relative;
    width: 80px;
    color: rgba(0,0,0,.87);
    transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
}

.explorer-file-item:hover[b-udi34zbq2r] {
    background: var(--d12, #e0e0e0);
}

.explorer-file-item.selected[b-udi34zbq2r] {
    background: #0262ef;
    color: var(--white-text, #ffffff);
}

.explorer-file-item:focus-visible[b-udi34zbq2r] {
    background: #0262ef;
    color: var(--white-text, #ffffff);
}

.explorer-file-item.selected .file-item-icon[b-udi34zbq2r] {
    color: var(--white-text, #ffffff);
}

.explorer-file-item.cut[b-udi34zbq2r], .explorer-file-item.cut .file-item-icon[b-udi34zbq2r] {
    color: #0262ef;
}

.explorer-file-item:focus-visible .file-item-icon[b-udi34zbq2r] {
    color: var(--white-text, #ffffff);
}

.explorer-file-item .button-trigger[b-udi34zbq2r] {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.file-item-icon[b-udi34zbq2r] {
    align-items: center;
    color: rgba(0,0,0,0.45);
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}

.file-item-icon .svg-container[b-udi34zbq2r] {
    height: 40px;
    width: 40px;
}

.file-item-label[b-udi34zbq2r] {
    font-size: 14px;
    height: 26px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.explorer-file-item iconify-icon[b-udi34zbq2r] {
    height: 40px;
    width: 40px;
}

.loading-save-data[b-udi34zbq2r] {
    background: var(--color-sf-overlay-bg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2000;
}


/* File Tooltip */

.file-tooltip[b-udi34zbq2r] {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1000000000;
    transform: translateY(100%);
    padding-top: 4px;
    max-width: 250px;
}

.file-tooltip .file-tooltip-label[b-udi34zbq2r] {
    padding: 8px 12px;
    background: rgba(0,0,0,0.75);
    border-radius: 6px;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.file-tooltip p[b-udi34zbq2r] {
    font-size: 14px;
    line-height: 14px;
    color: var(--white-text, #ffffff);
    margin: 0;
    inline-size: max-content;
}

.explorer-file-item:hover .file-tooltip[b-udi34zbq2r] {
    display: block;
}

[b-udi34zbq2r] #explorer-grid {
    border: none;
}

[b-udi34zbq2r] #explorer-grid .e-gridheader {
    border-top: none;
}

[b-udi34zbq2r] #explorer-grid .e-grid .e-focused {
    box-shadow: none !important;
}


[b-udi34zbq2r] .datagrid-explorer-item {
    align-items: center;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-udi34zbq2r] .datagrid-explorer-item .cell-content {
    overflow: hidden;
}

[b-udi34zbq2r] .datagrid-explorer-item .svg-container, .explorer-treeview[b-udi34zbq2r]  .svg-container {
    display: inline-block;
    height: 20px;
    line-height: 0;
    margin-right: 5px;
    vertical-align: bottom;
    width: 20px;
}

[b-udi34zbq2r] .datagrid-explorer-item .cell-template {
    display: inline;
}

[b-udi34zbq2r] .datagrid-explorer-item iconify-icon {
    vertical-align: -0.2em;
    margin-right: 5px;
}

[b-udi34zbq2r] #explorer-grid_toolbarItems {
    border-top: none;
}

[b-udi34zbq2r] #explorer-grid_toolbarItems #explorer-grid_columnchooser .e-btn {
    /*    background: var(--white, #ffffff);
    color: rgba(0,0,0,0.87);*/
}

[b-udi34zbq2r] #explorer-grid_toolbarItems #explorer-grid_columnchooser .e-btn:hover {
    background: var(--color-sf-content-bg-color-alt3);
}

[b-udi34zbq2r] #explorer-grid_toolbarItems #explorer-grid_columnchooser .e-btn:hover span {
    color: var(--color-sf-content-text-color);
}

[b-udi34zbq2r] #explorer-grid_toolbarItems #explorer-grid_columnchooser .e-btn:focus-visible {
    background: var(--color-sf-content-bg-color-alt3);
    border-color: rgb(13, 110, 253);
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75);
}

[b-udi34zbq2r] #explorer-grid_toolbarItems #explorer-grid_columnchooser .e-btn:focus-visible span {
    color: rgb(13, 110, 253);
}

[b-udi34zbq2r] #explorer-grid_toolbarItems .e-toolbar-items.e-tbar-pos {
    background: var(--color-sf-content-bg-color-alt3);
    border-bottom: 1px solid rgba(0,0,0,0.12);
}



/* Toolbar Label */

[b-udi34zbq2r] .toolbar-label {
    opacity: 1 !important;
}

[b-udi34zbq2r] .toolbar-label {
    background: transparent !important;
}

[b-udi34zbq2r] .toolbar-label button {
    background: transparent !important;
}

[b-udi34zbq2r] .toolbar-label button span {
    font-size: 14px !important;
    color: rgba(0,0,0,.87) !important;
}

/* Dialog */

.dialogContent[b-udi34zbq2r] {
    font-size: 14px;
}

.dialog-input[b-udi34zbq2r] {
    margin-top: 10px;
}

.dialog-buttons[b-udi34zbq2r] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 0 10px 10px 10px;
}

.dialogContent[b-udi34zbq2r]  .e-control.e-textbox.e-lib.e-input {
    font-size: 14px;
}

.dialogContent .dialogText[b-udi34zbq2r]  .item-name {
    font-weight: 500;
}

.dialog-buttons .custom-button[b-udi34zbq2r] {
    align-items: center;
    background: var(--white, #ffffff);
    border: 1px solid #4c4c4c !important;
    border-radius: 3px !important;
    box-shadow: none;
    display: flex;
    justify-content: center;
    padding: 5px 10px;
    line-height: 21px;
    transition: all 250ms ease-in-out;
    margin: 0 !important;
    min-width: 75px;
}

.dialog-buttons .custom-button.primary[b-udi34zbq2r] {
    background: #0262ef;
    border: 1px solid #0262ef !important;
    color: var(--white-text, #ffffff);
}

.dialog-buttons .custom-button:hover[b-udi34zbq2r], .custom-button:focus[b-udi34zbq2r] {
    box-shadow: none;
    border: 1px solid var(--d70, #4c4c4c);
    background: #e0e0e0 !important;
}

.dialog-buttons .custom-button.primary:hover[b-udi34zbq2r], .custom-button.primary:focus[b-udi34zbq2r] {
    color: #0262ef;
    background: #ffffff !important;
}

.dialog-buttons .custom-button:focus-visible[b-udi34zbq2r] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75) !important;
    color: rgb(13, 110, 253) !important;
}

.dialog-buttons .custom-button .button-content[b-udi34zbq2r] {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center;
}

.dialog-buttons .dialog-button[b-udi34zbq2r] {
    transition: all 250ms ease-in-out;
    box-shadow: none !important;
}

.dialog-buttons .dialog-button:focus-visible[b-udi34zbq2r] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75) !important;
    color: rgb(13, 110, 253) !important;
}

.dialog-buttons .dialog-button.primary[b-udi34zbq2r] {
    background: #0262ef;
    border: 1px solid #0262ef;
    color: var(--white-text, #ffffff);
}

.dialog-buttons .dialog-button.primary:hover[b-udi34zbq2r], .dialog-buttons .dialog-button.primary:focus[b-udi34zbq2r] {
    color: #0262ef;
    background: var(--white, #ffffff);
}

.invalid-input-message[b-udi34zbq2r] {
    color: var(--error-bright);
    padding-top: 5px;
    display: block;
    font-size: 13px;
}
/* /Shared/Components/Explorer/Explorer.razor.rz.scp.css */
.loading-save-data[b-s61alff7k4] {
    align-items: center;
    background: rgba(255,255,255,.75);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20000;
}
/* /Shared/Components/LinesSelector.razor.rz.scp.css */
.line-selection-container[b-8dkvp5h29d] {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.line-splitter-container[b-8dkvp5h29d] {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.line-selection-actions[b-8dkvp5h29d] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid rgba(0,0,0,.12);
}

.line-selection-actions__column[b-8dkvp5h29d] {
    display: flex;
    flex-direction: row;
    gap: 0.6rem;
}

.line-selection-counter[b-8dkvp5h29d] {
    margin-top: 4px;
    border: 1px solid rgba(0,0,0,.12);
}

.line-selection-period[b-8dkvp5h29d] {
    padding: 5px 10px;
    border-radius: 2px;
    font-size: 14px;
    border-bottom: 1px solid rgba(0,0,0,.12);
}

.line-selection-day-summary[b-8dkvp5h29d] {
    padding: 5px;
    border-radius: 2px;
    display: flex;
    gap: 0.5rem;
    flex-direction: row;
    flex-wrap: wrap;
}

.pane-header[b-8dkvp5h29d] {
    display: flex;
    background-color: var(--d03, #f0f0f0);
    border: 1px solid var(--border, #e0e0e0);
    border-bottom: 0px;
}

[b-8dkvp5h29d] .pane-no-border {
    border: none !important;
}

[b-8dkvp5h29d] .pane-overflow-hidden {
    overflow: hidden !important;
    height: 100%;
}

[b-8dkvp5h29d] .pane-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
}

[b-8dkvp5h29d] .pane-content .e-grid {
    overflow: hidden !important;
}

.pane-header span[b-8dkvp5h29d] {
    min-height: 34px;
    padding: 0px 18px;
    display: flex;
    align-items: center;
    color: var(--d87, #212121);
    font-size: 14px;
    font-weight: 500;
}

[b-8dkvp5h29d] .e-toolbar-item .e-tbar-btn {
    background: transparent !important;
}

[b-8dkvp5h29d] .e-toolbar-item .e-tbar-btn:hover, [b-8dkvp5h29d] .e-toolbar-item .e-tbar-btn:focus {
    background: #5c636a !important;
}

/*::deep #JourneyGrid .e-cell-no-border {
    padding-right: 0px !important;
}*/

[b-8dkvp5h29d] .toolbar-label {
    opacity: 1 !important;
}

[b-8dkvp5h29d] .toolbar-label button {
    background: transparent !important;
}

[b-8dkvp5h29d] .toolbar-label button span {
    color: #212121 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.pane-border-bottom[b-8dkvp5h29d] {
    border-bottom: 1px solid var(--border, #e0e0e0);
}

[b-8dkvp5h29d] .e-calendar {
    width: 100% !important;
    max-width: none !important;
}

/* Splitter */

[b-8dkvp5h29d] .e-split-bar.e-split-bar-vertical.e-resizable-split-bar.e-last-bar {
    margin: 10px 0px;
}

/* TabBar */

[b-8dkvp5h29d] .e-tab.e-fill .e-tab-header {
    border-bottom: none;
    background-color: #fafafa !important;
}

[b-8dkvp5h29d] .e-tab .e-tab-header:not(.e-vertical)::before {
    border: 1px solid #e0e0e0 !important;
}


/* TabBar Item */

[b-8dkvp5h29d] .e-tab .e-item {
    display: flex;
    height: 100%;
}

[b-8dkvp5h29d] .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
    display: flex;
    align-items: center;
    border: 1px solid var(--border, #e0e0e0);
    border-left: 0px !important;
    transition: background-color 250ms ease-in-out;
}

/* TabBar Overrides */
[b-8dkvp5h29d] .switch-line-route {

}

[b-8dkvp5h29d] .switch-line-route .e-tab-header:not(.e-vertical)::before {
    border-top: 0 !important;
    border-right: 0 !important;
}

[b-8dkvp5h29d] .switch-line-route.e-tab .e-tab-header {
    border-bottom: none;
    background-color: transparent !important;
    margin-bottom: 5px;
}

[b-8dkvp5h29d] .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
    background: var(--d12, #e0e0e0);
}

[b-8dkvp5h29d] .e-toolbar-item.e-active .e-tab-wrap {
    border: none !important;
}

[b-8dkvp5h29d] .e-tab .e-tab-header .e-toolbar-items {
    background: none !important;
}

[b-8dkvp5h29d] .e-tab .e-tab-header .e-toolbar-item {
    background: none !important;
}

[b-8dkvp5h29d] .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    background: rgba(0,0,0,.045);
    display: flex;
    align-items: center;
    border: 1px solid #e0e0e0 !important;
    border-left: 0px !important;
}

[b-8dkvp5h29d] .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
[b-8dkvp5h29d] .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
    color: #ffa727 !important;
}

/* TabBar Text */
[b-8dkvp5h29d] .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
    font-size: 14px;
    text-transform: none;
}

[b-8dkvp5h29d] .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
    color: var(--d87, #212121);
}

[b-8dkvp5h29d] .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
    border-radius: 0 !important;
}

[b-8dkvp5h29d] .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
    color: #ffffff !important;
}

[b-8dkvp5h29d] .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
    color: #212121 !important;
}

/* DropDown */

[b-8dkvp5h29d] .line-selection-dropdown {
    padding: 3px 10px !important;
    border: 1px solid rgba(0,0,0,.12) !important;
    border-radius: 2px !important;
}

[b-8dkvp5h29d] .line-selection-dropdown input {
    font-size: 14px !important;
}

[b-8dkvp5h29d] .line-selection-dropdown input::placeholder {
    color: #4c4c4c !important;
    font-size: 14px;
    font-weight: 500;
    opacity: 1 !important; /* Firefox */
}

[b-8dkvp5h29d] .line-selection-dropdown input::-ms-input-placeholder { /* Edge 12 -18 */
    color: #4c4c4c !important;
}

/* MultiSelect overrides */

.first-splitter-pane[b-8dkvp5h29d]  .data-owner-dropdown {
    width: 100% !important;
    padding: 3px 10px !important;
    border: 1px solid rgb(255, 167, 39) !important;
    border-radius: 2px !important;
    transition: border 500ms ease-in-out;
}

.first-splitter-pane[b-8dkvp5h29d]  .data-owner-dropdown.e-valid-input {
    border: 1px solid rgba(0,0,0,.12) !important;
}

.first-splitter-pane[b-8dkvp5h29d]  .data-owner-dropdown .e-multi-select-wrapper.e-down-icon {
    display: flex;
    align-items: center;
}

.first-splitter-pane[b-8dkvp5h29d]  .data-owner-dropdown input::placeholder {
    color: #4c4c4c !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    opacity: 1 !important; /* Firefox */
    min-height: unset !important;
}

.first-splitter-pane[b-8dkvp5h29d]  .data-owner-dropdown .e-clear-icon {
    padding-bottom: 5px !important;
}


.first-splitter-pane[b-8dkvp5h29d]  .data-owner-dropdown .e-remain {
    color: #4c4c4c !important;
    font-size: 14px !important;
    padding: 0 !important;
    line-height: unset !important;
}

[b-8dkvp5h29d] .remarks-dropdown {
    padding-left: 5px !important;
}

[b-8dkvp5h29d] .remarks-dropdown .e-clear-icon {
    padding-bottom: 5px !important;
}


/* split bar arrows */
[b-8dkvp5h29d] .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-left::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-left[b-8dkvp5h29d]::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-left[b-8dkvp5h29d]::after, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-left[b-8dkvp5h29d]::after, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right[b-8dkvp5h29d]::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-right[b-8dkvp5h29d]::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right[b-8dkvp5h29d]::after, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-right[b-8dkvp5h29d]::after {
    background-color: green;
}

[b-8dkvp5h29d] .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
    /*background-color: #e0e0e0  !important;*/
    border: 2px solid rgba(0,0,0,.54) !important;
    border-radius: 3px !important;
    color: white !important;
}

[b-8dkvp5h29d] .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden)::before {
    background-color: rgba(0,0,0,.54) !important;
    opacity: 1 !important;
    transform: rotate(40deg);
    top: 4px !important;
}

[b-8dkvp5h29d] .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden)::after {
    background-color: rgba(0,0,0,.54) !important;
    opacity: 1 !important;
    transform: rotate(-40deg);
    top: 10px !important;
}

/* split bar arrows - circular border */
[b-8dkvp5h29d] .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-left, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right[b-8dkvp5h29d] {
    border-color: rgba(33, 227, 22, 0.5);
}

.selection-buttons-container[b-8dkvp5h29d] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 40px;
    padding: 10px 5px 0px 5px;
}

.selection-buttons-container .custom-button[b-8dkvp5h29d] {
    padding: 5px 15px;
}

.custom-button[b-8dkvp5h29d] {
    border: none;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border: 1px solid var(--d70, #4c4c4c);
    background: var(--white, #ffffff);
    transition: all 250ms ease-in-out;
}

.custom-button:hover[b-8dkvp5h29d] {
    background: var(--d12, #e0e0e0);
}

.custom-button:focus-visible[b-8dkvp5h29d] {
    border-color: rgb(13, 110, 253);
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75);
    color: rgb(13, 110, 253);
}

.custom-button .button-content[b-8dkvp5h29d] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.toggle-expand-collapse[b-8dkvp5h29d] {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 1000;
    min-height: 30px;
    min-width: 30px;
}

.toggle-expand-collapse .button-content[b-8dkvp5h29d] {
    transition: transform 300ms ease-in-out;
}

.toggle-expand-collapse.expanded .button-content[b-8dkvp5h29d] {
    transform: rotate(180deg);
}

.loading-datagrid[b-8dkvp5h29d] {
    position: relative;
}

.loading-datagrid[b-8dkvp5h29d], .loading-save-data[b-8dkvp5h29d] {
    background: rgba(255,255,255,.75);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2000;
}

.loading-save-data[b-8dkvp5h29d] {
    z-index: 2000000000;
}

/* No Date Selection Warnings */
.first-splitter-pane.no-dates[b-8dkvp5h29d]  .e-calendar {
    border: 1px solid #ffa727 !important;
}

.first-splitter-pane.no-dates[b-8dkvp5h29d]  .line-selection-dropdown {
    border: 1px solid #ffa727 !important;
}

.first-splitter-pane[b-8dkvp5h29d]  .e-calendar {
    transition: border 500ms ease-in-out;
}

.first-splitter-pane[b-8dkvp5h29d]  .line-selection-dropdown {
    transition: border 500ms ease-in-out;
}

/* DataGrid Cell Selection Border Override  */

[b-8dkvp5h29d] .e-grid .e-rowcell {
    line-height: 18px;
    padding: 0px 21px;
}

/* Save Dropdown Overrides */

.save-section[b-8dkvp5h29d]  .input-no-margin {
    margin-bottom: 0 !important;
}

.save-section[b-8dkvp5h29d]  .input-no-margin input {
    padding: 0px 5px !important;
    font-size: 14px !important;
}

.save-section[b-8dkvp5h29d]  .input-no-margin input::placeholder {
    color: #4c4c4c !important;
    opacity: 1 !important; /* Firefox */
}

.save-section[b-8dkvp5h29d]  .input-no-margin input::-ms-input-placeholder { /* Edge 12 -18 */
    color: #4c4c4c !important;
}

/* DataGrid Sort Nummer Override */
[b-8dkvp5h29d] .e-sortnumber {
    display: none !important;
}

/* DataGrid Enabled Rows */

[b-8dkvp5h29d] .e-row.row-enabled {
    background: rgba(168, 255, 22, 0.75);
}

[b-8dkvp5h29d] .e-row.row-enabled .e-rowcell.e-active {
    background: rgb(126, 204, 217);
}
[b-8dkvp5h29d] .e-row.row-enabled.e-altrow .e-rowcell.e-active {
    background: rgb(59, 177, 197);
}

[b-8dkvp5h29d] .e-row.row-enabled.e-altrow {
    background: rgba(138, 221, 0, 0.75);
}

[b-8dkvp5h29d] .e-row.row-disabled .e-rowcell  {
    color: #cecece !important;
}

[b-8dkvp5h29d] .e-row.row-enabled.e-altrow {

}
/* /Shared/Components/MessageComponent.razor.rz.scp.css */
/* Message */

.message-background[b-x8m6v2fsxt] {
    align-items: center;
    background-color: rgba(255,255,255,0.5);
    display: flex;
    height: 100%;
    justify-content: center;
    position: fixed;
    right: 0;
    top: 0;
    width: calc(100% - 250px);
    z-index: 1000000;
}

.message-background.close[b-x8m6v2fsxt] {
    cursor: pointer;
}

.message-box[b-x8m6v2fsxt] {
    background-color: var(--d06, #f0f0f0);
    border: 1px solid var(--d14, #dbdbdb);
    border-radius: 5px;
    display: flex;
    flex-direction: row-reverse;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
    font-size: 14px;
    gap: 15px;
    max-width: 600px;
    padding: 15px;
    z-index: 1000000;
}

.message-close[b-x8m6v2fsxt] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.message-content[b-x8m6v2fsxt] {
    justify-content: center;
    gap: 5px;
    flex-direction: column;
    display: flex;
}

.message-content .message-text.main-text[b-x8m6v2fsxt] {
    font-weight: 600;
}

.e-control.e-btn.custom-button.close-message[b-x8m6v2fsxt] {
    border: 1px solid var(--d14, #dbdbdb);
    flex-grow: 0;
    font-size: 20px;
    padding: 1px;
}

/* Message Info ---------------------------------------------------------------------------------------------------------------------------------- */

.message-box.info[b-x8m6v2fsxt], .message-box.info .e-control.e-btn.custom-button.close-message[b-x8m6v2fsxt] {
    background-color: var(--d06, #f0f0f0);
    border-color: #d6d8db;
    color: #383d41;
}

.message-box.info .e-control.e-btn.custom-button.close-message:hover[b-x8m6v2fsxt], .message-box.info .e-control.e-btn.custom-button.close-message:focus[b-x8m6v2fsxt] {
    background-color: #383d41 !important;
    border-color: #383d41 !important;
    color: var(--d06, #f0f0f0);
}

/* Message Success ---------------------------------------------------------------------------------------------------------------------------------- */

.message-box.success[b-x8m6v2fsxt], .message-box.success .e-control.e-btn.custom-button.close-message[b-x8m6v2fsxt] {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.message-box.success .e-control.e-btn.custom-button.close-message:hover[b-x8m6v2fsxt], .message-box.info .e-control.e-btn.custom-button.close-message:focus[b-x8m6v2fsxt] {
    background-color: #155724 !important;
    border-color: #155724 !important;
    color: #d4edda;
}

/* Message Warning ------------------------------------------------------------------------------------------------------------------------------- */

.message-box.warning[b-x8m6v2fsxt], .message-box.warning .e-control.e-btn.custom-button.close-message[b-x8m6v2fsxt] {
    background-color: #fff3cd;
    border-color: #e1cc8d;
    color: #856404;
}

.message-box.warning .e-control.e-btn.custom-button.close-message:hover[b-x8m6v2fsxt], .message-box.warning .e-control.e-btn.custom-button.close-message:focus[b-x8m6v2fsxt] {
    background-color: #856404 !important;
    border-color: #856404 !important;
    color: #fff3cd;
}

/* Message Error --------------------------------------------------------------------------------------------------------------------------------- */

.message-box.error[b-x8m6v2fsxt], .message-box.error .e-control.e-btn.custom-button.close-message[b-x8m6v2fsxt] {
    background-color: #f8d7da;
    border-color: #D49CA1;
    color: #721c24;
}

.message-box.error .e-control.e-btn.custom-button.close-message:hover[b-x8m6v2fsxt], .message-box.error .e-control.e-btn.custom-button.close-message:focus[b-x8m6v2fsxt] {
    background-color: #721c24 !important;
    border-color: #721c24 !important;
    color: #f8d7da;
}

/* Button */
.custom-button[b-x8m6v2fsxt] {
    align-items: center;
    background: var(--white, #ffffff);
    border: 1px solid var(--d70, #4c4c4c);
    border-radius: 3px !important;
    box-shadow: none;
    display: flex;
    justify-content: center;
    padding: 5px 10px;
    transition: all 250ms ease-in-out;
}

.custom-button.back-button[b-x8m6v2fsxt] {
    padding: 5px 10px 5px 5px;
}

.custom-button.next-button[b-x8m6v2fsxt] {
    padding: 5px 5px 5px 10px;
}

.custom-button:hover[b-x8m6v2fsxt], .custom-button:focus[b-x8m6v2fsxt] {
    background: #e0e0e0 !important;
    border: 1px solid var(--d70, #4c4c4c);
    box-shadow: none;
}

.custom-button:focus-visible[b-x8m6v2fsxt] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75) !important;
    color: rgb(13, 110, 253) !important;
}

.custom-button:disabled[b-x8m6v2fsxt] {
    background: #dbdbdb !important;
    border: solid 1px #dbdbdb !important;
    box-shadow: none !important;
    color: #ababab !important;
}

.custom-button .button-content[b-x8m6v2fsxt] {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center;
}
/* /Shared/Components/NewAnalysis/NewAnalysisPage.razor.rz.scp.css */
.new-analysis-wrapper[b-2rznmjsawg], .wizard-page-container[b-2rznmjsawg], .content-region[b-2rznmjsawg] {
    display: flex;
    height: 100%;
    width: 100%;
}

.help-region[b-2rznmjsawg] {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.content-region[b-2rznmjsawg] {
    gap: 20px;
    font-size: 14px;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
    overflow: auto;
}

.bottom[b-2rznmjsawg] {
    position: relative;
    width: 100%;
}

/* Stepper --------------------------------------------------------------------------------------------------------------------------------------- */
.stepper[b-2rznmjsawg] {
    align-items: center;
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: space-between;
}

.stepper-item[b-2rznmjsawg] {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 5px;
    width: 100%;
}

.stepper-item:last-of-type[b-2rznmjsawg] {
    width: auto;
}

.stepper-button[b-2rznmjsawg] {
    align-items: center;
    background-color: var(--white-text, #ffffff);
    border: solid 1px var(--d14, #dbdbdb);
    border-radius: 1000px;
    color: #5b5b5b;
    display: flex;
    flex-shrink: 0;
    font-size: 21px;
    height: 35px;
    justify-content: center;
    width: 35px;
    transition: all ease-in-out 250ms;
}

.stepper-button:hover[b-2rznmjsawg], .stepper-button:focus[b-2rznmjsawg] {
    background-color: rgba(0,0,0,0.12);
    border: solid 1px #000000;
    color: var(--black-text, #000000);
}

.stepper .stepper-line[b-2rznmjsawg] {
    background-color: var(--d14, #dbdbdb);
    background-color: var(--white-text, #ffffff);
    border-top: dashed 3px var(--d14, #dbdbdb);
    height: 3px;
    width: 100%;
}

/* Disabled Stepper item ----------------------------------------------------------------------------------------------------------------------------*/

.stepper-item.disabled .stepper-button[b-2rznmjsawg] {
    color: var(--d14, #dbdbdb);
    cursor: unset;
}

.stepper-item.disabled .stepper-button:hover[b-2rznmjsawg], .stepper-item.active .stepper-button:focus[b-2rznmjsawg] {
    color: var(--d14, #dbdbdb);
    background: var(--white, #ffffff);
    border: solid 1px var(--d14, #dbdbdb);
}

.stepper-item.disabled .stepper-line[b-2rznmjsawg] {
    border-top: dashed 1px var(--d14, #dbdbdb);
    height: 1px;
}

/* Active Stepper item ----------------------------------------------------------------------------------------------------------------------------*/

.stepper-item.active .stepper-button[b-2rznmjsawg] {
    color: var(--primary, #ffa727);
    border: solid 1px var(--primary, #ffa727);
}

.stepper-item.active .stepper-button:hover[b-2rznmjsawg], .stepper-item.active .stepper-button:focus[b-2rznmjsawg] {
    color: var(--white-text, #ffffff);
    background: var(--primary, #ffa727);
}

.stepper-item.active .stepper-line[b-2rznmjsawg] {
    border-top: dotted 3px var(--d14, #dbdbdb);
}


/* Visited Stepper item ---------------------------------------------------------------------------------------------------------------------------*/

.stepper-item.visited .stepper-button[b-2rznmjsawg] {
    color: var(--white-text, #ffffff);
    background: var(--primary, #ffa727);
    border: solid 1px var(--primary, #ffa727);
}

.stepper-item.visited .stepper-button:hover[b-2rznmjsawg], .stepper-item.visited .stepper-button:focus[b-2rznmjsawg] {
    color: var(--primary, #ffa727);
    background: var(--white, #ffffff);
}


.stepper-item.visited .stepper-line[b-2rznmjsawg] {
    border-top: solid 3px var(--primary, #ffa727);
}

/* Incomplete Stepper item ------------------------------------------------------------------------------------------------------------------------*/

.stepper-item.incomplete .stepper-button[b-2rznmjsawg] {
    color: var(--white-text, #ffffff);
    border: solid 1px var(--d14, #dbdbdb);
    background: var(--d14, #dbdbdb);
}

.stepper-item.incomplete .stepper-button:hover[b-2rznmjsawg], .stepper-item.incomplete .stepper-button:focus[b-2rznmjsawg] {
    color: var(--d14, #dbdbdb);
    background: var(--white, #ffffff);
}

.stepper-item.incomplete .stepper-line[b-2rznmjsawg] {
    border-top: dashed 1px var(--d14, #dbdbdb);
    height: 1px;
}

.stepper-item.single-page:last-of-type[b-2rznmjsawg] {
    width: 100%;
}

.stepper-item.single-page[b-2rznmjsawg] {
    
}

.new-analysis-wrapper[b-2rznmjsawg] {
    gap: 15px;
    flex-direction: column;
}

.wizard-page-container[b-2rznmjsawg] {
    gap: 15px;
    flex-direction: row;
    overflow: hidden;
}

.content-region[b-2rznmjsawg], .help-region[b-2rznmjsawg] {
    flex-direction: column;
    border: solid 1px rgba(0,0,0,0.12);
    border-radius: 3px;
}

.content-region[b-2rznmjsawg] {
    padding: 20px;
}

.help-region[b-2rznmjsawg] {
    color: #808080;
    background-color: rgba(0,0,0,0.06);
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
}

.content-header[b-2rznmjsawg] {
    font-weight: bold;
}

.action-buttons[b-2rznmjsawg] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* Button */
.custom-button[b-2rznmjsawg] {
    align-items: center;
    background: var(--white, #ffffff);
    border: 1px solid var(--d70, #4c4c4c);
    border-radius: 3px !important;
    box-shadow: none;
    display: flex;
    justify-content: center;
    padding: 5px 10px;
    transition: all 250ms ease-in-out;
}

.custom-button.back-button[b-2rznmjsawg] {
    padding: 5px 10px 5px 5px;
}

.custom-button.next-button[b-2rznmjsawg] {
    padding: 5px 5px 5px 10px;
}

.custom-button:hover[b-2rznmjsawg], .custom-button:focus[b-2rznmjsawg] {
    box-shadow: none;
    border: 1px solid var(--d70, #4c4c4c);
    background: #e0e0e0 !important;
}

.custom-button:focus-visible[b-2rznmjsawg] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75) !important;
    color: rgb(13, 110, 253) !important;
}

.custom-button:disabled[b-2rznmjsawg] {
    color: #ababab !important;
    background: #dbdbdb !important;
    border: solid 1px #dbdbdb !important;
    box-shadow: none !important;
}

.custom-button .button-content[b-2rznmjsawg] {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center;
}

[b-2rznmjsawg] .list-group, [b-2rznmjsawg] .period-group, [b-2rznmjsawg] .dropdown-group, [b-2rznmjsawg] .datagrid-group {
    display: flex;
    flex-direction: column;
}

[b-2rznmjsawg] .datagrid-group {
    height: 100%;
    min-height: 0px;
}
    
[b-2rznmjsawg] .content-header {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    padding-bottom: 8px;
 }

[b-2rznmjsawg] .datagrid-group-content {
    height: 100%;
    display: flex;
    overflow: hidden;
}

.message-box[b-2rznmjsawg] {
    background-color: var(--d06, #f0f0f0);
    border: 1px solid var(--d14, #dbdbdb);
    border-radius: 5px;
    bottom: 0px;
    display: flex;
    flex-direction: row-reverse;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
    font-size: 14px;
    gap: 15px;
    left: 50%;
    max-width: 600px;
    padding: 15px;
    position: absolute;
    transform: translateX(-50%);
    z-index: 1000000;
}

.message-header[b-2rznmjsawg] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.message-content[b-2rznmjsawg] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
}

.message-content .wizard-message[b-2rznmjsawg] {
    font-weight: 500;
}

.e-control.e-btn.custom-button.close-message[b-2rznmjsawg] {
    padding: 1px;
    font-size: 20px;
    flex-grow: 0;
    border: 1px solid var(--d14, #dbdbdb);
}

/* Message Info ---------------------------------------------------------------------------------------------------------------------------------- */

.message-box.info[b-2rznmjsawg], .message-box.info .e-control.e-btn.custom-button.close-message[b-2rznmjsawg] {
    color: #383d41;
    background-color: var(--d06, #f0f0f0);
    border-color: #d6d8db;
}

.message-box.info .e-control.e-btn.custom-button.close-message:hover[b-2rznmjsawg], .message-box.info .e-control.e-btn.custom-button.close-message:focus[b-2rznmjsawg] {
    background-color: #383d41 !important;
    border-color: #383d41 !important;
    color: var(--d06, #f0f0f0);
}

/* Message Warning ------------------------------------------------------------------------------------------------------------------------------- */

.message-box.warning[b-2rznmjsawg], .message-box.warning .e-control.e-btn.custom-button.close-message[b-2rznmjsawg] {
    color: #856404;
    background-color: #fff3cd;
    border-color: #e1cc8d;
}

.message-box.warning .e-control.e-btn.custom-button.close-message:hover[b-2rznmjsawg], .message-box.warning .e-control.e-btn.custom-button.close-message:focus[b-2rznmjsawg] {
    background-color: #856404 !important;
    border-color: #856404 !important;
    color: #fff3cd;
}

/* Message Error --------------------------------------------------------------------------------------------------------------------------------- */

.message-box.error[b-2rznmjsawg], .message-box.error .e-control.e-btn.custom-button.close-message[b-2rznmjsawg] {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #D49CA1;
}

.message-box.error .e-control.e-btn.custom-button.close-message:hover[b-2rznmjsawg], .message-box.error .e-control.e-btn.custom-button.close-message:focus[b-2rznmjsawg] {
    background-color: #721c24 !important;
    border-color: #721c24 !important;
    color: #f8d7da;
}
/* /Shared/Components/NewAnalysis/WizardPages/AnaComplete.razor.rz.scp.css */
.explorer-modal-container[b-5bzn8eqz8l] {
    align-items: center;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 50px;
    position: fixed;
    right: 0;
    top: 0;
    width: calc(100% - 250px);
    z-index: 999;
}

@media (max-width: 950px) and (orientation: landscape), (max-width: 800px) and (orientation: portrait) {
    .explorer-modal-container[b-5bzn8eqz8l] {
        width: 100%;
    }
}

.explorer-modal-container[b-5bzn8eqz8l]  .explorer {
    border-radius: 3px;
    overflow:hidden;
}

.folder-group[b-5bzn8eqz8l] {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.folder-path[b-5bzn8eqz8l] {
    padding: 4px 10px 6px 10px;
    height: 28px;
    width: 100%;
    border-radius: 3px;
    background: var(--d06, #f0f0f0);
}

.folder-path span[b-5bzn8eqz8l] {
    color: #808080;
    line-height: 14px;
}

/* Button */
.custom-button[b-5bzn8eqz8l] {
    align-items: center;
    background: var(--white, #ffffff);
    border: 1px solid var(--d70, #4c4c4c);
    border-radius: 3px !important;
    box-shadow: none;
    display: flex;
    justify-content: center;
    padding: 5px 10px;
    transition: all 250ms ease-in-out;
}

.custom-button.back-button[b-5bzn8eqz8l] {
    padding: 5px 10px 5px 5px;
}

.custom-button.next-button[b-5bzn8eqz8l] {
    padding: 5px 5px 5px 10px;
}

.custom-button:hover[b-5bzn8eqz8l], .custom-button:focus[b-5bzn8eqz8l] {
    box-shadow: none;
    border: 1px solid var(--d70, #4c4c4c);
    background: #e0e0e0 !important;
}

.custom-button:focus-visible[b-5bzn8eqz8l] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75) !important;
    color: rgb(13, 110, 253) !important;
}

.custom-button:disabled[b-5bzn8eqz8l] {
    color: #ababab !important;
    background: #dbdbdb !important;
    border: solid 1px #dbdbdb !important;
    box-shadow: none !important;
}
/* /Shared/Components/NewAnalysis/WizardPages/AnaConcessionLine.razor.rz.scp.css */

.cl-container[b-rmsxazhoup] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%;
}

.cl-container .cl-header[b-rmsxazhoup] {
    font-weight: 500;
    font-size: 15px;
    padding: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    background-color: #f8f9fa;
}

.cl-container .folder[b-rmsxazhoup], .cl-container .analyses[b-rmsxazhoup] {
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 5px;
}

.cl-container .folder[b-rmsxazhoup] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex-shrink: 0;
}

.cl-container .folder .folder-name[b-rmsxazhoup] {
    padding: 10px;
    padding-left: 1rem;
}

.cl-container .analyses[b-rmsxazhoup] {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.cl-container .analyses .list-container ol[b-rmsxazhoup] {
    list-style-type: decimal-leading-zero;
    list-style-position: inside;
    padding-left: 1rem;
}

.cl-container .analyses .list-container[b-rmsxazhoup] {
    padding-top: 10px;
    overflow: auto;
}

.cl-container .analyses .list-container .list-item[b-rmsxazhoup] {
    padding-left: 10px;
}
/* /Shared/Components/NewAnalysis/WizardPages/AnaDateSelection.razor.rz.scp.css */
.period-selection[b-ij279majub], .period-info[b-ij279majub] {
    display: flex;
    gap: 10px;
}

.period-selection[b-ij279majub] {
    border: 1px solid rgba(0,0,0,0.12);
    flex-direction: row;
    justify-content: stretch;
    padding: 10px;
}

.period-info[b-ij279majub] {
    flex-direction: column;
    flex-grow: 1;
}

.period-list[b-ij279majub] {
    height: 100%;
}

.period-actions[b-ij279majub] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.period-actions .left-region[b-ij279majub], .period-actions .right-region[b-ij279majub] {
    display: flex;
    gap: 10px;
}




/* Custom button */
.custom-button[b-ij279majub] {
    align-items: center;
    background: var(--white, #ffffff);
    border: 1px solid var(--d70, #4c4c4c);
    border-radius: 3px !important;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    transition: all 250ms ease-in-out;
}
.custom-button[b-ij279majub] {
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
    font-size: 14px;
    font-weight: 500;
    line-height: 1.143em;
    outline: none;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    user-select: none;
    white-space: nowrap;
    padding: 6px 12px 4px;
}

.icon-button[b-ij279majub] {
    padding: 0;
    font-size: 22px;
    height: 30px;
    width: 30px;
}

.custom-button.back-button[b-ij279majub] {
    padding: 5px 10px 5px 5px;
}

.custom-button.next-button[b-ij279majub] {
    padding: 5px 5px 5px 10px;
}

.custom-button:hover[b-ij279majub], .custom-button:focus[b-ij279majub] {
    box-shadow: none;
    border: 1px solid var(--d70, #4c4c4c);
    background: var(--d12, #e0e0e0);
}

.custom-button:focus-visible[b-ij279majub] {
    background-color: var(--white-text, #ffffff);
    border-color: rgb(13, 110, 253);
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75);
    color: rgb(13, 110, 253);
}

.custom-button:disabled[b-ij279majub] {
    color: #cbcbcb !important;
    background: #ffffff !important;
    border: solid 1px #cbcbcb !important;
    cursor: unset !important;
}


.import-dialog-content[b-ij279majub] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: 14px;
    padding: 10px 0px;
}

.import-dialog-item[b-ij279majub] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.import-dialog-actions[b-ij279majub] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.dialog-button[b-ij279majub] {

}

.dialog-primary[b-ij279majub] {
    color: var(--white-text, #ffffff);
    background-color: rgb(13, 110, 253);
    border: 1px solid rgb(13, 110, 253);
}

.dialog-primary:hover[b-ij279majub], .dialog-primary:focus[b-ij279majub] {
    color: rgb(13, 110, 253);
    background-color: var(--white-text, #ffffff);
    border: 1px solid rgb(13, 110, 253);
}
/* /Shared/Components/NewAnalysis/WizardPages/AnaLineSelection.razor.rz.scp.css */
.grid-container[b-d1hm4s1tf9] {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.data-loader[b-d1hm4s1tf9] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    background-color: rgba(255,255,255,0.85);
}

.splitter-container[b-d1hm4s1tf9] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.action-buttons[b-d1hm4s1tf9] {
    padding: 10px 0px 5px 0px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.action-button-group[b-d1hm4s1tf9] {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

[b-d1hm4s1tf9] .e-spinner-pane .e-spinner-inner .e-spin-label {
    font-size: 14px;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
    font-weight: 500;
}

/* Button */
.custom-button[b-d1hm4s1tf9] {
    align-items: center;
    background: var(--white, #ffffff);
    border: 1px solid var(--d70, #4c4c4c);
    border-radius: 3px !important;
    box-shadow: none;
    display: flex;
    justify-content: center;
    padding: 3px 10px;
    transition: all 250ms ease-in-out;
}
/*
.custom-button.back-button {
    padding: 5px
}

.custom-button.next-button {
    padding: 5px;
}*/

.custom-button:hover[b-d1hm4s1tf9], .custom-button:focus[b-d1hm4s1tf9] {
    box-shadow: none;
    border: 1px solid var(--d70, #4c4c4c);
    background: #e0e0e0 !important;
}

.custom-button:focus-visible[b-d1hm4s1tf9] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75) !important;
    color: rgb(13, 110, 253) !important;
}

.custom-button:disabled[b-d1hm4s1tf9] {
    color: #ababab !important;
    background: #dbdbdb !important;
    border: solid 1px #dbdbdb !important;
    box-shadow: none !important;
}

.custom-button span[b-d1hm4s1tf9] {
    line-height: 14px;
    display: block;
    padding: 1px 0px 0px 2px;
}

.custom-button .button-content[b-d1hm4s1tf9] {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: center;
}

[b-d1hm4s1tf9] .pager-container {
    padding: 5px;
    overflow: hidden;
    height: 38px;
    flex-direction: row;
    display: flex;
    align-items: center;
}

[b-d1hm4s1tf9] .page-size-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 5px;
}

[b-d1hm4s1tf9] .page-size-container span {
    margin-left: 5px;
}

[b-d1hm4s1tf9] .pager-inputs {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 10px;
}

[b-d1hm4s1tf9] .total-count {
    white-space: nowrap;
    font-size: 13px;
    line-height: 13px;
}

[b-d1hm4s1tf9] .e-input-group.e-control-container.e-control-wrapper.page-size,
[b-d1hm4s1tf9] .e-numeric.number-input.e-control-container.e-control-wrapper {
    border: 1px solid rgba(0,0,0,0.12) !important;
    border-radius: 5px !important;
    margin: 0px !important;
    overflow: hidden !important;
}

[b-d1hm4s1tf9] .e-input-group.page-size.e-control-container.e-control-wrapper:before,
[b-d1hm4s1tf9] .e-input-group.page-size.e-control-container.e-control-wrapper:after,
[b-d1hm4s1tf9] .e-numeric.number-input.e-control-container.e-control-wrapper:before,
[b-d1hm4s1tf9] .e-numeric.number-input.e-control-container.e-control-wrapper:after {
    display: none !important;
}

[b-d1hm4s1tf9] .e-input-group.e-control-container.e-control-wrapper.page-size .e-input-group-icon,
[b-d1hm4s1tf9] .e-numeric.number-input .e-input-group-icon.e-spin-down,
[b-d1hm4s1tf9] .e-numeric.number-input .e-input-group-icon.e-spin-up {
    border-left: 1px solid rgba(0,0,0,0.12) !important;
    margin: 0px;
    padding: 4px;
}

[b-d1hm4s1tf9] .e-numeric.number-input .e-input-group-icon.e-spin-down::before,
[b-d1hm4s1tf9] .e-numeric.number-input .e-input-group-icon.e-spin-up::before {
    transform: rotate(90deg);
}

[b-d1hm4s1tf9] .e-input-group.e-control-container.e-control-wrapper.page-size .e-input,
[b-d1hm4s1tf9] .e-numeric.number-input .e-control.e-numerictextbox {
    padding: 0px 10px;
    text-align: center;
}
/* /Shared/Components/NewAnalysis/WizardPages/AnaLogging.razor.rz.scp.css */
.logging-container[b-bnty1wesp4] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    background: rgba(0,0,0,0.03);
    padding: 20px;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,0.12);

    overflow: hidden;
    overflow-y: auto;
}

.log-item[b-bnty1wesp4] {

}

.log-item.color0[b-bnty1wesp4] {
    color: #808080;
}

.log-item.color1[b-bnty1wesp4] {
    color: var(--geo-yellow, #ffc107);
}

.log-item.color2[b-bnty1wesp4] {
    color: #dc3545;
}

.log-item.color3[b-bnty1wesp4] {

}

.logging-buttons[b-bnty1wesp4] {
    display: flex;
    justify-content: flex-end;
}

/* Button */
.custom-button[b-bnty1wesp4] {
    align-items: center;
    background: var(--white, #ffffff);
    border: 1px solid var(--d70, #4c4c4c);
    border-radius: 3px !important;
    box-shadow: none;
    display: flex;
    justify-content: center;
    padding: 5px 10px;
    transition: all 250ms ease-in-out;
}

.custom-button:hover[b-bnty1wesp4], .custom-button:focus[b-bnty1wesp4] {
    box-shadow: none;
    border: 1px solid var(--d70, #4c4c4c);
    background: #e0e0e0 !important;
}

.custom-button:focus-visible[b-bnty1wesp4] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75) !important;
    color: rgb(13, 110, 253) !important;
}

.custom-button.abort[b-bnty1wesp4] {
    color: #dc3545;
    border-color: #dc3545;
}

.custom-button.abort:hover[b-bnty1wesp4], .custom-button.abort:focus[b-bnty1wesp4] {
    background-color: #dc3545 !important;
    color: var(--white-text, #ffffff);
}

.custom-button:disabled[b-bnty1wesp4], .custom-button.abort:disabled[b-bnty1wesp4] {
    color: #ababab !important;
    background: #dbdbdb !important;
    border: solid 1px #dbdbdb !important;
    box-shadow: none !important;
}
/* /Shared/Components/NewAnalysis/WizardPages/AnaMergeBreak.razor.rz.scp.css */
.datagrid-group[b-zm4iijsnh6] {
    position: relative;
}

.grid-container[b-zm4iijsnh6] {
    height: 100%;
    overflow: hidden;
}

.data-loader[b-zm4iijsnh6] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    background-color: rgba(255,255,255,0.85);
}

[b-zm4iijsnh6] .e-spinner-pane .e-spinner-inner .e-spin-label {
    font-size: 14px;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
    font-weight: 500;
}
/* /Shared/Components/NewAnalysis/WizardPages/AnaPercentile.razor.rz.scp.css */
/* /Shared/Components/NewAnalysis/WizardPages/AnaPunctuality.razor.rz.scp.css */
/* /Shared/Components/NewAnalysis/WizardPages/AnaRouteSelection.razor.rz.scp.css */
.datagrid-group[b-ym6a1fsojm] {
    position: relative;
}

.grid-container[b-ym6a1fsojm] {
    height: 100%;
    overflow: hidden;
}

.data-loader[b-ym6a1fsojm] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    background-color: rgba(255,255,255,0.85);
}

[b-ym6a1fsojm] .e-spinner-pane .e-spinner-inner .e-spin-label {
    font-size: 14px;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
    font-weight: 500;
}
/* /Shared/Components/NewAnalysis/WizardPages/Components/ExplorerModal.razor.rz.scp.css */
h2[b-cn5r9m0jwn] {
    font-size: 26px;
    margin-bottom: 20px;
}

.explorer-modal[b-cn5r9m0jwn] {
    min-width: 400px;
    padding: 20px;
    background: var(--white, #ffffff);
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.12);
}

.dialog-buttons[b-cn5r9m0jwn] {
    padding-top: 10px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
}

/* Button */
.custom-button[b-cn5r9m0jwn] {
    align-items: center;
    background: var(--white, #ffffff);
    border: 1px solid var(--d70, #4c4c4c);
    border-radius: 3px !important;
    box-shadow: none;
    display: flex;
    justify-content: center;
    padding: 5px 10px;
    transition: all 250ms ease-in-out;
}

.custom-button.back-button[b-cn5r9m0jwn] {
    padding: 5px 10px 5px 5px;
}

.custom-button.next-button[b-cn5r9m0jwn] {
    padding: 5px 5px 5px 10px;
}

.custom-button:hover[b-cn5r9m0jwn], .custom-button:focus[b-cn5r9m0jwn] {
    box-shadow: none;
    border: 1px solid var(--d70, #4c4c4c);
    background: #e0e0e0 !important;
}

.custom-button:focus-visible[b-cn5r9m0jwn] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75) !important;
    color: rgb(13, 110, 253) !important;
}

.custom-button:disabled[b-cn5r9m0jwn] {
    color: #ababab !important;
    background: #dbdbdb !important;
    border: solid 1px #dbdbdb !important;
    box-shadow: none !important;
}
/* /Shared/Components/RangeSelector/PointEditor.razor.rz.scp.css */
.point-editor[b-r506vdqppg] {
    --minor-marker: 5;
    --excluded-line: 6;
    --major-marker: 7;
    --included-line: 8;
    --points: 10;
}

.point-editor[b-r506vdqppg] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.slider-wrapper[b-r506vdqppg] {
    font-size: 14px;
    overflow: hidden;
    overflow-x: auto;
    padding: 25px 20px 50px 20px;
    width: 100%;
}

.slider-container[b-r506vdqppg] {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    min-width: 750px;
    padding: 20px;
}

.slider[b-r506vdqppg] {
    display: flex;
    flex-direction: column;
    position: relative;
}

.track[b-r506vdqppg] {
    width: 100%;
    height: 3px;
    background: var(--d14);
}

.labels[b-r506vdqppg] {
    position: relative;
    width: 100%;
    margin-top: 10px;
}

.label-text[b-r506vdqppg] {
    position: absolute;
    transform: translateX(-50%);
}

.indicators[b-r506vdqppg]  .excluded-line {
    position: absolute;
    top: 0;
    height: 3px;
    background: rgba(255,255,255,0.5);
    z-index: var(--excluded-line);
}

.indicators[b-r506vdqppg]  .included-line {
    position: absolute;
    top: 0;
    height: 3px;
    background: var(--primary);
    z-index: var(--included-line);
}

.markers[b-r506vdqppg],
.major-markers[b-r506vdqppg],
.minor-markers[b-r506vdqppg] {
    top: 0;
    position: absolute;
    width: 100%;
}

.refresh-button[b-r506vdqppg] {
    margin-top: 30px;
}

.marker[b-r506vdqppg] {
    position: absolute;
}

.minor-marker[b-r506vdqppg] {
    width: 4px;
    height: 3px;
    transform: translateX(-50%);
    background-color: var(--white);
    z-index: var(--minor-marker);
}

.major-marker[b-r506vdqppg] {
    width: 6px;
    height: 16px;
    border-radius: 2px;
    top: -6.5px;
    background-color: var(--d10);
    border: 2px solid var(--d14);
    transform: translateX(-50%);
    z-index: var(--major-marker);
}

.major-markers .major-marker:first-of-type[b-r506vdqppg],
.major-markers .major-marker:last-of-type[b-r506vdqppg] {
    z-index: 9;
}

.point-container[b-r506vdqppg] {
    position: absolute;
    top: -16.5px;
    padding: 10px 0px 0px 0px;
    transform: translateX(-50%);
}

.points[b-r506vdqppg] {
    z-index: var(--points);
}

.point[b-r506vdqppg] {
    width: 16px;
    height: 16px;
    border-radius: 1000px;
    background-color: var(--primary);
    border: 2px solid rgba(var(--b25-a));
    cursor: pointer;
}

.point-value[b-r506vdqppg] {
    width: fit-content;
    background-color: rgba(var(--w75-a));
    display: flex;
    justify-content: center;
    position: relative;
    top: -6px;
    left: 6px;
    transform: translateX(-50%) translateY(-100%);
    padding: 4px 8px;
    border-radius: 5px;
    cursor: default;
    opacity: 0.4;
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.point-container:has(.point):has(:hover)[b-r506vdqppg]{
    z-index: 10000;
}

.point:hover .point-value[b-r506vdqppg] {
    opacity: 1;
    background: var(--white);
    box-shadow: 0px 0px 4px 0px rgba(var(--b25-a));
}

.point-container.delete .point[b-r506vdqppg] {
    background-color: var(--dark-red);
}

.point-container.readonly .point[b-r506vdqppg] {
    background-color: var(--d33);
    cursor: default;
}
/* /Shared/Components/RangeSelector/PunctualityPointEditor.razor.rz.scp.css */
.point-editor[b-jy67pszufe] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* Zoom buttons -----------------------------------------------------------------------------------------------------------------------------------*/

.zoom-buttons[b-jy67pszufe] {
    display: flex;
    flex-direction: column;
}

.zoom-button[b-jy67pszufe] {
    align-items: center;
    background: var(--white);
    color: var(--d70);
    border: none;
    box-shadow: none;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    padding: 6px 10px 4px 10px;
    transition: all 250ms ease-in-out;
    text-transform: capitalize;
    height: 26px;
    width: 60px;
}

.zoom-buttons .zoom-button[b-jy67pszufe] {
    border: 1px solid var(--d12);
    border-width: 0px 1px 1px 1px;
}

.zoom-buttons .zoom-button:first-of-type[b-jy67pszufe] {
    border: 1px solid var(--d12);
    border-radius: 3px 3px 0px 0px;
}

/*.zoom-buttons .zoom-button:last-of-type {
    border: 1px solid var(--d12);
    border-radius: 0px 0px 3px 3px;
    border-width: 0px 1px 1px 1px;
}*/

.zoom-buttons .zoom-button:hover[b-jy67pszufe] {
    box-shadow: none;
    background: var(--d12);
}

.zoom-buttons .zoom-button:focus[b-jy67pszufe] {
    box-shadow: none;
    background: var(--white);
}

.zoom-button.active[b-jy67pszufe] {
    background: var(--white);
    color: var(--primary);
}

.zoom-buttons .zoom-button:focus-visible[b-jy67pszufe] {
    box-shadow: 0px 0px 10px 0px rgba(var(--focus-visible-a));
    background-color: var(--focus-visible);
    border-color: var(--focus-visible);
    color: var(--white);
}

.zoom-buttons[b-jy67pszufe]  .zoom-input {
    border: 1px solid var(--d12) !important;
    border-width: 0px 1px 1px 1px !important;
    height: 26px;
    width: 60px;
    box-shadow: none !important;
    border-radius: 0px 0px 3px 3px !important;
    overflow: hidden;
    padding: 6px 10px 4px 10px;
    display: flex;
    align-items: center;
}

.zoom-buttons[b-jy67pszufe]  .zoom-input .e-textbox {
    text-align: center;
    color: var(--d70);
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
    font-size: 14px;
    font-weight: 500;
    line-height: 1.143em;
    padding: 0;
    margin: 0;
}

.zoom-buttons[b-jy67pszufe]  .zoom-input::before, .zoom-buttons[b-jy67pszufe]  .zoom-input::after {
    content: none;
    display: none;
}

/* Slider -----------------------------------------------------------------------------------------------------------------------------------------*/
.slider-wrapper[b-jy67pszufe] {
    font-size: 14px;
    overflow: hidden;
    overflow-x: auto;
    padding: 35px 20px 25px 20px;
    width: 100%;
}

.slider-container[b-jy67pszufe] {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    min-width: 750px;
    padding: 20px;
}

.slider[b-jy67pszufe] {
    display: flex;
    flex-direction: column;
    position: relative;
}

.track[b-jy67pszufe] {
    width: 100%;
    height: 3px;
    background: var(--d14);
}

.labels[b-jy67pszufe] {
    position: relative;
    width: 100%;
    margin-top: 10px;
}

.label-text[b-jy67pszufe] {
    position: absolute;
    transform: translateX(-50%);
    color: var(--text);
}

.markers[b-jy67pszufe] {
    position: absolute;
    width: 100%;
}

.refresh-button[b-jy67pszufe] {
    margin-top: 30px;
}

.marker[b-jy67pszufe] {
    position: absolute;
}

.major-marker[b-jy67pszufe] {
    width: 6px;
    height: 16px;
    border-radius: 2px;
    top: -6.5px;
    background-color: var(--d10);
    border: 2px solid var(--d14);
    transform: translateX(-50%);
}

.minor-marker[b-jy67pszufe] {
    width: 4px;
    height: 3px;
    transform: translateX(-50%);
    background-color: var(--white);
}

.point-container[b-jy67pszufe] {
    position: absolute;
    top: -16.5px;
    padding: 10px 0px 0px 0px;
    transform: translateX(-50%);
}

.point[b-jy67pszufe] {
    width: 16px;
    height: 16px;
    border-radius: 1000px;
    background-color: var(--primary);
    border: 2px solid rgba(0,0,0,0.25);
    cursor: pointer;
}

.point-value[b-jy67pszufe] {
    width: fit-content;
    background-color: rgba(var(--w75-a));
    display: flex;
    justify-content: center;
    position: relative;
    top: -6px;
    left: 6px;
    transform: translateX(-50%) translateY(-100%);
    padding: 4px 8px;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
    cursor: default;
}

.point-value span[b-jy67pszufe] {
    color: var(--text);
}

.point-container.delete .point[b-jy67pszufe], .point-container.delete .point .point-value[b-jy67pszufe] {
    background-color: #bf1f2c !important;
}

.point-container.delete .point .point-value span[b-jy67pszufe] {
    color: var(--white);
}

.point-container.readonly .point[b-jy67pszufe] {
    background-color: #a9a9a9 !important;
    cursor: default;
}
/* /Shared/Components/RangeSelector/PunctualityRangeSelector.razor.rz.scp.css */
.range-container[b-s8mhgx5l5q] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.range-header[b-s8mhgx5l5q] {
    align-items: center;
    display: flex;
    justify-content:space-between;
    margin-bottom: 0.5rem;
}

.title[b-s8mhgx5l5q] {
    margin: 0;
}

.data-loader[b-s8mhgx5l5q] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    background-color: rgba(255,255,255,0.85);
}

.read-only-flag[b-s8mhgx5l5q] {
    align-items: center;
    background: var(--d12);
    border-radius: 5px;
    color: var(--d45);
    display: flex;
    flex-direction: row;
    gap: 6px;
    padding: 6px 10px;
}

.tab-container[b-s8mhgx5l5q] {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.tab-container[b-s8mhgx5l5q]  .e-control.e-tab .e-content.e-lib.e-touch {
    height: 100%;
    overflow: hidden;
}

.tab-container[b-s8mhgx5l5q]  .e-control.e-tab .e-content.e-lib.e-touch .e-item.e-active {
    height: 100%;
    overflow: hidden;
}

.tab-container[b-s8mhgx5l5q]  .e-tab .e-tab-header:not(.e-vertical) .e-indicator, .e-tab .e-tab-header.e-vertical .e-indicator[b-s8mhgx5l5q] {
    transition: none;
}

.splitter[b-s8mhgx5l5q] {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.range-editor-pane[b-s8mhgx5l5q], .time-editor-pane[b-s8mhgx5l5q] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 5px;
    width: 100%;
}

/* Grid Styling -----------------------------------------------------------------------------------------------------------------------------------*/

.grid[b-s8mhgx5l5q] {
    overflow: hidden;
    height: 100%;
}

.grid[b-s8mhgx5l5q]  .e-gridcontent {
    height: calc(100% - 35px) !important;
}

.grid[b-s8mhgx5l5q]  .e-cell-no-border {
    border-color: var(--d06);
    box-shadow: none !important;
    cursor: pointer;
}

.grid[b-s8mhgx5l5q]  .e-cell-no-border-no-cursor {
    box-shadow: none !important;
    cursor: default;
}

.grid[b-s8mhgx5l5q]  .e-grid .e-gridheader table th[rowspan] {
    padding-bottom: 8px;
    padding-top: 8px;
}

.grid[b-s8mhgx5l5q]  .e-grid .e-gridheader table .e-focused {
    box-shadow: none !important;
}

.grid[b-s8mhgx5l5q]  .e-grid .e-rowcell {
    border-left-width: 1px;
}


/* Button Styling ---------------------------------------------------------------------------------------------------------------------------------*/

.buttons[b-s8mhgx5l5q] {
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: flex-start;
    margin-bottom: 5px;
    margin-top: 10px;
}

.custom-button[b-s8mhgx5l5q] {
    align-items: center;
    background: var(--white);
    border: 1px solid var(--d70);
    border-radius: 3px !important;
    box-shadow: none;
    display: flex;
    justify-content: center;
    padding: 5px 10px;
    transition: all 250ms ease-in-out;
}

.custom-button.back-button[b-s8mhgx5l5q] {
    padding: 5px 10px 5px 5px;
}

.custom-button.next-button[b-s8mhgx5l5q] {
    padding: 5px 5px 5px 10px;
}

.custom-button:hover[b-s8mhgx5l5q], .custom-button:focus[b-s8mhgx5l5q] {
    box-shadow: none;
    border: 1px solid var(--d70);
    background: var(--d12) !important;
}

.custom-button:focus-visible[b-s8mhgx5l5q] {
    background-color: var(--white) !important;
    border-color: var(--focus-visible) !important;
    box-shadow: 0px 0px 10px 0px rgba(var(--focus-visible-a)) !important;
    color: var(--focus-visible) !important;
}

.custom-button:disabled[b-s8mhgx5l5q] {
    color: var(--d33) !important;
    background: var(--d14) !important;
    border: solid 1px var(--d14) !important;
    box-shadow: none !important;
}

.custom-button .button-content[b-s8mhgx5l5q] {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center;
}

.range-button[b-s8mhgx5l5q] {
    margin-left: 1rem;
}

    .range-button:first-child[b-s8mhgx5l5q] {
        margin-left: 0;
    }

.delete-button[b-s8mhgx5l5q] {
    align-self: flex-start;
}

.e-btn.e-outline.e-danger:focus[b-s8mhgx5l5q] {
    box-shadow: none;
}

.modal-no-button[b-s8mhgx5l5q] {

}

.modal-yes-button[b-s8mhgx5l5q] {
    background: #d64113;
}

/* Toolbar */
.explorer-toolbar[b-s8mhgx5l5q] {
    background: var(--sync-toolbar);
    border-radius: 3px 3px 0px 0px;
    border: 1px solid rgba(var(--sync-border-a));
    border-bottom: none;
    display: flex;
    gap: 2px;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: auto;
    flex-shrink: 0;
    height: 44px;
}

.left-toolbar .toolbar-button:first-child[b-s8mhgx5l5q] {
    margin-left: 6px;
}

.right-toolbar .toolbar-button:last-child[b-s8mhgx5l5q] {
    margin-right: 6px;
}

.explorer-toolbar .left-toolbar[b-s8mhgx5l5q] {
    display: flex;
    gap: 2px;
}

.explorer-toolbar .right-toolbar[b-s8mhgx5l5q] {
    display: flex;
    gap: 2px;
}

/* Toolbar Button */
.toolbar-button[b-s8mhgx5l5q] {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: rgb(33, 37, 41);
    display: flex;
    font-size: 14px;
    line-height: 14px;
    justify-content: center;
    padding: 6px 8px;
    transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
    margin: 6px 0px;
}

.toolbar-button.uppercase[b-s8mhgx5l5q] {
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
}

.toolbar-button .button-content[b-s8mhgx5l5q] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.toolbar-button .button-label[b-s8mhgx5l5q] {
    padding-top: 1px;
    white-space: nowrap;
}

.toolbar-button iconify-icon[b-s8mhgx5l5q] {
    font-size: 20px;
}

.toolbar-button:hover[b-s8mhgx5l5q] {
    background: var(--d12);
}

.toolbar-button:focus-visible[b-s8mhgx5l5q] {
    border-color: var(--focus-visible);
    box-shadow: 0px 0px 10px 0px rgba(var(--focus-visible-a));
    color: var(--focus-visible);
}

.toolbar-button:disabled[b-s8mhgx5l5q] {
    background: var(--sync-toolbar-btn-dis);
    color: #aeaeae;
}

.toolbar-button.no-label:disabled[b-s8mhgx5l5q] {
    background: transparent;
}

@media (max-width: 950px) {
    .toolbar-button .button-label[b-s8mhgx5l5q] {
        display: none;
    }
}

.toolbar-button.no-label .button-content[b-s8mhgx5l5q] {
    gap: 0px;
}

/* Message --------------------------------------------------------------------------------------------------------------------------------------- */

.message-box[b-s8mhgx5l5q] {
    background-color: var(--d06, #f0f0f0);
    border: 1px solid var(--d14, #dbdbdb);
    border-radius: 5px;
    bottom: 0px;
    display: flex;
    flex-direction: row-reverse;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
    font-size: 14px;
    gap: 15px;
    left: 50%;
    max-width: 600px;
    padding: 15px;
    position: absolute;
    transform: translateX(-50%);
    z-index: 1000000;
}

.message-header[b-s8mhgx5l5q] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.message-content[b-s8mhgx5l5q] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
}

.message-content .wizard-message[b-s8mhgx5l5q] {
    font-weight: 500;
}

.e-control.e-btn.custom-button.close-message[b-s8mhgx5l5q] {
    padding: 1px;
    font-size: 20px;
    flex-grow: 0;
    border: 1px solid var(--d14, #dbdbdb);
}

/* Message Info ---------------------------------------------------------------------------------------------------------------------------------- */

.message-box.info[b-s8mhgx5l5q], .message-box.info .e-control.e-btn.custom-button.close-message[b-s8mhgx5l5q] {
    color: #383d41;
    background-color: var(--d06, #f0f0f0);
    border-color: #d6d8db;
}

.message-box.info .e-control.e-btn.custom-button.close-message:hover[b-s8mhgx5l5q], .message-box.info .e-control.e-btn.custom-button.close-message:focus[b-s8mhgx5l5q] {
    background-color: #383d41 !important;
    border-color: #383d41 !important;
    color: var(--d06, #f0f0f0);
}

/* Message Warning ------------------------------------------------------------------------------------------------------------------------------- */

.message-box.warning[b-s8mhgx5l5q], .message-box.warning .e-control.e-btn.custom-button.close-message[b-s8mhgx5l5q] {
    color: #856404;
    background-color: #fff3cd;
    border-color: #e1cc8d;
}

.message-box.warning .e-control.e-btn.custom-button.close-message:hover[b-s8mhgx5l5q], .message-box.warning .e-control.e-btn.custom-button.close-message:focus[b-s8mhgx5l5q] {
    background-color: #856404 !important;
    border-color: #856404 !important;
    color: #fff3cd;
}

/* Message Error --------------------------------------------------------------------------------------------------------------------------------- */

.message-box.error[b-s8mhgx5l5q], .message-box.error .e-control.e-btn.custom-button.close-message[b-s8mhgx5l5q] {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #D49CA1;
}

.message-box.error .e-control.e-btn.custom-button.close-message:hover[b-s8mhgx5l5q], .message-box.error .e-control.e-btn.custom-button.close-message:focus[b-s8mhgx5l5q] {
    background-color: #721c24 !important;
    border-color: #721c24 !important;
    color: #f8d7da;
}
/* /Shared/Components/RangeSelector/PunctualityRangeSelectorComponent.razor.rz.scp.css */
.range-container[b-ehev2nlmo3] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.range-header[b-ehev2nlmo3] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.header-block[b-ehev2nlmo3] {
    background: var(--sync-toolbar);
    border: 1px solid rgba(var(--sync-border-a));
    border-bottom: 0px;
    margin: 0;
    padding: 5px 10px;
}

.header-block span[b-ehev2nlmo3] {
    font-size: 16px;
    font-weight: 500;
    color: var(--text);
}

.point-editor-wrapper[b-ehev2nlmo3] {
    border: 1px solid rgba(var(--sync-border-a));
    border-bottom: 0px;
    padding-right: 5px;
}

.read-only-flag[b-ehev2nlmo3] {
    align-items: center;
    background: var(--d12);
    border-radius: 5px;
    color: var(--d45);
    display: flex;
    flex-direction: row;
    gap: 6px;
    padding: 6px 10px;
}

.tab-container[b-ehev2nlmo3] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.tab-container[b-ehev2nlmo3]  .e-control.e-tab .e-content.e-lib.e-touch {
    height: 100%;
    overflow: hidden;
}

.tab-container[b-ehev2nlmo3]  .e-control.e-tab .e-content.e-lib.e-touch .e-item.e-active {
    height: 100%;
    overflow: hidden;
}

.tab-container[b-ehev2nlmo3]  .e-tab .e-tab-header:not(.e-vertical) .e-indicator, .e-tab .e-tab-header.e-vertical .e-indicator[b-ehev2nlmo3] {
    transition: none;
}

.splitter[b-ehev2nlmo3] {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.range-editor-pane[b-ehev2nlmo3], .time-editor-pane[b-ehev2nlmo3] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 5px;
    width: 100%;
}

/* Grid Styling -----------------------------------------------------------------------------------------------------------------------------------*/

.grid[b-ehev2nlmo3] {
    overflow: hidden;
    height: 100%;
}

.grid[b-ehev2nlmo3]  .e-gridcontent {
    height: calc(100% - 35px) !important;
}

.grid[b-ehev2nlmo3]  .e-cell-no-border.e-focus {
    box-shadow: none !important;
    cursor: pointer;
}

.grid[b-ehev2nlmo3]  .e-focus.e-cell-no-border-no-cursor {
    box-shadow: none !important;
    cursor: default;
}

.grid[b-ehev2nlmo3]  .e-grid .e-gridheader table th[rowspan] {
    padding-bottom: 8px;
    padding-top: 8px;
}

.grid[b-ehev2nlmo3]  .e-grid .e-gridheader table .e-focused {
    box-shadow: none !important;
}

.grid[b-ehev2nlmo3]  .e-grid .e-rowcell {
    border-left-width: 1px;
}

.grid[b-ehev2nlmo3]  .e-dragborder {

}

/* Button Styling ---------------------------------------------------------------------------------------------------------------------------------*/
.buttons[b-ehev2nlmo3] {
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: flex-start;
    margin-bottom: 5px;
    margin-top: 10px;
}

.custom-button[b-ehev2nlmo3] {
    align-items: center;
    background: var(--white);
    border: 1px solid var(--d70);
    border-radius: 3px !important;
    box-shadow: none;
    display: flex;
    justify-content: center;
    padding: 5px 10px;
    transition: all 250ms ease-in-out;
}

.custom-button.back-button[b-ehev2nlmo3] {
    padding: 5px 10px 5px 5px;
}

.custom-button.next-button[b-ehev2nlmo3] {
    padding: 5px 5px 5px 10px;
}

.custom-button:hover[b-ehev2nlmo3], .custom-button:focus[b-ehev2nlmo3] {
    box-shadow: none;
    border: 1px solid var(--d70);
    background: var(--d12) !important;
}

.custom-button:focus-visible[b-ehev2nlmo3] {
    background-color: var(--white) !important;
    border-color: var(--focus-visible) !important;
    box-shadow: 0px 0px 10px 0px rgba(var(--focus-visible-a)) !important;
    color: var(--focus-visible) !important;
}

.custom-button:disabled[b-ehev2nlmo3] {
    color: var(--d33) !important;
    background: var(--d14) !important;
    border: solid 1px var(--d14) !important;
    box-shadow: none !important;
}

.custom-button .button-content[b-ehev2nlmo3] {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center;
}

.range-button[b-ehev2nlmo3] {
    margin-left: 1rem;
}

.range-button:first-child[b-ehev2nlmo3] {
    margin-left: 0;
}

.delete-button[b-ehev2nlmo3] {
    align-self: flex-start;
}

.e-btn.e-outline.e-danger:focus[b-ehev2nlmo3] {
    box-shadow: none;
}

.modal-no-button[b-ehev2nlmo3] {
}

.modal-yes-button[b-ehev2nlmo3] {
    background: #d64113;
}

/* Toolbar */
.explorer-toolbar[b-ehev2nlmo3] {
    background: var(--sync-toolbar);
    border-radius: 0px;
    border: 1px solid rgba(var(--sync-border-a));
    border-bottom: none;
    display: flex;
    gap: 2px;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: auto;
    flex-shrink: 0;
    height: 44px;
}

.left-toolbar .toolbar-button:first-child[b-ehev2nlmo3] {
    margin-left: 6px;
}

.right-toolbar .toolbar-button:last-child[b-ehev2nlmo3] {
    margin-right: 6px;
}

.explorer-toolbar .left-toolbar[b-ehev2nlmo3] {
    display: flex;
    gap: 2px;
}

.explorer-toolbar .right-toolbar[b-ehev2nlmo3] {
    display: flex;
    gap: 2px;
}

/* Toolbar Button */
.toolbar-button[b-ehev2nlmo3] {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: rgb(33, 37, 41);
    display: flex;
    font-size: 14px;
    line-height: 14px;
    justify-content: center;
    padding: 6px 8px;
    transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
    margin: 6px 0px;
}

.toolbar-button.uppercase[b-ehev2nlmo3] {
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
}

.toolbar-button .button-content[b-ehev2nlmo3] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.toolbar-button .button-label[b-ehev2nlmo3] {
    padding-top: 1px;
    white-space: nowrap;
}

.toolbar-button iconify-icon[b-ehev2nlmo3] {
    font-size: 20px;
}

.toolbar-button:hover[b-ehev2nlmo3] {
    background: var(--d12);
}

.toolbar-button:focus-visible[b-ehev2nlmo3] {
    border-color: var(--focus-visible);
    box-shadow: 0px 0px 10px 0px rgba(var(--focus-visible-a));
    color: var(--focus-visible);
}

.toolbar-button:disabled[b-ehev2nlmo3] {
    background: var(--sync-toolbar-btn-dis);
    color: #aeaeae;
}

.toolbar-button.no-label:disabled[b-ehev2nlmo3] {
    background: transparent;
}

@media (max-width: 950px) {
    .toolbar-button .button-label[b-ehev2nlmo3] {
        display: none;
    }
}

.toolbar-button.no-label .button-content[b-ehev2nlmo3] {
    gap: 0px;
}
/* /Shared/Components/RangeSelector/RangeSelector.razor.rz.scp.css */
.range-container[b-q0maq309uy] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.title[b-q0maq309uy] {
    margin-bottom: 0px;
}

/* Grid Styling -----------------------------------------------------------------------------------------------------------------------------------*/

.grid[b-q0maq309uy] {
    overflow: hidden;
    height: 100%;
}

.grid[b-q0maq309uy]  .e-gridcontent {
    height: calc(100% - 35px) !important;
}

.grid[b-q0maq309uy]  .e-cell-no-border {
    border-color: var(--d06);
    box-shadow: none !important;
    cursor: pointer;
}

.grid[b-q0maq309uy]  .e-cell-no-border-no-cursor {
    box-shadow: none !important;
    cursor: default;
}

.grid[b-q0maq309uy]  .e-grid .e-gridheader table th[rowspan] {
    padding-bottom: 9px;
    padding-top: 9px;
}

.grid[b-q0maq309uy]  .e-grid .e-gridheader table .e-focused {
    box-shadow: none !important;
}

.grid[b-q0maq309uy]  .e-grid .e-rowcell {
    border-left-width: 1px;
}

.buttons[b-q0maq309uy] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 5px;
}

.range-button[b-q0maq309uy] {
    margin-left: 1rem;
}

    .range-button:first-child[b-q0maq309uy] {
        margin-left: 0;
    }

.delete-button[b-q0maq309uy] {
    align-self: flex-start;
}

.e-btn.e-outline.e-danger:focus[b-q0maq309uy] {
    box-shadow: none;
}

.modal-no-button[b-q0maq309uy] {

}

.modal-yes-button[b-q0maq309uy] {
    background: #d64113;
}



/* Toolbar */
.explorer-toolbar[b-q0maq309uy] {
    background: #f8f9fa;
    border-radius: 3px 3px 0px 0px;
    border: 1px solid rgba(var(--sync-border-a));
    border-bottom: none;
    display: flex;
    gap: 2px;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: auto;
    flex-shrink: 0;
    height: 44px;
}

.left-toolbar .toolbar-button:first-child[b-q0maq309uy] {
    margin-left: 6px;
}

.right-toolbar .toolbar-button:last-child[b-q0maq309uy] {
    margin-right: 6px;
}

.explorer-toolbar .left-toolbar[b-q0maq309uy] {
    display: flex;
    gap: 2px;
}

.explorer-toolbar .right-toolbar[b-q0maq309uy] {
    display: flex;
    gap: 2px;
}

/* Toolbar Button */
.toolbar-button[b-q0maq309uy] {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: rgb(33, 37, 41);
    display: flex;
    font-size: 14px;
    line-height: 14px;
    justify-content: center;
    padding: 6px 8px;
    transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
    margin: 6px 0px;
}

.toolbar-button.uppercase[b-q0maq309uy] {
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
}

.toolbar-button .button-content[b-q0maq309uy] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.toolbar-button .button-label[b-q0maq309uy] {
    padding-top: 1px;
    white-space: nowrap;
}

.toolbar-button iconify-icon[b-q0maq309uy] {
    font-size: 20px;
}

.toolbar-button:hover[b-q0maq309uy] {
    background: var(--d12, #e0e0e0);
}

.toolbar-button:focus-visible[b-q0maq309uy] {
    border-color: rgb(13, 110, 253);
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75);
    color: rgb(13, 110, 253);
}

.toolbar-button:disabled[b-q0maq309uy] {
    background: var(--sync-toolbar-btn-dis);
    color: #aeaeae;
}

.toolbar-button.no-label:disabled[b-q0maq309uy] {
    background: transparent;
}

.toolbar-button.close-modal[b-q0maq309uy] {
    background: #f8d7da;
    border-radius: 0px;
    color: #721c24;
    font-size: 20px;
    margin: 0px 0px 0px 12px !important;
    width: 44px;
}

.toolbar-button.close-modal:hover[b-q0maq309uy], .toolbar-button.close-modal:focus-visible[b-q0maq309uy] {
    background: #ff0000;
    box-shadow: none;
    color: var(--white-text, #ffffff);
}

.toolbar-button.close-modal iconify-icon[b-q0maq309uy] {
    font-size: 28px;
}


@media (max-width: 950px) {
    .toolbar-button .button-label[b-q0maq309uy] {
        display: none;
    }
}

.toolbar-button.no-label .button-content[b-q0maq309uy] {
    gap: 0px;
}
/* /Shared/Components/RulesEditor/Components/BusinessRules.razor.rz.scp.css */
.selection-sets[b-236f09bjuu] {
    background: var(--background);
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.content-container[b-236f09bjuu] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--border);
    padding: 10px;
    border-radius: 3px;
}

.section-list[b-236f09bjuu] {
    padding: 10px 0px;
}

.modal-mode .content-container[b-236f09bjuu] {
    border: none;
    border-radius: 0px;
    padding: 0px;
}

.selection-sets.modal-mode[b-236f09bjuu] {
    border: 1px solid var(--border);
    border-radius: 3px;
    padding: 0;
}

.selection-sets .header-container[b-236f09bjuu] {
    font-size: 2.5rem;
}

.modal-mode .header-container[b-236f09bjuu] {
    align-items: stretch;
    background: var(--toolbar);
    border-bottom: 1px solid var(--border);
    display: flex;
    font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
    font-size: 14px;
    font-weight: 500;
    justify-content: space-between;
}

.modal-mode .header-container .header-title[b-236f09bjuu] {
    padding: 5px 5px 5px 10px;
}

.modal-mode .section-definition[b-236f09bjuu],
.modal-mode .section-actions[b-236f09bjuu] {
    padding: 10px 20px;
}

.modal-mode .section-list[b-236f09bjuu] {
    padding: 0px 20px;
}

.close-button[b-236f09bjuu] {
    align-items: center;
    background: #f8d7da;
    border: none;
    border-radius: 0px;
    color: #721c24;
    display: flex;
    font-size: 20px;
    justify-content: center;
    line-height: 14px;
    margin: 0px 0px 0px 12px !important;
    padding: 6px 8px;
    transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
    width: 44px;
}

.close-button:hover[b-236f09bjuu], .close-button:focus[b-236f09bjuu], .close-button:focus-visible[b-236f09bjuu] {
    background: #ff0000 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

.section-list[b-236f09bjuu] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.grid-container[b-236f09bjuu] {
    height: 100%;
    overflow: hidden;
}

.grid-container[b-236f09bjuu]  .e-cell-no-border {
    border-color: var(--d06);
    box-shadow: none !important;
    cursor: pointer;
}

.grid-container[b-236f09bjuu]  .e-grid .e-rowcell {
    border-left-width: 1px;
}

.section-definition[b-236f09bjuu] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

/* Input Groups */

.definition-group-small[b-236f09bjuu], .definition-group[b-236f09bjuu] {
    align-items: baseline;
    border: 1px solid var(--border);
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    width: 100%;
}

.definition-group-small .label[b-236f09bjuu], .definition-group .label[b-236f09bjuu] {
    white-space: nowrap;
}

.definition-group-small[b-236f09bjuu] {
    max-width: 350px;
}

.definition-group-small.error[b-236f09bjuu] {
    border-color: #f44336;
}

.definition-group-small.error .label[b-236f09bjuu] {
    color: #f44336;
}

.definition-group-small .label.error[b-236f09bjuu],
.definition-group .label.error[b-236f09bjuu] {
    color: #f44336;
}

/* Inputs */

.set-ref-input[b-236f09bjuu],
.set-name-input[b-236f09bjuu],
.set-description-input[b-236f09bjuu],
.object-rule-dropdown[b-236f09bjuu] {
    align-items: center;
    display: flex;
    gap: 10px;
    width: 100%;
}

/* Save As Dialog -------------------------------------------------------------------------------------------------------------------------------- */

.save-as-dialog-container[b-236f09bjuu] {
    align-items: center;
    background: rgba(255, 255, 255, 0.75);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.save-as-dialog[b-236f09bjuu] {
    border-radius: 5px;
    border: 1px solid var(--border);
    min-width: 50%;
    background: var(--background);
    overflow: hidden;
}

.dialog-header[b-236f09bjuu] {
    align-items: center;
    background: var(--toolbar);
    border-bottom: 1px solid var(--border);
    display: flex;
    gap: 15px;
    justify-content: space-between;
    padding-left: 10px;
}

.dialog-title[b-236f09bjuu] {
    font-size: 16px;
    font-weight: 500;
    font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
}

.dialog-content[b-236f09bjuu] {
    padding: 20px 20px 10px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dialog-content .label.error[b-236f09bjuu] {
    color: #f44336;
}

.dialog-actions[b-236f09bjuu] {
    padding: 10px;
}

/* Message --------------------------------------------------------------------------------------------------------------------------------------- */

/* Button */
.custom-button[b-236f09bjuu] {
    align-items: center;
    background: var(--white, #ffffff);
    border: 1px solid var(--d70, #4c4c4c);
    border-radius: 3px !important;
    box-shadow: none;
    display: flex;
    justify-content: center;
    padding: 5px 10px;
    transition: all 250ms ease-in-out;
}

.custom-button.back-button[b-236f09bjuu] {
    padding: 5px 10px 5px 5px;
}

.custom-button.next-button[b-236f09bjuu] {
    padding: 5px 5px 5px 10px;
}

.custom-button:hover[b-236f09bjuu], .custom-button:focus[b-236f09bjuu] {
    box-shadow: none;
    border: 1px solid var(--d70, #4c4c4c);
    background: #e0e0e0 !important;
}

.custom-button:focus-visible[b-236f09bjuu] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75) !important;
    color: rgb(13, 110, 253) !important;
}

.custom-button:disabled[b-236f09bjuu] {
    color: #ababab !important;
    background: #dbdbdb !important;
    border: solid 1px #dbdbdb !important;
    box-shadow: none !important;
}

.custom-button .button-content[b-236f09bjuu] {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center;
}

.message-box-container[b-236f09bjuu] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000000;
}

.message-box[b-236f09bjuu] {
    background-color: var(--d06, #f0f0f0);
    border: 1px solid var(--d14, #dbdbdb);
    border-radius: 5px;
    display: flex;
    flex-direction: row-reverse;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
    font-size: 14px;
    gap: 15px;
    max-width: 600px;
    padding: 15px;
}

.message-header[b-236f09bjuu] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.message-content[b-236f09bjuu] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
}

.message-content .wizard-message[b-236f09bjuu] {
    font-weight: 500;
}

.e-control.e-btn.custom-button.close-message[b-236f09bjuu] {
    padding: 1px;
    font-size: 20px;
    flex-grow: 0;
    border: 1px solid var(--d14, #dbdbdb);
}

/* Message Info ---------------------------------------------------------------------------------------------------------------------------------- */

.message-box.info[b-236f09bjuu], .message-box.info .e-control.e-btn.custom-button.close-message[b-236f09bjuu] {
    color: #383d41;
    background-color: var(--d06, #f0f0f0);
    border-color: #d6d8db;
}

.message-box.info .e-control.e-btn.custom-button.close-message:hover[b-236f09bjuu], .message-box.info .e-control.e-btn.custom-button.close-message:focus[b-236f09bjuu] {
    background-color: #383d41 !important;
    border-color: #383d41 !important;
    color: var(--d06, #f0f0f0);
}

/* Message Success --------------------------------------------------------------------------------------------------------------------------------- */

.message-box.success[b-236f09bjuu], .message-box.success .e-control.e-btn.custom-button.close-message[b-236f09bjuu] {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.message-box.success .e-control.e-btn.custom-button.close-message:hover[b-236f09bjuu], .message-box.success .e-control.e-btn.custom-button.close-message:focus[b-236f09bjuu] {
    background-color: #155724 !important;
    border-color: #155724 !important;
    color: #d4edda;
}

/* Message Warning ------------------------------------------------------------------------------------------------------------------------------- */

.message-box.warning[b-236f09bjuu], .message-box.warning .e-control.e-btn.custom-button.close-message[b-236f09bjuu] {
    color: #856404;
    background-color: #fff3cd;
    border-color: #e1cc8d;
}

.message-box.warning .e-control.e-btn.custom-button.close-message:hover[b-236f09bjuu], .message-box.warning .e-control.e-btn.custom-button.close-message:focus[b-236f09bjuu] {
    background-color: #856404 !important;
    border-color: #856404 !important;
    color: #fff3cd;
}

/* Message Error --------------------------------------------------------------------------------------------------------------------------------- */

.message-box.error[b-236f09bjuu], .message-box.error .e-control.e-btn.custom-button.close-message[b-236f09bjuu] {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #D49CA1;
}

.message-box.error .e-control.e-btn.custom-button.close-message:hover[b-236f09bjuu], .message-box.error .e-control.e-btn.custom-button.close-message:focus[b-236f09bjuu] {
    background-color: #721c24 !important;
    border-color: #721c24 !important;
    color: #f8d7da;
}
/* /Shared/Components/RulesEditor/Components/ObjectExplorer.razor.rz.scp.css */
.object-explorer-container[b-srt9s1pv89] {
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.object-explorer-container[b-srt9s1pv89]  .e-cell-no-boxshadow {
    box-shadow: none !important;
}

.object-explorer-container.no-border[b-srt9s1pv89]  .sf-grid {
    border: none !important;
}

.object-explorer-container.no-border[b-srt9s1pv89]  .sf-grid .e-toolbar {
    border-top: none !important;
}

.grid-container[b-srt9s1pv89] {
    width: 100%;
}

.grid-container[b-srt9s1pv89]  .e-cell-no-border {
    box-shadow: none !important;
}

.grid-container[b-srt9s1pv89]  .e-grid .e-gridheader table th[rowspan] {
    padding-bottom: 8px;
    padding-top: 8px;
}
/* /Shared/Components/RulesEditor/Components/SelectionSets.razor.rz.scp.css */
.selection-sets[b-41jnpf414v] {
    background: var(--background);
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.content-container[b-41jnpf414v] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--border);
    padding: 10px;
    border-radius: 3px;
}

.section-list[b-41jnpf414v] {
    padding: 10px 0px;
}

.modal-mode .content-container[b-41jnpf414v] {
    border: none;
    border-radius: 0px;
    padding: 0px;
}

.selection-sets.modal-mode[b-41jnpf414v] {
    border: 1px solid var(--border);
    border-radius: 3px;
    padding: 0;
}

.selection-sets .header-container[b-41jnpf414v] {
    font-size: 2.5rem;
}

.modal-mode .header-container[b-41jnpf414v] {
    align-items: stretch;
    background: var(--toolbar);
    border-bottom: 1px solid var(--border);
    display: flex;
    font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
    font-size: 14px;
    font-weight: 500;
    justify-content: space-between;
}

.modal-mode .header-container .header-title[b-41jnpf414v] {
    padding: 5px 5px 5px 10px;
}

.modal-mode .section-definition[b-41jnpf414v],
.modal-mode .section-actions[b-41jnpf414v] {
    padding: 10px 20px;
}

.modal-mode .section-list[b-41jnpf414v] {
    padding: 0px 20px;
}

.close-button[b-41jnpf414v] {
    align-items: center;
    background: #f8d7da;
    border: none;
    border-radius: 0px;
    color: #721c24;
    display: flex;
    font-size: 20px;
    justify-content: center;
    line-height: 14px;
    margin: 0px 0px 0px 12px !important;
    padding: 6px 8px;
    transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
    width: 44px;
}

.close-button:hover[b-41jnpf414v], .close-button:focus[b-41jnpf414v], .close-button:focus-visible[b-41jnpf414v] {
    background: #ff0000 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

.section-list[b-41jnpf414v] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.grid-container[b-41jnpf414v] {
    height: 100%;
    overflow: hidden;
}

.grid-container[b-41jnpf414v]  .e-cell-no-border {
    border-color: var(--d06);
    box-shadow: none !important;
    cursor: pointer;
}

.grid-container[b-41jnpf414v]  .e-grid .e-rowcell {
    border-left-width: 1px;
}

.section-definition[b-41jnpf414v] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

/* Input Groups */

.definition-group-small[b-41jnpf414v], .definition-group[b-41jnpf414v] {
    align-items: baseline;
    border: 1px solid var(--border);
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    width: 100%;
}

.definition-group-small .label[b-41jnpf414v], .definition-group .label[b-41jnpf414v] {
    white-space: nowrap;
}

.definition-group-small[b-41jnpf414v] {
    max-width: 350px;
}

.definition-group-small.error[b-41jnpf414v] {
    border-color: #f44336;
}

.definition-group-small.error .label[b-41jnpf414v] {
    color: #f44336;
}

.definition-group-small .label.error[b-41jnpf414v],
.definition-group .label.error[b-41jnpf414v] {
    color: #f44336;
}

/* Inputs */
.set-ref-input[b-41jnpf414v],
.set-name-input[b-41jnpf414v],
.set-description-input[b-41jnpf414v],
.object-type-dropdown[b-41jnpf414v],
.object-rule-dropdown[b-41jnpf414v] {
    align-items: center;
    display: flex;
    gap: 10px;
    width: 100%;
}

/* Save As Dialog -------------------------------------------------------------------------------------------------------------------------------- */

.save-as-dialog-container[b-41jnpf414v] {
    align-items: center;
    background: rgba(255, 255, 255, 0.75);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.save-as-dialog[b-41jnpf414v] {
    border-radius: 5px;
    border: 1px solid var(--border);
    min-width: 50%;
    background: var(--background);
    overflow: hidden;
}

.dialog-header[b-41jnpf414v] {
    align-items: center;
    background: var(--toolbar);
    border-bottom: 1px solid var(--border);
    display: flex;
    gap: 15px;
    justify-content: space-between;
    padding-left: 10px;
}

.dialog-title[b-41jnpf414v] {
    font-size: 16px;
    font-weight: 500;
    font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
}

.dialog-content[b-41jnpf414v] {
    padding: 20px 20px 10px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dialog-content .label.error[b-41jnpf414v] {
    color: #f44336;
}

.dialog-actions[b-41jnpf414v] {
    padding: 10px;
}

/* Message --------------------------------------------------------------------------------------------------------------------------------------- */
/* Button */
.custom-button[b-41jnpf414v] {
    align-items: center;
    background: var(--white, #ffffff);
    border: 1px solid var(--d70, #4c4c4c);
    border-radius: 3px !important;
    box-shadow: none;
    display: flex;
    justify-content: center;
    padding: 5px 10px;
    transition: all 250ms ease-in-out;
}

.custom-button.back-button[b-41jnpf414v] {
    padding: 5px 10px 5px 5px;
}

.custom-button.next-button[b-41jnpf414v] {
    padding: 5px 5px 5px 10px;
}

.custom-button:hover[b-41jnpf414v], .custom-button:focus[b-41jnpf414v] {
    box-shadow: none;
    border: 1px solid var(--d70, #4c4c4c);
    background: #e0e0e0 !important;
}

.custom-button:focus-visible[b-41jnpf414v] {
    background-color: #ffffff !important;
    border-color: rgb(13, 110, 253) !important;
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75) !important;
    color: rgb(13, 110, 253) !important;
}

.custom-button:disabled[b-41jnpf414v] {
    color: #ababab !important;
    background: #dbdbdb !important;
    border: solid 1px #dbdbdb !important;
    box-shadow: none !important;
}

.custom-button .button-content[b-41jnpf414v] {
    align-items: center;
    display: flex;
    font-size: 20px;
    justify-content: center;
}

.message-box-container[b-41jnpf414v] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000000;
}

.message-box[b-41jnpf414v] {
    background-color: var(--d06, #f0f0f0);
    border: 1px solid var(--d14, #dbdbdb);
    border-radius: 5px;
    display: flex;
    flex-direction: row-reverse;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
    font-size: 14px;
    gap: 15px;
    max-width: 600px;
    padding: 15px;
}

.message-header[b-41jnpf414v] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.message-content[b-41jnpf414v] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
}

.message-content .wizard-message[b-41jnpf414v] {
    font-weight: 500;
}

.e-control.e-btn.custom-button.close-message[b-41jnpf414v] {
    padding: 1px;
    font-size: 20px;
    flex-grow: 0;
    border: 1px solid var(--d14, #dbdbdb);
}

/* Message Info ---------------------------------------------------------------------------------------------------------------------------------- */

.message-box.info[b-41jnpf414v], .message-box.info .e-control.e-btn.custom-button.close-message[b-41jnpf414v] {
    color: #383d41;
    background-color: var(--d06, #f0f0f0);
    border-color: #d6d8db;
}

.message-box.info .e-control.e-btn.custom-button.close-message:hover[b-41jnpf414v], .message-box.info .e-control.e-btn.custom-button.close-message:focus[b-41jnpf414v] {
    background-color: #383d41 !important;
    border-color: #383d41 !important;
    color: var(--d06, #f0f0f0);
}

/* Message Success --------------------------------------------------------------------------------------------------------------------------------- */

.message-box.success[b-41jnpf414v], .message-box.success .e-control.e-btn.custom-button.close-message[b-41jnpf414v] {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.message-box.success .e-control.e-btn.custom-button.close-message:hover[b-41jnpf414v], .message-box.success .e-control.e-btn.custom-button.close-message:focus[b-41jnpf414v] {
    background-color: #155724 !important;
    border-color: #155724 !important;
    color: #d4edda;
}

/* Message Warning ------------------------------------------------------------------------------------------------------------------------------- */

.message-box.warning[b-41jnpf414v], .message-box.warning .e-control.e-btn.custom-button.close-message[b-41jnpf414v] {
    color: #856404;
    background-color: #fff3cd;
    border-color: #e1cc8d;
}

.message-box.warning .e-control.e-btn.custom-button.close-message:hover[b-41jnpf414v], .message-box.warning .e-control.e-btn.custom-button.close-message:focus[b-41jnpf414v] {
    background-color: #856404 !important;
    border-color: #856404 !important;
    color: #fff3cd;
}

/* Message Error --------------------------------------------------------------------------------------------------------------------------------- */

.message-box.error[b-41jnpf414v], .message-box.error .e-control.e-btn.custom-button.close-message[b-41jnpf414v] {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #D49CA1;
}

.message-box.error .e-control.e-btn.custom-button.close-message:hover[b-41jnpf414v], .message-box.error .e-control.e-btn.custom-button.close-message:focus[b-41jnpf414v] {
    background-color: #721c24 !important;
    border-color: #721c24 !important;
    color: #f8d7da;
}
/* /Shared/Components/RulesEditor/Components/Toolbar.razor.rz.scp.css */
.explorer-toolbar[b-cjah42wwcq] {
    --button-accept: var(--focus-visible, #0d6efd);
    --button-accept_rgb: 13, 110, 253;
    --button-remove: #dc3545;
    --button-remove_rgb: 220, 53, 69;
    --button-focus: #eaebec;
    --button-focus-text_rgba: 0,0,0,0.87;
}


/* Toolbar */
.explorer-toolbar[b-cjah42wwcq] {
    background: var(--background);
    display: flex;
    gap: 2px;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: auto;
    flex-shrink: 0;
    min-height: 40px;
}

.explorer-toolbar.data-grid[b-cjah42wwcq] {
    border-radius: 3px 3px 0px 0px;
    border-bottom: none;
    border: 1px solid var(--border, #e0e0e0);
    border-bottom: 0px;
    background: var(--toolbar);
}

.explorer-toolbar.data-grid .left-toolbar[b-cjah42wwcq] {
    padding-left: 6px;
}

.explorer-toolbar.data-grid .right-toolbar[b-cjah42wwcq] {
    padding-right: 6px;
}

.explorer-toolbar.modal-bottom[b-cjah42wwcq] {
}

.explorer-toolbar.modal-top[b-cjah42wwcq] {
}

.explorer-toolbar .button-content[b-cjah42wwcq] {
    align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.explorer-toolbar .button-content.fixed[b-cjah42wwcq] {
    height: 15px;
}

.explorer-toolbar .button-content .button-icon[b-cjah42wwcq] {
    transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
}

.explorer-toolbar .button-content .button-label[b-cjah42wwcq] {
    padding-top: 1px;
}

/*.left-toolbar .toolbar-button:first-child {
    margin-left: 6px;
}

.right-toolbar .toolbar-button:last-child {
    margin-right: 6px;
}*/

.explorer-toolbar .left-toolbar[b-cjah42wwcq] {
    display: flex;
    gap: 5px;
}

.explorer-toolbar .right-toolbar[b-cjah42wwcq] {
    display: flex;
    gap: 5px;
}

.toolbar-button[b-cjah42wwcq] {
    align-items: center;
    box-shadow: none !important;
    display: flex;
    justify-content: center;
    margin: 6px 0px;
    padding: 6px 8px;
    line-height: 14px;
    font-size: 14px;
    transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
}

.toolbar-button.no-border[b-cjah42wwcq] {
    border: none;
}

/* Button Style */

.toolbar-button:enabled:focus[b-cjah42wwcq] {
    background-color: var(--button-focus) !important;
    color: rgba(var(--button-focus-text_rgba)) !important;
}

.toolbar-button:enabled:focus-visible[b-cjah42wwcq] {
    box-shadow: 0px 0px 0px 4px rgba(13, 110, 253, 0.25) !important;
    border-color: rgb(13, 110, 253) !important;
}

/* Primary Button Style */

.toolbar-button.primary:enabled[b-cjah42wwcq] {
    border-color: var(--button-accept);
    color: var(--button-accept);
}

.toolbar-button.primary:enabled:focus[b-cjah42wwcq] {
    background: rgba(var(--button-accept_rgb), 0.5) !important;
    border-color: var(--button-accept) !important;
    color: var(--white) !important;
}

.toolbar-button.primary:enabled:hover[b-cjah42wwcq] {
    background: var(--button-accept);
    border-color: var(--button-accept);
    color: var(--white);
}

.toolbar-button.primary:enabled:focus-visible[b-cjah42wwcq] {
    background: var(--button-accept) !important;
    color: var(--white) !important;
}

.toolbar-button.primary:enabled:hover .button-content .button-icon[b-cjah42wwcq],
.toolbar-button.primary:enabled:focus .button-content .button-icon[b-cjah42wwcq] {
    color: var(--white);
}

/* Danger Button Style */

.toolbar-button.danger:enabled[b-cjah42wwcq] {
    border-color: var(--button-remove);
    color: var(--button-remove);
}

.toolbar-button.danger:enabled:focus[b-cjah42wwcq] {
    background: rgba(var(--button-remove_rgb), 0.5) !important;
    border-color: var(--button-remove) !important;
    color: var(--white) !important;
}

.toolbar-button.danger:enabled:hover[b-cjah42wwcq] {
    background: var(--button-remove);
    border-color: var(--button-remove);
    color: var(--white);
}

.toolbar-button.danger:enabled:hover .button-content .button-icon[b-cjah42wwcq],
.toolbar-button.danger:enabled:focus .button-content .button-icon[b-cjah42wwcq] {
    color: var(--white);
}

.ruleset-inputs[b-cjah42wwcq]  .button-override.danger:enabled:focus-visible {
    background: var(--button-remove) !important;
    color: var(--white) !important;
}
/* /Shared/Components/RulesEditor/Components/TreeView.razor.rz.scp.css */
.treeview-container[b-s4itrmp8kf] {
    --folder-icon: #a7aeae;
    --d87a: 0,0,0,.87;
    --w75a: 255,255,255,.75;
}

.loading[b-s4itrmp8kf] {
    background: rgba(var(--w75a));
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2000;
}

.icon-container[b-s4itrmp8kf] {
    color: var(--folder-icon);
    margin-right: 5px;
}

.treeview-container[b-s4itrmp8kf] {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: auto;
}

.treeview-container .treeview[b-s4itrmp8kf] {
    position: absolute;
    min-width: 100%;
    top: 0;
    left: 0;
}

.treeview-container[b-s4itrmp8kf]  .treeview-item-container {
    display: flex;
    align-items: center;
}

.treeview-container[b-s4itrmp8kf]  .treeview-item {
    height: 30px;
}

.treeview-container[b-s4itrmp8kf]  .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text iconify-icon {
    color: var(--white) !important;
}

.treeview-container[b-s4itrmp8kf]  .e-treeview .e-list-item.e-active > .e-text-content .e-list-text, [b-s4itrmp8kf] .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
    color: rgba(var(--d87a));
}

.treeview-container[b-s4itrmp8kf]  .e-treeview .e-list-text {
    font-size: 14px !important;
}
/* /Shared/Components/RulesEditor/ManageBusinessRules.razor.rz.scp.css */
.selection-set-container[b-w8wpvx3xiz] {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.error-message-container[b-w8wpvx3xiz] {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

.error-message[b-w8wpvx3xiz] {
    padding: 20px;
    border-radius: 5px;
    background: var(--error-light);
    color: var(--error-dark);
    text-align: center;
}

.error-message-container .error-message[b-w8wpvx3xiz]  .error-heading {
    font-size: 16px;
    font-weight: 500;
    font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
}
/* /Shared/Components/RulesEditor/ManageRuleSet.razor.rz.scp.css */
.ruleset-container[b-93dgkt6zlh] {
    --button-accept: var(--focus-visible, #0d6efd);
    --button-accept_rgb: 13, 110, 253;
    --button-remove: #dc3545;
    --button-remove_rgb: 220, 53, 69;
    --button-focus: #eaebec;
    --button-focus-text_rgba: 0,0,0,0.87;
}

.ruleset-container[b-93dgkt6zlh] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.ruleset-inputs[b-93dgkt6zlh] {
    border: 1px solid var(--border);
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 0px 20px 20px 20px;
    margin-bottom: 10px;
}

.set-input[b-93dgkt6zlh] {
}

.ruleset-inputs[b-93dgkt6zlh]  .e-form-label {
    font-size: 14px !important;
    font-family: "Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont";
    font-weight: 500;
}

.error-message-container[b-93dgkt6zlh] {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

.error-message[b-93dgkt6zlh] {
    padding: 20px;
    border-radius: 5px;
    background: var(--error-light);
    color: var(--error-dark);
    text-align: center;
}

/* Buttons --------------------------------------------------------------------------------------------------------------------------------------- */

.error-message-container .error-message[b-93dgkt6zlh]  .error-heading {
    font-size: 16px;
    font-weight: 500;
    font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
}

.ruleset-inputs[b-93dgkt6zlh]  .button-override {
    border-radius: 2px !important;
    box-shadow: none !important;
    line-height: 14px !important;
    padding: 8px 8px 6px 8px !important;
    transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
}

/* Button Style */

.ruleset-inputs[b-93dgkt6zlh]  .button-override:enabled:focus {
    background-color: var(--button-focus) !important;
    color: rgba(var(--button-focus-text_rgba)) !important;
}

.ruleset-inputs[b-93dgkt6zlh]  .button-override:enabled:focus-visible {
    box-shadow: 0px 0px 0px 4px rgba(13, 110, 253, 0.25) !important;
    border-color: rgb(13, 110, 253) !important;
}

/* Primary Button Style */

.ruleset-inputs[b-93dgkt6zlh]  .button-override.primary:enabled {
    border-color: var(--button-accept);
    color: var(--button-accept);
}

.ruleset-inputs[b-93dgkt6zlh]  .button-override.primary:enabled:focus {
    background: rgba(var(--button-accept_rgb), 0.5) !important;
    border-color: var(--button-accept) !important;
    color: var(--white) !important;
}

.ruleset-inputs[b-93dgkt6zlh]  .button-override.primary:enabled:hover {
    background: var(--button-accept);
    border-color: var(--button-accept);
    color: var(--white);
}

.ruleset-inputs[b-93dgkt6zlh]  .button-override.primary:enabled:focus-visible {
    background: var(--button-accept) !important;
    color: var(--white) !important;
}

.ruleset-inputs[b-93dgkt6zlh]  .button-override.primary:enabled:hover .button-content .button-icon,
.ruleset-inputs[b-93dgkt6zlh]  .button-override.primary:enabled:focus .button-content .button-icon {
    color: var(--white);
}

/* Danger Button Style */

.ruleset-inputs[b-93dgkt6zlh]  .button-override.danger:enabled {
    border-color: var(--button-remove);
    color: var(--button-remove);
}

.ruleset-inputs[b-93dgkt6zlh]  .button-override.danger:enabled:focus {
    background: rgba(var(--button-remove_rgb), 0.5) !important;
    border-color: var(--button-remove) !important;
    color: var(--white) !important;
}

.ruleset-inputs[b-93dgkt6zlh]  .button-override.danger:enabled:hover {
    background: var(--button-remove);
    border-color: var(--button-remove);
    color: var(--white);
}

.ruleset-inputs[b-93dgkt6zlh]  .button-override.danger:enabled:focus-visible {
    background: var(--button-remove) !important;
    color: var(--white) !important;
}

.ruleset-inputs[b-93dgkt6zlh]  .button-override.danger:enabled:hover .button-content .button-icon,
.ruleset-inputs[b-93dgkt6zlh]  .button-override.danger:enabled:focus .button-content .button-icon {
    color: var(--white);
}
/* /Shared/Components/RulesEditor/ManageSelectionSets.razor.rz.scp.css */
.selection-set-container[b-p8nfgll9cj] {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.error-message-container[b-p8nfgll9cj] {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

.error-message[b-p8nfgll9cj] {
    padding: 20px;
    border-radius: 5px;
    background: var(--error-light);
    color: var(--error-dark);
    text-align: center;
}

.error-message-container .error-message[b-p8nfgll9cj]  .error-heading {
    font-size: 16px;
    font-weight: 500;
    font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
}
/* /Shared/Components/RulesEditor/RulesEditor.razor.rz.scp.css */
.rule-editor[b-19li6jy203] {
    --modal-bg_rgba: 255,255,255,0.85;
    --modal-shadow_rgba: 0,0,0,0.15;
}

.rule-editor[b-19li6jy203] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.pop-up[b-19li6jy203] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(var(--modal-bg_rgba));
    z-index: 10000;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.pop-up .selection-sets-wrapper[b-19li6jy203] {
    height: 100%;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: rgba(var(--modal-shadow_rgba)) 1px 8px 20px;
}

.toolbar-wrapper[b-19li6jy203] {
    overflow: hidden;
    flex-shrink: 0;
}

.treeview-wrapper[b-19li6jy203] {
    height: 100%;
    overflow: hidden;
}

.splitter-wrapper[b-19li6jy203] {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.splitter-content[b-19li6jy203] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.splitter-separator[b-19li6jy203] {
    height: 10px;
    width: 1px;
    background-color: var(--primary);
}

.object-explorer-wrapper[b-19li6jy203] {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
/* /Shared/Components/SimpleSpinner.razor.rz.scp.css */
.spinner-wrapper[b-4dksek7fgq] {
    --color: var(--color-sf-primary-text);
    --background: var(--primary);
}

.spinner-wrapper[b-4dksek7fgq] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color-sf-overlay-bg);
    z-index: 10000;
}

.spinner-container[b-4dksek7fgq] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

.spinner-icon[b-4dksek7fgq] {
    background: var(--background);
    border-radius: 15px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    padding: 10px 15px;
    align-items: center;
    color: var(--color);
    display: flex;
    font-size: 3rem;
    justify-content: center;
}

.spinner-label[b-4dksek7fgq] {
    color: var(--color-sf-content-text-color);
}
/* /Shared/FullPageLayout.razor.rz.scp.css */
main[b-sg58rc6rhe] {
    width: 100%;
    overflow: hidden;
}

.page[b-sg58rc6rhe] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--color-sf-content-bg-color);
}

main[b-sg58rc6rhe] {
    flex: 1;
}

.sidebar[b-sg58rc6rhe] {
    background-image: linear-gradient(180deg, var(--nav-primary) 0%, var(--nav-secondary) 70%);
    position: relative;
    z-index: 100000;
}

.top-row[b-sg58rc6rhe] {
    background-color: var(--color-sf-content-bg-color-alt1);
    border-bottom: 1px solid var(--color-sf-border-light);
    justify-content: flex-end;
    height: 3.5rem;
    display: none;
    align-items: center;
    overflow: hidden;
}

.top-row[b-sg58rc6rhe]  a, .top-row .btn-link[b-sg58rc6rhe] {
    white-space: nowrap;
    margin-left: 1.5rem;
}

.top-row a:first-child[b-sg58rc6rhe] {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 950px) and (orientation: landscape), (max-width: 800px) and (orientation: portrait) {
    .top-row:not(.auth)[b-sg58rc6rhe] {
        display: none;
    }

    .top-row.auth[b-sg58rc6rhe] {
        justify-content: space-between;
    }

    .top-row a[b-sg58rc6rhe], .top-row .btn-link[b-sg58rc6rhe] {
        margin-left: 0;
    }
}

/* Show desktop optimized version */
@media (min-width: 951px) and (orientation: landscape), (min-width: 801px) and (orientation: portrait) {
    .page[b-sg58rc6rhe] {
        flex-direction: row;
    }

    .sidebar[b-sg58rc6rhe] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
        overflow: hidden;
        overflow-y: auto;
    }

    .top-row[b-sg58rc6rhe] {
        position: sticky;
        top: 0;
        z-index: 1;
        display: flex;
    }

    .top-row[b-sg58rc6rhe], article[b-sg58rc6rhe] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/FullPageLayoutNoNav.razor.rz.scp.css */
main[b-lhy4euf9kd] {
    width: 100%;
    overflow: hidden;
    flex: 1;
}

.page[b-lhy4euf9kd] {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: var(--color-sf-content-bg-color);
}

.content[b-lhy4euf9kd] {
    width: 100%;
    padding: 0px;
    height: calc(100vh - 3.5rem);
}

.sidebar[b-lhy4euf9kd] {
    background-image: linear-gradient(180deg, var(--nav-primary) 0%, var(--nav-secondary) 70%);
    position: relative;
    z-index: 100000;
}

.page #toggle[b-lhy4euf9kd] {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}

.nav-toggle-button[b-lhy4euf9kd] {
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--nav-primary);
    transition: all 250ms ease-in-out;
    height: 100%;
    color: var(--color-sf-primary);
    width: 40px;
    box-shadow: none !important;
    cursor: pointer;
    border-right: 2px solid var(--color-sf-primary);
}

.nav-toggle-button:hover[b-lhy4euf9kd] {
    background: var(--color-sf-primary);
    color: var(--color-sf-primary-text);
}

.nav-toggle-button:focus-visible[b-lhy4euf9kd] {
    border-color: rgb(13, 110, 253);
    box-shadow: 0px 0px 10px 0px rgba(13, 110, 253,0.75) !important;
    color: rgb(13, 110, 253);
}

.nav-toggle-button .label-content[b-lhy4euf9kd] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    transition: transform 300ms ease-in-out;
}

.page #toggle:checked ~ main .top-row .left-region .nav-toggle-button[b-lhy4euf9kd] {
    background: var(--color-sf-content-bg-color-alt5) !important;
    color: var(--color-sf-content-text-color-inverted);
    border-right-color: var(--color-sf-content-bg-color-alt5);
}

.page #toggle:checked ~ main .top-row .left-region .nav-toggle-button .label-content[b-lhy4euf9kd] {
    transform: rotate(180deg);
}


.top-row[b-lhy4euf9kd] {
    background-color: var(--color-sf-content-bg-color-alt1);
    border-bottom: 1px solid var(--color-sf-border-light);
    justify-content: flex-end;
    height: 3.5rem;
    display: none;
    align-items: center;
    overflow: hidden;
}

.top-row[b-lhy4euf9kd]  a, .top-row .btn-link[b-lhy4euf9kd] {
    white-space: nowrap;
    margin-left: 1.5rem;
}

.top-row a:first-child[b-lhy4euf9kd] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.top-row .left-region[b-lhy4euf9kd],
.top-row .right-region[b-lhy4euf9kd] {
    display: flex;
    align-items: center;
    height: 100%;
}

@media (max-width: 950px) and (orientation: landscape), (max-width: 800px) and (orientation: portrait) {
    .top-row:not(.auth)[b-lhy4euf9kd] {
        display: none;
    }

    .top-row.auth[b-lhy4euf9kd] {
        justify-content: space-between;
    }

    .top-row a[b-lhy4euf9kd], .top-row .btn-link[b-lhy4euf9kd] {
        margin-left: 0;
    }
}

/* Show desktop optimized version */
@media (min-width: 951px) and (orientation: landscape), (min-width: 801px) and (orientation: portrait) {
    .page[b-lhy4euf9kd] {
        flex-direction: row;
    }

    .sidebar[b-lhy4euf9kd] {
        height: 100vh;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden;
        overflow-y: auto;
        transform: translateX(-250px);
        width: 250px;
    }

    .top-row[b-lhy4euf9kd] {
        z-index: 1;
        display: flex;
        justify-content: space-between;
        padding-right: 1.5rem !important;
    }

    .page #toggle:checked ~ .sidebar[b-lhy4euf9kd] {
        transform: translateX(0px);
    }

    .page #toggle:checked ~ main[b-lhy4euf9kd] {
        transform: translateX(250px);
    }

    main[b-lhy4euf9kd],
    .sidebar[b-lhy4euf9kd] {
        transition: transform ease-in-out 500ms;
    }
}
/* /Shared/Layouts/DynamicPageLayout.razor.rz.scp.css */
main[b-njoskmgb6x] {
    width: 100%;
    overflow: hidden;
}

.page[b-njoskmgb6x] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--color-sf-content-bg-color);
}

main[b-njoskmgb6x] {
    flex: 1;
}

.content[b-njoskmgb6x] {
    padding-top: 0 !important;
}

.sidebar[b-njoskmgb6x] {
    background-image: linear-gradient(180deg, var(--nav-primary) 0%, var(--nav-secondary) 70%);
    position: relative;
    z-index: 100000;
}

.top-row[b-njoskmgb6x] {
    background-color: var(--color-sf-content-bg-color-alt1);
    border-bottom: 1px solid var(--color-sf-border-light);
    justify-content: flex-end;
    height: 3.5rem;
    display: none;
    align-items: center;
    overflow: hidden;
}

.top-row[b-njoskmgb6x]  a, .top-row .btn-link[b-njoskmgb6x] {
    white-space: nowrap;
    margin-left: 1.5rem;
}

.top-row a:first-child[b-njoskmgb6x] {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 950px) and (orientation: landscape), (max-width: 800px) and (orientation: portrait) {
    .top-row:not(.auth)[b-njoskmgb6x] {
        display: none;
    }

    .top-row.auth[b-njoskmgb6x] {
        justify-content: space-between;
    }

    .top-row a[b-njoskmgb6x], .top-row .btn-link[b-njoskmgb6x] {
        margin-left: 0;
    }
}

/* Show desktop optimized version */
@media (min-width: 951px) and (orientation: landscape), (min-width: 801px) and (orientation: portrait) {
    .page[b-njoskmgb6x] {
        flex-direction: row;
    }

    .sidebar[b-njoskmgb6x] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
        overflow: hidden;
        overflow-y: auto;
    }

    .top-row[b-njoskmgb6x] {
        position: sticky;
        top: 0;
        z-index: 1;
        display: flex;
    }

    .top-row[b-njoskmgb6x] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/Layouts/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-jgu7xih0uv],
.components-reconnect-repeated-attempt-visible[b-jgu7xih0uv],
.components-reconnect-failed-visible[b-jgu7xih0uv],
.components-pause-visible[b-jgu7xih0uv],
.components-resume-failed-visible[b-jgu7xih0uv],
.components-rejoining-animation[b-jgu7xih0uv] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-jgu7xih0uv],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-jgu7xih0uv],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-jgu7xih0uv],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-jgu7xih0uv],
#components-reconnect-modal.components-reconnect-retrying[b-jgu7xih0uv],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-jgu7xih0uv],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-jgu7xih0uv],
#components-reconnect-modal.components-reconnect-failed[b-jgu7xih0uv],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-jgu7xih0uv] {
    display: block;
}


#components-reconnect-modal[b-jgu7xih0uv] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-jgu7xih0uv 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-jgu7xih0uv 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-jgu7xih0uv 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-jgu7xih0uv]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-jgu7xih0uv 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-jgu7xih0uv {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-jgu7xih0uv {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-jgu7xih0uv {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-jgu7xih0uv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-jgu7xih0uv] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-jgu7xih0uv] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-jgu7xih0uv] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-jgu7xih0uv] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-jgu7xih0uv] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-jgu7xih0uv] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-jgu7xih0uv 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-jgu7xih0uv] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-jgu7xih0uv {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Shared/LoginDisplay.razor.rz.scp.css */
.logo-image[b-anyn5cnhvi] {
    height: 56px;
    padding: 5px;
    margin-left: 20px;
}

.logo-image img[b-anyn5cnhvi]{
    height: 100%;
}

.login-button[b-anyn5cnhvi] {
    font-size: 0.9rem;
    padding: 4px 10px;
    background-color: var(--nav-button-background);
    border-color: var(--nav-button-border);
    color: var(--nav-button-text, #ffffff);
    text-decoration: none;
    margin-left: 10px !important;
}

.login-button:hover[b-anyn5cnhvi], .login-button:focus[b-anyn5cnhvi] {
    background-color: var(--nav-button-background-2);
    border-color: var(--nav-button-border-2);
    color: var(--nav-button-text-2);
}

.top-row-login[b-anyn5cnhvi] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.identity-settings[b-anyn5cnhvi] {
    align-items: center;
    display: flex;
}

.locale-settings[b-anyn5cnhvi] {
    align-items: center;
    display: flex;
    gap: 10px;
}

.locale-option[b-anyn5cnhvi] {
    border-radius: 3px;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    margin-left: 0 !important;
    overflow: hidden;
    text-decoration: none;
}

.locale-settings > a.locale-option[b-anyn5cnhvi] {
    transition: transform 250ms ease-in-out;
}

.locale-settings > a.locale-option:hover[b-anyn5cnhvi] {
    position: relative;
    outline: 2px solid var(--primary);
}

.locale-settings > a.locale-option:hover iconify-icon[b-anyn5cnhvi] {
    opacity: 0.5;
}

.locale-settings > a.locale-option:hover[b-anyn5cnhvi]::before {
    background-color: var(--primary);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.locale-option.active[b-anyn5cnhvi] {
    opacity: 0.2;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-jsyn7ufjvb] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--color-sf-content-bg-color);
}

main[b-jsyn7ufjvb] {
    flex: 1;
}

.sidebar[b-jsyn7ufjvb] {
    background-image: linear-gradient(180deg, var(--nav-primary) 0%, var(--nav-secondary) 70%);
    position: relative;
    z-index: 100000;
}

.top-row[b-jsyn7ufjvb] {
    background-color: var(--color-sf-content-bg-color-alt1);
    border-bottom: 1px solid var(--color-sf-border-light);
    justify-content: flex-end;
    height: 3.5rem;
    display: none;
    align-items: center;
    overflow: hidden;
}

.top-row[b-jsyn7ufjvb]  a, .top-row .btn-link[b-jsyn7ufjvb] {
    white-space: nowrap;
    margin-left: 1.5rem;
}

.top-row a:first-child[b-jsyn7ufjvb] {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 950px) and (orientation: landscape), (max-width: 800px) and (orientation: portrait) {
    .top-row:not(.auth)[b-jsyn7ufjvb] {
        display: none;
    }

    .top-row.auth[b-jsyn7ufjvb] {
        justify-content: space-between;
    }

    .top-row a[b-jsyn7ufjvb], .top-row .btn-link[b-jsyn7ufjvb] {
        margin-left: 0;
    }
}

/* Show desktop optimized version */
@media (min-width: 951px) and (orientation: landscape), (min-width: 801px) and (orientation: portrait) {
    .page[b-jsyn7ufjvb] {
        flex-direction: row;
    }

    .sidebar[b-jsyn7ufjvb] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
        overflow: hidden;
        overflow-y: auto;
    }

    .top-row[b-jsyn7ufjvb] {
        position: sticky;
        top: 0;
        z-index: 1;
        display: flex;
    }

    .top-row[b-jsyn7ufjvb], article[b-jsyn7ufjvb] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-d77pdu6crh] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-d77pdu6crh] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-d77pdu6crh] {
    font-size: 1.1rem;
}

.oi[b-d77pdu6crh] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
}

.nav-item[b-d77pdu6crh] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-d77pdu6crh] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-d77pdu6crh] {
    padding-bottom: 1rem;
}

.nav-item[b-d77pdu6crh]  a {
    color: var(--nav-item-text, #d7d7d7);
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

.nav-item[b-d77pdu6crh]  a.active {
    background-color: var(--primary);
    color: var(--nav-primary, #d7d7d7) !important;
}

.nav-item[b-d77pdu6crh]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: var(--primary) !important;
}

.identity-menu[b-d77pdu6crh] {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    margin-bottom: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 10px;
    background-color: rgba(255,255,255,0.1);
    font-size: 1rem;
}

.identity-menu a[b-d77pdu6crh] {
    color: #d7d7d7;
}

.identity-menu-logout[b-d77pdu6crh] {
    padding: 10px;
    margin: 0;
    color: #d7d7d7;
    font-size: 0.9rem;
}

.identity-menu-logout:hover[b-d77pdu6crh],
.identity-menu a:hover[b-d77pdu6crh] {
    color: var(--white-text, #ffffff);
}

@media (min-width: 951px) and (orientation: landscape), (min-width: 801px) and (orientation: portrait) {
    .navbar-toggler[b-d77pdu6crh] {
        display: none;
    }

    .collapse[b-d77pdu6crh] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .identity-menu[b-d77pdu6crh] {
        display: none;
    }
}

/* Accordion overrides */

[b-d77pdu6crh] .e-accordion {
    background: transparent;
    color: var(--nav-item-text, #d7d7d7) !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    border: 0 !important;
}

[b-d77pdu6crh] .e-accordion .e-acrdn-item {
    background: transparent !important;
    border-bottom: 0 !important;
    border-top: 0 !important;
}

[b-d77pdu6crh] .e-accordion .e-acrdn-item > .e-acrdn-header {
    background: transparent !important;
    border-bottom: 1px solid var(--nav-item-text, #d7d7d7) !important;
}

[b-d77pdu6crh] .e-accordion .e-acrdn-item > .e-acrdn-header .e-acrdn-header-content,
[b-d77pdu6crh] .e-accordion .e-acrdn-item > .e-acrdn-header .e-toggle-icon {
    color: var(--nav-item-text, #d7d7d7) !important;
}

[b-d77pdu6crh] .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content,
[b-d77pdu6crh] .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon,
[b-d77pdu6crh] .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon,
[b-d77pdu6crh] .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon,
[b-d77pdu6crh] .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:focus .e-toggle-icon .e-icons.e-tgl-collapse-icon {
    color: var(--primary) !important;
}

[b-d77pdu6crh] .e-accordion .e-acrdn-item.e-active > .e-acrdn-header {
    border-bottom: 1px solid var(--nav-item-text, #d7d7d7) !important;
}

[b-d77pdu6crh] .e-accordion .e-acrdn-item > .e-acrdn-panel > .e-acrdn-content {
    padding: 0 !important;
}

/* Accordion focus-visible overrides */

[b-d77pdu6crh] .e-accordion .e-acrdn-item > .e-acrdn-panel > .e-acrdn-content > .nav-item .nav-link:focus-visible {
    background-color: rgba(var(--focus-visible-a));
    color: var(--white-text, #ffffff);
}

[b-d77pdu6crh] .e-accordion .e-acrdn-item > .e-acrdn-panel > .e-acrdn-content > .nav-item .nav-link.active:focus-visible {
    background-color: var(--focus-visible);
    color: var(--white-text, #ffffff);
}

/* /Shared/NavMenu_IdentityLayout.razor.rz.scp.css */
.navbar-toggler[b-lrhlxf3vve] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-lrhlxf3vve] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-lrhlxf3vve] {
    font-size: 1.1rem;
}

.oi[b-lrhlxf3vve] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-lrhlxf3vve] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-lrhlxf3vve] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-lrhlxf3vve] {
        padding-bottom: 1rem;
    }

    .nav-item[b-lrhlxf3vve]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-lrhlxf3vve]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-lrhlxf3vve]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-lrhlxf3vve] {
        display: none;
    }

    .collapse[b-lrhlxf3vve] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}