@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* /Pages/Components/AddButtonAndSearchBar.razor.rz.scp.css */
@media screen and (max-width: 445px) {
    .add-button-searchbar-container[b-1vl8axw7yu] {
        flex-direction: column;
        justify-content: center !important;
    }
    
    [b-1vl8axw7yu] .add-button-searchbar-container > * {
        width: 100% !important;
        min-width: unset !important;
    }
}

.add-button-searchbar-container[b-1vl8axw7yu] {
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem;
    gap: .5rem;
}

    [b-1vl8axw7yu] .add-button-searchbar-container .search-input-container {
        width: 40%;
    }
/* /Pages/Components/Common/CommonButton.razor.rz.scp.css */

.button-common:hover[b-ip18wt0azq] {
    background-color: rgba(var(--bg-blue-rgb), 1)
}

.button-common[b-ip18wt0azq] {
    min-width: min-content;
    height: fit-content;
    position: relative;
    padding: .5rem 1.5rem;
    border: transparent;
    border-radius: .375rem;
    background-color: rgba(var(--bg-blue-rgb), .85);
    color: white;
    cursor: pointer;
    transition: all .3s ease;
}

    .button-common[disabled][b-ip18wt0azq] {
        background-color: hsl(var(--ui-black-80));
        cursor: not-allowed;
    }
/* /Pages/Components/Common/CommonCard.razor.rz.scp.css */

.card[b-vnerqk7ltx] {
    position: relative;
    width: 230px;
    height: 245px;
    border: none;
    border-radius: 8px;
    overflow: hidden;
    transition: all .3s ease;
    cursor: pointer;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, .4);
}

.card-content[b-vnerqk7ltx] {
    padding: 10px 15px 10px 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}

/*
.card:hover {
    transform: translate3d(0, -5px, 0);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, .4);
}
*/

.card:hover .card-img[b-vnerqk7ltx] {
    filter: brightness(0.5);
    /*transform: scale(1.15);*/
}

.card:hover .card-title[b-vnerqk7ltx] {
}

.card:hover .card-description[b-vnerqk7ltx] {
    transition: height .4s ease, opacity .2s .3s ease, margin 0s .3s ease;
    height: 100% !important;
    margin-bottom: 25px !important;
    opacity: 1;
}

.card:hover .card-navigate-text[b-vnerqk7ltx] {
    transition: all .2s ease;
    opacity: 1;
}

.card-img[b-vnerqk7ltx] {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .3s ease;
    filter: brightness(0.7);
    transform: scale(1.05);
}

.card-title[b-vnerqk7ltx] {
    position: inherit;
    color: #ffffff;
    margin: 0 !important;
    padding: 8px 0 5px 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.35rem;
    user-select: none;
    transition: all .3s ease;
    text-align: left;
    word-wrap: initial;
}

.card-description[b-vnerqk7ltx] {
    position: relative;
    color: #ffffff;
    margin: 0 !important;
    transition: all .3s ease;
    height: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
}

/* A fade effect on the bottom of the description text */
/*.card-description span {
        display: block;
        height: 100%;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0) 100%);
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
    }*/

.card-navigate-text[b-vnerqk7ltx] {
    position: absolute;
    bottom: 10px;
    left: 20px;
    color: #ffffff;
    margin: 0 !important;
    font-size: 16px;
    text-decoration: none;
    opacity: 0;
    transition: all .3s ease;
}

.card a[b-vnerqk7ltx] {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
}
/* /Pages/Components/Common/CommonDropDownCheckbox.razor.rz.scp.css */
.dropdown-container[b-xkkue6vlhp] {
    display: flex;
    width: 100%
}

[b-xkkue6vlhp] .dropdown {
    background-color: white;
    width: 100%;
    border: var(--border-thin);
    border-radius: 8px;
    outline: none;
}

[b-xkkue6vlhp] .dropdown-toggle {
    display: flex;
    width: 100%;
    white-space: normal;
    text-align: left;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
}
/* /Pages/Components/Common/CommonExpandableContainer.razor.rz.scp.css */
/* Neat Max-height animation based on video of Kevin Powell https://www.youtube.com/watch?v=B_n4YONte5A */

[b-e699rgipt2] .expandable-box-container {
    padding: 1rem;
    border-radius: 0 0 .5rem .5rem;
    background-color: rgba(0, 0, 0, .05);
}

.expandable-box[b-e699rgipt2] {
    overflow: hidden;
}

    .expandable-box.disabled .expandable-box-header[b-e699rgipt2] {
        background-color: #e9ecef !important;
        color: #6c757d !important;
        cursor: not-allowed;
    }

.expandable-box-header[b-e699rgipt2] {
    display: inline-block;
    width: 100%;
    background-color: rgba(var(--bg-blue-rgb), 1);
    color: #fff;
    padding: .8rem;
    cursor: pointer;
}

.expandable-box-header-title[b-e699rgipt2] {
    font-weight: 600;
    user-select: none;
}

.expandable-box-header-icon[b-e699rgipt2] {
    margin: 0 1rem;
}

.expandable-box-content[b-e699rgipt2] {
    transition: all .2s ease-in-out;
    display: grid;
    width: 100%;
    grid-template-rows: 0fr;
}

.expandable-box-content__child-content[b-e699rgipt2] {
    grid-row: 1 / span 2;
    overflow: hidden;
}

.expanded .expandable-box-content[b-e699rgipt2] {
    grid-template-rows: 1fr;
}
/* /Pages/Components/Common/CommonItemSelect.razor.rz.scp.css */
[b-tjnicbxwdk] .selector[disabled] {
    cursor: not-allowed;
}
/* /Pages/Components/Common/CommonItemSelector.razor.rz.scp.css */
.item-selector[b-ach45pg1mn] {
    width: 100%;
}

.items-display[b-ach45pg1mn] {
    position: relative;
    height: 400px;
    border: var(--border-thin);
    border-radius: 5px;
    background-color: white;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    resize: vertical;
}

.empty-list-description[b-ach45pg1mn] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: lightgray;
}

.items-header[b-ach45pg1mn] {
    position: sticky;
    top: 0;
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    background-color: white;
    z-index: 1;
}

[b-ach45pg1mn] .items-header > * {
    flex: 1;
    font-size: .8rem;
}

[b-ach45pg1mn] .items-header p {
    color: var(--text-placeholder-color);
    margin: 0;
    padding: 5px;
    hyphens: auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Row */
.item-vertical[b-ach45pg1mn] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.item-vertical:first-of-type ~ .item-vertical[b-ach45pg1mn] {
    border-top: var(--border-thin-dashed);
}

[b-ach45pg1mn] .item-vertical > h5 {
    font-size: 1.125rem !important;
    margin: 0 !important;
    padding: 1rem 1rem .5rem 1rem;
}

[b-ach45pg1mn] .item-vertical.invalid-item > h5 {
    background-color: hsl(var(--ui-light-red-highlight));
}

[b-ach45pg1mn] .item-vertical.valid-item > h5 {
    background-color: hsl(var(--ui-light-green-highlight));
}

[b-ach45pg1mn] .item-vertical.selected-item,
[b-ach45pg1mn] .item-vertical.selected-item > p,
[b-ach45pg1mn] .item-vertical.selected-item > h5 {
    background-color: hsl(var(--ui-light-green-highlight)) !important;
}

[b-ach45pg1mn] .item-vertical p {
    margin: 0 !important;
    padding: .5rem 1rem;
}

    [b-ach45pg1mn] .item-vertical p:nth-child(2n+1) {
        background-color: var(--table-item-bg-gray);
    }

[b-ach45pg1mn] .item-vertical .divider {
    margin: 0 !important;
    padding: .5rem 1rem;
    background-color: var(--table-item-bg-gray);
}

[b-ach45pg1mn] .item-vertical .user-options {
    padding: 1rem;
    display: flex;
    gap: 1rem;
    background-color: inherit;
}

[b-ach45pg1mn] .item-vertical .alert {
    width: fit-content;
    margin: .5rem 1rem 0 1rem !important;
}

/* Column */
.item-horizontal[b-ach45pg1mn] {
    position: relative;
    display: inline-flex;
    justify-content: space-around;
    padding: .5rem 1rem;
    width: 100%;
}

    .item-horizontal.invalid-item[b-ach45pg1mn] {
    }

[b-ach45pg1mn] .item-horizontal > * {
    flex: 1;
}

[b-ach45pg1mn] .item-horizontal p {
    margin: 0;
    padding: 5px;
    hyphens: auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.remove-part[b-ach45pg1mn] {
    padding: 5px;
    text-align: center;
}

.remove-item[b-ach45pg1mn] {
    position: relative;
    border: transparent;
    background-color: transparent;
    padding: 0;
    height: 26px;
    aspect-ratio: 1;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

    .remove-item i[b-ach45pg1mn] {
        margin: auto;
        font-size: 1.35rem;
        color: red;
        top: 0;
    }

[b-ach45pg1mn] .item-selector-select {
    margin-top: .5rem;
}
/* /Pages/Components/Common/CommonLoadingSpinner.razor.rz.scp.css */
.loading-overlay[b-2qnbdy9kqk] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s ease;
}

    .loading-overlay.hidden[b-2qnbdy9kqk] {
        opacity: 0;
        background-color: transparent;
        z-index: -1;
    }

    .loading-overlay.visible[b-2qnbdy9kqk] {
        opacity: 1;
        background-color: rgba(255, 255, 255, .85);
        z-index: 998; /* Under the header and snackbar stack */
    }

@keyframes spin-b-2qnbdy9kqk {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loading-overlay .spinner[b-2qnbdy9kqk] {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #63666b;
    height: 55px;
    aspect-ratio: 1;
    animation: spin-b-2qnbdy9kqk 2s linear infinite;
}

.loading-overlay .message[b-2qnbdy9kqk] {
    font-style: italic;
    max-width: 50ch;
    text-align: center;
    padding: 0 2rem;
    margin: 0 !important;
}
/* /Pages/Components/Common/CommonModal.razor.rz.scp.css */

[b-ecosve9zuv] #snackbar-stack {
    position: absolute !important;
    text-align: center;
    left: 50%;
    transform: translate(-50%);
}

    [b-ecosve9zuv] #snackbar-stack .snackbar {
        width: fit-content;
        cursor: pointer;
    }

    [b-ecosve9zuv] #snackbar-stack .snackbar .snackbar-body {
        display: unset !important;
        text-align: center;
        hyphens: auto;
        word-break: break-word;
        white-space: normal !important;
        overflow: visible !important;
    }
/* /Pages/Components/Common/CommonNavigationButton.razor.rz.scp.css */
.navigation-button-container[b-2bat1o2ixx] {
    width: fit-content;
}

[b-2bat1o2ixx] .navigate-btn {
    position: relative;
    display: flex;
    gap: .75rem;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--bg-blue-rgb), .85);
    color: white;
    padding: .5rem 2rem;
    width: fit-content;
}

.navigate-btn:hover[b-2bat1o2ixx] {
    background-color: rgba(var(--bg-blue-rgb), 1);
}

.navigate-btn:hover .navigate-btn-icon.left[b-2bat1o2ixx] {
    transform: translateX(0%);
    opacity: 1;
}

.navigate-btn:hover .navigate-btn-icon.right[b-2bat1o2ixx] {
    transform: translateX(0%);
    opacity: 1;
}

.navigate-btn:hover .navigate-btn-text.left[b-2bat1o2ixx] {
    transform: translateX(.55rem);
}

.navigate-btn:hover .navigate-btn-text.right[b-2bat1o2ixx] {
    transform: translateX(-.55rem);
}

.navigate-btn-icon[b-2bat1o2ixx] {
    top: 0;
    bottom: 5px;
    margin: auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: larger;
    margin-left: auto;
}

    .navigate-btn-icon.oi-external-link[b-2bat1o2ixx] {
        position: absolute;
        font-size: .9rem;
        right: .75rem;
        top: 50% !important;
        transform: translateY(-50%);
    }

    .navigate-btn-icon.right[b-2bat1o2ixx] {
        position: absolute;
        right: .75rem;
        transform: translateX(5px);
        opacity: 0;
        transition: all .3s ease;
    }

    .navigate-btn-icon.left[b-2bat1o2ixx] {
        position: absolute;
        left: .75rem;
        transform: translateX(-5px);
        opacity: 0;
        transition: all .3s ease;
    }

.navigate-btn-text[b-2bat1o2ixx] {
    transition: all .3s ease;
    margin-left: auto;
}

    .navigate-btn-text.left[b-2bat1o2ixx] {
        margin-left: initial;
    }

    .navigate-btn-text.right[b-2bat1o2ixx] {
        margin-left: initial;
    }
/* /Pages/Components/Common/CommonRadioButtons.razor.rz.scp.css */
[b-369xil5c5o] .radio-group {
    padding: .5rem 1rem;
    border: var(--input-border-thin);
    border-radius: 8px;
    overflow: hidden;
    background-color: var(--input-bg-color);
}
/* /Pages/Components/Common/CommonSearchBar.razor.rz.scp.css */
.search-input-container[b-xlm6znfkb6] {
    position: relative;
    max-width: 400px;
}

.searchbar-container[b-xlm6znfkb6] {
    position: relative;
}

.search-input-container .searchbar-container input[b-xlm6znfkb6] {
    width: 100%;
    padding: .5rem;
    border: var(--border-thin);
    border-radius: 8px;
    outline: none;
}

    .search-input-container .searchbar-container input[disabled][b-xlm6znfkb6] {
        cursor: not-allowed;
    }

.search-input-container .searchbar-container button[b-xlm6znfkb6] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background-color: transparent;
    display: none;
}
/* /Pages/Components/Common/CommonTable.razor.rz.scp.css */
.table-container[b-50h8wj391z] {
    width: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.table-title[b-50h8wj391z] {
    word-wrap: anywhere;
    hyphens: auto;
    padding: 1rem 0;
    margin: 0;
    align-self: flex-start;
    font-weight: bold;
}

[b-50h8wj391z] .table-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 1rem;
    padding: 1rem 1.35rem;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
}

    [b-50h8wj391z] .table-row:nth-child(even) {
        background-color: var(--table-item-bg-gray);
    }

    [b-50h8wj391z] .table-row:nth-child(2) {
        border-top: 1px solid #e0e0e0;
    }

[b-50h8wj391z] .table-row-title {
    /* white-space: nowrap; */
    word-wrap: break-word;
    font-weight: 600;
}

[b-50h8wj391z] .table-row-item {
    flex: 1;
    max-width: 100%;
    word-wrap: anywhere;
    hyphens: auto;
}
/* /Pages/Components/GridItemsPerPageSelector.razor.rz.scp.css */
/* Placement with absolute and fixed units is not the best solution for this but can be modified later */
.quickgrid-item-limit-input[b-lhbo8cdjcn] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 0 .5rem;
    margin-bottom: 10px;
}

[b-lhbo8cdjcn] .number-picker-select select {
    padding: 5px 35px 5px 10px;
}

[b-lhbo8cdjcn] .number-picker-select {
    max-width: fit-content;
    min-width: unset;
}
/* /Pages/Components/HierarchyTreeBoxLayout.razor.rz.scp.css */
@media screen and (max-width: 768px) {
    .tree .unit-group:first-of-type[b-qge9eral6j] {
        font-size: 1.1rem !important;
    }

    [b-qge9eral6j] .unit-group.depth-0 {
        font-size: .9rem !important;
    }

    [b-qge9eral6j] .unit-group.depth-1,
    [b-qge9eral6j] .unit-group.depth-2,
    [b-qge9eral6j] .unit-group.depth-3,
    [b-qge9eral6j] .unit-group.depth-4,
    [b-qge9eral6j] .unit-group.depth-5,
    [b-qge9eral6j] .unit-group.depth-6 {
        font-size: .8rem !important;
    }
}

.tree-container[b-qge9eral6j] {
    position: relative;
}

.tree[b-qge9eral6j] {
    width: 100%;
    margin: 0 auto;
    display: flex;
    background-color: #fff;
}

[b-qge9eral6j] .parent-unit {
    text-decoration: none;
    color: inherit;
    padding: .5rem 1rem;
    margin: 0;
}

[b-qge9eral6j] .unit-group {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding: .2rem;
    margin: .2rem 0;
    border-radius: 8px;
    border: var(--border-thin);
    transition: all .2s ease;
}

    [b-qge9eral6j] .unit-group.active {
        background-color: hsl(var(--gtk-secondary-green-light)) !important;
    }

        [b-qge9eral6j] .unit-group.active > .parent-unit {
            text-decoration: underline !important;
            cursor: default;
            scroll-margin-top: 5rem;
        }

    [b-qge9eral6j] .unit-group a:hover {
        text-decoration: underline !important;
    }

[b-qge9eral6j] .child-units {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 1.5rem;
    padding-right: .25rem;
}

.tree .unit-group:first-of-type[b-qge9eral6j] {
    font-size: 1.3rem;
    background-color: hsl(var(--ui-black-96));
}

[b-qge9eral6j] .unit-group.depth-0 {
    background-color: hsl(var(--ui-black-90));
    font-size: 1.2rem;
}

[b-qge9eral6j] .unit-group.depth-1 {
    background-color: hsl(var(--ui-black-80));
    font-size: 1.1rem;
}

[b-qge9eral6j] .unit-group.depth-2 {
    background-color: hsl(var(--ui-black-70));
    font-size: 1rem;
}

[b-qge9eral6j] .unit-group.depth-3 {
    background-color: hsl(var(--ui-black-60));
    font-size: 0.9rem;
}

[b-qge9eral6j] .unit-group.depth-4 {
    background-color: hsl(var(--ui-black-50));
    font-size: 0.8rem;
}

[b-qge9eral6j] .unit-group.depth-5 {
    background-color: hsl(var(--ui-black-40));
    font-size: 0.7rem;
}

[b-qge9eral6j] .unit-group.depth-6 {
    background-color: hsl(var(--ui-black-30));
    font-size: 0.6rem;
}
/* /Pages/Components/HierarchyTreeTreeLayout.razor.rz.scp.css */
@media screen and (max-width: 768px) {
    .tree[b-yd3yayha87] {
        font-size: .85rem;
    }

    [b-yd3yayha87] .tree > ul:first-child > li > .tree-node > .list-header:first-child {
        font-size: 1.1rem !important;
    }

    .tree-header[b-yd3yayha87],
    [b-yd3yayha87] .tree .tree-node {
        gap: .25rem !important;
        padding: .5rem !important;
    }

    /* Vertical line */
    [b-yd3yayha87] .tree li::before {
        left: calc(.5rem + 5px) !important;
    }

    /* Horizontal line */
    [b-yd3yayha87] .tree li::after {
        left: calc(.5rem + 5px) !important;
        width: calc(5% - .25rem) !important;
    }

    [b-yd3yayha87] .tree .status,
    [b-yd3yayha87] .tree-header .header-status,
    [b-yd3yayha87] .tree .unit-code,
    [b-yd3yayha87] .tree-header .header-unit-code {
        flex: 0 0 80px !important;
    }
}

/* Hide the status and unit code columns, it's difficult to scale those */
/* Alternately display the status and code next to name, Todo */
@media screen and (max-width: 500px) {
    [b-yd3yayha87] .tree .status,
    [b-yd3yayha87] .tree-header .header-status,
    [b-yd3yayha87] .tree .unit-code,
    [b-yd3yayha87] .tree-header .header-unit-code,
    [b-yd3yayha87] .tree .spacer,
    [b-yd3yayha87] .tree-header .spacer {
        display: none !important;
    }

    [b-yd3yayha87] .tree .list-header, [b-yd3yayha87] .tree-header .header-unit-name {
        max-width: 100% !important;
    }

    [b-yd3yayha87] .tree .tree-node {
        width: fit-content !important;
    }
}

.tree-container[b-yd3yayha87] {
    position: relative;
    padding-top: 1rem;
}

.tree-header[b-yd3yayha87] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding-bottom: 8px;
    font-weight: bold;
}

.tree[b-yd3yayha87] {
    width: 100%;
    margin: 0 auto;
    display: flex;
    background-color: #fff;
}

.tree-header[b-yd3yayha87],
[b-yd3yayha87] .tree .tree-node {
    padding: .5rem;
}

[b-yd3yayha87] .tree .tree-node {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    border-radius: 4px;
}

[b-yd3yayha87] .tree .tree-node:hover {
    background-color: #f0f0f0;
}

[b-yd3yayha87] .tree .list-header, [b-yd3yayha87] .tree-header .header-unit-name {
    flex: 0 0 auto;
    max-width: 40%;
    hyphens: auto;
    word-wrap: break-word;
}

[b-yd3yayha87] .tree .spacer,
[b-yd3yayha87] .tree-header .spacer {
    flex-grow: 1;
}

[b-yd3yayha87] .tree .status,
[b-yd3yayha87] .tree-header .header-status,
[b-yd3yayha87] .tree .unit-code,
[b-yd3yayha87] .tree-header .header-unit-code {
    flex: 0 0 100px;
    word-wrap: anywhere;
    hyphens: auto;
}

[b-yd3yayha87] .tree .status,
[b-yd3yayha87] .tree-header .header-status {
    text-align: right;
}

[b-yd3yayha87] .tree .list-header.active {
    cursor: default;
    color: #016676;
    text-decoration: underline;
    scroll-margin-top: 3rem;
}

[b-yd3yayha87] .tree ul:first-child {
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    width: 100%;
}

[b-yd3yayha87] .tree > ul:first-child > li > .tree-node > .list-header:first-child {
    font-size: 1.3rem;
}

[b-yd3yayha87] .tree ul {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
}

[b-yd3yayha87] .tree > ul:first-child > li,
[b-yd3yayha87] .tree > ul:first-child > li::before,
[b-yd3yayha87] .tree > ul:first-child > li::after {
    background: transparent !important;
    padding-left: 0 !important;
}

[b-yd3yayha87] .tree li {
    margin: 0;
    padding: 0;
    position: relative;
    padding-left: calc(10px + 5%);
}

    [b-yd3yayha87] .tree li::before {
        content: '';
        position: absolute;
        top: 0;
        left: calc(1rem + 5px); /* Vertical line alignment */
        bottom: 0;
        width: 1px;
        background: #ccc;
    }

    [b-yd3yayha87] .tree li:last-child::before {
        height: 20px;
        bottom: auto;
    }

    [b-yd3yayha87] .tree li::after {
        content: '';
        position: absolute;
        top: 20px;
        left: calc(1rem + 5px); /* Horizontal line alignment */
        width: calc(5% - .5rem - 3px);
        height: 1px;
        background: #ccc;
    }
/* /Pages/Components/Home/IndexCards.razor.rz.scp.css */
/* styles to apply if a user's device settings are set to reduced motion */
@media (prefers-reduced-motion) and (prefers-reduced-motion: reduce) {
    .card-img[b-8pgzn9ey6s] {
        filter: brightness(0.65) !important;
        transform: scale(1.05) !important;
    }

    .card-title[b-8pgzn9ey6s] {
        inset: auto auto 50px 35px !important;
    }

    .card-navigate-text[b-8pgzn9ey6s] {
        transition: none !important;
        opacity: 1 !important;
    }
}




.card-wrapper[b-8pgzn9ey6s] {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    justify-content: center;
    max-width: 1900px;
    margin-right: auto;
    margin-left: auto;
    padding: 2rem 0;
    gap: 20px;
    position: relative;
    z-index: 2;
}
/* /Pages/Components/ItemGrid.razor.rz.scp.css */
.quickgrid-container[b-oup5g6gfyw] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.quickgrid[b-oup5g6gfyw] {
    border: var(--border-thin);
    border-radius: 8px;
    overflow: hidden;
}

.quickgrid-loading-overlay[b-oup5g6gfyw] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all .5s ease; /* Apply same delay here as in the index.html hideQuickGridLoadingOverlay */
}

[b-oup5g6gfyw] .quickgrid {
    background-color: rgba(255, 255, 255, 1.0);
    width: 100%;
    overflow-x: auto;
}

    [b-oup5g6gfyw] .quickgrid thead {
        border-bottom: var(--border-thin);
    }

        [b-oup5g6gfyw] .quickgrid thead .col-title-text {
            white-space: initial !important;
            text-align: left;
        }

        [b-oup5g6gfyw] .quickgrid thead tr th {
            padding: .5rem 1rem;
        }

        [b-oup5g6gfyw] .quickgrid thead .sort-indicator {
            min-width: 1rem;
        }

    [b-oup5g6gfyw] .quickgrid tbody tr:hover td {
        background-color: aliceblue;
    }

    [b-oup5g6gfyw] .quickgrid tbody tr td {
        padding: .5rem 1.5rem;
        -webkit-hyphens: auto;
        hyphens: auto; /* Chrome does not support hyphens: auto so we use word-break */
        word-break: break-word;
    }

[b-oup5g6gfyw] .quickgrid-btns {
}

[b-oup5g6gfyw] .quickgrid-row-btn:hover {
    background-color: rgb(226, 230, 234);
}

[b-oup5g6gfyw] .quickgrid-row-btn {
    background-color: rgb(248, 249, 250);
    color: black;
    border: var(--border-thin);
    padding: 0;
    border-radius: 8px;
    height: 37px;
    aspect-ratio: 1;
    margin: .10rem;
}

    [b-oup5g6gfyw] .quickgrid-row-btn[disabled] {
        cursor: not-allowed;
        background-color: rgb(248, 249, 250) !important;
        color: rgb(206, 212, 218);
    }

[b-oup5g6gfyw] .paginator .summary {
    margin-left: .5rem;
}

    [b-oup5g6gfyw] .paginator .summary::after {
        content: ' in total';
    }
/* /Pages/Components/ItemGridWithItemsProvider.razor.rz.scp.css */
.quickgrid-container[b-cd24ijrocz] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.quickgrid[b-cd24ijrocz] {
    border: var(--border-thin);
    border-radius: 8px;
    overflow: hidden;
}

.quickgrid-loading-overlay[b-cd24ijrocz] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all .5s ease; /* Apply same delay here as in the index.html hideQuickGridLoadingOverlay */
}

[b-cd24ijrocz] .quickgrid {
    background-color: rgba(255, 255, 255, 1.0);
    width: 100%;
    overflow-x: auto;
}

    [b-cd24ijrocz] .quickgrid thead {
        border-bottom: var(--border-thin);
    }

        [b-cd24ijrocz] .quickgrid thead .col-title-text {
            white-space: initial !important;
            text-align: left;
        }

        [b-cd24ijrocz] .quickgrid thead tr th {
            padding: .5rem 1rem;
        }

        [b-cd24ijrocz] .quickgrid thead .sort-indicator {
            min-width: 1rem;
        }

    [b-cd24ijrocz] .quickgrid tbody tr:hover td {
        background-color: aliceblue;
    }

    [b-cd24ijrocz] .quickgrid tbody tr td {
        padding: .5rem 1.5rem;
        -webkit-hyphens: auto;
        hyphens: auto; /* Chrome does not support hyphens: auto so we use word-break */
        word-break: break-word;
    }

[b-cd24ijrocz] .quickgrid-btns {
}

[b-cd24ijrocz] .quickgrid-row-btn:hover {
    background-color: rgb(226, 230, 234);
}

[b-cd24ijrocz] .quickgrid-row-btn {
    background-color: rgb(248, 249, 250);
    color: black;
    border: var(--border-thin);
    padding: 0;
    border-radius: 8px;
    height: 37px;
    aspect-ratio: 1;
    margin: .10rem;
}

    [b-cd24ijrocz] .quickgrid-row-btn[disabled] {
        cursor: not-allowed;
        background-color: rgb(248, 249, 250) !important;
        color: rgb(206, 212, 218);
    }

[b-cd24ijrocz] .paginator .summary {
    margin-left: .5rem;
}

    [b-cd24ijrocz] .paginator .summary::after {
        content: ' in total';
    }
/* /Pages/Components/References/ListedReferences.razor.rz.scp.css */
.references-list-container[b-j613qartyp] {
    width: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.references-list-header[b-j613qartyp] {
    padding-bottom: 1rem;
    margin: 0;
    margin-left: 1rem;
    align-self: flex-start;
    font-weight: bold;
}

.references-list[b-j613qartyp] {
    padding-left: 3rem;
    padding-right: 1rem;
}

.references-list-item[b-j613qartyp] {
    text-decoration: initial;
    margin: .5rem 0;
    word-wrap: anywhere;
    hyphens: auto;
}

.link-item.external[b-j613qartyp] {
    margin-left: 20px;
    display: block;
}
/* /Pages/Components/StaticHierarchyTree.razor.rz.scp.css */
@media screen and (max-width: 768px) {
    .tree > ul:first-child > li > .list-header:first-child[b-g1r2mp7634] {
        font-size: 1.35rem !important;
    }

    .tree .list-header[b-g1r2mp7634] {
        font-size: .85rem;
    }

    .tree li[b-g1r2mp7634] {
        padding-top: 5px !important;
    }

        .tree li:last-child[b-g1r2mp7634]::before {
            height: 18px !important;
        }

        .tree li[b-g1r2mp7634]::after {
            top: 18px !important;
        }
}

.tree-container[b-g1r2mp7634] {
    width: 100%; /* Assign width to word-wrap correctly */
    padding: 1rem;
}

.tree[b-g1r2mp7634] {
    max-width: fit-content;
    margin: auto;
}

.tree .list-header[b-g1r2mp7634] {
    display: inline-block;
    width: 100%;
    max-width: 44ch;
    hyphens: auto;
    word-wrap: break-word;
}

    .tree .list-header.active[b-g1r2mp7634] {
        cursor: default;
        color: #016676;
        text-decoration: underline;
    }

.tree ul:first-child[b-g1r2mp7634] {
    margin: 0 auto;
    padding: 0;
}

/* First header of the tree */
.tree > ul:first-child > li > .list-header:first-child[b-g1r2mp7634] {
    font-size: 1.5rem;
    padding: 0;
}

.tree ul[b-g1r2mp7634] {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0 0 0 5px; /* Define the starting point of the lists, basically this is the width */
}

/* Remove the lines from the first li on the list */
.tree > ul:first-child > li[b-g1r2mp7634],
.tree > ul:first-child > li[b-g1r2mp7634]::before,
.tree > ul:first-child > li[b-g1r2mp7634]::after {
    background: transparent !important;
    padding-left: 0 !important;
}

.tree li[b-g1r2mp7634] {
    margin: 0;
    padding: 0;
    position: relative;
    padding-left: calc(10px + 1.35vw);
    padding-top: 8px;
}

    /* Vertical lines */
    .tree li[b-g1r2mp7634]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 1px;
        background: #ccc;
    }

    /* End vertical line on the last child of the list */
    .tree li:last-child[b-g1r2mp7634]::before {
        height: 20px;
        bottom: auto;
    }

    /* Horizontal lines */
    .tree li[b-g1r2mp7634]::after {
        content: '';
        position: absolute;
        top: 20px;
        left: 0;
        width: calc(5px + 1.35vw);
        height: 1px;
        background: #ccc;
    }
/* /Pages/Components/UnitBasicInformationForm.razor.rz.scp.css */
.references-bottom-part-btns[b-3nq7u28jto] {
    display: flex;
    align-content: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.references-dropdown[b-3nq7u28jto] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: nowrap;
}

[b-3nq7u28jto] .reference-select-container {
    width: 100%;
}

.filter-references-container[b-3nq7u28jto] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: nowrap;
    flex-direction: column;
}

.filter-references-container-btns[b-3nq7u28jto] {
    display: flex;
    align-content: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    margin-bottom: 1rem;
}

.refresh-button[b-3nq7u28jto] {
    background-color: transparent;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1;
}

.refresh-icon[b-3nq7u28jto] {
    color: rgba(var(--bg-blue-rgb), 1);
    font-size: 1.3rem;
}
/* /Pages/GeologicalUnits/GeologicalUnits.razor.rz.scp.css */
body[b-57xygj0maq] {
}
/* /Pages/Index.razor.rz.scp.css */
@media screen and (max-width: 1150px) {

    .view-title[b-rm5rjfkole] {
        /* text-align: center;*/
    }

        .view-title span[b-rm5rjfkole] {
            display: initial !important;
            padding-left: .5rem;
        }

    .index-info-text[b-rm5rjfkole] {
        max-width: 64ch !important;
    }

    #index-text-content[b-rm5rjfkole] {
        padding: 2rem !important;
        width: 100% !important;
    }

        #index-text-content[b-rm5rjfkole]::before {
            background: none !important;
            background-color: rgba(0, 0, 0, .6) !important;
            width: 100% !important;
        }

        #index-text-content div:first-child[b-rm5rjfkole] {
            min-width: min-content;
            margin: 0 auto;
        }
}

.index-container[b-rm5rjfkole] {
    position: relative;
    text-align: left;
    margin: 0 auto;
    z-index: 0;
}

.index-container .overlay[b-rm5rjfkole] {
    position: relative;
    width: 100%;
    max-width: none;
}

.overlay[b-rm5rjfkole] {
    /* Placeholder overlay, change colours as desired */
    border-image: linear-gradient(to top right, hsl(359 82% 65% / 0.4), hsl(191 63% 49% / 0.4), hsl(150 21% 60% / 0.5)) fill 1;
    border-image: linear-gradient(to top right, in lch, hsl(359 82% 65% / 0.4), hsl(191 63% 49% / 0.4), hsl(150 21% 60% / 0.5)) fill 1;
}

    .overlay img[b-rm5rjfkole] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -1;
        filter: brightness(.55) grayscale(.75);
    }

#index-text-content[b-rm5rjfkole] {
    display: flex;
    justify-content: flex-end;
    padding: 2rem 0 3rem 8rem;
    width: 55%;
    background: none;
}

    #index-text-content[b-rm5rjfkole]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 75%;
        height: 100%;
        background: linear-gradient(to right, rgba(0, 0, 0, .7) 72%, transparent 100%);
        z-index: -1;
    }

    #index-text-content div:first-child[b-rm5rjfkole] {
        min-width: min-content;
    }

.view-title[b-rm5rjfkole] {
    font-size: calc(3.0rem + 1.5vw);
    color: rgba(255, 255, 255, 1);
}

    .view-title span[b-rm5rjfkole] {
        display: block;
        font-size: calc(0.8rem + 1vw);
        color: rgba(255, 255, 255, .9);
    }

.index-info-text[b-rm5rjfkole] {
    color: rgba(255, 255, 255, .9);
    max-width: 70ch;
}
/* /Pages/LithodemicUnits/LithodemicUnitForms/AddLdUnit.razor.rz.scp.css */
@media screen and (max-width: 768px) {
    [b-yj7myep83o] .forms-container {
        padding: 1rem !important;
    }

    [b-yj7myep83o] .form-controls {
        margin: 0 auto;
    }

    [b-yj7myep83o] .progess-bar {
        flex-direction: column;
        gap: 1rem !important;
        padding: 0 !important;
    }
}

[b-yj7myep83o] .details-container {
    padding: 0 !important;
}
/* /Pages/LithodemicUnits/LithodemicUnitForms/EditLdUnit.razor.rz.scp.css */
@media screen and (max-width: 768px) {
    [b-jh9ox8uy1r] .forms-container {
        padding: 1rem !important;
    }

    [b-jh9ox8uy1r] .form-controls {
        margin: 0 auto;
    }

    [b-jh9ox8uy1r] .progess-bar {
        flex-direction: column;
        gap: 1rem !important;
        padding: 0 !important;
    }
}

[b-jh9ox8uy1r] .details-container {
    padding: 0 !important;
}
/* /Pages/LithodemicUnits/LithodemicUnitForms/LithodemicCorrelationForm.razor.rz.scp.css */
.unit-correlation-container[b-gtszg2indf] {
    margin-bottom: 2rem;
    padding: 1rem;
    background-color: rgba(0, 0, 0, .05);
    border-radius: 0 0 .5rem .5rem;
}

.correlative-unit-preview[b-gtszg2indf] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 350px;
    overflow-y: auto;
}

.correlation-types-checks-container[b-gtszg2indf] {
    border-radius: 0.375rem;
    padding: 1rem;
    background-color: #fff;
    outline: none;
    border: 1px solid transparent;
}

    .correlation-types-checks-container.is-valid:focus[b-gtszg2indf] {
        box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25);
    }


    .correlation-types-checks-container.is-invalid:focus[b-gtszg2indf] {
        box-shadow: 0 0 0 .25rem rgba(220,53, 69, .25);
    }

[b-gtszg2indf] .correlation-types-checks-container .form-check {
    padding: 0;
}

    [b-gtszg2indf] .correlation-types-checks-container .form-check .form-check-input {
        margin: 0 !important;
        cursor: pointer;
    }

    [b-gtszg2indf] .correlation-types-checks-container .form-check,
    [b-gtszg2indf] .correlation-types-checks-container .form-check .form-check-label {
        display: flex;
        flex-wrap: nowrap;
        gap: .5rem;
        width: fit-content;
        align-items: center;
        cursor: pointer;
    }

        [b-gtszg2indf] .correlation-types-checks-container .form-check .form-check-label {
            width: fit-content;
            gap: .25rem;
        }
/* /Pages/LithodemicUnits/LithodemicUnitForms/LithodemicUnitModalForm.razor.rz.scp.css */
[b-2dgi9107s9] .field {
    flex: 1;
}
/* /Pages/LithodemicUnits/LithodemicUnits.razor.rz.scp.css */
body[b-8e58u6iee6] {
}
/* /Pages/LithodemicUnits/SingleLithodemicUnit/LithodemicInfoTable.razor.rz.scp.css */
.details-container[b-r3of5yq2m0] {
    width: 100%;
    max-width: 1200px;
    height: fit-content;
    background-color: #fff;
    padding: 1.35rem;
}

[b-r3of5yq2m0] .details-section {
    padding: 1.25rem 0;
}

[b-r3of5yq2m0] .table-container .table-title {
    padding-top: 0;
    margin-left: 1rem;
}

[b-r3of5yq2m0] .references-list-container ul {
    margin-bottom: 0 !important;
}

[b-r3of5yq2m0] .table-row .expandable-box-item-title {
    text-decoration: underline;
    font-weight: 600;
}
/* /Pages/LithodemicUnits/SingleLithodemicUnit/SingleLithodemicUnit.razor.rz.scp.css */
@media screen and (max-width: 865px) {
    .view-container[b-2wxyrzx21r] {
        padding: 0 !important;
    }

    [b-2wxyrzx21r] .details-container {
        max-width: unset !important;
        padding: 0 !important;
        margin: 0 !important;
        padding-bottom: 3rem !important;
    }

    [b-2wxyrzx21r] .details-section {
        margin-bottom: 0 !important;
        padding: 0 !important;
    }

    [b-2wxyrzx21r] .navigate-back-button .navigate-btn-icon.left {
        transform: translateX(0%);
        opacity: 1 !important;
    }

    [b-2wxyrzx21r] .navigate-back-button .navigate-btn-text {
        transform: translateX(.55rem);
    }

    [b-2wxyrzx21r] .details-container-top-section {
        padding: 1rem 1rem 0 1rem !important;
    }

    [b-2wxyrzx21r] .references-list {
        padding-left: 2rem;
    }

    [b-2wxyrzx21r] .expandable-box {
        margin-top: 1px !important;
    }

        [b-2wxyrzx21r] .expandable-box:first-of-type {
            margin-top: 1rem !important;
        }

        [b-2wxyrzx21r] .expandable-box:last-of-type {
            margin-bottom: 1rem !important;
        }

    [b-2wxyrzx21r] .table-title {
        align-self: center;
        padding: 1rem 0 !important;
    }

    [b-2wxyrzx21r] .references-list-header,
    [b-2wxyrzx21r] .table-title {
        font-size: 1.2rem !important;
        margin: 1rem !important;
        padding: 1rem 0;
    }

    [b-2wxyrzx21r] .table-row-title::after {
        content: "\A";
        white-space: pre;
    }

    [b-2wxyrzx21r] .table-row:last-child {
        border-bottom: 1px solid #e0e0e0 !important;
    }

    .hierarchy-tree-container[b-2wxyrzx21r] {
        padding: 1rem !important;
    }

        .hierarchy-tree-container > h5[b-2wxyrzx21r] {
            margin: 0 !important;
            font-size: 1.2rem !important;
            padding: 2rem 0rem !important;
        }
}

[b-2wxyrzx21r] .details-container {
    margin: 0 auto;
}

[b-2wxyrzx21r] .details-container-top-section {
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    padding-bottom: 1.25rem;
}

[b-2wxyrzx21r] .edit-delete-btns {
    display: flex;
    gap: inherit;
    flex-wrap: wrap;
    justify-content: flex-end;
}

    [b-2wxyrzx21r] .edit-delete-btns .button-common {
        width: 100px !important;
    }

.hierarchy-tree-container[b-2wxyrzx21r] {
    padding: 1rem;
}

    .hierarchy-tree-container > h5[b-2wxyrzx21r] {
        padding-bottom: 1rem;
        word-wrap: anywhere;
        hyphens: auto;
        align-self: flex-start;
        font-weight: bold;
    }

[b-2wxyrzx21r] .hierarchy-tree-controls {
    margin-bottom: 1rem;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    position: sticky;
    top: 1rem;
    z-index: 1;
}
/* /Pages/LithostratigraphicUnits/LithostratigraphicUnitForms/AddLsUnit.razor.rz.scp.css */
@media screen and (max-width: 768px) {
    [b-i8ohua18v4] .forms-container {
        padding: 1rem !important;
    }

    [b-i8ohua18v4] .form-controls {
        margin: 0 auto;
    }

    [b-i8ohua18v4] .progess-bar {
        flex-direction: column;
        gap: 1rem !important;
        padding: 0 !important;
    }
}

[b-i8ohua18v4] .details-container {
    padding: 0 !important;
}
/* /Pages/LithostratigraphicUnits/LithostratigraphicUnitForms/EditLsUnit.razor.rz.scp.css */
body[b-94lirv8717] {
}
/* /Pages/LithostratigraphicUnits/LithostratigraphicUnitForms/LithostratigraphicCorrelationForm.razor.rz.scp.css */
.unit-correlation-container[b-emb8kc1qq2] {
    margin-bottom: 2rem;
    padding: 1rem;
    background-color: rgba(0, 0, 0, .05);
    border-radius: 0 0 .5rem .5rem;
}

.correlative-unit-preview[b-emb8kc1qq2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 350px;
    overflow-y: auto;
}

.correlation-types-checks-container[b-emb8kc1qq2] {
    border-radius: 0.375rem;
    padding: 1rem;
    background-color: #fff;
    border: 1px solid transparent;
    outline: none;
}

    .correlation-types-checks-container.is-valid:focus[b-emb8kc1qq2] {
        box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25);
    }


    .correlation-types-checks-container.is-invalid:focus[b-emb8kc1qq2] {
        box-shadow: 0 0 0 .25rem rgba(220,53, 69, .25);
    }

[b-emb8kc1qq2] .correlation-types-checks-container .form-check {
    padding: 0;
}

    [b-emb8kc1qq2] .correlation-types-checks-container .form-check .form-check-input {
        margin: 0 !important;
        cursor: pointer;
    }

    [b-emb8kc1qq2] .correlation-types-checks-container .form-check,
    [b-emb8kc1qq2] .correlation-types-checks-container .form-check .form-check-label {
        display: flex;
        flex-wrap: nowrap;
        gap: .5rem;
        width: fit-content;
        align-items: center;
        cursor: pointer;
    }

        [b-emb8kc1qq2] .correlation-types-checks-container .form-check .form-check-label {
            width: fit-content;
            gap: .25rem;
        }
/* /Pages/LithostratigraphicUnits/LithostratigraphicUnitForms/LithostratigraphicUnitModalForm.razor.rz.scp.css */

[b-jky6vo1ka6] .field {
    flex: 1;
}
/* /Pages/LithostratigraphicUnits/LithostratigraphicUnits.razor.rz.scp.css */
body[b-oi8k5q84qv] {
}
/* /Pages/LithostratigraphicUnits/SingleLithostratigraphicUnit/LithostratigraphicInfoTable.razor.rz.scp.css */
.details-container[b-jwb0de4dtb] {
    width: 100%;
    max-width: 1200px;
    height: fit-content;
    background-color: #fff;
    padding: 1.35rem;
}

[b-jwb0de4dtb] .details-section {
    padding: 1.25rem 0;
}

[b-jwb0de4dtb] .table-container .table-title {
    padding-top: 0;
    margin-left: 1rem;
}

[b-jwb0de4dtb] .references-list-container ul {
    margin-bottom: 0 !important;
}

[b-jwb0de4dtb] .table-row .expandable-box-item-title {
    text-decoration: underline;
    font-weight: 600;
}
/* /Pages/LithostratigraphicUnits/SingleLithostratigraphicUnit/SingleLithostratigraphicUnit.razor.rz.scp.css */
@media screen and (max-width: 865px) {
    .view-container[b-y6x27akk10] {
        padding: 0 !important;
    }

    [b-y6x27akk10] .details-container {
        max-width: unset !important;
        padding: 0 !important;
        margin: 0 !important;
        padding-bottom: 3rem !important;
    }

    [b-y6x27akk10] .details-section {
        margin-bottom: 0 !important;
        padding: 0 !important;
    }

    [b-y6x27akk10] .navigate-back-button .navigate-btn-icon.left {
        transform: translateX(0%);
        opacity: 1 !important;
    }

    [b-y6x27akk10] .navigate-back-button .navigate-btn-text {
        transform: translateX(.55rem);
    }

    [b-y6x27akk10] .details-container-top-section {
        padding: 1rem 1rem 0 1rem !important;
    }

    [b-y6x27akk10] .references-list {
        padding-left: 2rem;
    }

    [b-y6x27akk10] .expandable-box {
        margin-top: 1px !important;
    }

        [b-y6x27akk10] .expandable-box:first-of-type {
            margin-top: 1rem !important;
        }

        [b-y6x27akk10] .expandable-box:last-of-type {
            margin-bottom: 1rem !important;
        }

    [b-y6x27akk10] .table-title {
        align-self: center;
        padding: 1rem 0 !important;
    }

    [b-y6x27akk10] .references-list-header,
    [b-y6x27akk10] .table-title {
        font-size: 1.2rem !important;
        margin: 1rem !important;
        padding: 1rem 0;
    }

    [b-y6x27akk10] .table-row-title::after {
        content: "\A";
        white-space: pre;
    }

    [b-y6x27akk10] .table-row:last-child {
        border-bottom: 1px solid #e0e0e0 !important;
    }

    .hierarchy-tree-container[b-y6x27akk10] {
        padding: 1rem !important;
    }

        .hierarchy-tree-container > h5[b-y6x27akk10] {
            margin: 0 !important;
            font-size: 1.2rem !important;
            padding: 2rem 0rem !important;
        }
}

[b-y6x27akk10] .details-container {
    margin: 0 auto;
}

[b-y6x27akk10] .details-container-top-section {
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    padding-bottom: 1.25rem;
}

[b-y6x27akk10] .edit-delete-btns {
    display: flex;
    gap: inherit;
    flex-wrap: wrap;
    justify-content: flex-end;
}

    [b-y6x27akk10] .edit-delete-btns .button-common {
        width: 100px !important;
    }

.hierarchy-tree-container[b-y6x27akk10] {
    padding: 1rem;
}

    .hierarchy-tree-container > h5[b-y6x27akk10] {
        padding-bottom: 1rem;
        word-wrap: anywhere;
        hyphens: auto;
        align-self: flex-start;
        font-weight: bold;
    }

[b-y6x27akk10] .hierarchy-tree-controls {
    margin-bottom: 1rem;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    position: sticky;
    top: 1rem;
    z-index: 1;
}
/* /Pages/LithotectonicUnits/LithotectonicUnitForms/AddLtUnit.razor.rz.scp.css */
@media screen and (max-width: 768px) {
    [b-2zzcj6mfpl] .forms-container {
        padding: 1rem !important;
    }

    [b-2zzcj6mfpl] .form-controls {
        margin: 0 auto;
    }

    [b-2zzcj6mfpl] .progess-bar {
        flex-direction: column;
        gap: 1rem !important;
        padding: 0 !important;
    }
}

[b-2zzcj6mfpl] .details-container {
    padding: 0 !important;
}
/* /Pages/LithotectonicUnits/LithotectonicUnitForms/EditLtUnit.razor.rz.scp.css */
@media screen and (max-width: 768px) {
    [b-6d3bzvedjo] .forms-container {
        padding: 1rem !important;
    }

    [b-6d3bzvedjo] .form-controls {
        margin: 0 auto;
    }

    [b-6d3bzvedjo] .progess-bar {
        flex-direction: column;
        gap: 1rem !important;
        padding: 0 !important;
    }
}

[b-6d3bzvedjo] .details-container {
    padding: 0 !important;
}
/* /Pages/LithotectonicUnits/LithotectonicUnitForms/LithotectonicUnitModalForm.razor.rz.scp.css */

[b-jv5dj2i9wg] .field {
    flex: 1;
}
/* /Pages/LithotectonicUnits/LithotectonicUnits.razor.rz.scp.css */
body[b-pl7e1xnpi0] {
}
/* /Pages/LithotectonicUnits/SingleLithotectonicUnit/LithotectonicInfoTable.razor.rz.scp.css */
.details-container[b-nntp7c719j] {
    width: 100%;
    max-width: 1200px;
    height: fit-content;
    background-color: #fff;
    padding: 1.35rem;
}

[b-nntp7c719j] .details-section {
    padding: 1.25rem 0;
}

[b-nntp7c719j] .table-container .table-title {
    padding-top: 0;
    margin-left: 1rem;
}

[b-nntp7c719j] .references-list-container ul {
    margin-bottom: 0 !important;
}

[b-nntp7c719j] .table-row .expandable-box-item-title {
    text-decoration: underline;
    font-weight: 600;
}
/* /Pages/LithotectonicUnits/SingleLithotectonicUnit/SingleLithotectonicUnit.razor.rz.scp.css */
@media screen and (max-width: 865px) {
    .view-container[b-lrjapuonmo] {
        padding: 0 !important;
    }

    [b-lrjapuonmo] .details-container {
        max-width: unset !important;
        padding: 0 !important;
        margin: 0 !important;
        padding-bottom: 3rem !important;
    }

    [b-lrjapuonmo] .details-section {
        margin-bottom: 0 !important;
        padding: 0 !important;
    }

    [b-lrjapuonmo] .navigate-back-button .navigate-btn-icon.left {
        transform: translateX(0%);
        opacity: 1 !important;
    }

    [b-lrjapuonmo] .navigate-back-button .navigate-btn-text {
        transform: translateX(.55rem);
    }

    [b-lrjapuonmo] .details-container-top-section {
        padding: 1rem 1rem 0 1rem !important;
    }

    [b-lrjapuonmo] .references-list {
        padding-left: 2rem;
    }

    [b-lrjapuonmo] .expandable-box {
        margin-top: 1px !important;
    }

        [b-lrjapuonmo] .expandable-box:first-of-type {
            margin-top: 1rem !important;
        }

        [b-lrjapuonmo] .expandable-box:last-of-type {
            margin-bottom: 1rem !important;
        }

    [b-lrjapuonmo] .table-title {
        align-self: center;
        padding: 1rem 0 !important;
    }

    [b-lrjapuonmo] .references-list-header,
    [b-lrjapuonmo] .table-title {
        font-size: 1.2rem !important;
        margin: 1rem !important;
        padding: 1rem 0;
    }

    [b-lrjapuonmo] .table-row-title::after {
        content: "\A";
        white-space: pre;
    }

    [b-lrjapuonmo] .table-row:last-child {
        border-bottom: 1px solid #e0e0e0 !important;
    }
}

[b-lrjapuonmo] .details-container {
    margin: 0 auto;
}

[b-lrjapuonmo] .details-container-top-section {
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    padding-bottom: 1.25rem;
}

[b-lrjapuonmo] .edit-delete-btns {
    display: flex;
    gap: inherit;
    flex-wrap: wrap;
    justify-content: flex-end;
}

    [b-lrjapuonmo] .edit-delete-btns .button-common {
        width: 100px !important;
    }
/* /Pages/References/SingleReference.razor.rz.scp.css */
@media screen and (max-width: 865px) {
    .view-container[b-jigfshbtu9] {
        padding: 0 !important;
    }

    [b-jigfshbtu9] .details-container {
        max-width: unset !important;
        padding: 0 !important;
        margin: 0 !important;
        padding-bottom: 3rem !important;
    }

    [b-jigfshbtu9] .details-section {
        margin-bottom: 0 !important;
        padding: 0 !important;
    }

    [b-jigfshbtu9] .navigate-back-button .navigate-btn-icon.left {
        transform: translateX(0%);
        opacity: 1 !important;
    }

    [b-jigfshbtu9] .navigate-back-button .navigate-btn-text {
        transform: translateX(.55rem);
    }

    [b-jigfshbtu9] .details-container-top-section {
        padding: 1rem 1rem 0 1rem !important;
    }

    [b-jigfshbtu9] .expandable-box {
        margin-top: 1px !important;
    }

        [b-jigfshbtu9] .expandable-box:first-of-type {
            margin-top: 1rem !important;
        }

        [b-jigfshbtu9] .expandable-box:last-of-type {
            margin-bottom: 1rem !important;
        }

    [b-jigfshbtu9] .table-title {
        align-self: center;
        padding: 1rem 0 !important;
    }

    [b-jigfshbtu9] .table-title {
        font-size: 1.2rem !important;
        margin: 1rem !important;
        padding: 1rem 0;
    }

    [b-jigfshbtu9] .table-row-title::after {
        content: "\A";
        white-space: pre;
    }

    [b-jigfshbtu9] .table-row:last-child {
        border-bottom: 1px solid #e0e0e0 !important;
    }
}

.details-container[b-jigfshbtu9] {
    width: 100%;
    max-width: 1200px;
    height: fit-content;
    background-color: #fff;
    padding: 1.35rem;
    margin: 2rem auto;
}

.details-section[b-jigfshbtu9] {
    padding: 1.25rem 0;
}

.table-container .table-title[b-jigfshbtu9] {
    padding-top: 0;
    margin-left: 1rem;
}

.table-row .expandable-box-item-title[b-jigfshbtu9] {
    text-decoration: underline;
    font-weight: 600;
}

.details-container-top-section[b-jigfshbtu9] {
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    padding-bottom: 1.25rem;
}

[b-jigfshbtu9] .edit-delete-btns {
    display: flex;
    gap: inherit;
    flex-wrap: wrap;
    justify-content: flex-end;
}

    [b-jigfshbtu9] .edit-delete-btns .button-common {
        width: 100px !important;
    }
/* /Pages/TectonostratigraphicUnits/SingleTectonostratigraphicUnit/SingleTectonostratigraphicUnit.razor.rz.scp.css */
@media screen and (max-width: 865px) {
    .view-container[b-rhj6z93i37] {
        padding: 0 !important;
    }

    [b-rhj6z93i37] .details-container {
        max-width: unset !important;
        padding: 0 !important;
        margin: 0 !important;
        padding-bottom: 3rem !important;
    }

    [b-rhj6z93i37] .details-section {
        margin-bottom: 0 !important;
        padding: 0 !important;
    }

    [b-rhj6z93i37] .navigate-back-button .navigate-btn-icon.left {
        transform: translateX(0%);
        opacity: 1 !important;
    }

    [b-rhj6z93i37] .navigate-back-button .navigate-btn-text {
        transform: translateX(.55rem);
    }

    [b-rhj6z93i37] .details-container-top-section {
        padding: 1rem 1rem 0 1rem !important;
    }

    [b-rhj6z93i37] .references-list {
        padding-left: 2rem;
    }

    [b-rhj6z93i37] .expandable-box {
        margin-top: 1px !important;
    }

        [b-rhj6z93i37] .expandable-box:first-of-type {
            margin-top: 1rem !important;
        }

        [b-rhj6z93i37] .expandable-box:last-of-type {
            margin-bottom: 1rem !important;
        }

    [b-rhj6z93i37] .table-title {
        align-self: center;
        padding: 1rem 0 !important;
    }

    [b-rhj6z93i37] .references-list-header,
    [b-rhj6z93i37] .table-title {
        font-size: 1.2rem !important;
        margin: 1rem !important;
        padding: 1rem 0;
    }

    [b-rhj6z93i37] .table-row-title::after {
        content: "\A";
        white-space: pre;
    }

    [b-rhj6z93i37] .table-row:last-child {
        border-bottom: 1px solid #e0e0e0 !important;
    }

    .hierarchy-tree-container[b-rhj6z93i37] {
        padding: 1rem !important;
    }

        .hierarchy-tree-container > h5[b-rhj6z93i37] {
            margin: 0 !important;
            font-size: 1.2rem !important;
            padding: 2rem 0rem !important;
        }
}

[b-rhj6z93i37] .details-container {
    margin: 0 auto;
}

[b-rhj6z93i37] .details-container-top-section {
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    padding-bottom: 1.25rem;
}

[b-rhj6z93i37] .edit-delete-btns {
    display: flex;
    gap: inherit;
    flex-wrap: wrap;
    justify-content: flex-end;
}

    [b-rhj6z93i37] .edit-delete-btns .button-common {
        width: 100px !important;
    }

.hierarchy-tree-container[b-rhj6z93i37] {
    padding: 1rem;
}

    .hierarchy-tree-container > h5[b-rhj6z93i37] {
        padding-bottom: 1rem;
        word-wrap: anywhere;
        hyphens: auto;
        align-self: flex-start;
        font-weight: bold;
    }

[b-rhj6z93i37] .hierarchy-tree-controls {
    margin-bottom: 1rem;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    position: sticky;
    top: 1rem;
    z-index: 1;
}
/* /Pages/TectonostratigraphicUnits/SingleTectonostratigraphicUnit/TectonostratigraphicInfoTable.razor.rz.scp.css */
.details-container[b-xih0oqmm52] {
    width: 100%;
    max-width: 1200px;
    height: fit-content;
    background-color: #fff;
    padding: 1.35rem;
}

[b-xih0oqmm52] .details-section {
    padding: 1.25rem 0;
}

[b-xih0oqmm52] .table-container .table-title {
    padding-top: 0;
    margin-left: 1rem;
}

[b-xih0oqmm52] .references-list-container ul {
    margin-bottom: 0 !important;
}

[b-xih0oqmm52] .table-row .expandable-box-item-title {
    text-decoration: underline;
    font-weight: 600;
}
/* /Pages/TectonostratigraphicUnits/TectonostratigraphicUnitForms/AddTsUnit.razor.rz.scp.css */
@media screen and (max-width: 768px) {
    [b-b6bej0dxk9] .forms-container {
        padding: 1rem !important;
    }

    [b-b6bej0dxk9] .form-controls {
        margin: 0 auto;
    }

    [b-b6bej0dxk9] .progess-bar {
        flex-direction: column;
        gap: 1rem !important;
        padding: 0 !important;
    }
}

[b-b6bej0dxk9] .details-container {
    padding: 0 !important;
}
/* /Pages/TectonostratigraphicUnits/TectonostratigraphicUnitForms/EditTsUnit.razor.rz.scp.css */
@media screen and (max-width: 768px) {
    [b-hm4lycy4vc] .forms-container {
        padding: 1rem !important;
    }

    [b-hm4lycy4vc] .form-controls {
        margin: 0 auto;
    }

    [b-hm4lycy4vc] .progess-bar {
        flex-direction: column;
        gap: 1rem !important;
        padding: 0 !important;
    }
}

[b-hm4lycy4vc] .details-container {
    padding: 0 !important;
}
/* /Pages/TectonostratigraphicUnits/TectonostratigraphicUnitForms/TectonostratigraphicUnitModalForm.razor.rz.scp.css */

[b-jcru5l0urb] .field {
    flex: 1;
}
/* /Pages/TectonostratigraphicUnits/TectonostratigraphicUnits.razor.rz.scp.css */
body[b-nox1er4ro2] {
}
/* /Shared/LoginDisplay.razor.rz.scp.css */
div[b-n4jzljcp2m] {
    max-width: fit-content;
    margin-left: auto;
}

    div a[b-n4jzljcp2m] {
        display: inline-block;
        width: max-content;
    }

    div span[b-n4jzljcp2m] {
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 8ch;
    }
/* /Shared/MainLayout.razor.rz.scp.css */
@media screen and (max-width: 1385px) {
    [b-6393tkz39i] .view-container {
        width: 100% !important;
        padding: 3rem 1.5rem !important;
    }

    #header .lg[b-6393tkz39i] {
        display: none !important;
    }

    #header .lg-hidden[b-6393tkz39i] {
        display: flex !important;
    }

    #header[b-6393tkz39i] {
        flex-direction: column;
        padding: 0 !important;
    }

        #header > *[b-6393tkz39i] {
            width: 100% !important;
        }

        #header.shrink .header-item:nth-child(2)[b-6393tkz39i] {
            display: none !important;
        }

        #header .header-item:nth-child(1)[b-6393tkz39i] {
            padding: 1rem 2rem;
        }

        #header .header-item:nth-child(2)[b-6393tkz39i] {
            flex-direction: column;
        }

            #header .header-item:nth-child(2) .user-options[b-6393tkz39i] {
                display: flex !important;
            }

    [b-6393tkz39i] #header .header-item:nth-child(2) .nav-item {
        position: relative;
        width: 100%;
        font-weight: 600 !important;
        margin: 0 !important;
        padding: 1rem 2rem !important;
        text-decoration: none !important;
        border-bottom: 1px solid hsl(var(--ui-black-60));
    }

        [b-6393tkz39i] #header .header-item:nth-child(2) .nav-item > .left-block {
            position: absolute;
            top: 50%;
            left: 0;
            background: hsl(var(--ui-blue-highlight));
            height: 100%;
            transform: translate(-100%, -50%);
            width: 7px;
            transition: all .15s ease;
        }

    [b-6393tkz39i] #header .header-item:nth-child(2) .link-item.active .left-block {
        transform: translate(0%, -50%);
    }

    [b-6393tkz39i] #header .header-item:nth-child(2) .nav-item:hover > .left-block {
        transform: translate(0%, -50%);
    }
}

@media screen and (max-width: 865px) {
    [b-6393tkz39i] .view-container.full-view-sm {
        width: 100% !important;
        padding: 0 !important;
    }

    [b-6393tkz39i] .quickgrid > tbody > tr > .quickgrid-btns {
        padding: .5rem !important;
    }

    [b-6393tkz39i] .quickgrid tbody tr td:nth-child(2) {
        padding: .5rem 1.5rem .5rem .4rem !important;
    }

        [b-6393tkz39i] .quickgrid tbody tr td:nth-child(2) ~ td {
            display: none !important;
        }

    [b-6393tkz39i] .quickgrid thead tr th:nth-child(2) {
        padding: .5rem 0 !important;
    }

        [b-6393tkz39i] .quickgrid thead tr th:nth-child(2) ~ th {
            display: none !important;
        }

    [b-6393tkz39i] .quickgrid-bottom-part .paginator {
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
        width: 100%;
    }

        [b-6393tkz39i] .quickgrid-bottom-part .paginator > * {
            margin: 0 auto !important;
        }

    [b-6393tkz39i] .quickgrid-item-limit-input {
        display: none;
    }
}

/* Override Blazorise resolution apply points for Snackbar */
@media screen and (max-width: 768px) {
    [b-6393tkz39i] #snackbar-stack .snackbar:first-child {
        margin-top: 1.2rem !important;
    }

    [b-6393tkz39i] #snackbar-stack .snackbar:first-child {
        margin-top: 1rem !important;
    }

    [b-6393tkz39i] #snackbar-stack {
        left: .5rem !important;
        right: .5rem !important;
        top: 0 !important;
    }
}
/* Override Blazorise resolution apply points for Snackbar */

@media (max-width: 575px) {
    [b-6393tkz39i] .view-container {
        padding: 3rem 1rem !important;
    }

    #header .header-item:nth-child(1)[b-6393tkz39i] {
        padding: 1rem 1.5rem !important;
    }

    [b-6393tkz39i] #header .header-item:nth-child(1) .nav-item {
        padding: 1rem !important;
    }

    #header .logo-and-name-container .logo-img[b-6393tkz39i] {
        max-width: 6rem;
    }

    #header .logo-and-name-container[b-6393tkz39i] {
        gap: .75rem;
    }

        #header .logo-and-name-container .logo-name[b-6393tkz39i] {
            font-size: 1.125rem;
            margin: 0 !important;
            padding: 0 !important;
        }
}

/* !!! Shared CSS classes and styles !!! */
#view[b-6393tkz39i] {
    position: relative;
    margin: 0 auto;
}

[b-6393tkz39i] .view-container {
    position: relative;
    margin: 0 auto;
    padding: 3rem 0;
    width: 85%;
    max-width: 1800px;
}

[b-6393tkz39i] .view-title {
    word-wrap: break-word;
    hyphens: auto;
    margin-bottom: 2rem;
}

[b-6393tkz39i] .view-description {
    max-width: 64ch;
    padding: 0 1rem;
    margin: 0 !important;
}

[b-6393tkz39i] .is-invalid {
    border: 1px solid #dc3545;
    border-radius: .375rem;
}

    [b-6393tkz39i] .is-invalid:focus {
        box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25);
    }

[b-6393tkz39i] .is-valid {
    border: 1px solid #198754;
    border-radius: .375rem;
}

    [b-6393tkz39i] .is-valid:focus {
        box-shadow: 0 0 0 .25rem rgba(220,53, 69, .25);
    }

[b-6393tkz39i] .link-item {
    color: var(--link-bg-blue);
    text-decoration: none;
    cursor: pointer;
}

    [b-6393tkz39i] .link-item:hover {
        text-decoration: underline !important;
    }
/* !!! Shared CSS classes and styles !!! */



/* Override styles */
[b-6393tkz39i] .b-numeric.is-valid {
    border: none !important;
}

[b-6393tkz39i] .flatpickr-calendar.arrowBottom::after,
[b-6393tkz39i] .flatpickr-calendar.arrowTop::after {
    border-color: transparent !important;
}

[b-6393tkz39i] .flatpickr-wrapper {
    display: block !important; /* Align the datetime picker on bottom of the input field */
}
/* Override styles */



#view .version-number-floater[b-6393tkz39i] {
    position: absolute;
    user-select: none;
    pointer-events: none;
    padding-block: 14px;
    padding-inline: 24px;
    top: 0;
    right: 0;
    color: #999;
    font-size: 0.8rem;
    float: right;
    z-index: 100;
    background: transparent;
}



[b-6393tkz39i] .icon-button-rounded {
    height: 28px;
    aspect-ratio: 1;
    background-color: rgba(var(--bg-blue-rgb), .85);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 13px;
    color: white;
    border-radius: 50%;
    border: none;
    transition: background-color .3s ease;
}

    [b-6393tkz39i] .icon-button-rounded:hover {
        background-color: rgba(var(--bg-blue-rgb), 1);
    }

    [b-6393tkz39i] .icon-button-rounded i {
        top: -2px;
    }



/* !!! Snackbar styles !!! */
[b-6393tkz39i] #snackbar-stack-container {
    position: sticky;
    top: 0;
    right: 0;
    z-index: 999 !important;
}

[b-6393tkz39i] #snackbar-stack {
    position: absolute;
}

    [b-6393tkz39i] #snackbar-stack .snackbar:first-child {
        margin-top: 1rem;
    }

    [b-6393tkz39i] #snackbar-stack .snackbar {
        border-radius: 5px;
        margin-bottom: 1rem;
        line-height: 1.5rem;
    }

        [b-6393tkz39i] #snackbar-stack .snackbar .snackbar-body {
            white-space: normal !important;
        }
/* !!! Snackbar styles !!! */



/* !!! Header styles !!! */
#toggle-header[b-6393tkz39i] {
    padding: .75rem;
    border: transparent;
    border-radius: 50%;
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    background: transparent;
    transition: background-color .3s ease;
    display: none;
}

    #toggle-header i[b-6393tkz39i] {
        margin-top: -4px;
        color: black;
    }

#header[b-6393tkz39i] {
    position: relative; /* Change the position if wanted, adjust snackbar positioning then */
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: fit-content;
    padding: 1rem 0 0 0;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.55);
    justify-content: space-between;
    align-items: center;
    background-color: white;
    line-height: 1.5;
}

    #header > *[b-6393tkz39i] {
        width: 85%;
        max-width: 1800px;
    }

    #header .header-item[b-6393tkz39i] {
        display: flex;
    }

        #header .header-item:nth-child(1)[b-6393tkz39i] {
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: center;
            gap: 2rem;
        }

        #header .header-item:nth-child(2)[b-6393tkz39i] {
            align-items: baseline;
            flex-wrap: wrap;
            padding-top: .75rem;
        }

            #header .header-item:nth-child(2) .user-options[b-6393tkz39i] {
                display: none;
                flex-wrap: wrap;
            }

                #header .header-item:nth-child(2) .user-options:first-of-type[b-6393tkz39i] {
                    justify-content: space-between;
                    background-color: hsl(var(--ui-black-90));
                }

    #header .lg-hidden[b-6393tkz39i] {
        display: none;
    }

[b-6393tkz39i] #header .header-item:nth-child(2) .nav-item {
    color: hsl(var(--gtk-primary-gray-bedrock));
    text-decoration: none !important;
    font-weight: 500;
    padding: 1rem .75rem 1rem .25rem;
    overflow: hidden;
}

[b-6393tkz39i] #header .header-item:nth-child(2) .link-item.active {
    color: hsl(var(--ui-blue-highlight)) !important;
}

[b-6393tkz39i] #header .header-item:nth-child(2) .nav-item > .bottom-stripe {
    background-color: hsl(var(--ui-blue-highlight));
    height: 5px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(0%, 100%);
    transition: all .1s ease;
}

[b-6393tkz39i] #header .header-item:nth-child(2) .link-item.active .bottom-stripe {
    transform: translate(0%, 0%);
}

[b-6393tkz39i] #header .header-item:nth-child(2) .nav-item:hover > .bottom-stripe {
    transform: translate(0%, 0%);
}

[b-6393tkz39i] #header .header-item:nth-child(2) .link-item:not(:first-child) {
    margin-left: .5rem;
}

.logo-and-name-container[b-6393tkz39i] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.logo-link[b-6393tkz39i] {
    position: relative;
}

.logo-img[b-6393tkz39i] {
    max-width: 7rem;
    float: left;
}

.logo-name[b-6393tkz39i] {
    color: hsl(var(--gtk-primary-gray-bedrock));
    font-size: 1.55rem;
    padding-top: 5px;
    margin-bottom: 0px;
    font-weight: 700;
    user-select: none;
    white-space: nowrap;
}

.user-options-lg[b-6393tkz39i] {
    display: flex;
    align-items: center;
    gap: 1rem;
    height: fit-content;
    font-size: .8rem;
    font-weight: 500;
    color: inherit;
}

.user-options[b-6393tkz39i] {
    display: flex;
    align-items: center;
    gap: 1rem;
    height: fit-content;
    font-weight: 500;
    color: inherit;
}

.header-button[b-6393tkz39i],
#toggle-header[b-6393tkz39i] {
    background: transparent;
    border: none;
    transition: .15s ease;
    padding: .5rem 1rem;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    border-radius: .125rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    white-space: nowrap;
}

    .header-button.active[b-6393tkz39i] {
        border: 1px solid hsl(var(--ui-blue-highlight)) !important;
    }

    .header-button i[b-6393tkz39i],
    #toggle-header i[b-6393tkz39i] {
        font-size: 1.25rem;
        margin: 0;
        padding: 0;
        line-height: normal;
    }

    .header-button:hover[b-6393tkz39i],
    #toggle-header:hover[b-6393tkz39i] {
        background-color: hsl(var(--ui-black-80));
    }
/* !!! Header styles !!! */

/* Click elements and dropdown buttons */
/* Use z-index of 1002 for sibling element that should be visible/interactable */
#login-logout-dropdown-overlay-click-element[b-6393tkz39i] {
    z-index: 1001;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

    #login-logout-dropdown-overlay-click-element.active[b-6393tkz39i] {
        display: block;
    }

.dropdown-button[b-6393tkz39i] {
    position: relative;
}

    .dropdown-button:target .dropdown-menu-container[b-6393tkz39i] {
        display: flex !important;
    }

    .dropdown-button .dropdown-menu-container *[b-6393tkz39i] {
        opacity: 0;
        transition: opacity .15s ease;
    }

    .dropdown-button .dropdown-menu-container[b-6393tkz39i] {
        position: absolute;
        width: 100%;
        z-index: 1002; /* 1 above the clickable overlay sibling element */
        flex-direction: column;
        background-color: white;
        box-shadow: 0px 4px 8px 0px hsla(0, 0%, 0%, .1);
        text-align: center;
        overflow: hidden;
        /* Height transition */
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows .2s ease;
    }

        .dropdown-button .dropdown-menu-container.active[b-6393tkz39i] {
            grid-template-rows: 1fr;
        }

            .dropdown-button .dropdown-menu-container.active *[b-6393tkz39i] {
                opacity: 1 !important;
            }

        .dropdown-button .dropdown-menu-container .dropdown-menu-content[b-6393tkz39i] {
            grid-row: 1 / span 2;
            overflow: hidden;
        }

        .dropdown-button .dropdown-menu-container .dropdown-menu-item[b-6393tkz39i] {
            width: 100%;
            font-size: 1rem;
            z-index: inherit;
            background: transparent;
            border: none;
            padding: .75rem 1rem;
            border-bottom: 1px solid hsl(var(--ui-black-60));
        }

            .dropdown-button .dropdown-menu-container .dropdown-menu-item:last-child[b-6393tkz39i] {
                border-bottom: none;
            }

            .dropdown-button .dropdown-menu-container .dropdown-menu-item:hover[b-6393tkz39i] {
                background-color: hsl(var(--ui-blue-highlight));
                color: white;
            }
/* Click elements and dropdown buttons */


/* !!! Form styles !!! */
[b-6393tkz39i] .forms-view-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

[b-6393tkz39i] .forms-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: white;
    box-shadow: 0 0 8px hsl(var(--ui-black-80));
    padding: 2rem;
    border-radius: 3px;
}

    [b-6393tkz39i] .forms-container .form-title {
        padding: 1rem;
        text-align: center;
    }

[b-6393tkz39i] .progress-info-container {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: end;
}

[b-6393tkz39i] .progess-bar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1.5rem;
}

[b-6393tkz39i] .progress-bar-item,
[b-6393tkz39i] .progress-bar-item-info {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    outline: none !important;
    user-select: none;
    align-items: center;
    color: hsl(var(--ui-black-40));
    font-size: 0.8rem;
    gap: 0.5rem;
}

    [b-6393tkz39i] .progress-bar-item.active .progress-bar-item-circle,
    [b-6393tkz39i] .progress-bar-item.active .progress-bar-item-text {
        font-weight: bold !important;
        color: black;
    }

    [b-6393tkz39i] .progress-bar-item.invalid .progress-bar-item-circle,
    [b-6393tkz39i] .progress-bar-item-info.invalid .progress-bar-item-info-circle {
        border: transparent !important;
        background-color: hsl(var(--ui-light-red-highlight));
        color: white;
    }

    [b-6393tkz39i] .progress-bar-item.valid .progress-bar-item-circle,
    [b-6393tkz39i] .progress-bar-item-info.valid .progress-bar-item-info-circle {
        border: transparent !important;
        background-color: hsl(var(--ui-light-green-highlight));
        color: white;
    }

    [b-6393tkz39i] .progress-bar-item.disabled .progress-bar-item-circle,
    [b-6393tkz39i] .progress-bar-item-info.disabled .progress-bar-item-info-circle {
        background-color: rgba(0, 0, 0, .40) !important;
        color: white;
        border: transparent;
    }

[b-6393tkz39i] .progess-info {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

[b-6393tkz39i] .progress-bar-item-info {
    gap: .25rem !important;
    white-space: nowrap;
}

[b-6393tkz39i] .progress-bar-item-circle, [b-6393tkz39i] .progress-bar-item-info-circle {
    position: relative;
    background-color: white;
    border: var(--border-thin);
    border-radius: 50%;
    min-width: 35px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

[b-6393tkz39i] .progress-bar-item-info-circle {
    min-width: 20px !important;
}

[b-6393tkz39i] .form-controls {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1rem;
}

    [b-6393tkz39i] .form-controls .back-btn {
        margin-right: auto;
    }

    [b-6393tkz39i] .form-controls .next-btn {
        margin-left: auto;
    }

[b-6393tkz39i] .form-horizontal-container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
}

    [b-6393tkz39i] .form-horizontal-container > * {
        flex: 1;
        min-width: fit-content !important;
    }
/* !!! Form styles !!! */
/* /Shared/NotFound.razor.rz.scp.css */
#notfound-container[b-6wns0izyuw] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

#notfound-container :first-child[b-6wns0izyuw] {
    padding-top: 2.5rem;
}

    #notfound-container h3[b-6wns0izyuw] {
    }

    #notfound-container div:first-child[b-6wns0izyuw] {
    }