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

/* /Layout/MainLayout.razor.rz.scp.css */
@media screen and (max-width: 375px) {
    #header.shrink .logo-and-name-container[b-j7gwa9o8f7] {
        flex-direction: column;
        padding: 0 !important;
    }

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

        #header.shrink .logo-and-name-container .logo-name[b-j7gwa9o8f7] {
            font-size: 1.25rem;
            padding-top: .2rem;
            align-self: baseline;
        }
}

@media screen and (max-width: 576px) {
    [b-j7gwa9o8f7] #snackbar-stack .snackbar:first-child {
        margin-top: 1rem !important;
    }

    [b-j7gwa9o8f7] #snackbar-stack .snackbar {
        margin: .3rem 0 !important;
        width: 95%;
    }
}

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

@media screen and (max-width: 865px) {
    #toggle-header[b-j7gwa9o8f7] {
        display: flex !important;
    }

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

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

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

        #header .user-options[b-j7gwa9o8f7] {
            display: inline-flex !important;
            justify-content: center;
        }

    nav[b-j7gwa9o8f7] {
        padding: 10px 20px !important;
    }
}


#view[b-j7gwa9o8f7] {
    position: relative;
    margin: 0 auto;
}

/* !!! Shared CSS classes and styles !!! */
[b-j7gwa9o8f7] .link-item {
    color: var(--link-bg-blue);
    text-decoration: none;
    cursor: pointer;
}

    [b-j7gwa9o8f7] .link-item:hover {
        text-decoration: underline !important;
    }

[b-j7gwa9o8f7] .view-container {
    position: relative;
    margin: 0 auto;
    padding: 2rem 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-j7gwa9o8f7] .view-title {
    text-align: center;
}

[b-j7gwa9o8f7] .view-description {
    text-align: center;
    max-width: 64ch;
}

[b-j7gwa9o8f7] .view-article {
    position: relative;
    margin: 0 auto;
    width: 85%;
    max-width: 1800px;
}

[b-j7gwa9o8f7] .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"][b-j7gwa9o8f7], .was-validated .form-select:valid:not([multiple]):not([size])[b-j7gwa9o8f7], .was-validated .form-select:valid:not([multiple])[size="1"][b-j7gwa9o8f7] {
   background-image: none;
}

[b-j7gwa9o8f7] .form-control.is-valid, .was-validated .form-control:valid[b-j7gwa9o8f7] {
    background-image: none;
    border-color: #ced4da;
    box-shadow: none;
}

[b-j7gwa9o8f7] .form-control.is-valid:focus {
    border-color: #ced4da;
    box-shadow: none
}

[b-j7gwa9o8f7] .form-select.is-valid {
    border-color: #ced4da;
    box-shadow: none;
}

[b-j7gwa9o8f7] .is-invalid {
    border: 1px solid #dc3545;
}

[b-j7gwa9o8f7] .is-valid {
    border-color: #ced4da;
    box-shadow: none;
}

/* Override the number picker validation border */
[b-j7gwa9o8f7] .b-numeric.is-valid {
    border: none !important;
}
/* !!! Shared CSS classes and styles !!! */



/* !!! Snackbar styles !!! */
[b-j7gwa9o8f7] #snackbar-stack {
    position: fixed;
    z-index: 999 !important;
}

    /* To align the snackbar-stack beneath the header */
    [b-j7gwa9o8f7] #snackbar-stack.snackbar-stack-top,
    [b-j7gwa9o8f7] #snackbar-stack.snackbar-stack-top-start,
    [b-j7gwa9o8f7] #snackbar-stack.snackbar-stack-top-end {
        top: unset !important;
    }

    [b-j7gwa9o8f7] #snackbar-stack .snackbar:first-child {
        margin-top: 2.7rem;
    }

    [b-j7gwa9o8f7] #snackbar-stack .snackbar {
        border-radius: 5px;
        margin-bottom: 1rem;
        line-height: 1.5rem;
    }
/* !!! Snackbar styles !!! */



/* !!! Header styles !!! */
#toggle-header:hover[b-j7gwa9o8f7] {
    background-color: rgba(245, 245, 245, .75);
}

#toggle-header[b-j7gwa9o8f7] {
    position: absolute;
    bottom: -60px;
    right: 30px;
    margin: 0 !important;
    border: transparent;
    border-radius: 50%;
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    background-color: rgba(245, 245, 245, .55);
    transition: background-color .3s ease;
    display: none;
}

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

#header[b-j7gwa9o8f7] {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: fit-content;
    padding: 10px;
    display: flex;
    flex-wrap: nowrap;
    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-j7gwa9o8f7] {
        padding: 15px;
    }

    #header .logo-and-name-container[b-j7gwa9o8f7] {
        margin-left: 5%;
    }

    #header .user-options[b-j7gwa9o8f7] {
        margin-right: 5%;
    }

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


.logo-and-name-container[b-j7gwa9o8f7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

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

.logo-img[b-j7gwa9o8f7] {
    max-width: 8rem;
    float: left;
    margin-right: 1rem;
}

.logo-name[b-j7gwa9o8f7] {
    color: #63666b;
    font-size: 1.5rem;
    padding-top: 9px;
    margin-bottom: 0px;
    font-weight: 700;
    user-select: none;
    white-space: nowrap;
}

#header nav[b-j7gwa9o8f7] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 1.6;
}

[b-j7gwa9o8f7] nav > * {
    font-size: 1rem;
}

[b-j7gwa9o8f7] .nav-item.active {
    text-decoration: underline;
}

[b-j7gwa9o8f7] .nav-item {
    margin-left: .5rem;
    font-weight: 500;
    white-space: nowrap;
}

    [b-j7gwa9o8f7] .nav-item:last-child {
        margin-right: .55rem;
    }

.nav-item-separator[b-j7gwa9o8f7] {
    user-select: none;
    cursor: default;
    color: inherit;
    margin-top: -1px;
}

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

.user-options[b-j7gwa9o8f7] {
    /* 
        Widths are used to align the nav-element properly to the middle,
        not the best solution and not absolutely centered but it works.
    */
    width: calc(150px + 5vw);
    max-width: 300px;
}

.header-button[b-j7gwa9o8f7],
#toggle-header[b-j7gwa9o8f7] {
    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-j7gwa9o8f7] {
        border: 1px solid hsl(var(--ui-blue-highlight)) !important;
    }

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

    .header-button:hover[b-j7gwa9o8f7],
    #toggle-header:hover[b-j7gwa9o8f7] {
        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 */
#language-dropdown-overlay-click-element[b-j7gwa9o8f7] {
    z-index: 1001;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

    #language-dropdown-overlay-click-element.active[b-j7gwa9o8f7] {
        display: block;
    }

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

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

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

    .dropdown-button .dropdown-menu-container[b-j7gwa9o8f7] {
        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-j7gwa9o8f7] {
            grid-template-rows: 1fr;
        }

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

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

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

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

            .dropdown-button .dropdown-menu-container .dropdown-menu-item:hover[b-j7gwa9o8f7] {
                background-color: hsl(219, 39%, 38%);
                color: white;
            }
/* Click elements and dropdown buttons */

.main-view[b-j7gwa9o8f7] {
    background-color: #F0F0F0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 5% 0 5% 0;
    padding-left: 1%;
    padding-right: 1%;
}

/* !!! Side navigation styles !!! */
.side-navigation[b-j7gwa9o8f7] {
    position: sticky;
    top: 6.75rem;
    align-self: flex-start;
}

.side-navigation-deposit[b-j7gwa9o8f7] {
    background: white;
    border-radius: 8px;
    list-style: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.55);
    position: sticky;
    padding-right: .5rem;
    color: rgb(63, 107, 171);
    margin-bottom: 1rem;
    width: stretch;
    display: block;
    font-weight: 600;
    padding-left: 2.5rem;
}

.side-navigation-list[b-j7gwa9o8f7] {
    background: white;
    border-radius: 8px;
    list-style: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.55);
}

.side-navigation-list-internal[b-j7gwa9o8f7] {
    position: sticky;
    top: 16.75rem;
    margin-left: 2.5rem;
    align-self: flex-start;
    background: white;
    list-style: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.55);
}

.unit-details-container[b-j7gwa9o8f7] {
    width: 80%;
    margin: 2%;
}

[b-j7gwa9o8f7] .flatpickr-calendar.static.open {
    position: relative !important;
}


[b-j7gwa9o8f7] input[type="file"] {
    font-size: 0;
}

    [b-j7gwa9o8f7] input[type="file"]::file-selector-button {
        font-size: .8rem;
    }
/* /Pages/Components/AddButtonAndSearchBar.razor.rz.scp.css */
@media screen and (max-width: 445px) {
    .add-button-searchbar-container[b-9f4eg6i0fa] {
        flex-direction: column;
        justify-content: center !important;
    }

    [b-9f4eg6i0fa] .add-button-searchbar-container > * {
        width: 100% !important;
        min-width: unset !important;
    }
}

.add-button-searchbar-container[b-9f4eg6i0fa] {
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem;
    gap: .5rem;
    padding-right: 5em;
}

[b-9f4eg6i0fa] .add-button-searchbar-container .search-input {
    width: 40%;
}

.commodity-term-container[b-9f4eg6i0fa] {
    display: inline-flex;
    color: hsl(216 46% 46%);
    font-weight: bold;
    align-items: baseline;
}

.commodity-rank-container[b-9f4eg6i0fa] {
    display: inline-flex;
    color: hsl(216 46% 46%);
    font-weight: bold;
    align-items: baseline;
}
/* /Pages/Components/Common/CommonButton.razor.rz.scp.css */

.button-common:hover[b-c94gfk3rcw] {
    background-color: hsl(219 39% 38%);
}

.button-common[b-c94gfk3rcw] {
    min-width: min-content;
    position: relative;
    padding: .5rem 1.5rem;
    border: transparent;
    border-radius: .375rem;
    background-color: hsl(216 46% 46%);
    color: white;
    cursor: pointer;
    transition: all .3s ease;
}
/* /Pages/Components/Common/CommonCheckBox.razor.rz.scp.css */
.search-checkbox-container[b-bssn7vrrn8] {
    margin: 1em;
}
/* /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-o1f5d8fyj9] .expandable-box-container {
    padding: 1rem;
    border-radius: 0 0 .5rem .5rem;
    background-color: rgba(0, 0, 0, .05);
}

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

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

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

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

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

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

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

.expanded .expandable-box-content[b-o1f5d8fyj9] {
    grid-template-rows: 1fr;
}
/* /Pages/Components/Common/CommonLoadingSpinner.razor.rz.scp.css */
.loading-overlay[b-vkxmsmdjb6] {
    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-vkxmsmdjb6] {
        opacity: 0;
        background-color: transparent;
        z-index: -1;
    }

    .loading-overlay.visible[b-vkxmsmdjb6] {
        opacity: 1;
        background-color: rgba(255, 255, 255, .75);
        z-index: 999;
    }

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

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

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

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

[b-pygf6ikfq8] #snackbar-stack {
    position: sticky !important;
    bottom: -40px;
    margin: auto;
    text-align: center;
    transform: unset !important;
    left: unset !important;
}

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

[b-pygf6ikfq8] #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/CommonSearchBar.razor.rz.scp.css */
.search-input-container[b-3n0t3l5oit] {
    display: inline-flex;
    color: hsl(216 46% 46%);
    font-weight: bold;
    align-items: baseline;
}

.search-input[b-3n0t3l5oit] {
    position: relative;
    min-width: 200px;
    max-width: 400px;
    margin: 1em;
}

    .search-input input[b-3n0t3l5oit] {
        width: 100%;
        padding: .1rem;
        border: 1px solid #aaa;
    }

        .search-input input[disabled][b-3n0t3l5oit] {
            cursor: not-allowed;
        }

    .search-input button[b-3n0t3l5oit] {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        border: none;
        background-color: transparent;
        display: none;
    }

.filter-by-text[b-3n0t3l5oit] {
    color: hsl(216 46% 46%);
    font-weight: bold;
    align-self: center;
    margin-right: 4.5em;
}
/* /Pages/Components/Common/CommonSearchDropdown.razor.rz.scp.css */

.combobox-container[b-kf583dqolc] {
    position: relative;
    margin: 1em;
}

.combobox-dropdown[b-kf583dqolc] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 200px; /* Adjust as needed */
    overflow-y: auto;
    background-color: white;
    border: 1px solid #ccc;
    z-index: 1000; /* Ensure it appears above other elements */
}

.combobox-item[b-kf583dqolc] {
    padding: 8px;
    cursor: pointer;
}

    .combobox-item:hover[b-kf583dqolc] {
        background-color: #f0f0f0;
    }

.clear-search-button[b-kf583dqolc] {
    background-color: transparent;
    border: 1px solid #ccc;
    color: black;
}
    .clear-search-button:hover[b-kf583dqolc] {
        background-color: hsl(0 0% 96%)
    }
/* /Pages/Components/Common/CommonTable.razor.rz.scp.css */
@media screen and (max-width: 768px) {
    .table-title[b-0xr3z3wiku] {
        font-size: 1.2rem !important;
        align-self: center !important;
        margin: 1rem !important;
    }

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

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

.table-container[b-0xr3z3wiku] {
    width: auto;
    margin: 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.table-title[b-0xr3z3wiku] {
    word-wrap: anywhere;
    hyphens: auto;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 1rem 0;
    margin: 0;
    align-self: flex-start;
}

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

    [b-0xr3z3wiku] .table-row:nth-child(even) {
        background-color: #f9f9f9;
    }

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

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

[b-0xr3z3wiku] .table-row-item {
    flex: 1;
    max-width: 100%;
    word-wrap: anywhere;
    hyphens: auto;
}
/* /Pages/Components/Common/CommonTableWithMultipleColumns.razor.rz.scp.css */
@media screen and (max-width: 768px) {
    .table-title[b-3c76elxa8n] {
        font-size: 1.2rem !important;
        align-self: center !important;
        margin: 1rem !important;
    }

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

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

.table-container[b-3c76elxa8n] {
    width: auto;
    margin: 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.table-title[b-3c76elxa8n] {
    word-wrap: anywhere;
    hyphens: auto;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 1rem 0;
    margin: 0;
    align-self: flex-start;
}

.table-columns[b-3c76elxa8n] {
    display: flex;
    gap: 1rem;
    width: 100%;
}

.column[b-3c76elxa8n] {
    flex: 1;
}

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

    [b-3c76elxa8n] .table-row:nth-child(even) {
        background-color: #f9f9f9;
    }

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

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

[b-3c76elxa8n] .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-f8thmeblcx] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 0 .5rem;
    margin-bottom: 10px;
}

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

[b-f8thmeblcx] .number-picker-select {
    max-width: fit-content;
    min-width: unset;
}
/* /Pages/Components/ItemGrid.razor.rz.scp.css */
@media screen and (max-width: 768px) {
    [b-ivfu4dv0ye] .quickgrid {
        padding: .5rem !important;
        width: 100% !important;
        --col-gap: 1rem !important;
    }

        [b-ivfu4dv0ye] .quickgrid > tbody > tr > .quickgrid-btns {
            padding: .5rem !important;
            margin-left: 50px;
        }

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

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

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

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

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

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

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

.component-container[b-ivfu4dv0ye] {
    position: relative;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 0;
    border-radius: 8px;
    padding: 5px; /* Padding to prevent the border from being cut off */
    width: 100%;
    max-width: 2400px;
}

.quickgrid-container[b-ivfu4dv0ye] {
    border: var(--border-thin);
    border-radius: 8px;
    overflow: auto;
}

.quickgrid-loading-overlay[b-ivfu4dv0ye] {
    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-ivfu4dv0ye] .quickgrid {
    background-color: rgba(255, 255, 255, 1.0);
    width: 100%;
    overflow-x: auto;
    --col-gap: .2rem !important;
}

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

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

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

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

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

    [b-ivfu4dv0ye] .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-ivfu4dv0ye] .quickgrid-btns {
    display: inline-flex;
}

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

[b-ivfu4dv0ye] .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-ivfu4dv0ye] .quickgrid-row-btn[disabled] {
        cursor: not-allowed;
        background-color: rgb(248, 249, 250) !important;
        color: rgb(206, 212, 218);
    }

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

    [b-ivfu4dv0ye] .paginator .summary::after {
        content: ' in total';
    }


[b-ivfu4dv0ye] .search-btn {
    margin-left: .5rem;
}

.update-history[b-ivfu4dv0ye] {
    font-size: small;
    margin-left: 30%;
}

[b-ivfu4dv0ye] .selected-row {
    position: relative;
}

    [b-ivfu4dv0ye] .selected-row::before {
        content: "";
        position: absolute;
        width: 28px;
        height: 40px;
        background: linear-gradient(to left, rgba(59, 89, 135, 0.7) 0%, rgba(59, 89, 135, 0.9) 100%);
        border-bottom-right-radius: 20%;
        border-top-right-radius: 20%;
        left: -25px;
        pointer-events: none;
    }
/* /Pages/GeneralInformation/GeneralInformation.razor.rz.scp.css */
body[b-g8m7nr821u] {
}
/* /Pages/GeneralInformation/SingleEarthResource.razor.rz.scp.css */
@media screen and (max-width: 768px) {
    .unit-details-container[b-4fw5u48veu] {
        width: 100% !important;
        max-width: unset !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    [b-4fw5u48veu] .back-btn {
        margin: 1rem 0 0 1rem !important;
    }

        [b-4fw5u48veu] .back-btn .back-btn-arrow-right {
            transform: translateX(0%);
            opacity: 1 !important;
        }

        [b-4fw5u48veu] .back-btn .back-btn-text {
            margin-left: 10px;
        }

    [b-4fw5u48veu] .references-list-container {
        padding: 0 1rem 1rem;
    }

    [b-4fw5u48veu] .references-list-header {
        font-size: 1.2rem !important;
    }

    [b-4fw5u48veu] .references-list {
        padding-left: 2rem;
        list-style: none;
    }

    [b-4fw5u48veu] .table-container .table-title {
        padding-top: 1rem !important;
    }

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

.unit-details-container[b-4fw5u48veu] {
    width: 80%;
    max-width: 1200px;
    height: fit-content;
    background-color: #fff;
    padding: 1.35rem;
    margin: 1.5rem auto;
}

[b-4fw5u48veu] .table-container .table-title {
    padding-top: 0;
}

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

[b-4fw5u48veu] .expandable-box {
    margin-top: 1rem;
}
/* /Pages/Index.razor.rz.scp.css */
@media screen and (max-width: 1150px) {

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

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

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

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

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

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

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

.overlay[b-7z4z64czp8] {
    /* 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;*/
}

.index-container .view-article[b-7z4z64czp8] {
    width: 100%;
    max-width: none;
}

.view-article img[b-7z4z64czp8] {
    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-7z4z64czp8] {
    display: flex;
    justify-content: flex-end;
    padding: 2rem 0 3rem 8rem;
    width: 55%;
    background: none;
}

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

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

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

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

.index-info-text[b-7z4z64czp8] {
    color: rgba(255, 255, 255, .9);
    max-width: 70ch;
}
/* /Pages/Mining/Mines.razor.rz.scp.css */
@media screen and (max-width: 768px) {
    .unit-details-container[b-11h4clqkxb] {
        width: 100% !important;
        max-width: unset !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    [b-11h4clqkxb] .back-btn {
        margin: 1rem 0 0 1rem !important;
    }

        [b-11h4clqkxb] .back-btn .back-btn-arrow-right {
            transform: translateX(0%);
            opacity: 1 !important;
        }

        [b-11h4clqkxb] .back-btn .back-btn-text {
            margin-left: 10px;
        }

    [b-11h4clqkxb] .references-list-container {
        padding: 0 1rem 1rem;
    }

    [b-11h4clqkxb] .references-list-header {
        font-size: 1.2rem !important;
    }

    [b-11h4clqkxb] .references-list {
        padding-left: 2rem;
        list-style: none;
    }

    [b-11h4clqkxb] .table-container .table-title {
        padding-top: 1rem !important;
    }

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

.unit-details-container[b-11h4clqkxb] {
    width: 80%;
    max-width: 1200px;
    height: fit-content;
    background-color: #fff;
    padding: 1.35rem;
    margin: 1.5rem auto;
}

[b-11h4clqkxb] .table-container .table-title {
    padding-top: 0;
}

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

[b-11h4clqkxb] .expandable-box {
    margin-top: 1rem;
}
/* /Pages/Mining/MiningWaste/MiningWastes.razor.rz.scp.css */
@media screen and (max-width: 768px) {
    .unit-details-container[b-qh0qh2tpnq] {
        width: 100% !important;
        max-width: unset !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    [b-qh0qh2tpnq] .back-btn {
        margin: 1rem 0 0 1rem !important;
    }

        [b-qh0qh2tpnq] .back-btn .back-btn-arrow-right {
            transform: translateX(0%);
            opacity: 1 !important;
        }

        [b-qh0qh2tpnq] .back-btn .back-btn-text {
            margin-left: 10px;
        }

    [b-qh0qh2tpnq] .references-list-container {
        padding: 0 1rem 1rem;
    }

    [b-qh0qh2tpnq] .references-list-header {
        font-size: 1.2rem !important;
    }

    [b-qh0qh2tpnq] .references-list {
        padding-left: 2rem;
        list-style: none;
    }

    [b-qh0qh2tpnq] .table-container .table-title {
        padding-top: 1rem !important;
    }

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

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

[b-qh0qh2tpnq] .table-container .table-title {
    padding-top: 0;
}

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

[b-qh0qh2tpnq] .expandable-box {
    margin-top: 1rem;
}
/* /Pages/ResourcesAndReserves/OreMeasure/OreMeasures.razor.rz.scp.css */
#oremeasures[b-gdayoukedl] {
    width: unset;
}