@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* _content/Navigator/Components/Account/Shared/AccountLayout.razor.rz.scp.css */
.login-main[b-0xr755ktfz]{
    background-image: url("../assets/Background_Images/tankerDoingShippingThings_alt.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    justify-content: center;
    align-items: center;

}

@media only screen and (max-width: 1400px) {
    .login-main[b-0xr755ktfz] {
        background-image: url("../assets/Background_Images/LNGDockedComp.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 100vh;
        width: 100vw;
        justify-content: center;
        align-items: center;
    }
}

@media only screen and (max-width: 1000px) {
    .login-main[b-0xr755ktfz] {
        background-image: url("../assets/Background_Images/Mobile/DarkPortraitMobile.jpeg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 100vh;
        width: 100vw;
        justify-content: center;
        align-items: center;
    }
}

.login-form[b-0xr755ktfz] {
    background-color: rgb(181, 203, 214, 0.88);
    border-radius: 1rem;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

[b-0xr755ktfz] .form-control:focus {
    background-color: #fff;
}

[b-0xr755ktfz] h1, [b-0xr755ktfz] .h1 {
    margin: 1rem 0 1rem 0;
    font-size: 2.75rem;
    /*white-space: nowrap;*/
}

[b-0xr755ktfz] p {
    font-family: "Soehne",cursive;
    font-size: 1.1rem;
}

[b-0xr755ktfz] .btn {
    font-size: 1.25rem;
}

.marquee[b-0xr755ktfz] {
    height: 1.5rem;
    background-color: rgba(64, 88, 100, 0.8);
    overflow: hidden;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1000; /* Ensure it's on top of other elements */
}

.marquee ul[b-0xr755ktfz] {
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    width: auto;
    left: 0;
    animation: marqueeAnim-b-0xr755ktfz 60s linear infinite; /* Increased from 30s to 60s to make it slower */
}

.marquee li[b-0xr755ktfz] {
    display: inline-block;
    color: white;
    font-size: 1.1rem;
    margin-right: 150px; /* Add a margin to prevent overlapping */
}

.marquee li a[b-0xr755ktfz] {
    color: white;
    text-decoration: none;
}

.marquee:hover ul[b-0xr755ktfz] {
    animation-play-state: paused;
}

.marquee li:hover[b-0xr755ktfz] {
    animation-play-state: paused;
}

.marquee li a:hover[b-0xr755ktfz] {
    text-decoration: underline;
}

@keyframes marqueeAnim-b-0xr755ktfz {
    0% {
        transform: translateX(100vw);
    }
    100% {
        transform: translateX(-100%);
    }
}

@media screen and (max-width: 1400px) {
    .marquee[b-0xr755ktfz] {
        display: none;
    }
}
/* _content/Navigator/Components/Common/ChartBuilder/HighchartBase.razor.rz.scp.css */
.HighChart-Base[b-t5qgcncj1o]{
    height:100%;
}
.HighChart-Base.HighChart-Watermark[b-t5qgcncj1o] {
    position: relative;
}
.HighChart-Base.HighChart-Watermark[b-t5qgcncj1o]::before {
    width: 100%;
    height: 100%;
    content: ' ';
    display: block;
    background-image: url('../assets/Logo/SSYLogo_2Line_Water_L.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
/* _content/Navigator/Components/Common/ChartBuilder/PeriodCode_Selector.razor.rz.scp.css */
.periodcode-component form[b-6di5g6b8v5] {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 5px;
}

    .periodcode-component form .ssy-select-long[b-6di5g6b8v5] {
        width: auto;
    }

    .periodcode-component form .periodcode-title-container[b-6di5g6b8v5] {
        margin: auto;
        display: inline-block;
    }

    .periodcode-component form .periodcode-checkbox-parent-container[b-6di5g6b8v5] {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
    }

    .periodcode-component form .periodcode-checkbox-container[b-6di5g6b8v5] {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

        .periodcode-component form .periodcode-checkbox-container label[b-6di5g6b8v5] {
            padding: 0.25rem;
        }

            .periodcode-component form .periodcode-checkbox-container label > input[b-6di5g6b8v5] {
                vertical-align: middle;
            }

.periodcode-component .periodcode-selected-container[b-6di5g6b8v5] {
    /*    display: flex;
flex-direction: column;*/
    width: 100%;
}

    .periodcode-component .periodcode-selected-container > table[b-6di5g6b8v5] {
        width: 100%;
    }

        .periodcode-component .periodcode-selected-container > table > caption[b-6di5g6b8v5] {
            caption-side: top;
            color: #000000;
            font-weight: 400;
            margin-bottom: 0;
        }

        .periodcode-component .periodcode-selected-container > table > thead > tr[b-6di5g6b8v5] {
            background-color: #009DC9;
            color: white;
            border-color: #009DC9;
        }

        .periodcode-component .periodcode-selected-container > table > tbody > td[b-6di5g6b8v5] {
            display: flex;
            flex-direction: row;
            align-items: center;
        }


.selected-year[b-6di5g6b8v5] {
    background-color: #B5CBD6;
    width: 3rem;
}
/* _content/Navigator/Components/Common/ChartBuilder/PeriodOffset_Selector.razor.rz.scp.css */

/*
    .periodoffset-component form .ssy-select-long {
        width: auto;
    }

    .periodcode-component form .periodcode-title-container {
        margin: auto;
        display: inline-block;
    }

    .periodcode-component form .periodcode-checkbox-parent-container {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
    }

    .periodcode-component form .periodcode-checkbox-container {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

        .periodcode-component form .periodcode-checkbox-container label {
            padding: 0.25rem;
        }

            .periodcode-component form .periodcode-checkbox-container label > input {
                vertical-align: middle;
            }
*/
/* _content/Navigator/Components/Common/ChartBuilder/Route_Selector.razor.rz.scp.css */
.dataselector-component form[b-hogceo55vz] {
    padding-left: 2rem;
    display: flex;
    gap: 2rem;
    justify-content: flex-start;
    margin-bottom: 5px;
}

.dataselector-component form .ssy-select-long[b-hogceo55vz] {
    width: auto;
}

.ssy-select-long[b-hogceo55vz] {
    border: 1px solid #767676;
}

.dataselector-component .dataselector-selected-container[b-hogceo55vz] {
    /*    display: flex;
flex-direction: column;*/
    width: 100%;
}

.dataselector-component .dataselector-selected-container > table[b-hogceo55vz] {
    width: 100%;
}

.dataselector-component .dataselector-selected-container > table > caption[b-hogceo55vz] {
    caption-side: top;
    color: #000000;
    font-weight: 400;
    margin-bottom: 0;
}

.dataselector-component .dataselector-selected-container > table > thead > tr[b-hogceo55vz] {
    background-color: #009DC9;
    color: white;
    border-color: #009DC9;
}

    .dataselector-component .dataselector-selected-container > table > tbody[b-hogceo55vz] {
        font-size: 0.8rem;
    }

.selected-key[b-hogceo55vz] {
    background-color: #B5CBD6;
    width: 6rem;
}


.selected-sublist[b-hogceo55vz] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 1rem;
    border-bottom: 1px solid #B5CBD6;
}

.route-selected:checked + .route-selected-label[b-hogceo55vz] {
    background-color: #000061;
    color: white;
}

.route-selected-label[b-hogceo55vz] {
    width:100%;
}


.route-selected-label:hover[b-hogceo55vz] {
    background-color: #E9EFF9;
}
/* _content/Navigator/Components/Common/DropZone.razor.rz.scp.css */
.file-drop-zone[b-o2z4wa7pti] {
    position: relative;
    border: dashed 2px transparent;
    border-radius: 6px;
    transition: border linear 0.2s;
    min-height: 100px;
}

.file-drop-zone.hover[b-o2z4wa7pti] {
    border: dashed 2px #007bff;
}

.file-drop-zone[b-o2z4wa7pti]::after {
    border: dashed 2px #007bff;
    content: "Drop here";
    font-size: 24px;
    position: absolute;  /* Changed from relative to absolute */
    top: 0;
    left: 0;
    height: 100%;  /* Ensure it covers the full height */
    width: 100%;  /* Ensure it covers the full width */
    background-color: rgba(0, 123, 255, 0.15);  /* Changed color to match border */
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity ease 0.2s;
    pointer-events: none;
    z-index: 1000;
}

.file-drop-zone.hover[b-o2z4wa7pti]::after {
    opacity: 1;  /* Changed from 0.8 to 1 for better visibility */
}

.drop-zone-info[b-o2z4wa7pti] {
    position: absolute;
    bottom: 8px;
    left: 8px;
    color: #6c757d;
    font-size: 14px;
    cursor: help;
}

.drop-zone-info i:hover[b-o2z4wa7pti] {
    color: #007bff;
}
/* _content/Navigator/Components/Common/LandingPage/ClickThroughLinks.razor.rz.scp.css */
.click-through-links h2[b-bc3kyvy69u]{
    align-self: center;
}

.click-through-links .click-through-links[b-bc3kyvy69u] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.click-through-links .click-through-links ul[b-bc3kyvy69u] {
    display: flex;
    justify-content: end;
    list-style: none;
    padding: 0;
    width: 95%;
    margin: auto;
}

.click-through-links .click-through-links div:first-child ul[b-bc3kyvy69u] {
    justify-content: start;
}
.click-through-links .click-through-links div:last-child ul li:not(:last-child)[b-bc3kyvy69u] {
    margin-right: 10px;
}
.click-through-links .click-through-links div:first-child ul li:not(:first-child)[b-bc3kyvy69u] {
    margin-left: 10px;
}

/* up to md */
@media (max-width: 767px) {
    .click-through-links .click-through-links ul[b-bc3kyvy69u],
    .click-through-links .click-through-links div:first-child ul[b-bc3kyvy69u] {
        justify-content: center;
    }
    .click-through-links .click-through-links div:last-child ul li[b-bc3kyvy69u],
    .click-through-links .click-through-links div:first-child ul li[b-bc3kyvy69u] {
        margin-left: 5px;
        margin-right: 5px;
    }
}

.click-through-links .click-through-links .btn.btn-info[b-bc3kyvy69u]{
    border-radius: 0.375rem;
    font-size: 18px;
    min-width: 85px;
}


/* _content/Navigator/Components/Common/LandingPage/CustomCarousel.razor.rz.scp.css */
.carousel-container[b-qbswfpjsyy],
.carousel-inner[b-qbswfpjsyy],
.carousel-item[b-qbswfpjsyy],
.carousel-content[b-qbswfpjsyy],
.carousel-image[b-qbswfpjsyy],
.image-container[b-qbswfpjsyy] {
    height: inherit !important;
}

.carousel[b-qbswfpjsyy] {
    height: 100%;
    width: 100%;
    overflow: hidden; /* Add this line */
}

.mobileContent[b-qbswfpjsyy] {
    display: none;
}

.halfContent[b-qbswfpjsyy] {
    display: none;
}

.desktopContent[b-qbswfpjsyy] {
    display: block;
}

.carousel-indicators[b-qbswfpjsyy] {
    width: 100%;
    margin: 1rem 0;
}
.carousel-content[b-qbswfpjsyy] {
    flex: 1;
    display: flex;
    justify-content: end;
    align-items: center;
    height: 100%;
    width: 100%;
    overflow: hidden;
}


.carousel-indicators > div[b-qbswfpjsyy] {
    /*border-radius: 5px;*/
    background-color: #000061;
}

.carousel-indicators [data-bs-target][b-qbswfpjsyy] {
    flex: inherit;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.current-item[b-qbswfpjsyy] {
    background-color: #f0f0f0;
    border-left: 5px solid #007bff;
}

.carousel-sidebar-wrapper[b-qbswfpjsyy] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 90%; /* Match the carousel image height */
}

/* Update the carousel container styles */
.carousel-container[b-qbswfpjsyy] {
    width: 100%;
    overflow: hidden; /* Add this line */
    border-top: 3px solid #000061;
    border-bottom: 3px solid #000061;
    background-color: white;
}

.carousel-container > div[b-qbswfpjsyy] {
    display: flex;
    width: 100%;
    gap: 0;
}

.carousel-inner[b-qbswfpjsyy] {
    width: 100%;
    display: block;
}

.carousel-item[b-qbswfpjsyy] {
    /*height: 400px;*/
    width: 100%;
}

.carousel-image[b-qbswfpjsyy] {
    flex-direction: column-reverse;
    display: table;
    width: 100% !important;
    object-fit: contain !important;
}

.image-container[b-qbswfpjsyy] {
    height: 100%; /* Ensures it fits within the container */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* Prevents any overflow */
}



.caption-carousel[b-qbswfpjsyy] {
    display: table-caption;
    padding: 0.5rem;
    background-color: #000061;
    color: white;
    font-weight: 500;
    caption-side: top;
    width: 100%;
    text-align: center;
}


.sidebar-cont-display[b-qbswfpjsyy] {
    display: block;
}

/* Update sidebar styles */
.sidebar-container[b-qbswfpjsyy] {
    width: 35%;  /*Use percentage instead of fixed width */
    height: 400px !important; /* Match carousel height */
    margin: 0;
    padding: 1rem;
    overflow-y: auto;
    /*background-color: #fff !important;*/
    /*border: 1px solid lightgrey;*/
    /*border-radius: 10px;*/
    scrollbar-width: none; /* Optional: style scrollbar width */
    /*flex: 1 1 auto;*/ /* Fixed width of 300px */
    overflow-y: auto;
}



#carousel[b-qbswfpjsyy] {
    /*width: 60%;*/ /* Take remaining space */
    /*    flex-grow: 1;*/
    overflow: hidden; /* Add this line */
}

.sidebar-item[b-qbswfpjsyy] {
    /* min-width: 100px; */
    /* height: 125px; */ /* Remove fixed height */
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-top: 1px solid lightgray;
    padding: 16px 0 0 5px !important; /* Increase top padding for separation */
    margin-bottom: 12px; /* Add margin between items */
    background: transparent;
    transition: background 0.2s;
}

/*disable the cursor pointer for all elements inside sidebar item*/
.sidebar-item *[b-qbswfpjsyy] {
    cursor: default;
}

.sidebar-item a[b-qbswfpjsyy] {
    color: #000061;
}
.active-item[b-qbswfpjsyy] {
    color: #163E9F;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
    background: #E9EFF9;
    width: calc(100% - 3px);  /*Use percentage instead of fixed width */
/*    min-width: 255px;
    max-width: 355px;*/
    padding: 5px 0 0 5px !important;
}


@media only screen and (max-width: 1200px) {
    .mobileContent[b-qbswfpjsyy] {
        display: none;
    }

    .halfContent[b-qbswfpjsyy] {
        display: block;
    }

    .desktopContent[b-qbswfpjsyy] {
        display: none;
    }

    .sidebar-container[b-qbswfpjsyy] {
        display: none !important;
        height: 300px !important;
        margin-bottom: 1rem;
    }
    

    .carousel-inner[b-qbswfpjsyy] {
        height: 100%;
        width: 100%;
    }

    .carousel-content img[b-qbswfpjsyy] {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

    .carousel-container[b-qbswfpjsyy] {
        grid-template-columns: 1fr; /* Stack on smaller screens */
        height: auto;
    }

    .carousel figure[b-qbswfpjsyy] {
        height: 300px !important;
    }
}

@media (max-width: 768px) {
    
    .carousel-parent[b-qbswfpjsyy]{
        align-content: center;
    }
    .mobileContent[b-qbswfpjsyy] {
        display: block;
    }

    .halfContent[b-qbswfpjsyy] {
        display: none;
    }

    .desktopContent[b-qbswfpjsyy] {
        display: none;
    }

    .carousel-indicators[b-qbswfpjsyy] {
        padding-bottom: 7%;
    }

    .sidebar-container[b-qbswfpjsyy] {
        height: 200px !important;
    }

    .carousel figure[b-qbswfpjsyy] {
        height: 200px !important;
    }
}

@media (max-width: 1800px) {
    #blurb[b-qbswfpjsyy] {
        display: none;
    }
    .sidebar-item[b-qbswfpjsyy] {
        height: unset;
    }
}

/* Responsive breakpoints */
@media (max-width: 992px) {
    .carousel-container > div[b-qbswfpjsyy] {
        flex-direction: column;
    }

    .sidebar-container[b-qbswfpjsyy] {
        width: 100%;
        max-width: none;
        margin-bottom: 1rem;
    }

    #carousel[b-qbswfpjsyy] {
        width: 100%;
    }
    .carousel-parent[b-qbswfpjsyy] {
        width: 100% !important;
    }
    #customCarousel[b-qbswfpjsyy] {
     flex: unset !important;
    }
}

.management-controls[b-qbswfpjsyy] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.management-controls button[b-qbswfpjsyy] {
    background-color: #000061;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
}

.management-controls button:hover[b-qbswfpjsyy] {
    background-color: #000080;
}

.selection-item[b-qbswfpjsyy] {
    padding: 0.5rem;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.selection-item:hover[b-qbswfpjsyy] {
    background-color: #f8f9fa;
}

.limit-warning[b-qbswfpjsyy] {
    color: #dc3545;
    margin-left: auto;
}

.managementPanelToggle[b-qbswfpjsyy] {
    height: 2.5rem;
    width: 2.5rem;
    background-color: #000061;
    color: white;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.managementPanelToggle:hover[b-qbswfpjsyy] {
    background-color: #000080;
}

.selection-item[b-qbswfpjsyy] {
    position: relative;
}

.limit-warning[b-qbswfpjsyy] {
    color: red;
    font-size: 1.2rem;
    margin-left: 5px;
}

.carousel-parent[b-qbswfpjsyy] {
    position: relative;
    width: 58vw;
}

.managementPanelToggle[b-qbswfpjsyy] {
    height: 3rem;
    width: 3rem;
    background-color: #000061;
    color: white;
    border: none;
    border-radius: 9999px;
    cursor: pointer;
}

.responsive-image[b-qbswfpjsyy] {
    max-height: 100%; /* Keeps the image within the container's height */
    max-width: 100%;  /* Ensures the image scales down proportionally */
    object-fit: contain; /* Ensures the image retains its aspect ratio */
}

.carousel-loading-desktop[b-qbswfpjsyy] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.carousel-loading-mobile[b-qbswfpjsyy] {
    display: none;
}

@media only screen and (max-width: 992px) {
    .carousel-loading-mobile[b-qbswfpjsyy] {
        display: block;
    }
    .carousel-loading-desktop[b-qbswfpjsyy]{
        display: none;
    }
}

.list-container[b-qbswfpjsyy] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin: 1rem 0;
    overflow-y: scroll;
    width: inherit;
    max-height: 93%;
}

.drag-list[b-qbswfpjsyy] {
    min-height: 300px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 1rem;
    background: #f8f9fa;
}

.drag-list h3[b-qbswfpjsyy]{
    position: sticky;
    top: 0;
    background-color: #f8f9fa;
    padding: 2px 2px 5px 2px;
    margin-top: 5px;
}

.drag-item[b-qbswfpjsyy] {
    padding: 0.5rem;
    margin: 0.5rem 0;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    cursor: move;
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
}

.drag-handle[b-qbswfpjsyy] {
    cursor: move;
    color: #666;
    padding: 0.5rem;
    display: flex;
    align-items: center;
}

.drag-handle:hover[b-qbswfpjsyy] {
    color: #000;
}

.drag-item.dragging[b-qbswfpjsyy] {
    opacity: 0.5;
    cursor: grabbing;
}

.drag-list.drag-over[b-qbswfpjsyy] {
    background: #e9ecef;
    border: 2px dashed #0d6efd;
}

.drag-list.drag-valid.drag-over[b-qbswfpjsyy] {
    background: #e9ecef;
    border: 2px dashed #28a745;
}

.drag-list.drag-invalid.drag-over[b-qbswfpjsyy] {
    background: #f8d7da;
    border: 2px dashed #dc3545;
    cursor: not-allowed;
}

.drag-list.drag-invalid .drag-item[b-qbswfpjsyy] {
    cursor: not-allowed;
}

.drag-list[b-qbswfpjsyy] {
    flex: 1;
    min-height: 300px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 1rem;
    background: #f8f9fa;
}

.drag-item[b-qbswfpjsyy] {
    padding: 0.5rem;
    margin: 0.5rem 0;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    cursor: move;
}

.drag-item.dragging[b-qbswfpjsyy] {
    opacity: 0.5;
}

.drag-list.drag-over[b-qbswfpjsyy] {
    background: #e9ecef;
    border: 2px dashed #0d6efd;
}

.drag-item footer[b-qbswfpjsyy] {
    margin-top: 0.5rem;
    font-size: 0.8rem;
    color: #666;
}

.drag-item footer button[b-qbswfpjsyy] {
    padding: 0.25rem 0.5rem;
    margin-left: 0.25rem;
}

.drag-item footer button i[b-qbswfpjsyy] {
    font-size: 0.8rem;
}
.carousel-parent[b-qbswfpjsyy] {
    position: relative; /* Ensure the parent container is positioned relatively */
}

.carousel figure[b-qbswfpjsyy] {
    min-height: 250px;
    height: 400px;
    /*width: 100%;*/
    margin: 0;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.carousel figure img[b-qbswfpjsyy] {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.carousel figure figcaption[b-qbswfpjsyy] {
    background-color: #000061;
    color: white;
    font-weight: 500;
    text-align: center;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    /*width: 75%;*/
    /*margin: auto;*/
}

.carousel-control-next-icon[b-qbswfpjsyy]{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000061'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-control-prev-icon[b-qbswfpjsyy]{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000061'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.drop-zone[b-qbswfpjsyy] {
    padding: 0.25rem;
    transition: padding 0.2s ease;
    position: relative;
}

.drop-zone.drop-target[b-qbswfpjsyy] {
    padding: 1rem 0.25rem;
}

.drop-zone.drop-target[b-qbswfpjsyy]::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: #007bff;
    top: 0;
}

.drag-content[b-qbswfpjsyy] {
    flex: 1;
    min-width: 0; /* Prevents flex item from overflowing */
}

.drag-item[b-qbswfpjsyy] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    cursor: move;
}

.drag-item.dragging[b-qbswfpjsyy] {
    opacity: 0.5;
    cursor: grabbing;
}

.drag-content[b-qbswfpjsyy] {
    flex: 1;
}

.image-crop-container[b-qbswfpjsyy] {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    background: #f0f0f0;
    border-radius: 4px;
    overflow: hidden;
}

.crop-area[b-qbswfpjsyy] {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
}

.crop-image[b-qbswfpjsyy] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.crop-overlay[b-qbswfpjsyy] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
    z-index: 1;
}

.crop-window[b-qbswfpjsyy] {
    position: absolute;
    border: 2px solid white;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
    pointer-events: all;
    cursor: move;
    aspect-ratio: 16/9;
    width: 80%;
    left: 10%;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center;
    z-index: 2;
}

.preview-image[b-qbswfpjsyy] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 0;
    pointer-events: none;
}

.resize-handle[b-qbswfpjsyy] {
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    border: 1px solid #666;
}

.resize-handle.top-left[b-qbswfpjsyy] {
    top: -5px;
    left: -5px;
    cursor: nw-resize;
}

.resize-handle.top-right[b-qbswfpjsyy] {
    top: -5px;
    right: -5px;
    cursor: ne-resize;
}

.resize-handle.bottom-left[b-qbswfpjsyy] {
    bottom: -5px;
    left: -5px;
    cursor: sw-resize;
}

.resize-handle.bottom-right[b-qbswfpjsyy] {
    bottom: -5px;
    right: -5px;
    cursor: se-resize;
}

.image-preview-container[b-qbswfpjsyy] {
    position: relative;
    max-width: 800px;
    margin: 1rem auto;
    background: #f8f9fa;
    border-radius: 4px;
    overflow: hidden;
}

.preview-area[b-qbswfpjsyy] {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 aspect ratio */
}

.preview-image[b-qbswfpjsyy] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: move;
    z-index: 0;
}

.crop-overlay[b-qbswfpjsyy] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
}

.crop-window[b-qbswfpjsyy] {
    position: absolute;
    border: 2px solid white;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
    pointer-events: all; /* Allow interaction with the crop window */
    aspect-ratio: 16/9;
    width: 80%;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.crop-guide[b-qbswfpjsyy] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.crop-guide[b-qbswfpjsyy]::before,
.crop-guide[b-qbswfpjsyy]::after {
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
}

.crop-guide[b-qbswfpjsyy]::before {
    left: 33.33%;
    width: 1px;
    height: 100%;
}

.crop-guide[b-qbswfpjsyy]::after {
    top: 33.33%;
    height: 1px;
    width: 100%;
}

.expired-item[b-qbswfpjsyy] {
    background: #fffbe6 !important;
    border-color: #ffe066 !important;
    box-shadow: 0 0 0 2px #ffe06633;
}

.carousel-edit-image-preview-simple[b-qbswfpjsyy] {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    background: #f8f9fa;
    border-radius: 0.5rem;
    padding: 0.5rem;
    text-align: center;
}

.preview-area-simple[b-qbswfpjsyy] {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    background: #1a1a1a;
    border-radius: 0.5rem;
    overflow: hidden;
    margin-bottom: 0.5rem;
    min-height: 180px; /* Ensures a reasonable height for the preview */
    height: auto; /* Let aspect-ratio control height */
    padding-top: 0; /* Remove padding-top if present */
}

.preview-image-simple[b-qbswfpjsyy] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 0.5rem;
    border: 1px solid #e5e7eb;
    z-index: 1;
    max-width: none !important;
    max-height: none !important;
}

.carousel-mgmt-card-desc[b-qbswfpjsyy] {
    font-size: 0.97rem;
    color: #444;
    margin-bottom: 0.25rem;
    /* max-height: 3.5em; */ /* REMOVE or comment out */
    /* overflow: hidden; */ /* REMOVE or comment out */
    /* text-overflow: ellipsis; */ /* REMOVE or comment out */
    white-space: normal; /* Allow wrapping */
    word-break: break-word; /* Prevent overflow for long words/links */
}


/* _content/Navigator/Components/Common/LandingPage/FaqAccordion.razor.rz.scp.css */
/* _content/Navigator/Components/Common/LandingPage/Introduction.razor.rz.scp.css */
/* _content/Navigator/Components/Common/LandingPage/LandingPage.razor.rz.scp.css */

@property --a {
    syntax: '<angle>';
    inherits: false;
    initial-value: 122deg;
}

.dashboard-container[b-fyzwyr2b6p] {
    align-content: center;
}
@media only screen and (max-width: 992px) {
    .dashboard-container[b-fyzwyr2b6p] {
        align-content: unset;
    }
}
@media only screen and (max-width: 768px) {
    .dashboard-container[b-fyzwyr2b6p] {
        align-content: center;
    }
}

/*Visible at lg*/
@media (min-width: 992px) {
    .mid-container[b-fyzwyr2b6p] {
        background: linear-gradient(var(--a), #1544A3, #1544A3, #0092D1, #0092D1, #1544A3);
        /*background: linear-gradient(108deg, #1544A3, #1544A3, #0092D1, #0092D1, #1544A3);*/
        border: 3px solid #000061;
        border-top: 0;
        border-right: 0;
        transition: --a 0.5s;
        animation: mid-container-rotate-b-fyzwyr2b6p 240s linear infinite;
    }

    @keyframes mid-container-rotate-b-fyzwyr2b6p {
        0% {
            --a: 112deg;   
        }

        50% {
            --a: 472deg;
        }
        100% {
            --a: 832deg;
        }
    }

/*    .table-grid-item-chart {
        border: 3px solid #FFFFFF90 !important;
    }
*/


    /* deep goes through to child components*/
    .mid-container[b-fyzwyr2b6p]  h2,
    .mid-container[b-fyzwyr2b6p]  .h1Grey,
    .mid-container[b-fyzwyr2b6p]  .h2Grey,
    .mid-container[b-fyzwyr2b6p]  .markets-graphs-container .table-grid-item-chart a,
    .mid-container[b-fyzwyr2b6p]  .markets-graphs-container table.table-sm.table-hover tr {
        /* Inline styling on market graphs table cause me to put important here... */
        color: white !important;
        border-bottom: 1px solid transparent;
    }
    .mid-container[b-fyzwyr2b6p]  .markets-graphs-container table.table-sm.table-hover thead tr{
        /* Inline styling on market graphs table cause me to put important here... */
        border-bottom: 1px solid white !important;
    }
    .mid-container[b-fyzwyr2b6p]  .markets-graphs-container table.table-sm.table-hover tbody tr:hover{
        background-color: initial;
        border-bottom: 1px solid white;
    }

    .left-container[b-fyzwyr2b6p] {
        border-bottom: 3px solid #000061;
        max-width: 350px; /*This is because the content has the same max*/
        padding-right: 0.25rem;
    }
}

/*Visible at xl*/
@media (min-width: 1200px) {
    .mid-container[b-fyzwyr2b6p]{
        border-right: 3px solid #000061;
        border-bottom: 0;
    }

    .left-container[b-fyzwyr2b6p] {
        border-bottom: 0;
        padding-right: 0.25rem;
    }
}
/* _content/Navigator/Components/Common/LandingPage/LatestReports.razor.rz.scp.css */
.page-cont[b-nxz76jpek7] {
    --card-image-height: 15vh;
    --card-image-width: auto;
    --view-btn: 70px;
    --card-height: auto;
}

.cards-container[b-nxz76jpek7] {
    display: grid;
    grid-template-columns: repeat(var(--grid-cols), 1fr);
    gap: 6% 2%;
}

.cards-container.no-items-found[b-nxz76jpek7]{
    grid-template-columns: 25% 50% 25%;
    gap: 0;
}

.report-card[b-nxz76jpek7] {
    border: 1px solid lightgray;
    background: #fff;
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden; /* Hides any extra content */
    padding: 0.5rem;
    box-shadow: 0 0 4px 1px lightgray;
}

.cards-container.no-items-found .report-card[b-nxz76jpek7] {
    display: block;
}

.report-card-left[b-nxz76jpek7] {
    box-sizing: border-box;
    width: 58%;
    margin: 1% 0 1% 1%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

/*for when image goes on the left*/
.report-card-image[b-nxz76jpek7] {
    overflow: hidden;
    height: var(--card-image-height);
}

.report-card-right[b-nxz76jpek7] {
    box-sizing: border-box;
    max-height: 100%;
    width: 42%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.report-title[b-nxz76jpek7] {
    height: 3.7rem;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.2;
    display: block;
}

.cards-container.no-items-found .report-title[b-nxz76jpek7] {
    height: initial;
    
}

.report-view-button-div[b-nxz76jpek7] {
    height: 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*margin: 5% 0 5% 0*/
}
.report-card-view-image[b-nxz76jpek7] {
    display: none;
    height: var(--card-image-height);
    width: var(--card-image-width);
    z-index: 0;
}
.report-view-time-cont[b-nxz76jpek7] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.report-view-button[b-nxz76jpek7] {
    border: 2px solid lightgray;
    z-index: 10;
    height: 4vh;
    width: var(--view-btn);
    margin: 0.4rem 0.8rem;
    background-color: #000061;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 500;
}

.report-view-button:hover[b-nxz76jpek7] {
    background: white;
    color: #000061;
    border: 2px solid #000061;
}

.lastUpdatedSmall[b-nxz76jpek7] {
    color: #6c757d;
}

/*half screen*/
@media only screen and (max-width: 1590px) {
    .page-cont[b-nxz76jpek7] {
        --card-height: 17vh;
        --card-image-height: 12vw;
        --card-image-width: 17vw;
    }

    .latest-reports-container[b-nxz76jpek7] {
        padding: 0 5% 0 5%;
    }

    .report-card[b-nxz76jpek7] {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: var(--card-height);
        padding: unset;
        text-align: center;
        border: 6px solid white;
    }

    .report-card-image[b-nxz76jpek7] {
        display: none;
    }
    .report-view-button-div[b-nxz76jpek7] {
        height: 100%;
        margin: unset;
        position: relative;
        overflow: hidden;
    }
    .report-card-view-image[b-nxz76jpek7] {
        display: block;
        overflow: hidden;
    }
    .report-card-view-image img[b-nxz76jpek7] {
        height: auto;
        width: 100%;
        max-height: none;
        /* calc value gives percentage down the image for that transparency to reach */
        mask-image: linear-gradient(to bottom,
        rgba(0, 0, 0, 1.0) calc(var(--card-image-height)*0.1),
        rgba(0, 0, 0, 0.6) calc(var(--card-image-height)*0.3),
        transparent calc(var(--card-image-height)*0.7)
        );
    }


    .report-view-time-cont[b-nxz76jpek7] {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .report-card-left[b-nxz76jpek7] {
        display: none;
    }

    .report-title[b-nxz76jpek7] {
        height: 2.5rem;
        align-items: center;
        padding: unset;
    }

    .report-card-right[b-nxz76jpek7] {
        height: 100%;
        width: 100%;
        justify-content: unset;
    }

    .lastUpdatedSmall[b-nxz76jpek7] {

    }
}
@media only screen and (max-width: 1200px) {
    .page-cont[b-nxz76jpek7] {
        --card-image-height: 15vh;
        --card-image-width: 24vw;
    }

}

@media only screen and (max-width: 992px) {
    .page-cont[b-nxz76jpek7] {
        --card-height: 26vh; /*calc(var(--card-image-height) - 10vh);*/
        --card-image-height: 15vh;
        --card-image-width: 42vw;
    }

    .cards-container[b-nxz76jpek7] {
        height: auto;
        padding: 0 1vw 2vh 1vw;
        gap: calc(0.15 * var(--card-image-height)) calc(0.05 * var(--card-image-width));
    }

    .report-title[b-nxz76jpek7] {
        max-height: unset;
        height: 3rem;
        width: 100%;
    }

    .report-card-view-image img[b-nxz76jpek7] {
        mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1.0) calc(var(--card-image-height)*0.1), rgba(0, 0, 0, 0.7) calc(var(--card-image-height)*0.6), transparent calc(var(--card-image-height)*1) );
    }
}

@media only screen and (max-width: 500px) {
    .cards-container[b-nxz76jpek7] {
        --grid-cols: 2;
        gap: calc(0.15 * var(--card-image-height)) calc(0.08 * var(--card-image-width));
    }

    .report-card-right[b-nxz76jpek7] {
        padding: unset;
    }




    /* TO HIDE IMAGE ON MOBILE (comment out image and button styling directly above)
        .report-card-view-image {
        display: none;
    }

    .report-view-button {
        position: relative;
        transform: unset;
    }*/
}
/* _content/Navigator/Components/Common/LandingPage/MainRatesGraph.razor.rz.scp.css */
.main-rates-graph h2[b-h8trmqopnq]{
    align-self: center;
}

.main-rates-graph .graph-container[b-h8trmqopnq] {
    /* 300 graph height + border*/
    min-height: 334px;
    border: 2px solid #000061;
    border-radius: 2px;
    width: 95%;
    margin: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.main-rates-graph .graph-container .ssy-colour-dw[b-h8trmqopnq] {
    height: 30px;
}
.main-rates-graph .graph-container h3[b-h8trmqopnq] {
    color: white;
    text-align: center;
}

.main-rates-graph .graph-container .graph[b-h8trmqopnq] {
    background-color: white;
    width: 100%;
    height: 300px;
    aspect-ratio: 16 / 7;
    padding-top: 10px;
}
/* _content/Navigator/Components/Common/LandingPage/MarketsClosingFwdPrices.razor.rz.scp.css */
.positive[b-wy4aauxe4z] {
    color: mediumseagreen !important;
}

.negative[b-wy4aauxe4z] {
    color: crimson !important;
}

.radio-btns[b-wy4aauxe4z] {
    height: calc((2 * 35)px);
    width: calc((3 * 7.2)vw);
}

.radio-label[b-wy4aauxe4z] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 7.2vw;
    height: 35px;
    margin: 0 !important;
}

@media only screen and (max-width: 1580px) {
    .radio-label[b-wy4aauxe4z] {
        width: 7vw;
    }
}@media only screen and (max-width: 1400px) {
    .radio-label[b-wy4aauxe4z] {
        width: 6.8vw;
    }
}
@media only screen and (max-width: 1200px) {
    .radio-label[b-wy4aauxe4z] {
        width: 15vw;
    }
}
@media only screen and (max-width: 990px) {
    .radio-label[b-wy4aauxe4z] {
        width: 25vw;
    }
}
@media only screen and (max-width: 780px) {
    .radio-label[b-wy4aauxe4z] {
        width: 30vw;
    }
}
/* _content/Navigator/Components/Common/LandingPage/MarketsClosingSpotPrices.razor.rz.scp.css */
.positive[b-kf5d196uzr] {
    color: mediumseagreen !important;
}

.negative[b-kf5d196uzr] {
    color: crimson !important;
}
/* _content/Navigator/Components/Common/LandingPage/MarketsGraphs.razor.rz.scp.css */
.markets-graphs-container[b-8ttfgq1fbp] {
}

.table-grid-item-chart[b-8ttfgq1fbp] {
    border: 3px solid #FFFFFF90;
    border-radius: 3px;
}

[b-8ttfgq1fbp] .h1Grey {
    font-family: 'Soehne Breit', Arial;
    font-size: 14px;
    font-weight: bolder;
    color: #000061;
}


[b-8ttfgq1fbp] .h1Grey a {
    color: #000061;
    text-decoration: underline;
}


[b-8ttfgq1fbp] .h2Grey {
    font-family: 'Soehne Breit', Arial;
    font-size: 12px;
    color: #000061;
}

[b-8ttfgq1fbp] .HighChart-Base {
    padding: 0.5rem 0;
    background: #FFFFFF;
}

.loading-overlay[b-8ttfgq1fbp] {
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 50px;
    width: 100%;
    height: 100%;
    background-color: #405864;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    background-image: url('./assets/loadin.gif');
    background-repeat: no-repeat;
    background-position: center; /* Center the image */
    background-size: 20%; /* Make the image slightly smaller */
    opacity: 0.9; /* Make slightly opaque */
}

.loading-overlay[b-8ttfgq1fbp]::after {
    content: "Loading";
    position: absolute;
    top: calc(50% + 100px); /* Adjust this value to position the text below the logo */
    color: white;
    font-size: 1.5em;
    text-align: center;
}

/* _content/Navigator/Components/Common/LandingPage/QuickLinks.razor.rz.scp.css */
.quick-links-container[b-gb6kseecxg] {
    display: grid;
    grid-template-columns: repeat(4, 125px);
    gap: 10px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

ul[b-gb6kseecxg], li[b-gb6kseecxg] { 
    margin-left: 0; 
    padding-left: 0; 
    list-style: none;
}

a[b-gb6kseecxg] {
    text-decoration: none;
}

.grid-item[b-gb6kseecxg] {
    padding: 20px;
    width: 125px;
    height: 125px;
}

.grid-item:hover[b-gb6kseecxg] {
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    animation: pulse-b-gb6kseecxg 1s infinite;
}

.grid-item-structure[b-gb6kseecxg] {
    height: 100%;
    width: 100%;
    text-align: center;
    color: white;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

/* if it doesn't have an ssy colour class make the colour inherit as default */
.grid-item[class*="ssy-colour-"] .grid-item-structure[b-gb6kseecxg]{
    color: inherit;
}

.grid-item-structure img[b-gb6kseecxg] {
    max-width: 65%;
    height: auto;
    margin-bottom: 10px;
}
.grid-item-structure p[b-gb6kseecxg] {
    margin: 0;
    font-size: 15px;
    font-family: "Soehne", 'Franklin Gothic book', sans-serif;
}

@media (max-width: 992px) {
    .quick-links-container[b-gb6kseecxg] {
        grid-template-columns: repeat(2, 125px);
    }
}

@media (max-width: 576px) {
    .quick-links-container[b-gb6kseecxg] {
        grid-template-columns: 125px;
    }
}

@media (max-width: 1675px) {
    .quick-links-container[b-gb6kseecxg] {
        grid-template-columns: repeat(3, 125px);
    }
}

@keyframes pulse-b-gb6kseecxg {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}
/* _content/Navigator/Components/Common/Model/ModelJoinSelector.razor.rz.scp.css */
.ModelJoinSelector-Container[b-ozf3tro72y] {
    display: flex;
    width: 100%;
}

.ModelJoinSelector-Container > div[b-ozf3tro72y] {
    width: 40%;
}

.ModelJoinSelector-Container > div:nth-child(2n)[b-ozf3tro72y] {
    width: 20%;
    min-width: 20%;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.ssy-modelTable.ssy-modelJoin .ssy-modelTable-container[b-ozf3tro72y] {
    height: 750px;
    width: 100%;
    overflow-y: scroll;
}

.ssy-modelTable.ssy-modelJoin table[b-ozf3tro72y] {
    border-bottom: 1px solid #000061;
    width: 100%;
}

.ModelJoinSelector-Container > div:nth-child(2n+1) .ssy-modelTable table[b-ozf3tro72y] {
    table-layout: fixed;
}

.ssy-modelTable.ssy-modelJoin thead[b-ozf3tro72y] {
    font-weight: bold;
    background-color: #000061;
    color: white;
    border-left: 1px solid #000061;
    border-right: 1px solid #000061;
    position: sticky;
    top: 0;
}

.ssy-modelTable.ssy-modelJoin tr.selectlist[b-ozf3tro72y] {
    border-top: 1px solid transparent;
}

.ssy-modelTable.ssy-modelJoin tr.selectlist:hover[b-ozf3tro72y] {
    border-top: 1px solid #000061;
    border-bottom: 1px solid #000061;
}

.ssy-modelTable.ssy-modelJoin td[b-ozf3tro72y] {
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    border-left: 1px solid #000061;
    border-right: 1px solid #000061;
    padding: 0.25rem;
    /*word-wrap: break-word;*/
    /*max-width: 75%;*/
}

.ssy-modelTable.ssy-modelJoin th[b-ozf3tro72y] {
    padding: 0.25rem;
}

.ssy-modelTable.ssy-modelJoin .pointer[b-ozf3tro72y] {
    cursor: pointer;
}
/* _content/Navigator/Components/Common/Model/ModelTable.razor.rz.scp.css */
.ssy-modelTable[b-asxgl7xqfg] {
    display:flex;
    flex-direction:column;
}

.ssy-modelTable .ssy-modelTable-filters[b-asxgl7xqfg] {
    display: flex;
    flex-direction: row;
}

.ssy-modelTable .ssy-modelTable-filters input[type="search"][b-asxgl7xqfg],
.ssy-modelTable .ssy-modelTable-filters select[b-asxgl7xqfg] {
    border-radius: 10px;
    border: 1px solid #000061;
    margin: 0 10px 10px 0;
    height: 25px;
    padding: 0 5px;
}
.ssy-modelTable .ssy-modelTable-container[b-asxgl7xqfg] {
    height: 750px;
    overflow-y:auto;
    overflow-x: clip;
    width: 100%;
}

.ssy-modelTable table[b-asxgl7xqfg] {
    border-bottom: 1px solid #000061;
    width: 100%;
}
.ssy-modelTable table.ssy-modelTable-fixed[b-asxgl7xqfg]{
    table-layout: fixed;
}

.ssy-modelTable thead[b-asxgl7xqfg] {
    font-weight: bold;
    background-color: #000061;
    color: white;
    border-left: 1px solid #000061;
    border-right: 1px solid #000061;
    position: sticky;
    top: 0;
}

.ssy-modelTable tr.selectlist[b-asxgl7xqfg] {
    border-top: 1px solid transparent;
}

.ssy-modelTable tr.selectlist.selected[b-asxgl7xqfg] {
    background-color: #DEDEDE;
}

.ssy-modelTable tr.selectlist:hover[b-asxgl7xqfg] {
    border-top: 1px solid #000061;
    border-bottom: 1px solid #000061;
}

.ssy-modelTable td[b-asxgl7xqfg] {
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    border-left: 1px solid #000061;
    border-right: 1px solid #000061;
    padding: 0.25rem;
    /*max-width: 50%;*/
}
.ssy-modelTable th[b-asxgl7xqfg] {
    padding: 0.25rem;
    width:auto;
}
.ssy-modelTable .pointer[b-asxgl7xqfg] {
    cursor: pointer;
}
/* _content/Navigator/Components/Common/PriceInput/EodPrices_Input_Fwd.razor.rz.scp.css */
.enterPrices table[b-8pwdc4cgxc] {
    width: 100%;
}


/*table.enterPrices > thead > tr {*/
.tableHeader[b-8pwdc4cgxc] {
    background-color: #009DC9;
    color: white;
    border-color: #009DC9;
}

.enterPrices table > tbody > tr[b-8pwdc4cgxc] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: min-content !important;
    /*font-weight: bold;*/
}

.routeName[b-8pwdc4cgxc] {
    font-weight: bold;
    background-color: #000061;
    color: white;
    font-size: 120%;
    padding: 0 0 0 5px;
    align-content: center;
    height: 1.9em;
}

.fcdesc[b-8pwdc4cgxc] {
    text-align: left;
    padding-left: 5px;
    width: 12em;
}

.fcjointprice[b-8pwdc4cgxc] {
    text-align: left;
    padding-left: 5px;
    width: 10em;
}

.fcprice[b-8pwdc4cgxc] {
    text-align: right;
    width: 8em;
}

.negNum[b-8pwdc4cgxc] {
    color: red;
}

.posNum[b-8pwdc4cgxc] {
    color: darkgreen;
}

.percMove1[b-8pwdc4cgxc] {
    background-color: lemonChiffon;
}

.percMove2[b-8pwdc4cgxc] {
    background-color: gold;
}

.percMove3[b-8pwdc4cgxc] {
    background-color: orange;
}

.percMove4[b-8pwdc4cgxc] {
    background-color: red;
    color: white;
}

[b-8pwdc4cgxc] .inputNumberRightAlign {
    text-align: right;
    font-size: 14px;
    min-width: 5rem;
    max-width: 8rem;
    /*        width: 100%;*/
}

[b-8pwdc4cgxc] .staleprice {
    background-color: LightYellow;
}

.calculatedprice[b-8pwdc4cgxc] {
    text-align: right;
    font-size: 14px;
    min-width: 5rem;
    max-width: 8rem;
    width: 100%;
    background-color: lightgray;
    padding-right: 5px;
}

.formulatooltip[b-8pwdc4cgxc] {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

.formulatooltip .formulatooltiptext[b-8pwdc4cgxc] {
    visibility: hidden;
    white-space: nowrap;
    background-color: #000061;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 2px 5px 2px 5px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.formulatooltip:hover .formulatooltiptext[b-8pwdc4cgxc] {
    visibility: visible;
}


.localtooltip[b-8pwdc4cgxc] {
    /*        position: relative;*/
    cursor: pointer;
}


.localtooltip .tooltiptext[b-8pwdc4cgxc] {
    visibility: hidden;
    background-color: #000061;
    color: white;
    text-align: left;
    border-radius: 6px;
    border-color: black;
    border-width: medium;
    padding: 5px;
    /* Position the popupHistory */
    position: absolute;
    left: 6em;
    z-index: 1;
    opacity: 0;
    transition: opacity 5s;
}

.localtooltip .tooltiptext[b-8pwdc4cgxc]::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #545 transparent transparent;
}

.localtooltip:hover .tooltiptext[b-8pwdc4cgxc] {
    visibility: visible;
    transition: .25s all ease;
    transition-delay: 1.5s;
    opacity: 1;
}

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

    .hideOnSmallScreens[b-8pwdc4cgxc] {
        display: none;
    }
}
/* _content/Navigator/Components/Common/PriceInput/EodPrices_Input_GroupFwd.razor.rz.scp.css */
table.enterPrices > thead > tr[b-bdcg11b33a], table.enterPrices tr.tableHeader[b-bdcg11b33a] {
    background-color: #009DC9;
    color: white;
    border-color: #009DC9;
}

table.enterPrices > tbody > tr[b-bdcg11b33a] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: min-content !important;
}

.fcdesc[b-bdcg11b33a] {
    text-align: left;
    padding-left: 5px;
    width: 12em;
}

.fcprice[b-bdcg11b33a] {
    text-align: right;
    width: 8em;
}

.fcjointprice[b-bdcg11b33a] {
    text-align: right;
    width: 10em;
}

.negNum[b-bdcg11b33a] {
    color: red;
}

.posNum[b-bdcg11b33a] {
    color: darkgreen;
}

.percMove1[b-bdcg11b33a] {
    background-color: lemonChiffon;
}

.percMove2[b-bdcg11b33a] {
    background-color: gold;
}

.percMove3[b-bdcg11b33a] {
    background-color: orange;
}

.percMove4[b-bdcg11b33a] {
    background-color: red;
    color: white;
}

[b-bdcg11b33a] .inputNumberRightAlign {
    text-align: right;
    font-size: 14px;
    min-width: 5rem;
    max-width: 8rem;
}

[b-bdcg11b33a] .staleprice {
    background-color: LightYellow;
}

.hideOnSmallScreens[b-bdcg11b33a] {
    display: table-cell;
}

@media screen and (max-width: 768px) {
    .hideOnSmallScreens[b-bdcg11b33a] {
        display: none;
    }
}
/* _content/Navigator/Components/Common/PriceInput/EodPrices_Input_Spot.razor.rz.scp.css */
table.enterPrices > thead > tr[b-nqnd3tnd87] {
    background-color: #009DC9;
    color: white;
    border-color: #009DC9;
}

table.enterPrices > tbody > tr[b-nqnd3tnd87] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: min-content !important;
    /*font-weight: bold;*/
}


.fcdesc[b-nqnd3tnd87] {
    text-align: left;
    padding-left: 5px;
    width: 12em;
}

.fcprice[b-nqnd3tnd87] {
    text-align: right;
    width: 8em;
}

.negNum[b-nqnd3tnd87] {
    color: red;
}

.posNum[b-nqnd3tnd87] {
    color: darkgreen;
}

.percMove1[b-nqnd3tnd87] {
    background-color: lemonChiffon;
}

.percMove2[b-nqnd3tnd87] {
    background-color: gold;
}

.percMove3[b-nqnd3tnd87] {
    background-color: orange;
}

.percMove4[b-nqnd3tnd87] {
    background-color: red;
    color: white;
}

[b-nqnd3tnd87] .inputNumberRightAlign {
    text-align: right;
    font-size: 14px;
    min-width: 5rem;
    max-width: 8rem;
    /*        width: 100%;*/
}

[b-nqnd3tnd87] .staleprice {
    background-color: LightYellow;
}

.calculatedprice[b-nqnd3tnd87] {
    text-align: right;
    font-size: 14px;
    min-width: 5rem;
    max-width: 8rem;
    width: 100%;
    background-color: lightgray;
    padding-right: 5px;
}

.formulatooltip[b-nqnd3tnd87] {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

.formulatooltip .formulatooltiptext[b-nqnd3tnd87] {
    visibility: hidden;
    white-space: nowrap;
    background-color: #000061;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 2px 5px 2px 5px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.formulatooltip:hover .formulatooltiptext[b-nqnd3tnd87] {
    visibility: visible;
}
/* _content/Navigator/Components/Common/PriceInput/IntradayPrice_Input_Fwd.razor.rz.scp.css */
.enterPrices table[b-go4s2nc9pa] {
    width: 100%;
}

/*table.enterPrices > thead > tr {*/
.tableHeader[b-go4s2nc9pa] {
    background-color: #009DC9;
    color: white;
    border-color: #009DC9;
}

.enterPrices table > tbody > tr[b-go4s2nc9pa] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: min-content !important;
    /*font-weight: bold;*/
}

.routeName[b-go4s2nc9pa] {
    font-weight: bold;
    background-color: #000061;
    color: white;
    font-size: 120%;
    padding: 0 0 0 5px;
    align-content: center;
    height: 1.9em;
}

.fcdesc[b-go4s2nc9pa] {
    text-align: left;
    padding-left: 5px;
    width: 12em;
    cursor: pointer;
}

.fcjointprice[b-go4s2nc9pa] {
    text-align: left;
    padding-left: 5px;
    width: 10em;
}

.fcprice[b-go4s2nc9pa] {
    text-align: right;
    width: 8em;
}

.negNum[b-go4s2nc9pa] {
    color: red;
}

.posNum[b-go4s2nc9pa] {
    color: darkgreen;
}

.percMove1[b-go4s2nc9pa] {
    background-color: lemonChiffon;
}

.percMove2[b-go4s2nc9pa] {
    background-color: gold;
}

.percMove3[b-go4s2nc9pa] {
    background-color: orange;
}

.percMove4[b-go4s2nc9pa] {
    background-color: red;
    color: white;
}

[b-go4s2nc9pa] .inputNumberRightAlign {
    text-align: right;
    font-size: 14px;
    min-width: 5rem;
    max-width: 8rem;
    /*        width: 100%;*/
}

[b-go4s2nc9pa] .staleprice {
    background-color: LightYellow;
}

.calculatedprice[b-go4s2nc9pa] {
    text-align: right;
    font-size: 14px;
    min-width: 5rem;
    max-width: 8rem;
    width: 100%;
    background-color: lightgray;
    padding-right: 5px;
}

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

    .hideOnSmallScreens[b-go4s2nc9pa] {
        display: none;
    }
}
/* _content/Navigator/Components/Common/Report/ReportEodSpotPrices_Plus.razor.rz.scp.css */
@media only screen and (max-width: 700px) {

    .not-on-mobile[b-9xdmijek9x] {
        display: none;
    }
}
/* _content/Navigator/Components/Common/SsyAutoComplete.razor.rz.scp.css */
.ssy-autocomplete[b-0266la8d2r] {
    position: relative;
    width: 100%;
}

.ssy-autocomplete .ssy-autocomplete-input[b-0266la8d2r] {
    padding-right: 2.75rem;
}

.ssy-autocomplete > .ssy-autocomplete-clear-btn[b-0266la8d2r] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateX(-5%) translateY(-50%);
    background-color: unset;
    z-index: 10;
    border: none;
    display: none;
}

.ssy-autocomplete > .ssy-autocomplete-clear-btn:hover[b-0266la8d2r] {
    color: #DB303A;
}

.ssy-autocomplete:hover .ssy-autocomplete-clear-btn[b-0266la8d2r] {
    display: inline-block;
}


.ssy-autocomplete > .ssy-autocomplete-dropdown[b-0266la8d2r] {
    position: absolute;
    z-index: 10;
    inset: 0 auto auto 0;
    margin: 0;
    transform: translate(0px, 51px);
    list-style: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0.5rem;
    max-height: 200px;
    overflow-y: auto;
    width: 100%;
    display: none;
}

.ssy-autocomplete:hover > .ssy-autocomplete-dropdown[b-0266la8d2r],
.ssy-autocomplete:focus > .ssy-autocomplete-dropdown[b-0266la8d2r] {
    display: block;
}

.ssy-autocomplete > .ssy-autocomplete-dropdown li:not(.ssy-autocomplete-non-clickable):hover[b-0266la8d2r] {
    cursor: pointer;
    color: #212529;
    background-color: #f8f9fa;
}
/* _content/Navigator/Components/Common/SsyBlobStorageUpdate.razor.rz.scp.css */
.blobupload-customhover[b-szp1erpvdt] {
    border: 1px solid #000097;
    border-radius: 4px;
}


.blobupload-container[b-szp1erpvdt] {
    max-width: 700px; /* Adjust based on preference */
    margin: auto;
    padding: 20px;
    background-color: #f4f4f4; /* Light grey background */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Soft shadow for depth */
}



/*.fileupload-container .loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 50px;
    width: 100%;
    height: 100%;
    background-color: #405864;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    background-image: url('./assets/loadin.gif');
    background-repeat: no-repeat;
    background-position: center;*/ /* Center the image */
    /*background-size: 20%;*/ /* Make the image slightly smaller */
    /*opacity: 0.9;*/ /* Make slightly opaque */
/*}*/

/*.fileupload-container .loading-overlay::after {
    content: "Loading";
    position: absolute;
    top: calc(50% + 100px);*/ /* Adjust this value to position the text below the logo */
    /*color: white;
    font-size: 1.5em;
    text-align: center;
}*/

/*.fileupload-container ::deep .btn.btn-primary {
    display: inline-flex;
    column-gap: 5px;
    align-items: center;
}

.fileupload-container ::deep .quickgrid{
    width: 100%;
}
.fileupload-container ::deep .quickgrid td {
    padding: 5px 15px;*/ /* Adjust as needed */
    /*text-align: center;
}*/
/*thead should be sticky*/
/*.fileupload-container ::deep .quickgrid thead {
    position: sticky;
    top: 0;
    background-color: #fff;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.fileupload-container ::deep .quickgrid thead .col-title {
    justify-content: center;   
}

.fileupload-container ::deep .quickgrid thead .col-title:has(.sort-indicator){
    justify-content: left;
}

.fileupload-container ::deep .quickgrid tr:nth-child(even):has(td > *) {
    background-color: #f2f2f2;*/ /* This is a light grey color */
/*}

.fileupload-container ::deep .quickgrid .name-column {
    width: 350px;
    text-overflow: ellipsis;
}

.fileupload-container ::deep .quickgrid .date-column {
    width: 100px;
}

.fileupload-container ::deep .quickgrid .int-ext-column {
    width: 50px;
}

.fileupload-container ::deep .quickgrid .search-box {
    margin: 5px;
    z-index: 1;
    position: relative;
}

.fileupload-container .roles-container {
    border: 1px solid black; 
    margin: 10px; 
    border-radius: 10px; 
    background-color: #f2f2f2;
    display: flex;
    flex-direction: row;
    padding: 0.5rem;
}

@media (max-width: 1300px) {
    .fileupload-container h1 > span.hide-mobile{
        display: none;
    }

    .fileupload-container ::deep .quickgrid .hide-mobile {
        display: none;
    }
    .fileupload-container .roles-container {
        flex-direction: column;
    }
}

::deep .font-weight-bold {
    font-weight: bold;
}*/


[b-szp1erpvdt] .edit-form-label {
    display: block; /* Ensure labels are block level for consistent alignment */
    margin-bottom: 5px; /* Space between label and input */
    color: #333; /* Dark grey color for text */
    font-weight: bold;
}

[b-szp1erpvdt] .edit-form-input, [b-szp1erpvdt] .edit-form-select {
    width: 100%; /* Full width inputs */
    padding: 8px;
    margin-bottom: 20px; /* Space between form fields */
    border: 1px solid #ccc; /* Light grey border */
    border-radius: 4px; /* Slightly rounded corners */
}

[b-szp1erpvdt] .edit-form-button:hover {
    background-color: #0056b3; /* Darker blue on hover */
}

[b-szp1erpvdt] .upload-modal-container {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

[b-szp1erpvdt] .upload-modal-header {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

[b-szp1erpvdt] .upload-modal-body {
    padding: 10px;
}

[b-szp1erpvdt] .upload-modal-select {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-szp1erpvdt] .upload-modal-input {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-szp1erpvdt] .upload-modal-footer {
    text-align: center;
    margin-top: 20px;
}



[b-szp1erpvdt] .validation-summary {
    color: red;
    list-style-type: none;
    padding: 0;
}

/* reset disabled styling cause ugly */
[b-szp1erpvdt] .form-control:disabled, .form-control[readonly][b-szp1erpvdt] {
    color: #212529;
    background-color: #e9ecef;
}

/* email modal */
[b-szp1erpvdt] .role-select-btn:hover {
    font-weight: bold;
}
[b-szp1erpvdt] .role-select-btn.add:hover {
    background-color: #8CD47E;
    font-weight: normal;
}
[b-szp1erpvdt] .role-select-btn.remove:hover {
    background-color: #FF6961;
    font-weight: normal;
}
[b-szp1erpvdt] .selected-role {
    font-weight: bold;
    text-decoration: underline;
}
/* _content/Navigator/Components/Common/SSYFTS.razor.rz.scp.css */
/* DESKTOP SEARCH */
/* ================ */
.search-bar-container[b-vedyjdpubc]  .input-group{
    margin: 0;
}
/* search bar input */
.search-bar-container[b-vedyjdpubc]  .input-group > .search-bar.form-control {
    padding: 0.4rem;
    padding-right: 1.5rem !important;
    font-size: 0.9rem;
    line-height: 1.1;
    border-radius: 0.3rem;
    border-color: transparent;
    background-color: white;
    color: black;
}

.search-bar-container[b-vedyjdpubc]  .input-group > .search-bar.form-control::placeholder {
    color: #999999;
}

.search-bar-container[b-vedyjdpubc]  .input-group > .search-bar.form-control:focus{
    color: black;
    background-color: white;
    
}
.search-bar-container[b-vedyjdpubc]  .input-group > .search-bar.form-control:focus-visible {
    outline: black auto 1px;
}
/* cancel button */
.search-bar-container[b-vedyjdpubc]  .input-group > button.btn {
    padding: 0.2rem;
    font-size: 0.8rem;
    background: transparent;
    color: #000061 !important;
    right: 0.3rem !important;
}

/* dropdown list */
.search-bar-container[b-vedyjdpubc]  .input-group > ul.dropdown-menu.autocomplete-list {
    width: 195%;
    transform: translate(-25%,2.8rem) !important;
    scrollbar-gutter: stable both-edges;
    scrollbar-width: thin;
    scrollbar-color: #000061 transparent;
    inset: inherit !important;
}

/* MOBILE SEARCH */
/* ================ */
.mobile-menu-search.search-container[b-vedyjdpubc] {
    width: 100%;
    height: 48px;
}
/* search bar input */
.mobile-menu-search .search-bar-container[b-vedyjdpubc]  .input-group > .search-bar.form-control {
    width: 100%;
    height: 48px;
    line-height: 1.1;
    border-radius: 0 !important;
    border: none;
    border-color: transparent;
    background-color: #B5CBD6;
    color: #000061;
    font-size: 1.05rem;
    padding: 0.4rem 0.8rem;
    padding-right: 2rem;
    box-sizing: border-box;
}

.mobile-menu-search .search-bar-container[b-vedyjdpubc]  .input-group > .search-bar.form-control::placeholder {
    color: #000061;
}

.mobile-menu-search .search-bar-container[b-vedyjdpubc]  .input-group > .search-bar.form-control:focus{
    background-color: #B5CBD6;
    color: #000061;
    border: none;
    box-shadow: none;
}
/* cancel button */
.mobile-menu-search .search-bar-container[b-vedyjdpubc]  .input-group > button.btn {
    padding: 0.2rem;
    font-size: 1.05rem;
    background: transparent;
    color: #000061 !important;
    right: 1rem !important;
    top: 12px !important;
}
/* dropdown list */
.mobile-menu-search .search-bar-container[b-vedyjdpubc]  .input-group > ul.dropdown-menu.autocomplete-list {
    width: 98%;
    transform: translate(0,3.7rem) !important;
    inset: inherit !important;
    scrollbar-width: auto;
}
/* _content/Navigator/Components/Common/SsyRichText_Adv.razor.rz.scp.css */
.elementToFadeOutAndIn[b-0hb8e4nhjx] {
    -webkit-animation: fadeinout 2s linear forwards;
    animation: fadeinout-b-0hb8e4nhjx 2s linear forwards;
}

@-webkit-keyframes fadeinout {
    0%, 100% {
        opacity: 1;
    }

    10% {
        opacity: 0;
    }
}

@keyframes fadeinout-b-0hb8e4nhjx {
    0%, 100% {
        opacity: 1;
    }

    10% {
        opacity: 0;
    }
}

.ql-container[b-0hb8e4nhjx] {
    height: calc(100% - 42px); /* 100% - height of 'ql-toolbar' */
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 15px !important;
}

@media only screen and (max-width: 1000px) {
    .ql-container[b-0hb8e4nhjx] {
        height: calc(100% - 64px); /* 100% - height of 'ql-toolbar' */
    }
}

@media only screen and (max-width: 600px) {
    .ql-container[b-0hb8e4nhjx] {
        height: calc(100% - 84px); /* 100% - height of 'ql-toolbar' */
    }
}

@media only screen and (max-width: 488px) {
    .ql-container[b-0hb8e4nhjx] {
        height: calc(100% - 120px); /* 100% - height of 'ql-toolbar' */
    }
}

.character-count[b-0hb8e4nhjx] {
    padding: 4px 8px;
    font-size: 0.85em;
    color: #666;
    text-align: right;
}

.character-count.over-limit[b-0hb8e4nhjx] {
    color: #dc3545;
    font-weight: bold;
}
/* _content/Navigator/Components/Layout/LandingLayout.razor.rz.scp.css */
.body-main[b-bnjph8jvnk] {
    margin-top: 50px;
    overflow-y: auto;
    height: calc(100vh - 50px);
}

#blazor-error-ui[b-bnjph8jvnk] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-bnjph8jvnk] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* _content/Navigator/Components/Layout/MainLayout.razor.rz.scp.css */
.body-main[b-zmueg8uke2] {
    margin-top: 55px;
    margin-left: 10px;
    padding: 0 1rem;
    overflow-y: auto;
    height: calc(100vh - 55px); 
}

#blazor-error-ui[b-zmueg8uke2] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-zmueg8uke2] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Navigator/Components/Layout/NavMenu.razor.rz.scp.css */
.ssy-navbar-container[b-ezkrucvdjd]{
    /*background: linear-gradient(to right, #003F9A, #1544A3,#0092D1,#0092D1);*/
    background: #000061;
    color: white;
    position: fixed;
    z-index: 5;
    top: 0;
    height: 50px;
    width: 100vw;
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
}

/* ssy-navbar-title */
.ssy-navbar-title[b-ezkrucvdjd] {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 100%;
}
.ssy-navbar-title .ssy-nav-Logo[b-ezkrucvdjd] {
    background-image: url('./assets/Logo/SSYLogo_1Line_White_M.png');
    background-repeat: no-repeat;
    width: 80px;
    height: 30px;
    background-size: contain;
    background-position: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: block;
    text-decoration: none;
    color: white;
    /*check aspect ratio*/
}
.ssy-navbar-title .ssy-nav-Logo:not(.no-wave-animation):hover[b-ezkrucvdjd] {
    animation: nav-ssyLogo-colorWave-b-ezkrucvdjd 4s ease-in-out infinite alternate;
}

.ssy-navbar-title .navigator-text[b-ezkrucvdjd]{
    font-size: 2.3rem;
    font-family: 'Soehne Breit', cursive;
    /*  wider spacing*/
    letter-spacing: 0.15em;
    color: white;
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 0;
    margin-left: 5px;
    position: relative;
}

.ssy-navbar-title .navigator-text:hover[b-ezkrucvdjd]{
    animation: nav-ssyNavigator-text-b-ezkrucvdjd 2s linear infinite;
}

.ssy-navbar-title .navigator-text .navigator-text-half[b-ezkrucvdjd]{
    display: none;
}
.ssy-navbar-title .navigator-text .navigator-text-full[b-ezkrucvdjd]{
    display: block;
}

.navigator-notice-text-full[b-ezkrucvdjd]{
    display: block;
}

.ssy-navbar-title .navigator-enviroment[b-ezkrucvdjd]{
    margin: 0;
    align-self: start;
    display: flex;
    flex-direction: column;
}

.ssy-navbar-title .navigator-enviroment > span[b-ezkrucvdjd]{
    line-height: 1;
    font-weight: bold;
    color: #24DEBD;
}

.ssy-navbar-title .navigator-enviroment > span:last-child[b-ezkrucvdjd]{
    color: #00E2FD;
}

@media only screen and (max-width: 1500px) {
    .ssy-navbar-title .navigator-text[b-ezkrucvdjd] {
        font-size: 1.3rem;
        margin-left: -10px;
        margin-top: 5px;
        display: block;
    }
    .ssy-navbar-title .navigator-text .navigator-text-half[b-ezkrucvdjd]{
        display: block;
    }
    .ssy-navbar-title .navigator-text .navigator-text-full[b-ezkrucvdjd]{
        display: none;
    }
    .navigator-notice-text-full[b-ezkrucvdjd]{
        display: none;
    }
}

/* ssy-navbar */
.ssy-navbar[b-ezkrucvdjd]{
    display: inline-flex;
    align-items: center;
}

/* mobile */
.ssy-navbar .ssy-navbar-mobile[b-ezkrucvdjd]{
    border: 0;
    background: transparent;
    color: white;
    font-size: 1.75rem;
}
.ssy-navbar .ssy-navbar-mobile .hamburger-button:active[b-ezkrucvdjd],
.ssy-navbar .ssy-navbar-mobile .hamburger-button:focus[b-ezkrucvdjd],
.ssy-navbar .ssy-navbar-mobile .hamburger-button:hover[b-ezkrucvdjd]{
    animation: nav-ssyLogo-colorWave-b-ezkrucvdjd 4s ease-in-out infinite alternate;
}

/* desktop */
.ssy-navbar .ssy-navbar-desktop[b-ezkrucvdjd]{
    align-items: center;
    flex-direction: row;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    font-family: 'Soehne Breit', 'Franklin Gothic Book', 'Arial Narrow', Arial, sans-serif;
    font-size: 1rem;
}

/* Nav Items */
/* Deep needed here as Nav-link is a different component */
.ssy-navbar .ssy-navbar-desktop[b-ezkrucvdjd]  .ssy-nav-link{
    padding: 0.5rem;
    color: white;
    text-decoration: none;
    border: 0;
    border-bottom: 1px solid transparent;
    background: transparent;
    display: block;
}

.ssy-navbar .ssy-navbar-desktop[b-ezkrucvdjd]  .ssy-nav-link[data-ssy-disabled="true"] {
    pointer-events: none;
    color: #B5CBD6;
}

.ssy-navbar .ssy-navbar-desktop[b-ezkrucvdjd]  .ssy-nav-link.ssy-nav-link-icon {
    width: 2.5rem;
}

.ssy-navbar .ssy-navbar-desktop[b-ezkrucvdjd]  .ssy-nav-link.ssy-nav-link-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ssy-navbar .ssy-navbar-desktop[b-ezkrucvdjd]  .ssy-nav-link:not(.ssy-nav-link-fts).ssy-nav-link-active,
.ssy-navbar .ssy-navbar-desktop[b-ezkrucvdjd]  .ssy-nav-link:not(.ssy-nav-link-fts):focus,
.ssy-navbar .ssy-navbar-desktop[b-ezkrucvdjd]  .ssy-nav-link:not(.ssy-nav-link-fts):active,
.ssy-navbar .ssy-navbar-desktop[b-ezkrucvdjd]  .ssy-nav-link:not(.ssy-nav-link-fts):hover {
    border-bottom: 1px solid white;
}

/* FTS */
@media (max-width: 1250px) {
    /* Hide desktop search bar */
    .ssy-navbar .ssy-navbar-desktop[b-ezkrucvdjd]  .search-container {
        display: none;
    }
    .ssy-navbar .ssy-navbar-desktop .nav-divider[b-ezkrucvdjd] {
        display: none;
    }
}


/* ANIMATIONS */
@keyframes nav-ssyLogo-colorWave-b-ezkrucvdjd {
    /* https://meyerweb.com/eric/tools/color-blend/#FFFFFF:000061:4:hex */
    0% {
        /* #FFFFFF */
        filter: invert(1);
    }

    10% {
        /* #CCCCDF */
        filter: invert(95%) sepia(4%) saturate(3190%) hue-rotate(188deg) brightness(94%) contrast(85%);
    }

    20% {
        /* #9999C0 */
        filter: invert(72%) sepia(13%) saturate(648%) hue-rotate(202deg) brightness(84%) contrast(88%);
    }

    30% {
        /* #6666A0 */
        filter: invert(41%) sepia(7%) saturate(2740%) hue-rotate(202deg) brightness(96%) contrast(86%);
    }

    40% {
        /* #333381 */
        filter: invert(24%) sepia(9%) saturate(3982%) hue-rotate(202deg) brightness(96%) contrast(105%);
    }

    50% {
        /* #000061 */
        filter: invert(12%) sepia(77%) saturate(3396%) hue-rotate(235deg) brightness(67%) contrast(127%);
    }

    60% {
        /* #333381 */
        filter: invert(24%) sepia(9%) saturate(3982%) hue-rotate(202deg) brightness(96%) contrast(105%);
    }

    70% {
        /* #6666A0 */
        filter: invert(41%) sepia(7%) saturate(2740%) hue-rotate(202deg) brightness(96%) contrast(86%);
    }

    80% {
        /* #9999C0 */
        filter: invert(72%) sepia(13%) saturate(648%) hue-rotate(202deg) brightness(84%) contrast(88%);
    }

    90% {
        /* #CCCCDF */
        filter: invert(95%) sepia(4%) saturate(3190%) hue-rotate(188deg) brightness(94%) contrast(85%);
    }

    100% {
        /* #FFFFFF */
        filter: invert(1);
    }
}

@keyframes nav-ssyNavigator-text-b-ezkrucvdjd {
    25% {
        rotate: 1deg;
    }
    50%{
        rotate: 0deg;
    }
    75% {
        rotate: -1deg;
    }
    100%{
        rotate: 0deg;
    }
}

@keyframes pulse-b-ezkrucvdjd {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

.navigator-text.pulse[b-ezkrucvdjd] {
    animation: pulse-b-ezkrucvdjd 3s infinite;
}
/* _content/Navigator/Components/Layout/NavSidebarDesktop.razor.rz.scp.css */
/* CONTAINER */
nav.sidebar-desktop[b-v4oekr77js] {
    position: fixed;
    top: 50px;
    height: calc(100vh - 50px);
    max-width: 350px;
    display: none;
    flex-direction: row;
    z-index: 950;
}

nav.sidebar-desktop-landing[b-v4oekr77js]{
    height: calc(100vh - 50px);
    max-width: 350px;
    display: flex;
    flex-direction: row;
}

@media (max-width: 992px) {
    nav.sidebar-desktop[b-v4oekr77js] {
        display: none !important;
    }
}

.sidebar-menu[b-v4oekr77js] {
    background-color: #fdfdfd;
    height: calc(100vh - 50px);
}

.collapsed-menu[b-v4oekr77js] {
    width: 0;
    visibility: hidden;
    transition: visibility 50ms linear 75ms, width 250ms linear 50ms ; /* Add transition for smooth movement */
}

.expanded-menu[b-v4oekr77js] {
    width: 350px;
    position: relative;
    visibility: inherit;
    overflow-y: auto;
    padding-right: 0.25rem;
    /*hide the scrollbar*/
    scrollbar-width: thin;
    /*colour the scrollbar - works for everything but safari */
    scrollbar-color: #000061 transparent;
    /* ensure the space stays the same regardless if the scrollbar is needed*/
    scrollbar-gutter: stable;
    transition: visibility 50ms linear 225ms, width 250ms linear 50ms ; /* Add transition for smooth movement */
}

/* Apply custom scrollbar styles only in Safari for .expanded-menu */
@media not all and (min-resolution: 0.001dpcm) and (-webkit-min-device-pixel-ratio: 0) {
    .expanded-menu[b-v4oekr77js]::-webkit-scrollbar-track {
        background: transparent; /* The transparent background for the scrollbar track */
    }

    .expanded-menu[b-v4oekr77js]::-webkit-scrollbar-thumb {
        background-color: #000061; /* The dark blue color for the scrollbar thumb */
        border-radius: 4px; /* Rounds the edges of the scrollbar thumb */
        border: 2px solid transparent; /* Adds spacing around the thumb */
    }
}

/* title */
/* make the title line underneath line up with carousel*/
.sidebar-menu #sidebar-navigation[b-v4oekr77js] {
    position: sticky;
    top: 0;
    z-index: 2;
    text-decoration: none;
    align-content: start;
    width: 100%;
    display: inline-block;
    background: white;
    border-bottom: 1px solid #B5CBD6;
    margin: 0;
    padding-top: 5px;
    padding-left: 7px;
    padding-bottom: calc(4px + 0.25rem);
}

.sidebar-menu #sidebar-navigation a[b-v4oekr77js] {
    width: 100%;
    text-decoration: none;
}

/* list styling */
.sidebar-menu ul[b-v4oekr77js] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-menu[b-v4oekr77js]  ul {
    list-style: none;
    margin-bottom: 0.5rem;
}

.sidebar-menu[b-v4oekr77js]  ul > li.nav-item-header-container,
.sidebar-menu[b-v4oekr77js]  ul.sidebar-desktop-child {
    padding-left: 0;
}

.sidebar-menu[b-v4oekr77js]  ul.sidebar-desktop-child li:not(.nav-item-header-container):not(.sidebar-desktop-child-icon-collapse-container):not(.sidebar-desktop-child-icon-collapse) {
    padding-left: 2rem;
}

.sidebar-menu[b-v4oekr77js]  li.sidebar-desktop-child-icon-collapse-container > ul {
    padding-left: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 2rem auto;
}

.sidebar-menu[b-v4oekr77js]  li.sidebar-desktop-child-icon-collapse-container li.sidebar-desktop-child-icon-collapse.collapse-main {
    order: 0;
}
.sidebar-menu[b-v4oekr77js]  li.sidebar-desktop-child-icon-collapse-container li.sidebar-desktop-child-icon-collapse.collapse-main {
    order: 1;
}

/* headers */
.sidebar-menu[b-v4oekr77js]  .nav-item-header{
    color: #163E9F;
    background: transparent;
    border: 0;
    border-top: 1px solid #B5CBD6;
    
    width: 100%;
    height: 2rem;
    padding: 0.2rem 0 0.2rem 1rem;
    display: inline-block;
    position: relative;

    font-family: "Soehne", sans-serif;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
}

.sidebar-menu[b-v4oekr77js]  > .sidebar-desktop-child > .nav-item-header-container:first-child .nav-item-header{
    /* remove border for first item, border on the title */
    border-top: none;
}

.sidebar-menu[b-v4oekr77js]  .nav-item-header-closed::after,
.sidebar-menu[b-v4oekr77js]  .nav-item-header-open::after{
    position: absolute;
    right: 0;
    color: #163E9F50;
    margin-right: 1rem;
}

.sidebar-menu[b-v4oekr77js]  .nav-item-header-closed::after{
    content: "▽";

}

.sidebar-menu[b-v4oekr77js]  .nav-item-header-open::after {
    content: "△";
}

/* only display list section if there is children */
.sidebar-menu[b-v4oekr77js]  li.nav-item-header-container:has(button:not(.nav-item-header-closed)){
    display: none;
}

.sidebar-menu[b-v4oekr77js]  li.nav-item-header-container:has(li:not(.nav-item-header-container)){
    display: block;
}

/* child links */
.sidebar-menu[b-v4oekr77js]  a.ssy-nav-link {
    color: #3C4142;
    font-weight: normal;
    border: 1px solid transparent;
    /*width: calc(100% - 1.5rem);*/
    text-decoration: none;
    display: grid;
    grid-template-columns: auto 3rem;
}
.sidebar-menu[b-v4oekr77js]  li.sidebar-desktop-child-icon-collapse.collapse-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}
.sidebar-menu[b-v4oekr77js]  li.sidebar-desktop-child-icon-collapse.collapse-icon > a.ssy-nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 1.2rem;
    max-height: 100%;
}
.sidebar-menu[b-v4oekr77js]  a.ssy-nav-link svg {
    display: none;
}

.sidebar-menu[b-v4oekr77js]  a.ssy-nav-link:hover,
.sidebar-menu[b-v4oekr77js]  a.ssy-nav-link:focus{
    color: #000061;
    background-color: #f0eeeb;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #f0eeeb;
}

.sidebar-menu[b-v4oekr77js]  li.sidebar-desktop-child-icon-collapse-container:hover a.ssy-nav-link svg,
.sidebar-menu[b-v4oekr77js]  li:not(.sidebar-desktop-child-icon-collapse-container) a.ssy-nav-link:hover svg,
.sidebar-menu[b-v4oekr77js]  li.sidebar-desktop-child-icon-collapse-container:focus a.ssy-nav-link svg,
.sidebar-menu[b-v4oekr77js]  li:not(.sidebar-desktop-child-icon-collapse-container) a.ssy-nav-link:focus svg {
    display: block;
}

.sidebar-menu[b-v4oekr77js]  .ssy-nav-link:active,
.sidebar-menu[b-v4oekr77js]  .ssy-nav-link-active{
    color: #000061;
    border-radius: 4px;
    border: 1px solid #b5cbd6;
    text-decoration: none;
    padding-left: 2px;
    margin-right: 2px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
    background: #E9EFF9;
}

.sidebar-menu[b-v4oekr77js]  .ssy-nav-link:active svg,
.sidebar-menu[b-v4oekr77js]  .ssy-nav-link-active svg {
    display: block;
    padding-right: 2px;
}

.sidebar-menu[b-v4oekr77js]  .ssy-nav-link[data-ssy-disabled="true"] {
    pointer-events: none;
    color: #B5CBD6;
}

/* Collapse Button Styling */
.nav-collapse-bar[b-v4oekr77js] {
    background-color: #000061;
    border: 0;
    width: 20px;
    height: calc(100vh - 50px);
    border-right: 3px solid white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-collapse-bar-expanded[b-v4oekr77js] {
    background-color: transparent;
    color: white;
    border-left: 3px solid #000061;
    border-right: 0;
}

.nav-collapse-bar-expanded .semi-circle[b-v4oekr77js] {
    height: 6rem;
    background-color: #000061;
    color: white;
    padding: 0 2px 0 2px;
    border-radius: 0 15px 15px 0;
    border: 1px solid transparent;
}

.nav-collapse-bar-expanded .semi-circle:hover[b-v4oekr77js],
.nav-collapse-bar-expanded .semi-circle:focus[b-v4oekr77js]{
    background-color: white;
    color: #000061;
    border: 1px solid #000061;
}
/* _content/Navigator/Components/Layout/NavSidebarMobile.razor.rz.scp.css */
.mobile-menu[b-w4vf4isk7f] {
    display: none;
}

.mobile-menu[b-w4vf4isk7f]  ul.accordion,
.mobile-menu[b-w4vf4isk7f]  ul.accordion-collapse{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.mobile-menu[b-w4vf4isk7f]  .accordion-button{
    background-color: #B5CBD6 !important;
    color: #000061;
}

.mobile-menu[b-w4vf4isk7f]  .accordion-item.accordion-item-child:not(.accordion-item-level1) {
    border: none;
    padding: 0.25rem;
}

.mobile-menu[b-w4vf4isk7f]  .accordion-item.accordion-item-child.accordion-item-level1,
.mobile-menu[b-w4vf4isk7f]  .accordion-item span.accordion-button {
    border-radius: 0;
}

.mobile-menu[b-w4vf4isk7f]  .nav-link.ssy-nav-link-level1 .accordion-button::after{
    background-image: none;
}

.mobile-menu[b-w4vf4isk7f]  .ssy-nav-link[data-ssy-disabled="true"] {
    pointer-events: none;
    color: #B5CBD6;
}

.mobile-menu .search-notify-container[b-w4vf4isk7f]{
    /* bootstrap colour */
    border-bottom: 1px solid #dee2e6;
}

.mobile-menu .mobile-menu-notification-btn[b-w4vf4isk7f] {
    /* same as search-container*/
    height: 48px;
    width: fit-content;
    padding: 1rem 2rem;
    border-right: 2px solid #dee2e6;
}

@media (max-width: 992px) {
    .mobile-menu[b-w4vf4isk7f] {
        display: block;
    }

    .mobile-menu .mobile-menu-content[b-w4vf4isk7f] {
        display: none;
        background-color: #fff;
        position: absolute;
        width: 100%;
        top: 50px;
        left: 0;
        z-index: 1000;
        max-height: 95vh;
        overflow-y: auto;
    }

    .mobile-menu .mobile-menu-content.show[b-w4vf4isk7f] {
        display: block;
    }
    /* hide accordion item by default */
    .mobile-menu[b-w4vf4isk7f]  .accordion-item:not(.accordion-item-child) {
        display: none;
    }
    /* only display if it has list items */
    .mobile-menu[b-w4vf4isk7f]  .accordion-item:not(.accordion-item-child):has(a.nav-link) {
        display: list-item;
    }
}
/* _content/Navigator/Components/Pages/ApiDocs/ApiDocsLandingPage.razor.rz.scp.css */
.code[b-g6kks53atw] {
    background-color: #E9EFF9;
    padding: 1rem 2.5rem 1rem 1rem;
    margin-bottom: 1rem;
    height: calc(100% - 4rem);
}

code[b-g6kks53atw] {
    border: 1px solid transparent;
    margin: 1rem 0 2rem;
    color: #FFFFFF;
}

.punctuation[b-g6kks53atw] {
    color: #405864;
}

.property[b-g6kks53atw] {
    color: #01A39E;
}

.value[b-g6kks53atw] {
    color: #163E9F;
}

/*Visible at lg*/
@media (min-width: 992px) {
    .api-container[b-g6kks53atw] {
        border-left: 3px solid #000061;
    }
}
/* _content/Navigator/Components/Pages/ApiDocs/Bulkers/DryBulkRates.razor.rz.scp.css */
.code[b-qsebi2awcg] {
    background-color: #E9EFF9;
    padding: 1rem 2.5rem 1rem 1rem;
    margin-bottom: 1rem;
    height: calc(100% - 4rem);
}

code[b-qsebi2awcg] {
    border: 1px solid transparent;
    margin: 1rem 0 2rem;
    color: #FFFFFF;
}

.punctuation[b-qsebi2awcg] {
    color: #405864;
}

.property[b-qsebi2awcg] {
    color: #01A39E;
}

.value[b-qsebi2awcg] {
    color: #163E9F;
}

/*Visible at lg*/
@media (min-width: 992px) {
    .api-container[b-qsebi2awcg] {
        border-left: 3px solid #000061;
    }
}
/* _content/Navigator/Components/Pages/ApiDocs/Futures/FuturesCommentary.razor.rz.scp.css */
.code[b-7n1bt3oko2] {
    background-color: #E9EFF9;
    padding: 1rem 2.5rem 1rem 1rem;
    margin-bottom: 1rem;
    height: calc(100% - 4rem);
}

code[b-7n1bt3oko2] {
    border: 1px solid transparent;
    margin: 1rem 0 2rem;
    color: #FFFFFF;
}

.punctuation[b-7n1bt3oko2] {
    color: #405864;
}

.property[b-7n1bt3oko2] {
    color: #01A39E;
}

.value[b-7n1bt3oko2] {
    color: #163E9F;
}

/*Visible at lg*/
@media (min-width: 992px) {
    .api-container[b-7n1bt3oko2] {
        border-left: 3px solid #000061;
    }
}
/* _content/Navigator/Components/Pages/ApiDocs/Futures/FuturesFfaIntraday.razor.rz.scp.css */
.code[b-37g97ssyy9] {
    background-color: #E9EFF9;
    padding: 1rem 2.5rem 1rem 1rem;
    margin-bottom: 1rem;
    height: calc(100% - 4rem);
}

code[b-37g97ssyy9] {
    border: 1px solid transparent;
    margin: 1rem 0 2rem;
    color: #FFFFFF;
}

.punctuation[b-37g97ssyy9] {
    color: #405864;
}

.property[b-37g97ssyy9] {
    color: #01A39E;
}

.value[b-37g97ssyy9] {
    color: #163E9F;
}

/*Visible at lg*/
@media (min-width: 992px) {
    .api-container[b-37g97ssyy9] {
        border-left: 3px solid #000061;
    }
}
/* _content/Navigator/Components/Pages/ApiDocs/Futures/FuturesFfaTradeSummary.razor.rz.scp.css */
.code[b-2lvhhikjk7] {
    background-color: #E9EFF9;
    padding: 1rem 2.5rem 1rem 1rem;
    margin-bottom: 1rem;
    height: calc(100% - 4rem);
}

code[b-2lvhhikjk7] {
    border: 1px solid transparent;
    margin: 1rem 0 2rem;
    color: #FFFFFF;
}

.punctuation[b-2lvhhikjk7] {
    color: #405864;
}

.property[b-2lvhhikjk7] {
    color: #01A39E;
}

.value[b-2lvhhikjk7] {
    color: #163E9F;
}

/*Visible at lg*/
@media (min-width: 992px) {
    .api-container[b-2lvhhikjk7] {
        border-left: 3px solid #000061;
    }
}
/* _content/Navigator/Components/Pages/ApiDocs/Futures/FuturesPricesFwdEod.razor.rz.scp.css */
.code[b-x9m3ll87pv] {
    background-color: #E9EFF9;
    padding: 1rem 2.5rem 1rem 1rem;
    margin-bottom: 1rem;
    height: calc(100% - 4rem);
}

code[b-x9m3ll87pv] {
    border: 1px solid transparent;
    margin: 1rem 0 2rem;
    color: #FFFFFF;
}

.punctuation[b-x9m3ll87pv] {
    color: #405864;
}

.property[b-x9m3ll87pv] {
    color: #01A39E;
}

.value[b-x9m3ll87pv] {
    color: #163E9F;
}

/*Visible at lg*/
@media (min-width: 992px) {
    .api-container[b-x9m3ll87pv] {
        border-left: 3px solid #000061;
    }
}
/* _content/Navigator/Components/Pages/ApiDocs/Futures/FuturesTradeSummary.razor.rz.scp.css */
.code[b-xp2vwzvtn2] {
    background-color: #E9EFF9;
    padding: 1rem 2.5rem 1rem 1rem;
    margin-bottom: 1rem;
    height: calc(100% - 4rem);
}

code[b-xp2vwzvtn2] {
    border: 1px solid transparent;
    margin: 1rem 0 2rem;
    color: #FFFFFF;
}

.punctuation[b-xp2vwzvtn2] {
    color: #405864;
}

.property[b-xp2vwzvtn2] {
    color: #01A39E;
}

.value[b-xp2vwzvtn2] {
    color: #163E9F;
}

/*Visible at lg*/
@media (min-width: 992px) {
    .api-container[b-xp2vwzvtn2] {
        border-left: 3px solid #000061;
    }
}
/* _content/Navigator/Components/Pages/ApiDocs/Tankers/TankerRates.razor.rz.scp.css */
.code[b-t2oikwd0f5] {
    background-color: #E9EFF9;
    padding: 1rem 2.5rem 1rem 1rem;
    margin-bottom: 1rem;
    height: calc(100% - 4rem);
}

code[b-t2oikwd0f5] {
    border: 1px solid transparent;
    margin: 1rem 0 2rem;
    color: #FFFFFF;
}

.punctuation[b-t2oikwd0f5] {
    color: #405864;
}

.property[b-t2oikwd0f5] {
    color: #01A39E;
}

.value[b-t2oikwd0f5] {
    color: #163E9F;
}

/*Visible at lg*/
@media (min-width: 992px) {
    .api-container[b-t2oikwd0f5] {
        border-left: 3px solid #000061;
    }
}
/* _content/Navigator/Components/Pages/Bulkers/ApiSetup/DryBulkRatesSetup.razor.rz.scp.css */
.drybulkextractbox[b-zn8luqwzb6] {
    border: 1px solid #009DC9;
    height: 85vh;
    overflow-y: scroll;
}

.drybulkextractdatepicker[b-zn8luqwzb6] {
}

.drybulkextractroutepicker[b-zn8luqwzb6] {
    display: grid;
    grid-template-columns: 100px auto;
    gap: 10px;
}

.drybulkextractroutepicker-ul[b-zn8luqwzb6] {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.drybulkextractroutepicker-ul .chkbox[b-zn8luqwzb6] {
    margin: 0 3px 0 0;
    vertical-align: middle;
}


.drybulkextractroutepicker-ul li[b-zn8luqwzb6] {
    text-decoration: none;
}

.drybulkextractroutepicker-ul li:hover[b-zn8luqwzb6] {
    background-color: #B5CBD6;
}


.deleterow[b-zn8luqwzb6], .editapiclient[b-zn8luqwzb6] {
    cursor: pointer;
    padding-right: 3px;
}

.deleterow:hover[b-zn8luqwzb6] {
    font-weight: 700;
    color: white;
}

.draggablerow[b-zn8luqwzb6] {
    cursor: pointer;
}

.editapiclient[b-zn8luqwzb6] {
    color: #163E9F;
}


.editapiclient:hover[b-zn8luqwzb6] {
    font-weight: 700;
    color: #91A527;
}
/* _content/Navigator/Components/Pages/Bulkers/PanamaxList/Panamaxlist_10_List.razor.rz.scp.css */
.pmx-list-table[b-boyggm9crc] {
    display: flex; 
    flex-direction: row;
    margin: 0 1%;
}

.container-relative[b-boyggm9crc] {
    position: relative;
    width: 100%;
}

.lookup-panel[b-boyggm9crc] {
    position: absolute;
    top: 0;
    right: -50%;
    width: 50%;
    height: 100%;
    transition: right 0.4s ease, opacity 0.4s ease;
    z-index: 10;
    background-color: white; /* or whatever suits your theme */
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
}

.lookup-panel.show[b-boyggm9crc] {
    right: 0;
    opacity: 1;
}

.table-wrapper[b-boyggm9crc] {
    transition: margin-right 0.4s ease;
    margin-right: 0;
}

.table-wrapper.shifted[b-boyggm9crc] {
    margin-right: 50%; /* match lookup-panel width */
}

.sticky-header[b-boyggm9crc] {
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid #ddd;
}

.lookup-flex-container[b-boyggm9crc] {
    display: flex;
    width: 100%;
    transition: all 0.3s ease;
}

.main-table[b-boyggm9crc] {
    transition: all 0.3s ease;
}

.full-width[b-boyggm9crc] {
    width: 100%;
}

.half-width[b-boyggm9crc] {
    width: 40%;
}

.lookup-tab-panel[b-boyggm9crc] {
    width: 60%;
    transition: all 0.3s ease;
    border-left: 2px solid black;
}
/* _content/Navigator/Components/Pages/Bulkers/PanamaxList/Panamaxlist_11_ListTable.razor.rz.scp.css */
.large-ok-btn[b-zu6l9xni5u] {
    font-size: 1.2rem; /* Bigger text */
    padding: 10px 20px; /* More padding */
    width: 100%; /* Full-width button */
}

.col-checkbox[b-zu6l9xni5u] {
    white-space: nowrap;
    width: 1%;
    text-align: center;
}

.col-refreshed[b-zu6l9xni5u] {
    white-space: nowrap;
    width: 1%;
    text-align: center;
}

.col-account[b-zu6l9xni5u] {
    white-space: nowrap;
    width: 1%;
    text-align: left;
}

.col-size[b-zu6l9xni5u] {
    width: 6%;
}

.col-load[b-zu6l9xni5u] {
    width: 8%;
}

.col-laycan[b-zu6l9xni5u] {
    white-space: nowrap;
    width: 1%;
    text-align: left;
}

.col-disch[b-zu6l9xni5u] {
    width: 8%;
}

.col-cargo[b-zu6l9xni5u] {
    width: 5%;
    text-align: left;
}

.col-comments[b-zu6l9xni5u] {
    width: 15%;
    overflow-wrap: anywhere;
}

.col-spreads[b-zu6l9xni5u] {
    width: 15%;
    overflow-wrap: anywhere;
}

.col-offmkt[b-zu6l9xni5u] {
    white-space: nowrap;
    width: 1%;
    text-align: left;
}

.col-broker[b-zu6l9xni5u] {
    white-space: nowrap;
    width: 1%;
    text-align: left;
}

.col-comms[b-zu6l9xni5u] {
    width: 6%;
}

.col-updated[b-zu6l9xni5u] {
    white-space: nowrap;
    width: 8%;
}

.col-actions[b-zu6l9xni5u] {
    white-space: nowrap;
    width: 1%;
    text-align: center;
}

.d-none[b-zu6l9xni5u] {
    display: none !important;
}

.selected-lookup-row[b-zu6l9xni5u] {
    background-color: yellow !important; /* light yellow */
    font-weight: bold;
}

.bi-check-lg[b-zu6l9xni5u], .bi-files[b-zu6l9xni5u] {
    transition: all 0.3s ease-in-out;
}

.col-bod[b-zu6l9xni5u] {
    width: 12%;
}

.col-pref[b-zu6l9xni5u] {
    width: 8%;
}

.col-vessel[b-zu6l9xni5u] {
    width: 8%;
}

.ssy-table-lw th[b-zu6l9xni5u],
.ssy-table-lw td[b-zu6l9xni5u] {
    border-right: 1px solid #ccc; /* Light grey vertical lines */
}

.ssy-table-lw th:last-child[b-zu6l9xni5u],
.ssy-table-lw td:last-child[b-zu6l9xni5u] {
    border-right: none; /* No border on the very last column */
}

.refresh-today[b-zu6l9xni5u] {
    font-weight: bold; /* Turns Cargo Bold if Refreshed today */
}

.submit-today[b-zu6l9xni5u] {
    color: rgb(0, 164, 0) !important; /* Turns Cargo Green if Added Today */
    font-weight: bold;
}

.on-subs[b-zu6l9xni5u] {
    color: rgb(255, 0, 0) !important; /* Turns Cargo Red if On Subs */
    font-weight: bold;
}
/* _content/Navigator/Components/Pages/Bulkers/PanamaxList/Panamaxlist_200_LookupTool.razor.rz.scp.css */
.container-flex[b-9yniwp614m] {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    height: 80vh;
}

.right-box[b-9yniwp614m] {
    flex: 1; /* Takes 50% of the width */
    padding: 20px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    display: flex;
    flex-direction: column;
    align-items: stretch; /* Ensures the table takes full width */
    justify-content: flex-start; /* Aligns content to the top */
    overflow-y: auto; /* Enables scrolling for large lists */
}

.left-box[b-9yniwp614m] {
    flex: 1; /* Takes 50% of the width */
    padding: 20px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    display: flex;
    flex-direction: column;
    align-items: stretch; /* Ensures the table takes full width */
    justify-content: flex-start; /* Aligns content to the top */
    overflow-y: auto; /* Enables scrolling for large lists */
}

.selected-cargo-row[b-9yniwp614m] {
    background-color: yellow !important; /* Highlight the selected row */
    font-weight: bold;
}

.selected-tonnage-row[b-9yniwp614m] {
    background-color: yellow !important; /* Highlight the selected row */
    font-weight: bold;
}

.highlighted-row[b-9yniwp614m] {
    background-color: #c3e6cb !important; /* Slightly darker green */
    border-left: 5px solid #28a745; /* Deeper green accent */
    font-weight: bold;
}
/* _content/Navigator/Components/Pages/Bulkers/PanamaxList/Panamaxlist_210_LookupTab.razor.rz.scp.css */
.refresh-today[b-nn0gus7dr9] {
    font-weight: bold; /* Turns Cargo Bold if Refreshed today */
}

.submit-today[b-nn0gus7dr9] {
    color: rgb(0, 164, 0) !important; /* Turns Cargo Green if Added Today */
    font-weight: bold;
}

.on-subs[b-nn0gus7dr9] {
    color: rgb(255, 0, 0) !important; /* Turns Cargo Red if On Subs */
    font-weight: bold;
}

.highlighted-row[b-nn0gus7dr9] {
    background-color: #ffffcc !important; /* Light yellow background for highlighted rows */
    font-weight: bold;
}

.highlighted-row[b-nn0gus7dr9] {
    background-color: #c3e6cb !important; /* Slightly darker green */
    border-left: 5px solid #28a745; /* Deeper green accent */
    font-weight: bold;
}
/* _content/Navigator/Components/Pages/Bulkers/PanamaxList/PanamaxList_599_Parser.razor.rz.scp.css */
/* Styles for the Panamaxlist Table Parser component */

h3[b-5uiqdbu1sm] {
    color: #333;
    margin-bottom: 1.5rem;
}

textarea[b-5uiqdbu1sm] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.table[b-5uiqdbu1sm] {
    margin-top: 1rem;
}

.table thead th[b-5uiqdbu1sm] {
    background-color: #f8f9fa;
    position: sticky;
    top: 0;
    z-index: 1;
}

.table td[b-5uiqdbu1sm], .table th[b-5uiqdbu1sm] {
    padding: 0.5rem;
    vertical-align: middle;
}

input[type="checkbox"][b-5uiqdbu1sm] {
    cursor: pointer;
}

.alert[b-5uiqdbu1sm] {
    animation: fadeIn-b-5uiqdbu1sm 0.5s;
}

/* Search functionality styles */
.search-container[b-5uiqdbu1sm] {
    min-width: 300px;
    margin-left: 1rem;
}

.search-results-count[b-5uiqdbu1sm] {
    text-align: right;
    margin-top: 0.25rem;
    color: #6c757d;
}

.input-group-append button[b-5uiqdbu1sm] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-append button span[b-5uiqdbu1sm] {
    font-size: 1.5rem;
    line-height: 0.5;
    display: inline-block;
}

/* Upload feedback styles */
.upload-feedback[b-5uiqdbu1sm] {
    position: relative;
    padding-bottom: 2rem;
}

.upload-progress[b-5uiqdbu1sm] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-color: rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border-radius: 0 0 0.25rem 0.25rem;
}

.upload-progress-bar[b-5uiqdbu1sm] {
    height: 100%;
    width: 0;
    background-color: #17a2b8;
    animation: progress-b-5uiqdbu1sm 3s ease-in-out forwards;
}

@keyframes progress-b-5uiqdbu1sm {
    0% { width: 0; }
    100% { width: 100%; }
}

@keyframes fadeIn-b-5uiqdbu1sm {
    from { opacity: 0; }
    to { opacity: 1; }
}
/* _content/Navigator/Components/Pages/Bulkers/Reports/DryCargo/RptTemplates/CapesizeRpt.razor.rz.scp.css */

.cape-rpt-content[b-04lyl7dlx8] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}


.cape-rpt-left[b-04lyl7dlx8] {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cape-rpt-mkt-coms[b-04lyl7dlx8] {
    /*height: calc(36% + var(--mktCom-recFixt-split));*/
    height: fit-content;
}

.cape-rpt-rec-fxts[b-04lyl7dlx8] {
    margin: 2% 0;
    /*height: calc(36% - var(--mktCom-recFixt-split));*/
    height: fit-content;
}

.cape-rpt-newbuilding[b-04lyl7dlx8] {
    /*margin: 2% 0;
    height: 20%;*/
}

@scope (.cape-rpt-table) {
    :scope[b-04lyl7dlx8] {
        height: 30%;
        width: 100%;
        text-align: center;
        margin-bottom: 4vh;
    }

    h4[b-04lyl7dlx8] {
        background-color: #009DC9;
        color: white;
        padding: 4px;
        text-align: left;
        font-weight: 500;
    }

    table[b-04lyl7dlx8] {
        width: 100%;
    }

    tbody tr:nth-child(odd)[b-04lyl7dlx8] {
        background-color: #EBF1F8;
    }
}

.cape-rpt-exch-rates[b-04lyl7dlx8] {
    height: 22%;
}

.cape-rpt-freight-fixt[b-04lyl7dlx8] {
    height: 78%;
}

.cape-rpt-right[b-04lyl7dlx8] {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.cape-5TC-avg[b-04lyl7dlx8] {
    height: 30%;
    /*border: 1px solid navy;*/
}

.cape-rpt-mkt-coms-btm[b-04lyl7dlx8] {
    height: fit-content;
    width: 100%;
}
/* _content/Navigator/Components/Pages/Bulkers/Reports/DryCargo/RptTemplates/DryCargoRpt.razor.rz.scp.css */
.dry-rpt-content[b-968ow64jo4] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}


.dry-rpt-left[b-968ow64jo4] {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@scope (.dry-rpt-table) {
    :scope[b-968ow64jo4] {
        width: 100%;
        text-align: center;
    }

    table[b-968ow64jo4] {
        width: 100%;
    }

    tbody tr:nth-child(even)[b-968ow64jo4] {
        background-color: #EBF1F8;
    }
}

.dry-rpt-exch-rates[b-968ow64jo4] {
    height: 24%;
}

.dry-rpt-freight-fixt[b-968ow64jo4] {
    height: 76%;
}

.dry-rpt-right[b-968ow64jo4] {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dry-rpt-price-graph[b-968ow64jo4] {
    height: 24%;
}

@scope (.dry-rpt-friday-tables) {
    :scope[b-968ow64jo4] {
        font-size: 0.97em;
        width: 100%;
        text-align: center;
    }

    tbody tr:nth-child(odd)[b-968ow64jo4] {
        background-color: #EBF1F8;
    }
}
/* _content/Navigator/Components/Pages/Bulkers/Reports/DryCargo/RptTemplates/HandysizeRpt.razor.rz.scp.css */

.handy-rpt-content[b-y7gd5hvxzh] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}


.handy-rpt-left[b-y7gd5hvxzh] {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.handy-rpt-left-fri[b-y7gd5hvxzh] {
    width: 50%;
    height: 100%;
}

.handy-rpt-mkt-coms[b-y7gd5hvxzh] {
    height: fit-content;
}

.handy-rpt-rec-fxts[b-y7gd5hvxzh] {
    margin: 2% 0;
    height: fit-content;
}

.handy-rpt-exch-rates[b-y7gd5hvxzh] {
    height: 22%;
}

.handy-rpt-freight-fixt[b-y7gd5hvxzh] {
    height: 78%;
}

.handy-rpt-right[b-y7gd5hvxzh] {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.handy-rpt-table[b-y7gd5hvxzh] {
    height: 30%;
    width: 100%;
    margin: 2% 0;
}

.handy-TC-avg[b-y7gd5hvxzh] {
    height: 35%;
    margin-bottom: 2%;
}
/* _content/Navigator/Components/Pages/Bulkers/Reports/DryCargo/RptTemplates/PanamaxRpt.razor.rz.scp.css */

.pnmx-rpt-content[b-zh3tr0z6ou] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.pnmx-rpt-top[b-zh3tr0z6ou] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 80%;
    width: 100%;
}

.pnmx-rpt-left[b-zh3tr0z6ou] {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pnmx-rpt-mkt-coms[b-zh3tr0z6ou] {
    height: fit-content;
}

.pnmx-rpt-rec-fxts[b-zh3tr0z6ou] {
    margin: 2% 0;
    height: fit-content;
}

@scope (.pnmx-rpt-table) {
    :scope[b-zh3tr0z6ou] {
        width: 100%;
        text-align: center;
        margin-bottom: 4vh;
    }

    h4[b-zh3tr0z6ou] {
        background-color: #009DC9;
        color: white;
        padding: 4px;
        text-align: left;
        font-weight: 500;
    }

    table[b-zh3tr0z6ou] {
        width: 100%;
    }

    tbody tr:nth-child(odd)[b-zh3tr0z6ou] {
        background-color: #EBF1F8;
    }
}

.pnmx-rpt-exch-rates[b-zh3tr0z6ou] {
    height: 22%;
}

.pnmx-rpt-freight-fixt[b-zh3tr0z6ou] {
    height: 78%;
}

.pnmx-rpt-right[b-zh3tr0z6ou] {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pnmx-5TC-avg[b-zh3tr0z6ou] {
    height: 28%;
    margin-bottom: 1%;
}

/*bottom*/
.pnmx-tng-supply[b-zh3tr0z6ou] {
    height: 17%;
    width: 100%;
}


/* friday */

.pnmx-rpt-mkt-coms-btm[b-zh3tr0z6ou] {
    height: fit-content;
    width: 100%;
}
/* _content/Navigator/Components/Pages/Futures/BalticFwdPrices/BalticFwdPrices.razor.rz.scp.css */
.positive[b-zmdsy3ds1m] {
    color: mediumseagreen !important;
}

.negative[b-zmdsy3ds1m] {
    color: crimson !important;
}

.ssy-table-lw td[b-zmdsy3ds1m], .ssy-table-lw th[b-zmdsy3ds1m] {
    padding: .25rem;
}

.radio-btns input[type="radio"][b-zmdsy3ds1m] {
    display: none;
}

.radio-label[b-zmdsy3ds1m] {
    display: block;
    padding: 0.5rem;
    text-align: center;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    cursor: pointer;
    border-radius: 4px;
}

.radio-btns input[type="radio"]:checked + .radio-label[b-zmdsy3ds1m] {
    background-color: var(--bs-primary);
    color: white;
    border-color: var(--bs-primary);
}

.radio-item[b-zmdsy3ds1m] {
    flex: 1;
    min-width: 120px;
}
.ssy-date-selector[b-zmdsy3ds1m] {
    font-size: 1.5em;
    color: #009DC9;
}
.ssy-date-selector time[b-zmdsy3ds1m] {
    font-weight: 600;
}

.section-container[b-zmdsy3ds1m] {
    padding: 0;
    border-radius: 0;  /* Removed border radius */
    height: auto;
    margin: 0;
}

.section-container table[b-zmdsy3ds1m] {
    margin: 0;
    width: 100% !important;  /* Ensure all tables are full width */
    table-layout: fixed;     /* Fixed table layout for consistent columns */
}

/* Add consistent column widths */
.section-container table th[b-zmdsy3ds1m],
.section-container table td[b-zmdsy3ds1m] {
    padding: 0.25rem 0.5rem;
    white-space: nowrap;  /* Prevent wrapping */
}

.section-container table th:first-child[b-zmdsy3ds1m],
.section-container table td:first-child[b-zmdsy3ds1m] {
    width: 40%;
    text-align: left;

}

.section-container table th:nth-child(2)[b-zmdsy3ds1m],
.section-container table td:nth-child(2)[b-zmdsy3ds1m],
.section-container table th:last-child[b-zmdsy3ds1m],
.section-container table td:last-child[b-zmdsy3ds1m] {
    width: 30%;  /* Adjusted width distribution */
    text-align: right;
    direction: ltr;  /* Ensure numbers read left-to-right */
}


@media (min-width: 992px) {
    .container-fluid[b-zmdsy3ds1m] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .col-lg-4[b-zmdsy3ds1m] {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .section-container[b-zmdsy3ds1m] {
        margin: 0;
        flex: 0 0 auto;
    }

    .mt-4[b-zmdsy3ds1m] {
        margin-top: 0 !important;
    }
}
/* _content/Navigator/Components/Pages/Futures/DataAndHistoricals/DataAndHistoricals.razor.rz.scp.css */
.commentary[b-bs697l7ly7] {
    color: #000061;
    font-family: 'Soehne', 'Franklin Gothic Book', Arial, sans-serif;
    font-size: 10pt;
    margin-bottom: 2rem;
}

.eod_vol_total[b-bs697l7ly7] {
    cursor: grab;
    background-color: #B5CBD6;
}

.eod_vol_total:hover[b-bs697l7ly7] {
    background-color: #B5CBD6A0;
}

.dataSourceButtons[b-bs697l7ly7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 0.5%;
    margin-bottom: 0.7%;
}

.dataSourceButtons button[b-bs697l7ly7] {
    font-size: 130%;
    padding-top: 0.2%;
    padding-bottom: 0.2%;
    padding-left: 0.5%;
    padding-right: 0.5%;
    border: 2.5px solid #0087CB;
    border-radius: 999px;
}
.date-select-simple[b-bs697l7ly7]  .ssy-date-selector {
    display: block;
}
/* _content/Navigator/Components/Pages/Futures/EodBatteryMetalsEmail.razor.rz.scp.css */


.bminputpage[b-wdjz9gwezu] {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 1fr;
}


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

    .bminputpage[b-wdjz9gwezu] {
        display: flex;
        flex-direction: column;
    }
}
/* _content/Navigator/Components/Pages/Futures/EodCommentary.razor.rz.scp.css */

.eodCommPage-grid-container[b-lq9nrmfx1c] {
    display: grid;
    grid-template-columns: var(--input-columns);
    grid-gap: 40px;
    background-color: transparent;
}
/*
.grid-item-input {
}
*/
.eodcomm-pricesColumn[b-lq9nrmfx1c] {
    grid-row: 1 / span 2;
    width: 580px;
    /* width: 580px; float: left; margin-right:10px;*/
}



.showOnSmallScreens[b-lq9nrmfx1c] {
    display: none;
}


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


    .eodCommPage-grid-container[b-lq9nrmfx1c] {
        display: block;
        grid-gap: 40px;
        background-color: transparent;
    }

    .showOnSmallScreens[b-lq9nrmfx1c] {
        display: block;
    }
}

.rcorners[b-lq9nrmfx1c] {
    display: inline-block;
    border-radius: 25px;
    border: 2px solid;
    text-align: center;
    line-height: 1.5em;
    height: 1.8em;
    width: 50px;
    margin-left: 4px;
}

.goodborder[b-lq9nrmfx1c] {
    background-color: #70ad4755;
    border-color: #70ad47;
}

.badborder[b-lq9nrmfx1c] {
    background-color: #ff804155;
    border-color: #ff8041;
}
/* _content/Navigator/Components/Pages/Futures/EuEtsCalculator.razor.rz.scp.css */
.euets-flex[b-h3ys2hq867] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
}

.text-end[b-h3ys2hq867] {
    padding-left:0;
}

.euets-flex-calculations[b-h3ys2hq867] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 27px;
    margin-bottom: 15px;
}

.euets-flex-result[b-h3ys2hq867] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 27px;
    width: 100%;
}

.euets-grid-saved[b-h3ys2hq867] {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 10px;
    list-style:none;
    margin-left: 0;
    padding-left: 0;
}

.euets-grid-saved li[b-h3ys2hq867] {
    margin-left: 0;
    padding-left: 0;
}

.main-col-left[b-h3ys2hq867] {
    width: 350px;
}

.main-col-right[b-h3ys2hq867] {
    /*flex: 1 0 auto;*/
}

.euets-table-header1[b-h3ys2hq867] {
    font-family: 'Soehne breit', 'Franklin Gothic Book', Arial, sans-serif;
    font-size: 1.2rem;
    color: #009DC9;
    border: 2px solid #B5CBD6;
}

.euets-table-header2[b-h3ys2hq867] {
    font-family: 'Soehne', 'Franklin Gothic Book', Arial, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: #009DC9;
}

.euets-result-values[b-h3ys2hq867] {
    font-size: 1rem;
    color: #000061;
    background-color: #E9EFF98A;
    font-weight: normal;
}

.euets-flex-savename[b-h3ys2hq867] {
    display: flex;
    justify-content: space-between;
    width: 355px;
}

.euets-savename[b-h3ys2hq867] {
    border-radius: 25px 0 0 25px;
    background: #009DC9;
    color: white;
    padding: 3px 0 3px 10px;
    width: 325px;
    border: none;
    overflow: hidden;
    text-overflow: clip;
}


.euets-savename-delete[b-h3ys2hq867] {
    border-radius: 0 25px 25px 0;
    background: #F7A506;
    border: none;
    padding: 3px 0 3px 0;
    width: 30px;
    cursor: pointer;
}

.euets-flex-delete[b-h3ys2hq867] {
    display: flex;
    justify-content: space-between;
    width: 150px;
}

.euets-savename-delete-confirm[b-h3ys2hq867] {
    border-radius: 25px 0 0 25px;
    background: #DB303A;
    border: none;
    color: white;
    padding: 3px 3px 3px 0;
    width: 75px;
}

.euets-savename-delete-cancel[b-h3ys2hq867] {
    border-radius: 0 25px 25px 0;
    background: #91A527;
    border: none;
    padding: 3px;
    width: 75px;
}

.euets-country-input[b-h3ys2hq867] {
    border: 1px solid #ced4da;
    border-radius: .375rem;
    color: #212529;
    padding: .375rem .75rem;
    line-height: 1.5;
}




.euets-flex-contact[b-h3ys2hq867] {
    display: flex;
    justify-content: space-around;
    height: 200px;
    width: 410px;
    padding: 5px;
}


.euets-assumptions-noneditable.form-control:disabled[b-h3ys2hq867]{
    background-color: #fff;
    color: #000;
    border-color: #fff;
}



@media only screen and (max-width: 1620px) {
    .euets-flex[b-h3ys2hq867] {
        gap: 10px;
    }


}
/* _content/Navigator/Components/Pages/Futures/FuturesDataExtractor/FuturesTradeExtractor_00.razor.rz.scp.css */
.tradeextractPageLayout[b-llnat61zkx] {
    display: grid;
    grid-template-columns: 320px auto;
    gap: 20px;
}

.tradeextractbox[b-llnat61zkx] {
    border: 1px solid #009DC9;
}

.tradeextractdatepicker[b-llnat61zkx] {
}

.tradeextractroutepicker[b-llnat61zkx] {
    display: grid;
    grid-template-columns: 100px auto;
    gap: 20px;
}

.tradeextractroutepicker-ul[b-llnat61zkx] {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .tradeextractroutepicker-ul .chkbox[b-llnat61zkx] {
        margin: 0 3px 0 0;
        vertical-align: middle;
    }


    .tradeextractroutepicker-ul li[b-llnat61zkx] {
        text-decoration: none;
    }

        .tradeextractroutepicker-ul li:hover[b-llnat61zkx] {
            background-color: #B5CBD6;
        }

.tradeextractroutepicker-tbl tr:hover[b-llnat61zkx] {
    background-color: #B5CBD6;
}

.tradeextractroutepicker-tbl td[b-llnat61zkx] {
    padding-right: 30px;
}

.tradeextractroutepicker-tbl .delete[b-llnat61zkx] {
    cursor: pointer;
    padding-right: 3px;
}

    .tradeextractroutepicker-tbl .delete:hover[b-llnat61zkx] {
        font-weight: 700;
        color: white;
    }

.tradeextractoutput-tbl th:not(:first-child)[b-llnat61zkx] {
    text-align: center;
    border: 1px solid #B5CBD6;
}

.tradeextractoutput-tbl[b-llnat61zkx] {
    text-align: right;
}

    .tradeextractoutput-tbl tr:hover[b-llnat61zkx] {
        background-color: #B5CBD6;
    }

    .tradeextractoutput-tbl td:first-child[b-llnat61zkx], .tradeextractoutput-tbl th:first-child[b-llnat61zkx] {
        text-align: left;
    }

    .tradeextractoutput-tbl th label[b-llnat61zkx] {
        font-size: 0.8rem;
        font-weight: normal;
        color: #163E9F;
        font-style: italic;
    }

.tradeextractoutpup-btn-text[b-llnat61zkx] {
    margin-top: 8px;
    display: flex;
    gap: 20px;
    align-items: center;
}

.tradeextractoutput-c3y[b-llnat61zkx] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.disclaimer-accordion[b-llnat61zkx] {
    background-color: #B5CBD6;
    color: #000061;
    cursor: pointer;
    padding: 2px 0 2px 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 0.8rem;
    transition: 0.4s;
}

    .disclaimer-accordion:hover[b-llnat61zkx] {
        background-color: #405864;
        color: white;
    }


.tradeflashing[b-llnat61zkx] {
    animation: tradeflash-b-llnat61zkx 3s infinite;
    color: #EB3871;
    font-weight: bold;
}

        @keyframes tradeflash-b-llnat61zkx {
            0%  {opacity: 1; }
            50% {opacity: 0.5; }
            100% {opacity: 1; }
        }
/* _content/Navigator/Components/Pages/Futures/IntradayPrices/FfaLiveCurves.razor.rz.scp.css */
.itd-pge-noPaddingMargin[b-qnd7kw3gwk] {
    padding: 0 !important;
    margin: 0 !important;
    overflow-y: visible !important;
}

.container-fluid .itd-pge-row[b-qnd7kw3gwk] {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0.5em;
}

.itd-pge-box[b-qnd7kw3gwk] {
    min-width: 22em;
    white-space: nowrap !important;
}

@media screen and (max-width:600px) {
    .itd-pge-box[b-qnd7kw3gwk] {
        width: 92%;
    }


}

@media screen and (min-width:600px) {
    .itd-pge-box[b-qnd7kw3gwk] {
        width: 20em;
        padding: 0;
    }

    .container-fluid .itd-pge-row[b-qnd7kw3gwk] {
        margin-left: -13px;
    }

}

@media screen and (min-width:768px) {
    .itd-pge-box[b-qnd7kw3gwk] {
        width: 22em;
        white-space: nowrap !important;
        padding: unset;
        margin-right: 5px;
    }

    .container-fluid .itd-pge-row[b-qnd7kw3gwk] {
        flex-wrap: unset;
        margin-left: 0;
    }
}


.itd-pge-box.draggable[b-qnd7kw3gwk] {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.8);
    text-align: center;
}

   /* .itd-pge-box.draggable:hover {
        background-color: rgba(255, 255, 255, 0.8);
        border: 1px solid rgba(0, 0, 0, 0.8);
        text-align: center;
    }

    .itd-pge-box.draggable.dragging {
        background-color: rgba(255, 255, 255, 0.8);
        border: 1px solid rgba(0, 0, 0, 0.8);
        text-align: center;
    }*/
/* _content/Navigator/Components/Pages/Futures/IntradayPrices/IntradayPriceTable.razor.rz.scp.css */
table.intraday thead tr[b-k45iaxlqku] {
    border-color: #0087CB !important;
}

table.intraday tbody tr[b-k45iaxlqku] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: min-content !important;
    font-weight: bold;
}

table.intraday tbody tr th:nth-child(1)[b-k45iaxlqku] {
    text-align: left;
    padding-left: 5px;
}

table.intraday tbody tr td:nth-child(1)[b-k45iaxlqku] {
    text-align: center;
}

table.intraday tbody tr th:nth-child(2)[b-k45iaxlqku], td:nth-child(2)[b-k45iaxlqku] {
    text-align: right;
}

table.intraday tbody tr th:nth-child(3)[b-k45iaxlqku], td:nth-child(3)[b-k45iaxlqku] {
    text-align: right;
}

table.intraday tbody tr th:nth-child(4)[b-k45iaxlqku], td:nth-child(4)[b-k45iaxlqku] {
    text-align: right;
}

table.intraday tbody tr th:nth-child(5)[b-k45iaxlqku], td:nth-child(5)[b-k45iaxlqku] {
    text-align: right;
}

.pulsecolour[b-k45iaxlqku] {
    animation-name: pulseSetting;
    animation-duration: 700ms;
    animation-iteration-count: 40;
    animation-timing-function: linear;
}


@keyframes pulseGreen-b-k45iaxlqku {
    0% {
        background-color: #ebf1de;
    }

    50% {
        background-color: #d8e4bc;
    }

    100% {
        background-color: #c4d79b;
    }
}

@keyframes pulseRed-b-k45iaxlqku {
    0% {
        background-color: #fde9d9;
    }

    50% {
        background-color: #fcd6b4;
    }

    100% {
        background-color: #fabf8f;
    }
}




/* _content/Navigator/Components/Pages/Futures/LiveTrades.razor.rz.scp.css */


.date-select-simple-arrows[b-wzlyo9gp5s] {
    font-size: 20px;
    width: 30px;
}

.dateChanger-date[b-wzlyo9gp5s] {
    font-size: 16px;
    width: 160px;
    display: inline-block;
    text-align: center;
}

.date-select-simple-arrows.disable[b-wzlyo9gp5s] {
    color: lightgray;
}

    .date-select-simple-arrows.disable:hover[b-wzlyo9gp5s] {
        color: lightgray;
        cursor: default;
        font-weight: normal;
    }

.arrow[b-wzlyo9gp5s] {
    height: 20px;
}

    .arrow.switch-arrow[b-wzlyo9gp5s] {
        transform: rotate(180deg);
    }

.tooltip-box[b-wzlyo9gp5s] {
    position: fixed;
    padding: 10px;
    background-color: #000061;
    border-radius: 5px;
    color: #fff;
}


.filtertextbox[b-wzlyo9gp5s] {
    width: 300px;
    padding-right: 4px;
    margin-left: 5%;
    margin-top: 0%;
}


.ssythemefilter[b-wzlyo9gp5s] {
    background-color: white;
    border-color: #d2cdc3;
    color: black;
}

.pulsenewtrade[b-wzlyo9gp5s] {
    animation-name: pulseNewTradeSettings-b-wzlyo9gp5s;
    animation-duration: 700ms;
    animation-iteration-count: 40;
    animation-timing-function: linear;
    font-weight: bold;
    color: black;
    background-color: #D9EBF9 !important;
}

.tradetable-row[b-wzlyo9gp5s] {
    cursor: pointer;
    height: 1.5em;
}

.tradetable-div[b-wzlyo9gp5s] {
    flex-basis: content;
    flex-shrink: 1;
    width: 100%;
}

.tradetable[b-wzlyo9gp5s] {
    width: 650px;
}

.numcol[b-wzlyo9gp5s] {
    text-align: right;
}

.centercol[b-wzlyo9gp5s] {
    text-align: center;
}

.lightUnderscore[b-wzlyo9gp5s] {
    text-decoration: underline;
    -webkit-text-decoration-color: silver; /* safari still uses vendor prefix */
    text-decoration-color: silver;
}

.stattable-routename[b-wzlyo9gp5s] {
    border-top: solid 1px silver;
    border-bottom: solid 1px silver;
    background-color: none;
    font-weight: bold;
    color: #000061;
}

.stattable-detail[b-wzlyo9gp5s] {
    background-color: none;
}

    .stattable-detail:hover[b-wzlyo9gp5s] {
        background-color: lightgrey;
    }



@keyframes pulseNewTradeSettings-b-wzlyo9gp5s {
    0% {
        /*background-color: #f0e2b4 !important;*/
        color: black;
    }

    100% {
        /*background-color: #f5ef87 !important;*/
        color: red;
    }
}

@media screen and (max-width: 1400px) {
    .tradetable[b-wzlyo9gp5s] {
        width: 450px;
    }
}


@media screen and (max-width: 600px) {
    .hide-mobile[b-wzlyo9gp5s] {
        display: none;
    }

    .flex-mobile-wrap[b-wzlyo9gp5s] {
        flex-wrap: wrap;
    }

    .tradetable[b-wzlyo9gp5s] {
        width: 100%;
    }

    .tradetable-div[b-wzlyo9gp5s] {
        flex-basis: unset;
        flex-shrink: 1;
        width: 100%;
    }

    .date-select-simple .date-arrows[b-wzlyo9gp5s] {
        padding: 0 8px 0 8px;
    }
}
/* _content/Navigator/Components/Pages/General/Analysis/Vessels/Pages/Changes.razor.rz.scp.css */
.vls-type-btn[b-7rm7v4wvcd] {
    cursor: pointer;
    background-color: #E8E8E8;
    margin-right: 2%;
    padding: 0.5% 2.5%;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

    .vls-type-btn:hover[b-7rm7v4wvcd] {
        background-color: #D1EDF5;
    }


.striped-bg[b-7rm7v4wvcd] {
    background: repeating-linear-gradient( 45deg, #666DA9, #666DA9 20%, #163E9F 20%, #163E9F 40% );
}
/* _content/Navigator/Components/Pages/General/Analysis/Vessels/Pages/FuelInfo.razor.rz.scp.css */
.fuelinfo-btn[b-szukaiwjis] {
    cursor: pointer;
    background-color: #E8E8E8;
    margin-right: 2%;
    padding: 0.5% 5%;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

    .fuelinfo-btn:hover[b-szukaiwjis] {
        background-color: #D1EDF5;
    }
/* _content/Navigator/Components/Pages/General/Analysis/Vessels/Pages/Orderbook.razor.rz.scp.css */
@scope (.orderbook-cont) {
    :scope[b-kuc3xdl3n9] {
        /*        background-color: lightblue;*/
        /*        border: 2px solid gray;*/
        display: flex;
        flex-direction: column;
        height: 96%;
        width: 100%;
    }

    .div[b-kuc3xdl3n9] {
        border: 1px solid lightblue;
    }

    td[b-kuc3xdl3n9], th[b-kuc3xdl3n9] {
        padding: 5px;
    }
}

.orderbook-top[b-kuc3xdl3n9] {
    display: flex;
    flex-direction: row;
    height: 50%;
    width: 100%;
}

.orderbook-outlook[b-kuc3xdl3n9] {
    height: 100%;
    width: 59%;
    padding: 0.5%;
}

.orderbook-outlook-graph[b-kuc3xdl3n9] {
    height: 90%;
}

.orderbook-outlook-btn[b-kuc3xdl3n9] {
    cursor: pointer;
    background-color: #E8E8E8;
    margin-right: 2%;
    padding: 0.5% 5%;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

    .orderbook-outlook-btn:hover[b-kuc3xdl3n9] {
        background-color: #D1EDF5;
    }


.orderbook-btm[b-kuc3xdl3n9] {
    height: 50%;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.orderbook-geo[b-kuc3xdl3n9] {
    height: 100%;
    width: 50%;
    padding: 0.5%;
}

.orderbook-yards[b-kuc3xdl3n9] {
    height: 100%;
    width: 50%;
    padding: 0.5%;
}
/* _content/Navigator/Components/Pages/General/Analysis/Vessels/Pages/YardInfo.razor.rz.scp.css */
.country-btn[b-oq2cff82lp] {
    width: 100%;
    cursor: pointer;
    background-color: #E8E8E8;
    /*    color: white;*/
    padding: 3% 5%;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

    .country-btn:hover[b-oq2cff82lp] {
        background-color: #D1EDF5;
    }


@scope(.yard-util-table) {
    :scope[b-oq2cff82lp] {
    }

    thead[b-oq2cff82lp] {
        background-color: #163E9F;
        color: white;
        font-weight: 400;
    }

    tbody[b-oq2cff82lp] {
    }

        tbody tr:hover[b-oq2cff82lp] {
            background-color: #D0E4F0 !important;
        }
}
/* _content/Navigator/Components/Pages/General/Commentary/Commentary_00_Main.razor.rz.scp.css */
.commentary-page-layout[b-gvygzap5om] {
    display: grid;
    grid-template-columns: 250px auto;
    gap: 10px;
}

.commentary-button[b-gvygzap5om] {
    width: 80%;
    margin-bottom: 10px;
}

.commentary-filter-input[b-gvygzap5om] {
    width: 80%;
}

.commentary-filter-header[b-gvygzap5om] {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 8px;
}

.commentary-filter-subheader[b-gvygzap5om] {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 8px;
}


    .span-2-widescreen[b-gvygzap5om] {
        grid-column: span 2;
    }

.commentary-small-icon[b-gvygzap5om] {
    height: 15px;
    cursor: pointer;
    border-radius: 5px;
}

    .commentary-small-icon.red:hover[b-gvygzap5om] {
        background-color: #FE908F;
    }

    .commentary-small-icon.orange:hover[b-gvygzap5om] {
        background-color: #F7B900;
    }

    .commentary-small-icon.green:hover[b-gvygzap5om] {
        background-color: #73D673;
    }


.commentary-side-panel[b-gvygzap5om] {
    z-index: 900;
    position: fixed;
    width: calc(100vw - 195px);
    height: 100vh;
    top: 0;
    left: calc(-100vw + 200px);
    transition: transform 0.5s ease-out;
    background-color: var(--ssy-grey);
    border-right: 5px solid var(--ssy-black);
    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
}

    .commentary-side-panel.expanded[b-gvygzap5om] {
        transform: translateX(calc(100vw - 200px));
    }

.commentary-side-panel-container[b-gvygzap5om] {
    position: relative;
    height: 100%;
    width: 100%;
}

.commentary-side-panel-tab[b-gvygzap5om] {
    position: absolute;
    top: 40vh;
    left: calc(100vw - 200px);
    height: 94px;
    width: 30px;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
    background-color: var(--ssy-black);
}

.commentary-arrow[b-gvygzap5om] {
    height: 40px;
    transition: transform 0.25s;
    transform: rotate(270deg);
    margin-top: 26px;
    margin-left: -5px;
}

    .commentary-arrow.expanded[b-gvygzap5om] {
        transform: rotate(450deg);
    }

@media (max-width: 840px) {
    .span-2-widescreen[b-gvygzap5om] {
        grid-column: auto;
    }
}
/* _content/Navigator/Components/Pages/General/Commentary/Commentary_50_Edit.razor.rz.scp.css */
.commentaryeditgrid[b-j30kmh2tjs] {
    margin-left: 5px;
    display: flex;
    flex-direction: column;
    /*grid-template-columns: 250px auto;*/
    gap: 10px;
}
@media (min-width: 576px) {
    .commentaryeditgrid[b-j30kmh2tjs] {
        flex-direction: row;
    }
}


.commentaryeditflex[b-j30kmh2tjs] {
    display: flex;
    gap: 10px;
}

.commentaryeditheader[b-j30kmh2tjs] {
    border: 1px solid silver;
    font-size: 20px;
    color: black;
    width: 100%;
    padding-left: 1em;
    margin-bottom: 4px;
    background-color: #E9EFF9;
}


    .commentaryeditheader[b-j30kmh2tjs]::placeholder {
        font-weight: unset;
        opacity: 0.5;
        color: grey;
        font-style: italic;
    }

.commentaryedittitle[b-j30kmh2tjs] {
    border: 1px solid silver;
    font-size: 20px;
    color: grey;
    width: 100%;
    padding-left: 1em;
    margin-bottom: 4px;
    background-color: #E9EFF9;
}

.commentarytitleheader[b-j30kmh2tjs] {
    border: 1px solid silver;
    font-weight: bold;
    width: 100%;
    padding-left: 5px;
    background-color: #E9EFF9;
}

.commentarylistbox[b-j30kmh2tjs] {
    border: 1px solid silver;
    font-weight: bold;
    width: 100%;
    padding-left: 5px;
    background-color: #E9EFF9;
}

.commentaryedittext[b-j30kmh2tjs] {
    border: 1px solid silver;
    color: black;
    width: 100%;
    padding-left: 1em;
    margin-bottom: 4px;
    background-color: #E9EFF9;
}


    .commentaryedittext[b-j30kmh2tjs]::placeholder {
        opacity: 0.5;
        color: grey;
        font-style: italic;
    }

.tagsshow-container[b-j30kmh2tjs] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2px;
}


.tagsshow-container-sub[b-j30kmh2tjs] {
    display: flex;
    align-items: flex-start;
    gap: 1px;
}

.tagsshow-parent[b-j30kmh2tjs] {
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    width: 100px;
    border: darkGrey;
    border-radius: 5px;
    margin-bottom: 10px;
}

.tagsshow-sub[b-j30kmh2tjs] {
    text-align: center;
    font-size: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 0 5px 0 5px;
}

.buttons-flex-container[b-j30kmh2tjs] {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: space-between;
}

.commentary-editor-button[b-j30kmh2tjs] {
    padding: 5px 20px 5px 20px;
}

.links-grid-container[b-j30kmh2tjs] {
    display: grid;
    grid-template-columns: 170px auto 22px;
    gap: 3px;
}

.delete-container[b-j30kmh2tjs] {
    position: relative;
    width: 300px;
    padding: 10px 20px 10px 20px;
}

.hoverred:hover[b-j30kmh2tjs] {
    background-color: #DB303A;
    border-radius: 5px;
}

.hoverorange:hover[b-j30kmh2tjs] {
    background-color: #F7B900;
    border-radius: 5px;
}

.hovergreen:hover[b-j30kmh2tjs] {
    background-color: #73D673;
    border-radius: 5px;
}
/* _content/Navigator/Components/Pages/General/Commentary/Commentary_90_TagSelector.razor.rz.scp.css */
.tags-container[b-3krgu92uyf] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 5px;
    flex-direction: column;
}
.commentaryeditgrid .tags-container[b-3krgu92uyf] {
    flex-direction: row;
}

.tags-container-sub[b-3krgu92uyf] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.tags-parent[b-3krgu92uyf] {
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    padding: 0 10px;
    border: var(--tag-border);
    border-radius: 5px;
    margin-bottom: 10px;
    cursor: pointer;
    min-width: 100px;
}
.commentaryeditgrid .tags-parent[b-3krgu92uyf] {
    min-width: 0;
}

.tags-sub[b-3krgu92uyf] {
    font-size: 10px;
    cursor: pointer;
}

.tags-sub[b-3krgu92uyf]::before {
    display: inline-block;
    content: '';
    width: 15px;
    height: 15px;
    margin: 2px 3px;
    border-radius: 10px;
    border: var(--tag-border);
    background-color: var(--tag-bk-colours);
    color: var(--tag-tx-colours);
    vertical-align: middle;
}

@media (min-width: 576px) {
    .commentaryeditgrid .tags-container[b-3krgu92uyf] {
        flex-direction: column;
    }

    .commentaryeditgrid .tags-parent[b-3krgu92uyf] {
        min-width: 100px;
    }
}
/* _content/Navigator/Components/Pages/General/CustomCharts.razor.rz.scp.css */
.chart-builder-container[b-a78zcl10l2] {
    display: grid;
    grid-template-columns: 27.1rem auto;
}
    .chart-builder-container .chart-builder-highchart[b-a78zcl10l2] {
        align-self: baseline;
        overflow: auto;
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }

.chart-builder-container h2[b-a78zcl10l2] {
    margin-bottom: 0.5em;
}
.chart-builder-form[b-a78zcl10l2] {
    align-self: flex-start;
}

.chart-builder-form > .chart-builder[b-a78zcl10l2] {
    height: calc(100% - 3em);
    display: grid;
}

.chart-builder > .chart-data-selector[b-a78zcl10l2]{
    /*min-height: 16rem;*/
}

.chart-builder > div[b-a78zcl10l2] {
    border: 2px solid #009DC9;
    margin-bottom: 1em;
}
.chart-builder h3.ssy-colour-lw[b-a78zcl10l2] {
    text-align: center;
    font-size: 1.25em;
}

.chart-builder-measures[b-a78zcl10l2] {
    display: flex;
    gap: 3px;
}

.chart-builder-measures .ssy-radio-main label[b-a78zcl10l2] {
    background-color: #009DC9;
    color: white;
}

.chart-builder-measures .ssy-radio-main input:checked + label[b-a78zcl10l2] {
    background-color: #000061;
    color: white;
}

.chart-builder-action:hover[b-a78zcl10l2] {
    cursor: pointer;
    color: white;
    background-color: #163E9F;
    border-radius: 5px;
}

@media (max-width: 900px)  {
    .chart-builder-container[b-a78zcl10l2] {
        display: block;
    }

        .chart-builder-container .chart-builder-highchart[b-a78zcl10l2] {
            align-self: baseline;
            overflow: auto;
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
        }

    .chart-builder-measures[b-a78zcl10l2] {
        display: block;
    }
}
/* _content/Navigator/Components/Pages/General/Dashboard/Dashboard_00.razor.rz.scp.css */
/* container */

.ssymarkets-dashboard-container .dashboard-chartsection[b-fw3r49wmly] {
    display: grid;
    grid-template-columns: 3em auto;
}

.ssymarkets-dashboard-container .dashboard-header[b-fw3r49wmly] {
    writing-mode: vertical-lr;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ssymarkets-dashboard-container .dashboard-header a[b-fw3r49wmly],
.ssymarkets-dashboard-container .dashboard-header a h2[b-fw3r49wmly],
.ssymarkets-dashboard-container .dashboard-header div[b-fw3r49wmly],
.ssymarkets-dashboard-container .dashboard-header div h2[b-fw3r49wmly]{
    color: inherit;
}

.ssymarkets-dashboard-container .dashboard-content[b-fw3r49wmly] {
    display: flex;
    flex-direction: column;
}

.ssymarkets-dashboard-container .dashboard-content:not(.contentType-table)[b-fw3r49wmly]{
    justify-content: space-between;
}

.ssymarkets-dashboard-container .dashboard-row .dashboard-content:first-child[b-fw3r49wmly] {
    padding-left: 0.5rem;
}

.ssymarkets-dashboard-container .dashboard-content[b-fw3r49wmly]  .HighChart-Base {
    
}

/* border top classes */
.dashboard-chartsection .dashboard-header[b-fw3r49wmly],
.dashboard-chartsection .dashboard-row[b-fw3r49wmly] {
    border-top: 7px solid #000000;
}

.dashboard-chartsection .dashboard-header.ssy-colour-dw[b-fw3r49wmly],
.dashboard-chartsection[data-headerColor*="ssy-colour-dw"] .dashboard-row[b-fw3r49wmly] {
    border-top-color: #000061; /* Simpson Blue */
}

.dashboard-chartsection .dashboard-header.ssy-colour-brightblue-white[b-fw3r49wmly],
.dashboard-chartsection[data-headerColor*="ssy-colour-brightblue-white"] .dashboard-row[b-fw3r49wmly] {
    border-top-color: #0087CB; /* Bright Blue */
}

.dashboard-chartsection .dashboard-header.ssy-colour-vividpink-white[b-fw3r49wmly],
.dashboard-chartsection[data-headerColor*="ssy-colour-vividpink-white"] .dashboard-row[b-fw3r49wmly] {
    border-top-color: #EB3871; /* Vivid Pink */
}

.dashboard-chartsection .dashboard-header.ssy-colour-tealgreen-white[b-fw3r49wmly],
.dashboard-chartsection[data-headerColor*="ssy-colour-tealgreen-white"] .dashboard-row[b-fw3r49wmly] {
    border-top-color: #01A39E; /* Teal Green */
}

.dashboard-chartsection .dashboard-header.ssy-colour-goldenyellow-white[b-fw3r49wmly],
.dashboard-chartsection[data-headerColor*="ssy-colour-goldenyellow-white"] .dashboard-row[b-fw3r49wmly] {
    border-top-color: #F7A506; /* Golden Yellow */
}

.dashboard-chartsection .dashboard-header.ssy-colour-aquamarine-white[b-fw3r49wmly],
.dashboard-chartsection[data-headerColor*="ssy-colour-aquamarine-white"] .dashboard-row[b-fw3r49wmly] {
    border-top-color: #24DEBD; /* Aquamarine */
}

.dashboard-chartsection .dashboard-header.ssy-colour-brightorange-white[b-fw3r49wmly],
.dashboard-chartsection[data-headerColor*="ssy-colour-brightorange-white"] .dashboard-row[b-fw3r49wmly] {
    border-top-color: #FF670F; /* Bright Orange */
}

.dashboard-chartsection .dashboard-header.ssy-colour-royalpurple-white[b-fw3r49wmly],
.dashboard-chartsection[data-headerColor*="ssy-colour-royalpurple-white"] .dashboard-row[b-fw3r49wmly] {
    border-top-color: #752FD0; /* Royal Purple */
}

.dashboard-chartsection .dashboard-header.ssy-colour-lemonyellow-white[b-fw3r49wmly],
.dashboard-chartsection[data-headerColor*="ssy-colour-lemonyellow-white"] .dashboard-row[b-fw3r49wmly] {
    border-top-color: #FFD025; /* Lemon Yellow */
}

.dashboard-chartsection .dashboard-header.ssy-colour-cyanblue-white[b-fw3r49wmly],
.dashboard-chartsection[data-headerColor*="ssy-colour-cyanblue-white"] .dashboard-row[b-fw3r49wmly] {
    border-top-color: #009DCA; /* Cyan Blue */
}

.dashboard-chartsection .dashboard-header.ssy-colour-slategray-white[b-fw3r49wmly],
.dashboard-chartsection[data-headerColor*="ssy-colour-slategray-white"] .dashboard-row[b-fw3r49wmly] {
    border-top-color: #405864; /* Slate Gray */
}

.dashboard-chartsection .dashboard-header.ssy-colour-lightblue-gray-white[b-fw3r49wmly],
.dashboard-chartsection[data-headerColor*="ssy-colour-lightblue-gray-white"] .dashboard-row[b-fw3r49wmly] {
    border-top-color: #B5CBD6; /* Light Blue-Gray */
}

.dashboard-chartsection .dashboard-header.ssy-colour-crimsonred-white[b-fw3r49wmly],
.dashboard-chartsection[data-headerColor*="ssy-colour-crimsonred-white"] .dashboard-row[b-fw3r49wmly] {
    border-top-color: #DB303A; /* Crimson Red */
}

.dashboard-chartsection .dashboard-header.ssy-colour-olivegreen-white[b-fw3r49wmly],
.dashboard-chartsection[data-headerColor*="ssy-colour-olivegreen-white"] .dashboard-row[b-fw3r49wmly] {
    border-top-color: #91A527; /* Olive Green */
}

/* loading classes */

.loading-overlay[b-fw3r49wmly] {
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 50px;
    width: 100%;
    height: 100%;
    background-color: #405864;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    background-image: url('./assets/loadin.gif');
    background-repeat: no-repeat;
    background-position: center; /* Center the image */
    background-size: 20%; /* Make the image slightly smaller */
    opacity: 0.9; /* Make slightly opaque */
}

.loading-overlay[b-fw3r49wmly]::after {
    content: "Loading";
    position: absolute;
    top: calc(50% + 100px); /* Adjust this value to position the text below the logo */
    color: white;
    font-size: 1.5em;
    text-align: center;
}

/* styling for charts and components*/

[b-fw3r49wmly] .tableRowHeaderText a {
    color:white;
}

[b-fw3r49wmly] .h1Grey {
    font-family: 'Soehne Breit', Arial;
    font-size: 16px;
    font-weight: bolder;
    color: #000061;
}


[b-fw3r49wmly] .h1Grey a {
    color: #000061;
    text-decoration: underline;
}


[b-fw3r49wmly] .h2Grey {
    font-family: 'Soehne Breit', Arial;
    font-size: 12px;
    color: #000061;
}
/* _content/Navigator/Components/Pages/General/LearningHub/LearningHub.razor.rz.scp.css */
/*Visible at lg*/
@media (min-width: 992px) {
    .learning-hub-video-page-container[b-s6wbij27su] {
        border-left: 3px solid #000061;
    }
}
/* _content/Navigator/Components/Pages/General/LearningHub/LearningHubVideo.razor.rz.scp.css */
.theatre-container[b-pnysgso4cj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-height: 94vh;
    background-color: #f5f7fa;
}

.page-header[b-pnysgso4cj] {
    width: 100%;
    max-width: 1200px;
    margin-bottom: 0rem;
    margin-top: 1rem;
}

.page-header h2[b-pnysgso4cj] {
    color: #2c3e50;
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.page-header hr[b-pnysgso4cj] {
    border: none;
    height: 2px;
    background: linear-gradient(to right, #007bff, transparent);
}


.video-container[b-pnysgso4cj] {
    width: 100%;
    max-width: 1200px;
    background-color: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    padding: 1rem;
    margin-top: 1rem;
}

.video-player[b-pnysgso4cj] {
    width: 100%;
    aspect-ratio: 16/9;
    background-color: #000;
}

@media (max-width: 768px) {
    .video-container[b-pnysgso4cj] {
        margin-top: 1rem;
    }
}


/* _content/Navigator/Components/Pages/General/LearningHub/LearningHubVideoPage.razor.rz.scp.css */
/*Visible at lg*/
@media (min-width: 992px) {
    .learning-hub-video-page-container[b-xs9l1u0bw3] {
        border-left: 3px solid #000061;
    }
}
/* _content/Navigator/Components/Pages/General/OmniPortal/Components/AttachmentListItem.razor.rz.scp.css */
.opalitem[b-dfhc2a17n3] {
    padding: 4px 8px 4px 20px;
    
    border-radius: 4px;
    transition: all 0.3s ease; /* Increased transition time for smoother effect */
    border-left: 3px solid transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    position: relative;
    -webkit-tap-highlight-color: transparent;
}

    .opalitem:hover[b-dfhc2a17n3] {
        background-color: #f8f9fa;
        border-left-color: #163E9F;
        transform: translateX(3px); /* Add subtle movement on hover */
        box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* Add subtle shadow for depth */
    }

    .opalitem:active[b-dfhc2a17n3] {
        background-color: #f0f0f0;
        transform: translateX(2px) scale(0.99);
    }

    .opalitem:hover .child-type-label[b-dfhc2a17n3] {
        background: #f8f9fa;
        color: #555;
    }

    .opalitem span[b-dfhc2a17n3] {
        color: #333;
        font-size: 0.9rem;
        margin-right: 20px;
        display: inline-block;
    }

.item-content[b-dfhc2a17n3] {
    display: flex;
    flex-direction: column;
}

.item-date[b-dfhc2a17n3] {
    position: relative;
    z-index: 1;
}

.item-indicator[b-dfhc2a17n3] {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background-color: rgba(22, 62, 159, 0.05);
    transition: width 0.3s ease;
    z-index: 0;
    border-radius: 0 4px 4px 0;
}

.opalitem:hover .item-indicator[b-dfhc2a17n3] {
    width: 100%;
}

.actions[b-dfhc2a17n3] {
    display: flex;
    align-items: center;
    opacity: 0.6; /* Start with lower opacity */
    transition: opacity 0.3s ease;
    position: relative;
    z-index: 2;
}

.opalitem:hover .actions[b-dfhc2a17n3] {
    opacity: 1; /* Full opacity on hover */
}

.view-html-button[b-dfhc2a17n3],
.view-pdf-button[b-dfhc2a17n3] {
    opacity: 0.7;
    transition: all 0.2s ease; /* Changed from just opacity to all */
    padding: 4px;
    margin-left: 8px;
    cursor: pointer;
    border-radius: 4px; /* Add rounded corners */
    position: relative;
}

.view-html-button:hover[b-dfhc2a17n3],
.view-pdf-button:hover[b-dfhc2a17n3] {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.05); /* Add subtle background */
    transform: scale(1.1); /* Slightly larger on hover */
}

.view-html-button:active[b-dfhc2a17n3],
.view-pdf-button:active[b-dfhc2a17n3] {
    transform: scale(0.95);
}

[b-dfhc2a17n3] .badge {
    margin-left: 8px;
    padding: 3px 8px;
    font-size: 0.75rem;
    animation: pulse-b-dfhc2a17n3 2s infinite; /* Add pulsing animation for new badges */
}

@keyframes pulse-b-dfhc2a17n3 {
    0% { opacity: 1; }
    50% { opacity: 0.7; }
    100% { opacity: 1; }
}

.archive-item[b-dfhc2a17n3] {
   /* margin-left: 15px;*/
    font-size: 0.9em;
    /*padding: 4px 12px;*/
}

.archive-item:hover[b-dfhc2a17n3] {
    background-color: #f3f3f3;
    border-left-color: #009DC9;
}

.archive-item span[b-dfhc2a17n3] {
    color: #666;
}

.archive-item .child-type-label[b-dfhc2a17n3] {
    background: #fafafa;
    color: #888;
}

.child-type-label[b-dfhc2a17n3] {
    position: absolute;
    left: -3px;
    top: 0;
    font-size: 0.65rem;
    color: #666;
    background: #fff;
    padding: 1px 6px;
    line-height: 1;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-radius: 0 0 4px 0;
    transition: all 0.2s ease;
}

.opalitem:hover .child-type-label[b-dfhc2a17n3] {
    left: 0;
    color: #163E9F;
    border-color: #163E9F;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .opalitem[b-dfhc2a17n3] {
        padding: 12px 15px 12px 45px;
        margin: 4px 0;
    }
    
    .actions[b-dfhc2a17n3] {
        display: flex;
        gap: 10px;
        opacity: 0.9;
    }
    
    .view-html-button[b-dfhc2a17n3],
    .view-pdf-button[b-dfhc2a17n3] {
        padding: 8px;
        margin-left: 0;
        opacity: 0.9;
        position: relative;
        z-index: 5;
    }
    
    .view-html-button[b-dfhc2a17n3]::before,
    .view-pdf-button[b-dfhc2a17n3]::before {
        content: '';
        position: absolute;
        top: -5px;
        bottom: -5px;
        left: -5px;
        right: -5px;
        z-index: -1;
    }
    
    .item-date[b-dfhc2a17n3] {
        font-size: 1rem !important;
    }
    
    .child-type-label[b-dfhc2a17n3] {
        font-size: 0.7rem;
        padding: 2px 8px;
    }
}
/* _content/Navigator/Components/Pages/General/OmniPortal/FileUpload.razor.rz.scp.css */
.fileupload-container .loading-overlay[b-iudv622tm2] {
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 50px;
    width: 100%;
    height: 100%;
    background-color: #405864;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    background-image: url('./assets/loadin.gif');
    background-repeat: no-repeat;
    background-position: center; /* Center the image */
    background-size: 20%; /* Make the image slightly smaller */
    opacity: 0.9; /* Make slightly opaque */
}

.fileupload-container .loading-overlay[b-iudv622tm2]::after {
    content: "Loading";
    position: absolute;
    top: calc(50% + 100px); /* Adjust this value to position the text below the logo */
    color: white;
    font-size: 1.5em;
    text-align: center;
}

.fileupload-container[b-iudv622tm2]  .btn.btn-primary {
    display: inline-flex;
    column-gap: 5px;
    align-items: center;
}

.fileupload-container[b-iudv622tm2]  .quickgrid{
    width: 100%;
}
.fileupload-container[b-iudv622tm2]  .quickgrid td {
    padding: 5px 15px; /* Adjust as needed */
    text-align: center;
}

.fileupload-container[b-iudv622tm2]  .quickgrid tr:nth-child(even):has(td > *) {
    background-color: #f2f2f2; /* This is a light grey color */
}

.fileupload-container[b-iudv622tm2]  .quickgrid .name-column {
    width: 350px;
    text-overflow: ellipsis;
}

.fileupload-container[b-iudv622tm2]  .quickgrid .date-column {
    width: 100px;
}

.fileupload-container[b-iudv622tm2]  .quickgrid .int-ext-column {
    width: 50px;
}

.fileupload-container[b-iudv622tm2]  .quickgrid .btn-column {
    width: 150px;
}
.fileupload-container[b-iudv622tm2]  .quickgrid .btn-extended-column {
    width: 175px;
}

.fileupload-container[b-iudv622tm2]  .quickgrid .search-box {
    margin: 5px;
    z-index: 1;
    position: relative;
}

.fileupload-container .roles-container[b-iudv622tm2] {
    border: 1px solid black; 
    margin: 10px; 
    border-radius: 10px; 
    background-color: #f2f2f2;
    display: flex;
    flex-direction: row;
    padding: 0.5rem;
}

@media (max-width: 1300px) {
    .fileupload-container h1 > span.hide-mobile[b-iudv622tm2]{
        display: none;
    }

    .fileupload-container[b-iudv622tm2]  .quickgrid .hide-mobile {
        display: none;
    }
    .fileupload-container .roles-container[b-iudv622tm2] {
        flex-direction: column;
    }
}

[b-iudv622tm2] .font-weight-bold {
    font-weight: bold;
}

[b-iudv622tm2] .edit-form-container {
    max-width: 600px; /* Adjust based on preference */
    margin: auto;
    padding: 20px;
    background-color: #f4f4f4; /* Light grey background */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Soft shadow for depth */
}

[b-iudv622tm2] .edit-form-label {
    display: block; /* Ensure labels are block level for consistent alignment */
    margin-bottom: 5px; /* Space between label and input */
    color: #333; /* Dark grey color for text */
    font-weight: bold;
}

[b-iudv622tm2] .edit-form-input, [b-iudv622tm2] .edit-form-select {
    width: 100%; /* Full width inputs */
    padding: 8px;
    margin-bottom: 20px; /* Space between form fields */
    border: 1px solid #ccc; /* Light grey border */
    border-radius: 4px; /* Slightly rounded corners */
}

[b-iudv622tm2] .edit-form-button:hover {
    background-color: #0056b3; /* Darker blue on hover */
}

[b-iudv622tm2] .upload-modal-container {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

[b-iudv622tm2] .upload-modal-header {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

[b-iudv622tm2] .upload-modal-body {
    padding: 10px;
}

[b-iudv622tm2] .upload-modal-select {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-iudv622tm2] .upload-modal-input {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-iudv622tm2] .upload-modal-footer {
    text-align: center;
    margin-top: 20px;
}



[b-iudv622tm2] .validation-summary {
    color: red;
    list-style-type: none;
    padding: 0;
}

/* reset disabled styling cause ugly */
[b-iudv622tm2] .form-control:disabled, .form-control[readonly][b-iudv622tm2] {
    color: #212529;
    background-color: #e9ecef;
}

/* email modal */
[b-iudv622tm2] .role-select-btn:hover {
    font-weight: bold;
}
[b-iudv622tm2] .role-select-btn.add:hover {
    background-color: #8CD47E;
    font-weight: normal;
}
[b-iudv622tm2] .role-select-btn.remove:hover {
    background-color: #FF6961;
    font-weight: normal;
}
[b-iudv622tm2] .selected-role {
    font-weight: bold;
    text-decoration: underline;
}
/* _content/Navigator/Components/Pages/General/OmniPortal/OmniPortal.razor.rz.scp.css */
/* Layout & Responsive Styles */
.col-md-10[b-fgesmmdxhj] {
    transition: margin-left 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.menu-collapsed .col-md-10[b-fgesmmdxhj] {
    margin-left: 0;
    width: 100%;
}

@media (max-width: 1500px) {
    .col-sm-2[b-fgesmmdxhj] {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-md-10[b-fgesmmdxhj] {
        flex: 0 0 80%;
        max-width: 80%;
    }
    .collapse-button[b-fgesmmdxhj] {
        left: 19.5% !important;
    }
    .menu-collapsed .collapse-button[b-fgesmmdxhj] {
        left: -10px !important;
        animation: slideOut-b-fgesmmdxhj 0.3s forwards;
    }
}

@media (max-width: 992px) {
    .collapse-button[b-fgesmmdxhj] {
        left: 19% !important;
    }
    .menu-collapsed .collapse-button[b-fgesmmdxhj] {
        left: 0 !important
    }
}

/* Menu States & Navigation */
.expanded-menu[b-fgesmmdxhj] {
    background: #f8f9fa;
    border: 1px dashed #dee2e6;
    transform: translateX(0);
    width: 16.66%;
    animation: slideIn-b-fgesmmdxhj 0.3s forwards;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.collapsed-menu[b-fgesmmdxhj] {
    display: none;
    transform: translateX(-100%);
    width: 0;
    animation: slideOut-b-fgesmmdxhj 0.3s forwards;
}

.menu-expanded .collapse-button[b-fgesmmdxhj] {
    left: 16.5%;
    margin-left: 6px;
    animation: slideIn-b-fgesmmdxhj 0.3s forwards;
}

.sidebar-container[b-fgesmmdxhj] {
    position: relative;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    height: calc(99vh - 60px);
    padding-right: 0;
    padding-bottom: 8px;
}
.select-attachType-container[b-fgesmmdxhj]{
    padding: 8px;
    position: sticky;
    top: 0;
    z-index: 50;
    background-color: #f8f9fa;
}

/* Sidebar Components */
.sidebar-container[b-fgesmmdxhj]::-webkit-scrollbar {
    width: 6px;
}

.sidebar-container[b-fgesmmdxhj]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.sidebar-container[b-fgesmmdxhj]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.sidebar-container[b-fgesmmdxhj]::-webkit-scrollbar-thumb:hover {
    background: #555;
}


.opcard[b-fgesmmdxhj] {
    padding: 0px 2px 0 0;
    margin-bottom: 10px;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

.opcardcontent[b-fgesmmdxhj] {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    background-color: #ffffff;
}


/* Report Headers */
.reportHeaderGroup[b-fgesmmdxhj] {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    color: #163E9F;
    background: #ffffff;
    transition: all 0.3s ease;
    width: 100%;
    font-weight: 500;
}


.reportHeaderGroup.static[b-fgesmmdxhj] {
    cursor: default;
}

.reportHeaderGroup:not(.static)[b-fgesmmdxhj] {
    cursor: pointer;
}

.reportHeaderGroup a[b-fgesmmdxhj] {
    width: 100%;
}

.reportHeaderGroup.collapsed[b-fgesmmdxhj]::after,
.reportHeaderGroup.expanded[b-fgesmmdxhj]::after {
    position: absolute;
    right: 0;
    color: #163E9F;
    margin-right: 1rem;
}

.reportHeaderGroup.collapsed[b-fgesmmdxhj]::after {
    content: "▼";
    /*content: "▽";*/
}

.reportHeaderGroup.expanded[b-fgesmmdxhj]::after {
    content: "▲";
    /*content: "△";*/
}

/* Remove the old a::after rules since we're using the div::after instead */
.reportHeaderGroup.collapsed a[b-fgesmmdxhj]::after,
.reportHeaderGroup.expanded a[b-fgesmmdxhj]::after {
    display: none;
}


.accordion[b-fgesmmdxhj]{
    padding: 1px 0 !important;
    width: 100%;
}

.opaccordion-button[b-fgesmmdxhj] {
    position: relative;
    font-size: 0.9rem !important;
    padding: 8px 15px;
    background-color: #f8f9fa;
    border-radius: 4px;
    color: #000061;
    font-weight: 500;
    border-left: 3px solid transparent;
    transition: all 0.2s ease;
    align-items: center;
    width: 100%;
    cursor: pointer;
}

    .opaccordion-button:not(.collapsed)[b-fgesmmdxhj] {
        background-color: #f8f9fa;
        color: #000061;
        box-shadow: none;
    }

    .opaccordion-button:hover[b-fgesmmdxhj] {
        background-color: #f8f9fa;
        border-left-color: #163E9F;
    }

    .opaccordion-button:focus[b-fgesmmdxhj] {
        box-shadow: 0 0 0 0.1rem rgba(219, 48, 58, 0.25);
    }

    .opaccordion-button[b-fgesmmdxhj]::after {
        position: absolute;
        right: 0;
        color: #163E9F;
        margin-right: 1rem;
    }

    .opaccordion-button.collapsed[b-fgesmmdxhj]::after {
        content: "▼";
    }

    .opaccordion-button:not(.collapsed)[b-fgesmmdxhj]::after {
        content: "▲";
    }

.accordion-body[b-fgesmmdxhj] {
    padding: 4px 0 0 0;
    width: 100%;
}

.accordion-collapse[b-fgesmmdxhj] {
    width: 100%;
}

.accordion-body .itemDiv[b-fgesmmdxhj] {
    padding: 4px 15px;
    margin: 2px 0;
    border-radius: 4px;
    background: #ffffff;
    border-left: 3px solid transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
    width: 100%;
}

    .accordion-body .itemDiv:hover[b-fgesmmdxhj] {
        background-color: #f8f9fa;
        border-left-color: #163E9F;
    }

.accordion-collapse[b-fgesmmdxhj] {
    transition: all 0.3s ease-in-out;
}



/* List Items   */ 
.itemDiv[b-fgesmmdxhj] {
    padding: 4px 15px;
    margin: 2px 0;
    border-radius: 4px;
    background: #ffffff;
    border-left: 3px solid transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.2s ease;
}

.itemDiv span[b-fgesmmdxhj] {
    margin-left: 10px;
}

/* Buttons & Interactive Elements */
.collapse-button[b-fgesmmdxhj] {
    position: fixed;
    width: 20px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 4px 4px 0;
    box-shadow: 2px 0 4px rgba(0,0,0,0.1);
    z-index: 98;
    transition: all 0.3s ease;
}

.semi-circle[b-fgesmmdxhj] {
    height: 4.8rem !important;
    top: calc(50% - 7px);
    background-color: #009DC9;
    color: white;
    padding: 0 4px;
    border-radius: 0 15px 15px 0;
    border: 1px solid transparent;
    transition: all 0.2s ease;
}

.semi-circle:hover[b-fgesmmdxhj] {
    background-color: #0088b0;
    width: 25px;
    box-shadow: 2px 0 6px rgba(0,0,0,0.15);
}

.downloadButton[b-fgesmmdxhj],
.CopyButton[b-fgesmmdxhj] {
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.itemDiv:hover[b-fgesmmdxhj] {
    background-color: #f8f9fa;
    border-left-color: #163E9F;
}

.itemDiv:hover .downloadButton[b-fgesmmdxhj],
.itemDiv:hover .CopyButton[b-fgesmmdxhj] {
    opacity: 1;
}

.collapse-button:hover[b-fgesmmdxhj] {
    background-color: #0088b0;
}

/* Utility Classes */
.text-info[b-fgesmmdxhj] {
    color: #000061 !important;
}

/* Viewer Action Button */
.viewer-action-button[b-fgesmmdxhj] {
    position: absolute;
    left: 42px;
    top: 2px;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #49494a;
    background: none;
    padding: 0 5px;
    /*I want round buttons*/
    border-radius: 50%;
    border: 1px solid transparent;
}

.viewer-action-button:hover[b-fgesmmdxhj] {
    background-color: #000061;
    color: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Add styles for the archive items to look more like report items */
.accordion-item[b-fgesmmdxhj] {
    border: none;
    background: none;
    width: 100%;
    margin: 4px 0;
}

.accordion[b-fgesmmdxhj] {
    padding: 1px 0 !important;
    width: 100%;
}

.accordion-head[b-fgesmmdxhj] {
    font-family: "Soehne", sans-serif;
}


/* Child Attachment Types */
.child-attachment-type[b-fgesmmdxhj] {
    padding-left: 15px;
    border-left: 2px solid #e0e0e0;
    margin: 5px 0 5px 15px;
}

.child-attachment-type .itemDiv[b-fgesmmdxhj] {
    background: #fafafa;
}

.child-attachment-type .itemDiv:hover[b-fgesmmdxhj] {
    background-color: #f0f0f0;
    border-left-color: #009DC9;
}

.child-attachment-type .opaccordion-button[b-fgesmmdxhj] {
    background: #fafafa;
    font-size: 0.8rem !important;
}

/* Add a light shadow to the selected attachment type */
.opcard.selected[b-fgesmmdxhj] {
    box-shadow: 0 0 10px rgba(0, 0, 97, 0.2);
    border-color: #000061;
}

@keyframes slideIn-b-fgesmmdxhj {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}

@keyframes slideOut-b-fgesmmdxhj {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

a[b-fgesmmdxhj] {
    text-decoration: none;
    display: block;
    width: 100%;
    cursor: pointer;
}

.loading-container[b-fgesmmdxhj] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 80vh;
    width: 100%;
}

.loading-spinner[b-fgesmmdxhj] {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #000061;
    border-radius: 50%;
    animation: spinner-b-fgesmmdxhj 1.5s linear infinite;
    margin-bottom: 15px;
}

@keyframes spinner-b-fgesmmdxhj {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.file-viewer-placeholder[b-fgesmmdxhj] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background-color: #f8f9fa;
    color: #6c757d;
    border-radius: 8px;
    border: 1px dashed #dee2e6;
}

.placeholder-content[b-fgesmmdxhj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 2rem;
}

.placeholder-content p[b-fgesmmdxhj] {
    margin-top: 1rem;
    font-size: 1.1rem;
}

.archive-count[b-fgesmmdxhj] {
    color: #6c757d;
    font-size: 0.85rem;
    margin-left: 0.5rem;
    background-color: #e9ecef;
    padding: 0.2rem 0.2rem;
    border-radius: 1rem;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .expanded-menu[b-fgesmmdxhj] {
        width: 100%;
        max-width: 100%;
        position: fixed;
        top: 60px;
        left: 0;
        z-index: 99;
        height: calc(100vh - 60px);
    }

    .expanded-menu[b-fgesmmdxhj] {
        width: 100% !important;
        max-width: 100% !important;
        position: fixed;
        top: 60px;
        left: 0;
        z-index: 99;
        height: calc(100vh - 60px);
        transition: transform 0.3s ease-in-out;
        padding: 10px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }


    .col-md-10[b-fgesmmdxhj] {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .col-md-10[b-fgesmmdxhj] {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0 !important;
    }

    .collapse-button[b-fgesmmdxhj] {
        z-index: 100;
        width: 40px !important;
        height: 80px !important;
        left: 10px !important;
        background-color: rgba(0, 157, 201, 0.9) !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.2);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 !important;
    }

    .menu-collapsed .expanded-menu[b-fgesmmdxhj] {
        transform: translateX(-100%);
    }
   
    
    .menu-collapsed .collapse-button[b-fgesmmdxhj] {
        left: 10px !important;
    }
    
    .file-viewer-placeholder[b-fgesmmdxhj] {
        padding: 1rem;
    }



    .menu-collapsed .collapse-button[b-fgesmmdxhj] {
        left: 30px !important;
    }

    .menu-expanded .collapse-button[b-fgesmmdxhj] {
        left: -5px !important;
    }
    
    .viewer-action-button[b-fgesmmdxhj] {
        left: 15px;
        top: 15px;
    }

    
   

    
    .file-viewer-placeholder[b-fgesmmdxhj] {
        padding: 1rem;
    }
    
    .viewer-action-button[b-fgesmmdxhj] {
        left: 15px;
        top: 15px;
        padding: 12px;
    }
    
    /* Increase touch target sizes for mobile */
    .reportHeaderGroup[b-fgesmmdxhj] {
        padding: 12px 15px;
        margin: 6px 0;
    }
    
    .itemDiv[b-fgesmmdxhj] {
        padding: 12px 15px;
        margin: 4px 0;
    }
    
    .actions[b-fgesmmdxhj] {
        display: flex;
        gap: 10px;
    }
    
    .view-html-button[b-fgesmmdxhj],
    .view-pdf-button[b-fgesmmdxhj] {
        padding: 8px;
        margin-left: 5px;
        opacity: 0.9;
    }
    
    /* Collapsible sidebar with overlay effect */
    .menu-overlay[b-fgesmmdxhj] {
        display: none;
    }
    
    .menu-expanded .menu-overlay[b-fgesmmdxhj] {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.4);
        z-index: 98;
        animation: fadeIn-b-fgesmmdxhj 0.3s forwards;
    }
    
    @keyframes fadeIn-b-fgesmmdxhj {
        from { opacity: 0; }
        to { opacity: 1; }
    }
    
    /* Mobile-friendly action buttons */
    .mobile-action-container[b-fgesmmdxhj] {
        position: fixed;
        bottom: 20px;
        right: 20px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        z-index: 95;
    }
    
    .mobile-action-button[b-fgesmmdxhj] {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #009DC9;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 3px 6px rgba(0,0,0,0.2);
        transition: all 0.2s ease;
        border: none;
    }
    
    .mobile-action-button:hover[b-fgesmmdxhj],
    .mobile-action-button:focus[b-fgesmmdxhj] {
        background-color: #0088b0;
        transform: scale(1.05);
    }
    
    /* Improved toast positioning for mobile */
    [b-fgesmmdxhj] .toast-container {
        bottom: 80px !important;
        right: 20px !important;
    }
}
/* _content/Navigator/Components/Pages/General/Redirects.razor.rz.scp.css */
.loading-container[b-7cy6za7rk9] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 80vh;
    width: 100%;
}

.loading-spinner[b-7cy6za7rk9] {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #000061;
    border-radius: 50%;
    animation: spinner-b-7cy6za7rk9 1.5s linear infinite;
    margin-bottom: 15px;
}

@keyframes spinner-b-7cy6za7rk9 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* _content/Navigator/Components/Pages/LNG/Reports/FwdAssessement/FwdReport.razor.rz.scp.css */
/* _content/Navigator/Components/Pages/LNG/Reports/Sonar/SonarAtlantic.razor.rz.scp.css */
.sonar-rpt-area-banner[b-p01jvdh5w5] {
    background-color: #009DC9;
    width: 100%;
    color: white;
    height: 29px;
    text-align: left;
    font-size: 1.5rem;
    font-weight: 400;
    padding-left: 5px;
    display: flex;
    align-items: center;
}

.sonar-atl-page-cont[b-p01jvdh5w5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    --rpt-top-height: calc(0.50* var(--report-height));
    --rpt-bottom-height: calc(var(--report-height) - var(--rpt-top-height));
    --comp-border: 4px solid white;
    font-size: var(--report-font);
}

.sonar-atl-rpt-cont[b-p01jvdh5w5] {
    background: white;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.sonar-atl-rpt-content[b-p01jvdh5w5] {
    background: white;
    height: var(--report-height);
    width: var(--report-width);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sonar-atl-top-row[b-p01jvdh5w5] {
    border: var(--comp-border);
    width: var(--report-width);
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
}

.sonar-atl-top-left[b-p01jvdh5w5] {
    width: calc(0.31 * var(--report-width));
}
.sonar-atl-top-mid[b-p01jvdh5w5] {
    width: calc(0.38 * var(--report-width));
    justify-content: center;
    align-items: center;
    position: relative;
}

.sonar-atl-top-right[b-p01jvdh5w5] {
    width: calc(0.31 * var(--report-width));
}


.sonar-atl-bottom-row[b-p01jvdh5w5] {
    border: var(--comp-border);
    height: var(--rpt-bottom-height);
    width: var(--report-width);
}

.sonar-atl-footer[b-p01jvdh5w5] {
    color: #A1A1A1;
    font-size: 0.75em
}
/* _content/Navigator/Components/Pages/LNG/Reports/Sonar/SonarEast.razor.rz.scp.css */
.sonar-rpt-area-banner[b-re2ftdbtqt] {
    background-color: #009DC9;
    width: 100%;
    color: white;
    height: 29px;
    text-align: left;
    font-size: 1.5rem;
    font-weight: 400;
    padding-left: 5px;
    display: flex;
    align-items: center;
}

.sonar-east-page-cont[b-re2ftdbtqt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    --rpt-top-height: calc(0.58* var(--report-height));
    --rpt-bottom-height: calc(var(--report-height) - var(--rpt-top-height));
    --comp-border: 4px solid white;
    font-size: var(--report-font);
}

.sonar-east-rpt-cont[b-re2ftdbtqt] {
    background: white;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.sonar-east-rpt-content[b-re2ftdbtqt] {
    background: white;
    height: var(--report-height);
    width: var(--report-width);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
} 

.sonar-east-top-row[b-re2ftdbtqt] {
    border: var(--comp-border);
    height: var(--rpt-top-height);
    width: var(--report-width);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 1.05em;
}

.sonar-east-top-left[b-re2ftdbtqt] {
    width: 53%;
    position: relative;
    overflow: hidden;

}
.sonar-east-image[b-re2ftdbtqt] {
    width: 100%;
    border: unset !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.sonar-east-mEast-TFDE[b-re2ftdbtqt] {
    position: absolute;
    transform: translateY(25vh) translateX(16vw);
    font-size: 1.2rem;
    font-weight: 600;
}

.sonar-east-mEast-prompt[b-re2ftdbtqt] {
    position: absolute;
    transform: translateY(18vh) translateX(16.4vw);
    font-size: 1.6rem;
}

.sonar-east-fEast-TFDE[b-re2ftdbtqt] {
    position: absolute;
    transform: translateY(14.8vh) translateX(26vw);
    font-size: 1.2rem;
    font-weight: 600;
}

.sonar-east-fEast-indOcean-prompt[b-re2ftdbtqt] {
    position: absolute;
    transform: translateY(24vh) translateX(10.5vw);
    font-size: 1.6rem;
}
.sonar-east-fEast-philSea-prompt[b-re2ftdbtqt] {
    position: absolute;
    transform: translateY(9.1vh) translateX(23vw);
    font-size: 1.6rem;
}

.sonar-east-top-right[b-re2ftdbtqt] {
    height: 100%;
    width: 47%;
}


.sonar-east-bottom-row[b-re2ftdbtqt] {
    border: var(--comp-border);
    height: var(--rpt-bottom-height);
    width: var(--report-width);
}

.sonar-east-footer[b-re2ftdbtqt] {
    color: #A1A1A1;
    font-size: 0.75em
}

.sonar-east-indices-nav[b-re2ftdbtqt] {
    display: block;
}
.sonar-east-indices-pdf[b-re2ftdbtqt] {
    display: none;
}
/* _content/Navigator/Components/Pages/LNG/Reports/Sonar/SonarReport.razor.rz.scp.css */
/*@media print {
    @page {
        size: A4 landscape !important;
        margin: 2mm;
    }
}*/

.sonar-report-cont[b-g63xyfl823] {
    --report-height: 68vh;
    --report-width: 67vw;
    --report-font: 1em;
    --report-prompt-font: 1.5em;
    --report-tfde-font: 1.6em;
}

.sonar-top-cont[b-g63xyfl823] {
    display: flex; 
    flex-direction: row;
    justify-content: center;
}


.sonar-refresh-btn[b-g63xyfl823] {
    background-color: #000061;
    border-radius: 10px;
}
.sonar-refresh-btn:hover[b-g63xyfl823] {
    background-color: navy;
}


/* _content/Navigator/Components/Pages/Maintenance/Data/RouteFormulaUpdate.razor.rz.scp.css */

/* Force height of accordion-bodies */
.formula-content[b-lvrj5hz2n6]  .accordion-body {
    max-height: 70vh;
    overflow-y: auto;
}
.formula-content[b-lvrj5hz2n6]  .text-column {
    text-overflow: ellipsis;
    width: 22%;
}

.formula-content[b-lvrj5hz2n6]  .text-column code {
    color: inherit;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.formula-content[b-lvrj5hz2n6]  .date-column{
    width: 5%;
}

.formula-content[b-lvrj5hz2n6]  .type-column{
    width: 12%;
}

.formula-content[b-lvrj5hz2n6]  .btn-column {
    width: 10%;
}

@media (max-width: 1300px) {
    .formula-content[b-lvrj5hz2n6]  .hide-mobile {
        display: none;
    }

}

/* modal form additions */
[b-lvrj5hz2n6] #EditFormulaForm .form-floating button.ssy-btn-green,
[b-lvrj5hz2n6] #EditFormulaForm .form-floating button.ssy-btn-yellow,
[b-lvrj5hz2n6] #EditFormulaForm .form-floating button.ssy-btn-red {
    width: 100%;
    height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    border-radius: var(--bs-border-radius);
}

[b-lvrj5hz2n6] #EditFormulaForm .form-floating button.ssy-btn-green {
    background-color: #FFFFFF;
    color: #91A527;
    border: 1px solid #91A527;
}
[b-lvrj5hz2n6] #EditFormulaForm.form-floating button.ssy-btn-green:hover {
    background-color: #91A527;
    color: #FFFFFF;
    border: 1px solid #91A527;
}

[b-lvrj5hz2n6] #EditFormulaForm .form-floating button.ssy-btn-yellow {
    background-color: #FFFFFF;
    color: #F7A506;
    border: 1px solid #F7A506;
}
[b-lvrj5hz2n6] #EditFormulaForm .form-floating button.ssy-btn-yellow:hover {
    background-color: #F7A506;
    color: #FFFFFF;
    border: 1px solid #F7A506;
}

[b-lvrj5hz2n6] #EditFormulaForm .form-floating button.ssy-btn-red {
    background-color: #FFFFFF;
    color: #DB303A;
    border: 1px solid #DB303A;
}
[b-lvrj5hz2n6] #EditFormulaForm .form-floating button.ssy-btn-red:hover {
    background-color: #DB303A;
    color: #FFFFFF;
    border: 1px solid #DB303A;
}

[b-lvrj5hz2n6] #EditFormulaForm fieldset {
    border-top: 1px dashed lightgrey;
    border-bottom: 1px dashed lightgrey;
}

[b-lvrj5hz2n6] #EditFormulaForm fieldset legend {
    font-family: 'Soehne', 'Franklin Gothic Book', Arial, sans-serif;
    font-size: 1.25rem;
}

[b-lvrj5hz2n6] #EditFormulaForm fieldset code {
    font-size: 1.1rem;
    padding: 0.7rem 0.25rem;
    display: inline-block;
    color: inherit;
    border-bottom: 1px dotted black;
    background-color: lightgray;
}
/* _content/Navigator/Components/Pages/Maintenance/Data/RouteGroups/RouteGroups.razor.rz.scp.css */
@scope (.rgm-page) {
    :scope[b-gdve6099wm] {
        height: 40vh;
        width: 100%;
        display: grid;
        grid-template-columns: 60% 40%;
        grid-template-rows: 40vh 40vh;
        gap: 35px;
    }

    .rgm-choose-group[b-gdve6099wm], .rgm-group-tree[b-gdve6099wm], .rgm-group-content[b-gdve6099wm], .rgm-add-group[b-gdve6099wm] {
        display: flex;
    }

    .rgm-scroll-table[b-gdve6099wm] {
        height: 100%;
        width: 100%;
        text-align: center;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #009DC9 transparent;
        scrollbar-gutter: stable;
    }

    .rgm-input[b-gdve6099wm] {
        border: 1px solid #dee2e6;
        border-radius: 4px;
        height: 30px;
        width: 100px;
        padding-left: 5px;
    }

    table[b-gdve6099wm] {
        height: 100%;
        width: 100%;
    }

    thead tr[b-gdve6099wm] {
        width: 100%;
        border: 1px solid #009DC9;
        background-color: #009DC9;
        color: white;
    }

    tbody[b-gdve6099wm] {
        /*overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #009DC9 transparent;
        scrollbar-gutter: stable;*/
    }

        tbody tr[b-gdve6099wm] {
            border-bottom: 1px solid #000061;
        }

            tbody tr:hover[b-gdve6099wm] {
                background-color: #ddebf8 !important;
            }

    td[b-gdve6099wm] {
        border: 1px solid #009DC9;
        padding: 6px;
    }

        td input[b-gdve6099wm] {
            width: 100%;
            /*border-radius: 10px;
            border: 1px solid navy;
            padding: 0 5px;*/
        }
}



.rgm-choose-group[b-gdve6099wm] {
    flex-direction: column;
    position: relative;
    height: 100%;
    width: 100%;
}
.rgm-group-list[b-gdve6099wm] {
    display: flex;
    flex-direction: column;
    height: 98%;
    padding: 15px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: navy transparent;
    scrollbar-gutter: stable;
}


.rgm-group-tree[b-gdve6099wm] {
    flex-direction: column;
    align-items: center;
    padding-bottom: 10px;
}
.rgm-group-tree-children[b-gdve6099wm] {
    width: 80%;
/*    margin-top: 30px;*/
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}




.rgm-group-content[b-gdve6099wm] {
    height: 100%;
    width: 100%;
    flex-direction: column;
    position: relative;
}

.rgm-group-content-header[b-gdve6099wm] {
    display: flex;
    flex-direction: row;
    background-color: #009DC9;
    color: white;
    font-weight: 500;
    height: 7%;
}

.rgm-add-group[b-gdve6099wm] {
    flex-direction: column;
}





@scope (.rgm-modal-edit-table) {
    :scope[b-gdve6099wm] {
        width: 100%;
        height: 100%;
        border: 1px solid #009DC9;
    }

    thead tr[b-gdve6099wm] {
        width: 100%;
        background-color: #009DC9;
        color: white;
        border-top: 1px solid #009DC9;
        border-right: 1px solid #009DC9;
        border-left: 1px solid #009DC9;
    }

    tbody[b-gdve6099wm] {
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #009DC9 transparent;
        scrollbar-gutter: stable;
    }

        tbody tr[b-gdve6099wm] {
            border-bottom: 1px solid #000061;
        }

            tbody tr:hover[b-gdve6099wm] {
                background-color: #ddebf8 !important;
            }

    td[b-gdve6099wm] {
        border: 1px solid #009DC9;
        padding: 6px;
    }

    input[b-gdve6099wm], textarea[b-gdve6099wm] {
        width: 100%;
        border-radius: 10px;
        border: 1px solid navy;
        padding: 0 5px;
    }
}



.rgm-route-data[b-gdve6099wm] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
/* _content/Navigator/Components/Pages/Maintenance/Data/Routes.razor.rz.scp.css */
#filters[b-et89gwx32g] {
    background-color: rgba(134, 119, 84, 0.1);
    border-radius: 8px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    overflow: hidden;
    transition: height 0.25s ease-out;
    padding: 0.5rem 0;
    margin-top: 0.5rem;
}

#routes-table[b-et89gwx32g] {
    width: 100%;
    margin-top: 1.5rem;
    table-layout: fixed;
}

#routes-table thead[b-et89gwx32g] {
    font-weight: bold;
    border-right: 1px solid #009DC9;
    border-left: 1px solid #009DC9;
    text-align: center;
}

#routes-table thead th[b-et89gwx32g] {
    padding: 0.5rem 0;
}

#routes-table td[b-et89gwx32g] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    border-left: 1px solid black;
}

#routes-table td:first-child[b-et89gwx32g] {
    border-left: 1px solid black;
}

#routes-table td:last-child[b-et89gwx32g] {
    border-right: 1px solid black;
}

#routes-table th.text-column[b-et89gwx32g],
#routes-table td.text-column[b-et89gwx32g]{
    text-align: left;
    padding-left: 0.25rem;
}

.edit-column[b-et89gwx32g]{
    width: 35px;
}

.small-column[b-et89gwx32g] {
    width: 60px;
}

.medium-column[b-et89gwx32g] {
    width: 80px;
}

.pointer[b-et89gwx32g] {
    cursor: pointer;
}

.edit[b-et89gwx32g] {
    text-align: center;
    background: none;
    color: inherit;
    border: none;
    padding: 0.2rem;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.editIcon1[b-et89gwx32g], .arrowIcon1[b-et89gwx32g] {
    vertical-align: middle;
}

#edit-route[b-et89gwx32g] {
    display: grid;
    grid-template-rows: repeat(4, 1fr);
    grid-template-columns: 1fr 2fr;
    row-gap: 5px;
    padding: 10px;
}
/* _content/Navigator/Components/Pages/Maintenance/Data/SsyDataInputs/SsyProcessAdd.razor.rz.scp.css */
@scope (.pr-add-page) {
    :scope[b-3qe133b144] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 75vh;
    }

    div[b-3qe133b144] {
        width: 100%;
/*        border: 1px solid orange;*/
    }
}

.pr-add-content[b-3qe133b144] {
    height: 84%;
}
.pr-add-name[b-3qe133b144] {
    margin-top: 1%;
}
.pr-add-process[b-3qe133b144] {
    height: 90%;
}

.pr-add-routes[b-3qe133b144] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    height: 50%;
    width: 100%;
}

.pr-add-routes-single[b-3qe133b144] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    width: 47%;
}
.pr-add-routes-group[b-3qe133b144] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 15px 0;
    width: 47%;
}
.pr-add-routes-show[b-3qe133b144] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    height: 50%;
    width: 100%;
}

.pr-add-datatypes[b-3qe133b144]{
    height: 100%;
}

.pr-add-dtypes-table[b-3qe133b144] {
    height: 90%;
    width: 70%;
    text-align: center;
    padding: 5px;
    border: 1px solid lightblue;
    cursor: pointer;
}

.pr-add-dtypes-table-cell[b-3qe133b144] {
    width: 5vw;
    border: 1px solid lightblue;
}
.pr-add-dtypes-table-cell:hover[b-3qe133b144] {
    background: lightgray !important;
    color: black;
}


.pr-add-freq-default[b-3qe133b144] {
    margin: 15px 0;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.pr-add-confirm-table[b-3qe133b144] {
    height: 100%;

}



.pr-add-footer button[b-3qe133b144] {
    float: right;
}
/* _content/Navigator/Components/Pages/Maintenance/Email/EmailDistrib/DistributionLists.razor.rz.scp.css */

.distrib-page-container[b-ji3lc1zyge] {
    height: 1vh;
    display: grid;
    grid-template-columns: 200px 1fr;
}

    .distrib-page-container input[type="search"][b-ji3lc1zyge],
    .distrib-page-container input[type="text"][b-ji3lc1zyge],
    .distrib-page-container input[type="number"][b-ji3lc1zyge],
    .distrib-page-container input[type="select"][b-ji3lc1zyge],
    .distrib-page-container input[type="email"][b-ji3lc1zyge],
    .distrib-page-container select[b-ji3lc1zyge] {
        border-radius: 10px;
        border: 1px solid #1AA3E8;
        margin: 0 10px 10px 0;
        height: 25px;
        padding: 0 5px;
    }
    .distrib-page-container-input[b-ji3lc1zyge] {
        border-radius: 10px;
        border: 1px solid #1AA3E8;
        margin: 0 10px 10px 0;
        height: 25px;
        padding: 0 5px;
    }

        .distrib-page-container input:focus[b-ji3lc1zyge],
        .distrib-page-container select:focus[b-ji3lc1zyge] {
            outline-width: 0;
            box-shadow: 0 0 5px #1AA3E8;
        }

    .distrib-page-container table[b-ji3lc1zyge] {
        table-layout: fixed;
        width: 100%;
        background-color: #FAFAFA;
    }

        .distrib-page-container table tbody tr[b-ji3lc1zyge] {
        }
            .distrib-page-container table tbody tr:hover[b-ji3lc1zyge] {
                cursor: pointer;
                background-color: #DEDEDE;
            }

        .distrib-page-container table tr[b-ji3lc1zyge] {
            background-color: #FAFAFA;
            vertical-align: top;
        }

        .distrib-page-container table thead[b-ji3lc1zyge] {
            position: sticky;
            top: 0;
            background-color: #FAFAFA;
        }

.distrib-sidebar[b-ji3lc1zyge] {
    height: 100%;
    width: 200px;
    background-color: #F3F1EE;
    border-radius: 5px;
    padding: 10px;
}




.distrib-page-container .table-container[b-ji3lc1zyge] {
    height: 700px;
    width: 100%;
    overflow-y: scroll;
    border: 1px solid #DEDEDE;
}

.button-container[b-ji3lc1zyge] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.checkbox-container[b-ji3lc1zyge] {
    display: grid;
    grid-template-columns: 150px min-content;
    grid-template-rows: repeat(2, 20px);
    align-items: baseline;
}

.ssy-btn-main[b-ji3lc1zyge] {
    width: 160px;
    white-space: nowrap;
}

    .ssy-btn-main.selected[b-ji3lc1zyge] {
        background-color: #000061 !important;
    }

.vertical-text[b-ji3lc1zyge] {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align: end;
    vertical-align: baseline;
    width: 60px;
    height: 200px;
}

.break-word[b-ji3lc1zyge] {
    overflow-wrap: break-word;
}

.align-right[b-ji3lc1zyge] {
    text-align: right;
}

.user-grid[b-ji3lc1zyge] {
    display: grid;
    grid-template-rows: 50px repeat(6, minmax(30px, min-content));
    grid-template-columns: 1fr 1fr;
    padding: 20px;
    border: 2px solid #F3F1EE;
}

.user-tab .tab-container[b-ji3lc1zyge] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.small-icon[b-ji3lc1zyge] {
    height: 20px;
}

.distrib-page-container table .icon[b-ji3lc1zyge] {
    width: 25px;
    text-align: center;
}

.distrib-page-container table tr.selected[b-ji3lc1zyge] {
    background-color: #FF6961;
}

.distrib-page-container table td.remove:hover[b-ji3lc1zyge] {
    background-color: #FF6961;
}

.distrib-page-container table td.add:hover[b-ji3lc1zyge] {
    background-color: #FF6961;
}



.user-row[b-ji3lc1zyge] {
    height: 30px;
}

    .user-row *[b-ji3lc1zyge] {
        vertical-align: middle;
    }


.top-tab[b-ji3lc1zyge] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    width: 100%;
    /*overflow-wrap: normal;*/
}

.company-suggestions[b-ji3lc1zyge] {
    width: auto;
    /*z-index: 10;
    position: absolute;
    top: 23%;*/
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 10px;
    background-color: #f9f9f9;
    border-radius: 5px;
}

    .company-suggestions p[b-ji3lc1zyge] {
        margin: 5px 0;
        cursor: pointer;
        color: #007bff;
    }

        .company-suggestions p:hover[b-ji3lc1zyge] {
            text-decoration: underline;
        }


.desktop-add-user-modal[b-ji3lc1zyge] {
    display: flex;
    flex-direction: row;
    width: 50%;
    align-items: baseline;
}
@media only screen and (max-width: 992px) {
    .top-tab[b-ji3lc1zyge] {
        flex-direction: column;
    }
    .desktop-add-user-modal[b-ji3lc1zyge] {
        margin-top: 3%;
        flex-direction: column;
    }

    /*.desktop-add-user-modal {
        display: none;
    }
    .mobile-add-user-modal {
        display: flex;
        z-index: 1;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 20%;
        left: 15%;
        height: 60%;
        width: 70%;
        padding-top: 10%;
        background-color: gainsboro;
        border: 2px solid gray;
        border-radius: 25px;
    }*/
}

.blockout-confirm-button[b-ji3lc1zyge] {
    background-color: lightgray;
    border-radius: 999px;
    cursor: default;
}

/* _content/Navigator/Components/Pages/Maintenance/Email/EmailDistrib/EmailDistrib.razor.rz.scp.css */

.distrib-page-container[b-ava3j2p23s] {
    height: 1vh;

   /* display: grid;
    grid-template-columns: 200px 1fr;*/
}

    .distrib-page-container input[type="search"][b-ava3j2p23s],
    .distrib-page-container input[type="text"][b-ava3j2p23s],
    .distrib-page-container input[type="number"][b-ava3j2p23s],
    .distrib-page-container input[type="select"][b-ava3j2p23s],
    .distrib-page-container select[b-ava3j2p23s] {
        border-radius: 10px;
        border: 1px solid #1AA3E8;
        margin: 0 10px 10px 0;
        height: 25px;
        padding: 0 5px;
    }

        .distrib-page-container input:focus[b-ava3j2p23s],
        .distrib-page-container select:focus[b-ava3j2p23s] {
            outline-width: 0;
            box-shadow: 0 0 5px #1AA3E8;
        }

    .distrib-page-container table[b-ava3j2p23s] {
        table-layout: fixed;
        width: 100%;
        background-color: #FAFAFA;
    }

        .distrib-page-container table tbody tr:hover[b-ava3j2p23s] {
            border-top: 1px solid #DEDEDE;
            border-bottom: 1px solid #DEDEDE;
            cursor: pointer;
        }

        .distrib-page-container table tr[b-ava3j2p23s] {
            background-color: #FAFAFA;
            vertical-align: top;
        }

        .distrib-page-container table thead[b-ava3j2p23s] {
            position: sticky;
            top: 0;
            background-color: #FAFAFA;
        }

.distrib-sidebar[b-ava3j2p23s] {
    height: 100%;
    width: 200px;
    background-color: #F3F1EE;
    border-radius: 5px;
    padding: 10px;
}

.tab[b-ava3j2p23s] {
    height: 100%;
}

.tab-container[b-ava3j2p23s] {
    border: 2px solid #F3F1EE;
    width: 100%;
    padding: 10px;
    gap: 10px;
}

.distrib-page-container .table-container[b-ava3j2p23s] {
    height: 700px;
    width: 100%;
    overflow-y: scroll;
    border: 1px solid #DEDEDE;
}

.button-container[b-ava3j2p23s] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.checkbox-container[b-ava3j2p23s] {
    display: grid;
    grid-template-columns: 150px min-content;
    grid-template-rows: repeat(2, 20px);
    align-items: baseline;
}

.ssy-btn-main[b-ava3j2p23s] {
    width: 160px;
    white-space: nowrap;
}

    .ssy-btn-main.selected[b-ava3j2p23s] {
        background-color: #000061 !important;
    }

.vertical-text[b-ava3j2p23s] {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align: end;
    vertical-align: baseline;
    width: 60px;
    height: 200px;
}

.break-word[b-ava3j2p23s] {
    overflow-wrap: break-word;
}

.align-right[b-ava3j2p23s] {
    text-align: right;
}

.user-grid[b-ava3j2p23s] {
    display: grid;
    grid-template-rows: 50px repeat(6, minmax(30px, min-content));
    grid-template-columns: 1fr 1fr;
    padding: 20px;
    border: 2px solid #F3F1EE;
}

.user-tab .tab-container[b-ava3j2p23s] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.small-icon[b-ava3j2p23s] {
    height: 20px;
}

.distrib-page-container table .icon[b-ava3j2p23s] {
    width: 25px;
    text-align: center;
}

.distrib-page-container table tr.selected[b-ava3j2p23s] {
    background-color: #FF6961;
}

.distrib-page-container table td.remove:hover[b-ava3j2p23s] {
    background-color: #FF6961;
}

.distrib-page-container table td.add:hover[b-ava3j2p23s] {
    background-color: #FF6961;
}

.initial[b-ava3j2p23s] {
    color: #0366d6;
    font-size: 16px;
    text-decoration: underline;
    margin: 0 3px;
    cursor: pointer;
}

.user-row[b-ava3j2p23s] {
    height: 30px;
}

.user-row *[b-ava3j2p23s] {
    vertical-align: middle;
}
/* _content/Navigator/Components/Pages/Maintenance/Email/EmailEditor.razor.rz.scp.css */
/*have to explicity set all the h1 rules to avoid override from email's css*/
.h1-override[b-6c2mmk2n9o] {
    text-align: center;
    font-size: 2.5rem;
    font-weight: normal;
    color: black;
    margin: 0 0 10px 0;
    padding: 0;
    line-height: initial;
    vertical-align: initial;
}

h2[b-6c2mmk2n9o] {
    text-align: center;
}

.page-container[b-6c2mmk2n9o] {
    position: relative
}

.select-container[b-6c2mmk2n9o] {
    margin: 1rem auto;
    background-color: #F3F1EE;
    box-shadow: 2px 2px 10px grey;
    padding: 0 10px 10px 10px;
    border-radius: 5px;
    position: relative;
}

.select-container.select-option-container[b-6c2mmk2n9o] {
    height: 230px;
    max-width: 500px;
}

.select-container.email-service-container[b-6c2mmk2n9o],
.select-container.email-service-log-container[b-6c2mmk2n9o] {
    height: 265px;
}

.select-container.email-service-container h2[b-6c2mmk2n9o],
.select-container.email-service-log-container h2[b-6c2mmk2n9o] {
    background: #F3F1EE;
    padding-top: 10px;
    padding-bottom: 0.5rem;
    /*width: 100vw;*/
    top: 0;
    z-index: 2;
    position: sticky;
}

.select-container.email-service-container[b-6c2mmk2n9o] {
    max-width: 850px;
}

.select-container.email-service-container > table[b-6c2mmk2n9o] {
    margin: auto;
}

.select-container.email-service-log-container > table[b-6c2mmk2n9o] {
    width: 100%;
    table-layout: fixed;
}

.select-container.email-service-log-container > table > thead[b-6c2mmk2n9o] {
    position: sticky;
    top: 3rem;
    z-index: 2;
}

.select-container.email-service-log-container > table td[b-6c2mmk2n9o] {
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
}

/* For screens smaller than 600px */
@media (max-width: 600px) {
    .select-container.select-option[b-6c2mmk2n9o] {
        max-width: 100%; /* Full width on small screens */
        height: auto; /* Auto height on small screens */
    }
}

@media only screen and (max-width: 775px) {
    .not-on-mobile[b-6c2mmk2n9o] {
        display: none;
    }
}

.button-container[b-6c2mmk2n9o] {
    display: flex;
    align-content: center;
    flex-direction: column;
    gap: 10px;
    height: 50%;
}

.select-button:first-child[b-6c2mmk2n9o] {
    margin-top: 25px;
}

.select-button[b-6c2mmk2n9o] {
    width: 50%;
    margin: 0 auto;
}

.id-input[b-6c2mmk2n9o] {
    display: flex;
    justify-content: space-around;
}

.metadata[b-6c2mmk2n9o] {
    position: absolute;
    top: 0;
    right: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.value[b-6c2mmk2n9o] {
    text-align: right;
}

[b-6c2mmk2n9o] .build-container {
    display: grid;
    grid-template-rows: min-content 630px min-content;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    height: 70vh;
}

.build-form-container[b-6c2mmk2n9o] {
    display: flex;
    justify-content: space-around;
    grid-column: 1/3;
}

.page-container input[b-6c2mmk2n9o] {
    width: 200px;
}

.html-box[b-6c2mmk2n9o] {
    position: relative;
    display: grid;
    grid-template-rows: min-content 1fr;
}

.editor[b-6c2mmk2n9o] {
    resize: none;
}

[b-6c2mmk2n9o] .dist-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 200px 1fr;
    gap: 5px;
    height: 70vh;
    justify-items: center;
    padding-top: 10px;
}

.display-container[b-6c2mmk2n9o] {
    padding: 10px;
    border: 1px solid #4F4F4F;
    background: white;
    overflow-y: auto;
    scrollbar-gutter: stable;
    width: 100%;
}

.review-container[b-6c2mmk2n9o] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 700px 1fr;
    gap: 10px;
    height: 70vh;
}

.review-info-container[b-6c2mmk2n9o] {
    display: grid;
    margin-top: 17px;
    grid-template-columns: 125px 1fr;
    grid-template-rows: repeat(6, min-content);
}

.review-info-container > *[b-6c2mmk2n9o] {
    margin: 10px 0;
    padding: 5px;
}

.review-info-container > *:nth-child(even)[b-6c2mmk2n9o] {
    border: transparent;
    background-color: #F3F1EE;
    border-radius: 5px;
}

.copy-html[b-6c2mmk2n9o] {
    position: absolute;
    top: 33px;
    right: 7px;
}

.arrow-container[b-6c2mmk2n9o] {
    display: flex;
    justify-content: space-between;
    grid-column: 1/3;
    align-items: end;
    width: 100%;
}

.form-button:hover[b-6c2mmk2n9o] {
    cursor: pointer;
    background-color: #F3F1EE;
    border-radius: 5px;
}

.item-row .form-button:hover[b-6c2mmk2n9o] {
    background-color: #FE908F;
}

.clear-button-style[b-6c2mmk2n9o],
.clear-button-style:focus[b-6c2mmk2n9o] {
    border: none;
    background: none;
    outline: none;
}

.height-fit-content[b-6c2mmk2n9o] {
    height: fit-content;
}

.small-button[b-6c2mmk2n9o] {
    height: 20px;
}

.item-row[b-6c2mmk2n9o] {
    border-bottom: 1px solid #F3F1EE;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
}

.item-row:hover[b-6c2mmk2n9o] {
    background-color: #F3F1EE;
    border-radius: 5px;
}

.warning[b-6c2mmk2n9o] {
    display: none;
    background-color: #FE908F;
    padding: 0 6px;
}

input[type='file'][b-6c2mmk2n9o] {
    color: transparent;
}

#input-file-name[b-6c2mmk2n9o] {
    height: 20px;
}

#file-name[b-6c2mmk2n9o] {
    cursor: pointer;
}

.send[b-6c2mmk2n9o] {
    position: absolute;
    top: 3px;
    right: 185px;
}

.remove-all[b-6c2mmk2n9o] {
    grid-column: 2;
    justify-self: end;
    background-color: #F3F1EE;
    height: max-content;
    padding: 5px;
    border-radius: 5px;
}

.remove-all:hover[b-6c2mmk2n9o] {
    background-color: #FE908F;
    text-decoration: underline;
    cursor: pointer;
}

.popup[b-6c2mmk2n9o] {
    height: 250px;
    width: 500px;
    padding: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
}

.popup .button-container[b-6c2mmk2n9o] {
    display: flex;
    justify-content: end;
    gap: 10px;
    flex-direction: row;
    margin-top: 10px;
    height: 33px;
}

.popup input[b-6c2mmk2n9o] {
    width: initial;
}

.email-table[b-6c2mmk2n9o] {
    width: 100%;
    border-collapse: collapse;
}

.email-table th[b-6c2mmk2n9o], .email-table td[b-6c2mmk2n9o] {
    border: 1px solid #ddd;
    padding: 8px;
}

.email-table th[b-6c2mmk2n9o] {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #0079c1;
    color: white;
}
/* _content/Navigator/Components/Pages/Maintenance/MenuAndPermissions/Gatekeeper.razor.rz.scp.css */
info-box[b-ml95vox3lh] {
    height: 90%;
    border: 1px solid #000061;
    border-radius: 5px;
    padding: 1%;
    margin: 1%;
}
/* _content/Navigator/Components/Pages/Maintenance/MenuAndPermissions/MenuManager.razor.rz.scp.css */
.page-cont[b-puwo639tj7] {
    margin-top: 2%;
    display: flex;
    flex-direction: row;
    font-size: 1.2rem;
}

.contr-cont[b-puwo639tj7] {
    width: 9%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.confirm-changes-modal[b-puwo639tj7] {
    z-index: 10;
    position: fixed;
    background-color: white;
    border: 2px solid #000061;
    border-radius: 10px;
    width: fit-content;
    max-width: 25%;
    top: 33.5%;
    left: 20.5%;
    transform: translate(-50%, -50%);
    margin-top: 1%;
    padding: 2%;
    display: flex;
    flex-direction: column;
}

.changes-list[b-puwo639tj7] {
    margin: 5% 0 5% 0;
    height: 30vh;
    width: 17vw;
    overflow-y: scroll;
    border: 2px solid navy;
    border-radius: 10px;
    padding: 3%;
}

.edit-btn[b-puwo639tj7] {
    margin-top: 10%;
    height: 4vh;
    width: 80%;
    border-radius: 15px;
    background-color: #000061;
    border: 2px solid #000061;
    color: white;
}

.edit-btn:hover[b-puwo639tj7] {
    background-color: white;
    color: #000061;
}

.no-changes-btn[b-puwo639tj7] {
    opacity: 0.4;
    margin-top: 10%;
    height: 4vh;
    width: 80%;
    border-radius: 15px;
    background-color: #000061;
    border: 2px solid #000061;
    color: white;
    cursor: default;
    text-align: center;
    align-content: center;
}

.menu-page-cont[b-puwo639tj7] {
    border: 2px solid #000061;
    width: 90%;
}

.undo-btn[b-puwo639tj7] {
    margin-left: 10%;
    background: white !important;
    border: 1px solid lightgray !important;
    border-radius: 10px !important;
}

.undo-btn:hover[b-puwo639tj7] {
    background-color: gray !important;
    color: white;
}

.changes-btn[b-puwo639tj7] {
    background: #000061 !important;
    border: 1px solid #000061 !important;
    border-radius: 10px !important;
    color: white;
}

.changes-btn:hover[b-puwo639tj7] {
    background-color: white !important;
    color: black;
}

.headers-cont[b-puwo639tj7] {
    display: flex;
    flex-direction: row;
    justify-content: right;
    background-color: #000061;
    padding: 0.5% 0 0.5% 0;
    height: 5vh;
}

.headers-cont .headers-cont-container[b-puwo639tj7]{
    align-content: center;
    border-right: 2px solid white;
}
.headers-cont .headers-cont-container:last-child[b-puwo639tj7]{
    border-right: none;
}

.header-btn[b-puwo639tj7] {
    align-content: center;
    text-align: center;
    color: white;
    font-size: 1.2rem;
    margin: 0 1rem;
}

.header-btn:hover[b-puwo639tj7] {
    cursor: pointer;
    border-bottom: 1px solid white;
    transition: all 1s ease-in-out;
}

.hover-menu-cont[b-puwo639tj7] {
    z-index: 10;
    display: flex;
    flex-direction: column;
    position: absolute;
    background: white;
    border: 2px solid #000061;
    border-radius: 20px;
    padding: 0.5%;
    height: 30vh;
    width: 18vw;
    overflow-y: scroll;
}

.hover-menu-cont button[b-puwo639tj7] {
    width: 99%;
    border: none;
    background: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 1.1rem;
}

.hover-menu-cont button:hover[b-puwo639tj7] {
    background-color: #F7F6F6;
}

.menu-items-cont[b-puwo639tj7] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 82vh;
}

.menu-cont[b-puwo639tj7] {
    display: flex;
    flex-direction: column;
    margin: 0 0.5% 0 0.5%;
    padding-bottom: 0.5%;
    padding-right: 0.5%;
    width: 16vw;
    border-right: 2px solid #000061;
}

.menu-cont button[b-puwo639tj7] {
    width: 99%;
    border: none;
    background: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 1.1rem;
}

.menu-cont button:hover[b-puwo639tj7] {
    background-color: #F7F6F6;
}

.add-menu-cont[b-puwo639tj7] {
}

.add-menu-cont button[b-puwo639tj7] {
    border-radius: 20px;
    width: 100%;
    margin-bottom: 2%;
    background-color: #000061;
    color: #FCFCFC;
    border: 2px solid #000061;
}

.add-menu-cont button:hover[b-puwo639tj7] {
    color: #000061;
    background-color: white;
}

.add-menu-selections[b-puwo639tj7] {
    background-color: navy;
    border-radius: 5px;
    padding: 2% 3% 3% 3%;
    color: white;
}

.add-menu-selections button[b-puwo639tj7] {
    margin-top: 5%;
    background-color: #EAEAEA;
    color: black;
}

.unused-cont[b-puwo639tj7] {
    display: flex;
    flex-direction: column;
    width: 20vw;
    background-color: #000079;
    border-radius: 15px;
    margin: 1%;
    padding: 1%;
    overflow: hidden;
}

.unused-table[b-puwo639tj7] {
    height: 31vh;
    overflow-y: auto;
    margin-top: 1vh;
    background-color: white;
    border: 2px solid #000061;
    /* border-radius: 8px; */
    padding: 1%;
}

.unused-table button[b-puwo639tj7] {
    width: 100%;
    border: none;
    background: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 1.1rem;
}

.unused-table button:hover[b-puwo639tj7] {
    background: lightgray;
    border-radius: 5px;
}

.selected-cont[b-puwo639tj7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: auto;
    border-left: 2px solid #000061;
    width: 30vw;
    padding-top: 1%;
    padding-bottom: 2%;
}

.selected-item-cont[b-puwo639tj7] {
    width: 23vw;
}
/* _content/Navigator/Components/Pages/Maintenance/MenuAndPermissions/RoleRouteAccess.razor.rz.scp.css */
.first-level-container[b-5iujuotzv5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.first-level-container > button[b-5iujuotzv5] {
    width: 140px;
}

.second-level-container[b-5iujuotzv5] {
    padding-top: 0.5rem;
    display: flex;
    justify-content: space-between;
}
.second-level-container .second-level-filters[b-5iujuotzv5] {
    display: flex;
    align-items: center;
}
.second-level-container .second-level-filters.order-div-1[b-5iujuotzv5] {
    width: 100%;
    justify-content: center;
}
.second-level-container .second-level-filters > div[b-5iujuotzv5] {
    min-width: 200px;
}
.second-level-container .second-level-filters > div:not(:last-child)[b-5iujuotzv5] {
    margin-right: 0.5rem;
}
.order-div-0[b-5iujuotzv5] {
    order: 0;
}
.order-div-1[b-5iujuotzv5] {
    order: 1;
}
.order-div-2[b-5iujuotzv5] {
    order: 2;
}

.content-container[b-5iujuotzv5] {
    padding-top: 0.5rem;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 2fr 1fr 2fr;
}
.content-container > .table-container[b-5iujuotzv5]{
    height: calc(100vh - 250px);
    border: 1px solid #DEDEDE;
}
.content-container > .table-container:not(:first-child):not(:last-child)[b-5iujuotzv5] {
    border-left: none;
    border-right: none;
    scrollbar-gutter: stable both-edges;
}

.content-container > .table-container table[b-5iujuotzv5] {
    table-layout: fixed;
    width: 100%;
}
.content-container > .table-container table thead[b-5iujuotzv5] {
    position: sticky;
    top: 0;
    background-color: #FAFAFA;
    z-index: 2;
}
.content-container > .table-container table tbody tr[b-5iujuotzv5] {
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
}
.content-container > .table-container table tbody tr:hover[b-5iujuotzv5] {
    background: #DEDEDE;
    cursor: pointer;
}
.content-container > .table-container table tr[b-5iujuotzv5] {
    background-color: #FAFAFA;
    vertical-align: top;
}
.table-container table tr.selected[b-5iujuotzv5] {
    background-color: #DEDEDE;
}
.table-container table .break-word[b-5iujuotzv5] {
    overflow-wrap: break-word;
}
.table-container table .icon[b-5iujuotzv5] {
    width: 35px;
    text-align: center;
    position: relative;
}
.table-container.order-div-0 table .icon[b-5iujuotzv5] {
    display: none;
}
.table-container table .icon[b-5iujuotzv5]  svg {
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.table-container table .group[b-5iujuotzv5] {
    width: 100px;
}
.table-container table td.remove:hover[b-5iujuotzv5] {
    background-color: #FF6961;
}
.table-container table td.add:hover[b-5iujuotzv5] {
    background-color: #8CD47E;
}
/* _content/Navigator/Components/Pages/Maintenance/MenuAndPermissions/UrlComp/UrlCompManager_00.razor.rz.scp.css */
.url-comp-manager[b-4dq6hwrio0]  .title-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.url-comp-manager[b-4dq6hwrio0]  .title-container > .title-outer-section {
    width: 500px;
}

.url-comp-manager[b-4dq6hwrio0]  .title-container > .title-outer-section.title-explaination {
    display: inline-flex;
    justify-content: end;
}

.url-comp-manager[b-4dq6hwrio0]  .tabs-container {
    border-top: 1px solid #DEDEDE;
    padding-top: 0.5rem;
    margin: 0.5rem 0;
}

.url-comp-manager[b-4dq6hwrio0]  .first-level-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.url-comp-manager[b-4dq6hwrio0]  .first-level-container > div {
    display: inline-flex;
    align-items: center;
}
.url-comp-manager[b-4dq6hwrio0]  .first-level-container > div > button {
    width: 140px;
}
.url-comp-manager[b-4dq6hwrio0]  .first-level-container > div > button:not(:last-child) {
    margin-right: 0.5rem;
}

.url-comp-manager[b-4dq6hwrio0]  .second-level-container {
    padding-top: 0.5rem;
    display: flex;
    justify-content: space-between;
}
.url-comp-manager[b-4dq6hwrio0]  .second-level-container .second-level-filters {
    display: flex;
    align-items: center;
}
.url-comp-manager[b-4dq6hwrio0]  .second-level-container .second-level-filters > div {
    margin-right: 0.5rem;
    min-width: 200px;
}
.url-comp-manager[b-4dq6hwrio0]  .order-div-0 {
    order: 0;
}
.url-comp-manager[b-4dq6hwrio0]  .order-div-1 {
    order: 1;
}
.url-comp-manager[b-4dq6hwrio0]  .order-div-2 {
    order: 2;
}

.url-comp-manager[b-4dq6hwrio0]  .content-container {
    padding-top: 0.5rem;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 2fr 1fr 2fr;
}
.url-comp-manager[b-4dq6hwrio0]  .content-container > .table-container{
    height: calc(100vh - 250px);
    border: 1px solid #DEDEDE;
}
.url-comp-manager[b-4dq6hwrio0]  .content-container > .table-container:not(:first-child):not(:last-child) {
    border-left: none;
    border-right: none;
    scrollbar-gutter: stable both-edges;
}

.url-comp-manager[b-4dq6hwrio0]  .content-container > .table-container table {
    table-layout: fixed;
    width: 100%;
}

.url-comp-manager[b-4dq6hwrio0]  .content-container > .table-container table thead {
    position: sticky;
    top: 0;
    background-color: #FAFAFA;
    z-index: 2;
}

.url-comp-manager[b-4dq6hwrio0]  .content-container > .table-container table tbody tr {
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
}
.url-comp-manager[b-4dq6hwrio0]  .content-container > .table-container table tbody tr:hover {
    background: #DEDEDE;
    cursor: pointer;
}

.url-comp-manager[b-4dq6hwrio0]  .content-container > .table-container table tr {
    background-color: #FAFAFA;
    vertical-align: top;
}

.url-comp-manager[b-4dq6hwrio0]  .table-container table tr.selected {
    background-color: #DEDEDE;
}

.url-comp-manager[b-4dq6hwrio0]  .table-container table .break-word {
    overflow-wrap: break-word;
}

.url-comp-manager[b-4dq6hwrio0]  .table-container table .icon {
    width: 35px;
    text-align: center;
    position: relative;
}

.url-comp-manager[b-4dq6hwrio0]  .table-container.order-div-0 table .icon {
    display: none;
}

.url-comp-manager[b-4dq6hwrio0]  .table-container table .icon ::deep svg {
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.url-comp-manager[b-4dq6hwrio0]  .table-container table .group {
    width: 100px;
}

.url-comp-manager[b-4dq6hwrio0]  .table-container table td.remove:hover {
    background-color: #FF6961;
}

.url-comp-manager[b-4dq6hwrio0]  .table-container table td.add:hover {
    background-color: #8CD47E;
}

/* fix form styling */
.url-comp-manager[b-4dq6hwrio0]  .form-floating > .autocomplete > .input-group {
    margin-left: 0;
}

.url-comp-manager[b-4dq6hwrio0]  .form-floating > .autocomplete > .input-group > input.form-control {
    padding-top: 1.625rem;
    padding-bottom: .625rem;
    padding-left: .75rem;
    /* --bs-border-width: 1px; */
    height: calc(3.5rem + calc(1px * 2));
    min-height: calc(3.5rem + calc(1px * 2));
    line-height: 1.25;
}

.url-comp-manager[b-4dq6hwrio0]  .form-floating > .autocomplete:has(.input-group > .form-control:not(:placeholder-shown))~label{
    /* --bs-body-color-rgb: 33, 37, 41; */
    color: rgba(33, 37, 41, .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}

.url-comp-manager[b-4dq6hwrio0]  .form-floating > .autocomplete > .input-group > button {
    top: 50% !important;
    transform: translateX(-5%) translateY(-50%);
    background-color: unset;
}

.url-comp-manager[b-4dq6hwrio0]  .form-floating > .autocomplete > .input-group > button:hover {
    color: #DB303A;
}

/* fix footer */
.url-comp-manager[b-4dq6hwrio0]  .modal-footer:has(> button):has(.d-flex) {
    justify-content: space-between;
}
/* _content/Navigator/Components/Pages/Maintenance/MenuAndPermissions/UrlComp/UrlCompManager_40_DefaultUrlRole.razor.rz.scp.css */
.edit[b-y8ud8le6k4] {
    text-align: center;
    background: none;
    color: inherit;
    border: none;
    padding: 0.2rem;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.editIcon1[b-y8ud8le6k4], .arrowIcon1[b-y8ud8le6k4] {
    vertical-align: middle;
}
/* _content/Navigator/Components/Pages/Maintenance/MenuAndPermissions/UserRole/UserRoles_00.razor.rz.scp.css */
.userroles-tabs[b-3kvqyb7hbj] {
    margin: 2%;
}
/* _content/Navigator/Components/Pages/Maintenance/MenuAndPermissions/UserRole/UserRoles_10_Users.razor.rz.scp.css */
.users-tab .tab-container[b-uevn4arxyf] {
    display: grid;
    grid-template-rows: 30px minmax(30px, min-content) 1fr;
    grid-template-columns: 2fr 1fr 2fr;
    gap: 0.6%;
}

.showEditUserModal[b-uevn4arxyf] {
    position: absolute;
    z-index: 999;
    height: 50vh;
    width: 30vw;
    top: 50%;
    left: 50%;
    padding: 0 1% 0 1%;
    background-color: white;
    border: 2px solid #000061;
    border-radius: 15px;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    justify-items: left;
}

.users-tab h4[b-uevn4arxyf] {
    display: inline;
}

.users-tab input[type="search"][b-uevn4arxyf],
.users-tab input[type="text"][b-uevn4arxyf],
.users-tab input[type="number"][b-uevn4arxyf],
.users-tab input[type="select"][b-uevn4arxyf],
.users-tab select[b-uevn4arxyf] {
    border-radius: 10px;
    border: 1px solid #1AA3E8;
    margin: 0 10px 10px 0;
    height: 25px;
    padding: 0 5px;
}

    .users-tab input:focus[b-uevn4arxyf],
    .users-tab select:focus[b-uevn4arxyf] {
        outline-width: 0;
        box-shadow: 0 0 5px #1AA3E8;
    }

.table-container[b-uevn4arxyf] {
        height: 76vh;
        width: 100%;
        overflow-y: scroll;
        border: 1px solid #DEDEDE;
    }

.table-container table[b-uevn4arxyf] {
    table-layout: fixed;
    width: 100%;
}

    .table-container table tbody tr[b-uevn4arxyf] {
        background: white;
        border-top: 1px solid #DEDEDE;
        border-bottom: 1px solid #DEDEDE;
    }
        .table-container table tbody tr:hover[b-uevn4arxyf] {
            background: #DEDEDE;
            cursor: pointer;
        }

    .table-container table tr[b-uevn4arxyf] {
        background-color: #FAFAFA;
        vertical-align: top;
    }

    .table-container table thead[b-uevn4arxyf] {
        position: sticky;
        top: 0;
        background-color: #FAFAFA;
    }

    .table-container table tr.selected[b-uevn4arxyf] {
        background-color: #DEDEDE;
    }

    .table-container table .icon[b-uevn4arxyf] {
        width: 25px;
        text-align: center;
    }

    .table-container table .name[b-uevn4arxyf] {
        width: 200px;
    }

    .table-container table .group[b-uevn4arxyf] {
        width: 100px;
    }

    .table-container table td.remove:hover[b-uevn4arxyf] {
        background-color: #FF6961;
    }

    .table-container table td.add:hover[b-uevn4arxyf] {
        background-color: #8CD47E;
    }

.roles-sidebar[b-uevn4arxyf] {
    height: 100%;
    width: 200px;
    background-color: #F3F1EE;
    border-radius: 5px;
    padding: 10px;
}

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


.search-container[b-uevn4arxyf] {
    grid-column: 1/4;
    display: flex;
    justify-content: space-between;
}

.button-container[b-uevn4arxyf] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.checkbox-container[b-uevn4arxyf] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 2%;
    justify-content: space-between;
}
    .checkbox-container div[b-uevn4arxyf] {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 7vw;
    }


.ssy-btn-main[b-uevn4arxyf] {
    width: 160px;
    white-space: nowrap;
}

.is-ssy[b-uevn4arxyf] {
    background-color: #8CD47E;
    padding: 0 5px;
}

.red[b-uevn4arxyf] {
    background-color: #FF6961 !important;
}

.small-icon[b-uevn4arxyf] {
    height: 20px;
}

.role-grid[b-uevn4arxyf] {
    display: grid;
    grid-template-rows: 50px repeat(7, minmax(30px, min-content));
    grid-template-columns: 1fr 1fr;
    padding: 20px;
    border: 2px solid #F3F1EE;
}

.align-right[b-uevn4arxyf] {
    text-align: right;
}

.subsection-title[b-uevn4arxyf] {
    font-family: Verdana, sans-serif;
    font-weight: 700;
}

.break-word[b-uevn4arxyf] {
    overflow-wrap: break-word;
}

.popup[b-uevn4arxyf] {
    height: 200px;
    width: 500px;
    padding: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
}

    .popup .button-container[b-uevn4arxyf] {
        display: flex;
        justify-content: end;
        gap: 10px;
        flex-direction: row;
        margin-top: 10px;
        width: 100%;
    }

.light-grey[b-uevn4arxyf] {
    color: #DEDEDE;
}

.departmental-tab .checkbox-container[b-uevn4arxyf] {
    margin-left: 10px;
}

.departmental-tab table[b-uevn4arxyf] {
    max-width: 100%;
    width: inherit;
}

.vertical-text[b-uevn4arxyf] {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align: end;
    vertical-align: baseline;
}

/* _content/Navigator/Components/Pages/Maintenance/MenuAndPermissions/UserRole/UserRoles_20_Roles.razor.rz.scp.css */
.addRoleConfirmModal[b-2ase64dr4c] {
    background-color: white;
    border: 2px solid #000061;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    padding-top: 2vh;
}
    .addRoleConfirmModal input[b-2ase64dr4c] {
        border-radius: 10px;
        border: 1px solid #1AA3E8;
        margin: 0 10px 10px 0;
        height: 25px;
        padding: 0 5px;
    }

.roles-page-container[b-2ase64dr4c] {
    font-size: 12px;
}

.roles-page-container h4[b-2ase64dr4c] {
    display: inline;
}

.roles-page-container input[type="search"][b-2ase64dr4c],
.roles-page-container input[type="text"][b-2ase64dr4c],
.roles-page-container input[type="number"][b-2ase64dr4c],
.roles-page-container input[type="select"][b-2ase64dr4c],
.roles-page-container select[b-2ase64dr4c] {
    border-radius: 10px;
    border: 1px solid #1AA3E8;
    margin: 0 10px 10px 0;
    height: 25px;
    padding: 0 5px;
}

    .roles-page-container input:focus[b-2ase64dr4c],
    .roles-page-container select:focus[b-2ase64dr4c] {
        outline-width: 0;
        box-shadow: 0 0 5px #1AA3E8;
    }

.roles-page-container .table-container[b-2ase64dr4c] {
    height: 73vh;
    width: 100%;
    overflow-y: scroll;
    border: 1px solid #DEDEDE;
}

.roles-page-container table[b-2ase64dr4c] {
    table-layout: fixed;
    width: 100%;
    background-color: #FAFAFA;
}

    .roles-page-container table tbody tr[b-2ase64dr4c] {
        background: white;
        border-top: 1px solid #DEDEDE;
        border-bottom: 1px solid #DEDEDE;
    }

        .roles-page-container table tbody tr:hover[b-2ase64dr4c] {
            background: #DEDEDE;
            cursor: pointer;
        }

    .roles-page-container table tr[b-2ase64dr4c] {
        background-color: #FAFAFA;
        vertical-align: top;
    }

    .roles-page-container table thead[b-2ase64dr4c] {
        position: sticky;
        top: 0;
        background-color: #FAFAFA;
    }

    .roles-page-container table tr.selected[b-2ase64dr4c] {
        background-color: #DEDEDE;
    }

    .roles-page-container table .icon[b-2ase64dr4c] {
        width: 25px;
        text-align: center;
    }

    .roles-page-container table .name[b-2ase64dr4c] {
        width: 200px;
    }

    .roles-page-container table .group[b-2ase64dr4c] {
        width: 100px;
    }

    .roles-page-container table td.remove:hover[b-2ase64dr4c] {
        background-color: #FF6961;
    }

    .roles-page-container table td.add:hover[b-2ase64dr4c] {
        background-color: #8CD47E;
    }

.roles-sidebar[b-2ase64dr4c] {
    height: 100%;
    width: 200px;
    background-color: #F3F1EE;
    border-radius: 5px;
    padding: 10px;
}

.tab[b-2ase64dr4c] {
    height: 100%;
}

.tab-container[b-2ase64dr4c] {
    width: 100%;
    padding-top: 10px;
    gap: 10px;
}

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

.roles-tab .tab-container[b-2ase64dr4c] {
    display: grid;
    grid-template-rows: 30px minmax(30px, min-content) min-content 1fr;
    grid-template-columns: 1fr 1fr 2fr;
}

.search-container[b-2ase64dr4c] {
    grid-column: 1/4;
    display: flex;
    justify-content: space-between;
}

.button-container[b-2ase64dr4c] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.checkbox-container[b-2ase64dr4c] {
    display: grid;
    grid-template-columns: 150px min-content;
    grid-template-rows: repeat(2, 20px);
    align-items: baseline;
}


.ssy-btn-main[b-2ase64dr4c] {
    width: 160px;
    white-space: nowrap;
}

.is-ssy[b-2ase64dr4c] {
    background-color: #8CD47E;
    padding: 0 5px;
}

.red[b-2ase64dr4c] {
    background-color: #FF6961 !important;
}

.small-icon[b-2ase64dr4c] {
    height: 20px;
}

.role-grid[b-2ase64dr4c] {
    display: grid;
    grid-template-rows: 50px repeat(7, minmax(30px, min-content));
    grid-template-columns: 1fr 1fr;
    padding: 20px;
    border: 2px solid #F3F1EE;
}
.confirm-role-grid[b-2ase64dr4c] {
    display: grid;
    grid-template-rows: repeat(8, 4vh);
    grid-template-columns: 1fr 1fr;
    padding: 2%;
    border: 2px solid #F3F1EE;
}

.align-right[b-2ase64dr4c] {
    text-align: right;
}

.subsection-title[b-2ase64dr4c] {
    font-family: Verdana, sans-serif;
    font-weight: 700;
}

.break-word[b-2ase64dr4c] {
    overflow-wrap: break-word;
}

.popup[b-2ase64dr4c] {
    height: 200px;
    width: 500px;
    padding: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
}

    .popup .button-container[b-2ase64dr4c] {
        display: flex;
        justify-content: end;
        gap: 10px;
        flex-direction: row;
        margin-top: 10px;
        width: 100%;
    }

.light-grey[b-2ase64dr4c] {
    color: #DEDEDE;
}

.departmental-tab .checkbox-container[b-2ase64dr4c] {
    margin-left: 10px;
}

.departmental-tab table[b-2ase64dr4c] {
    max-width: 100%;
    width: inherit;
}

.vertical-text[b-2ase64dr4c] {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align: end;
    vertical-align: baseline;
}
/* _content/Navigator/Components/Pages/Maintenance/MenuAndPermissions/UserRole/UserRoles_30_Departmental.razor.rz.scp.css */
.departmental-tab .checkbox-container[b-rd16artg38] {
    margin-left: 10px;
}

.departmental-tab table[b-rd16artg38] {
    max-width: 100%;
    width: inherit;
}

.tab-container[b-rd16artg38] {
    display: grid;
    grid-template-rows: 30px minmax(30px, min-content) 1fr;
    grid-template-columns: 2fr;
}

.departmental-tab h4[b-rd16artg38] {
    display: inline;
}

.departmental-tab input[type="search"][b-rd16artg38],
.departmental-tab input[type="text"][b-rd16artg38],
.departmental-tab input[type="number"][b-rd16artg38],
.departmental-tab input[type="select"][b-rd16artg38],
.departmental-tab select[b-rd16artg38] {
    border-radius: 10px;
    border: 1px solid #1AA3E8;
    margin: 0 10px 10px 0;
    height: 25px;
    padding: 0 5px;
}

    .departmental-tab input:focus[b-rd16artg38],
    .departmental-tab select:focus[b-rd16artg38] {
        outline-width: 0;
        box-shadow: 0 0 5px #1AA3E8;
    }

.table-container[b-rd16artg38] {
    height: 81vh;
    width: 100%;
    overflow-y: scroll;
    border: 1px solid #DEDEDE;
}

    .table-container table[b-rd16artg38] {
        table-layout: fixed;
        width: 100%;
    }

        .table-container table tbody tr[b-rd16artg38] {
            background: white;
            border-top: 1px solid #DEDEDE;
            border-bottom: 1px solid #DEDEDE;
        }

            .table-container table tbody tr:hover[b-rd16artg38] {
                background: #DEDEDE;
                cursor: pointer;
            }

        .table-container table tr[b-rd16artg38] {
            background-color: #FAFAFA;
            vertical-align: top;
        }

        .table-container table thead[b-rd16artg38] {
            position: sticky;
            top: 0;
            background-color: #FAFAFA;
        }

        .table-container table tr.selected[b-rd16artg38] {
            background-color: #DEDEDE;
        }

        .table-container table .icon[b-rd16artg38] {
            width: 25px;
            text-align: center;
        }

        .table-container table .name[b-rd16artg38] {
            width: 200px;
        }

        .table-container table .group[b-rd16artg38] {
            width: 100px;
        }

        .table-container table td.remove:hover[b-rd16artg38] {
            background-color: #FF6961;
        }

        .table-container table td.add:hover[b-rd16artg38] {
            background-color: #8CD47E;
        }

.roles-sidebar[b-rd16artg38] {
    height: 100%;
    width: 200px;
    background-color: #F3F1EE;
    border-radius: 5px;
    padding: 10px;
}

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


.search-container[b-rd16artg38] {
    grid-column: 1/4;
    display: flex;
    justify-content: space-between;
}

.button-container[b-rd16artg38] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.checkbox-container[b-rd16artg38] {
    display: flex;
    align-items: center;
    margin-right: 2%;
}


.ssy-btn-main[b-rd16artg38] {
    width: 160px;
    white-space: nowrap;
}

.is-ssy[b-rd16artg38] {
    background-color: #8CD47E;
    padding: 0 5px;
}

.red[b-rd16artg38] {
    background-color: #FF6961 !important;
}

.small-icon[b-rd16artg38] {
    height: 20px;
}

.role-grid[b-rd16artg38] {
    display: grid;
    grid-template-rows: 50px repeat(7, minmax(30px, min-content));
    grid-template-columns: 1fr 1fr;
    padding: 20px;
    border: 2px solid #F3F1EE;
}

.align-right[b-rd16artg38] {
    text-align: right;
}

.subsection-title[b-rd16artg38] {
    font-family: Verdana, sans-serif;
    font-weight: 700;
}

.break-word[b-rd16artg38] {
    overflow-wrap: break-word;
}

.popup[b-rd16artg38] {
    height: 200px;
    width: 500px;
    padding: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
}

    .popup .button-container[b-rd16artg38] {
        display: flex;
        justify-content: end;
        gap: 10px;
        flex-direction: row;
        margin-top: 10px;
        width: 100%;
    }

.light-grey[b-rd16artg38] {
    color: #DEDEDE;
}

.departmental-tab .checkbox-container[b-rd16artg38] {
    margin-left: 10px;
}

.departmental-tab table[b-rd16artg38] {
    max-width: 100%;
    width: inherit;
}

.vertical-text[b-rd16artg38] {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align: end;
    vertical-align: baseline;
}
/* _content/Navigator/Components/Pages/Maintenance/Status/PDFStatus.razor.rz.scp.css */
.table-z[b-owq75jdn0c] {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.table-hover[b-owq75jdn0c] {
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.table-hover:hover[b-owq75jdn0c] {
    background-color: #f1f1f1;
}

.ssy-btn-main[b-owq75jdn0c] {
    background-color: #007bff;
    color: #000061;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.ssy-btn-main:hover[b-owq75jdn0c] {
    background-color: #0056b3;
}

.ssy-h3[b-owq75jdn0c] {
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;
}

.ssy-p[b-owq75jdn0c] {
    font-size: 1.1em;
    color: #555;
}

.ssy-table-lw[b-owq75jdn0c] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.ssy-table-lw th[b-owq75jdn0c], .ssy-table-lw td[b-owq75jdn0c] {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.ssy-table-lw thead th[b-owq75jdn0c] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.ssy-table-lw tr:nth-child(even)[b-owq75jdn0c] {
    background-color: #f9f9f9;
}

.ssy-table-lw tr:hover[b-owq75jdn0c] {
    background-color: #f1f1f1;
}

.grid-container[b-owq75jdn0c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.grid-item[b-owq75jdn0c] {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    max-height: 400px;
}

.modal-body[b-owq75jdn0c] {
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    width: 100%;
}

.modal-body code[b-owq75jdn0c] {
    flex: 1;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: auto;
    max-height: 400px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    background-color: #f9f9f9;
}

.iframe-container[b-owq75jdn0c] {
    flex: 1;
    overflow: auto;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
}

.iframe-container iframe[b-owq75jdn0c] {
    width: 100%;
    height: 100%;
    border: none;
}

@media (max-width: 768px) {
    .grid-container[b-owq75jdn0c] {
        grid-template-columns: 1fr;
    }

    .modal-body[b-owq75jdn0c] {
        flex-direction: column;
    }
}
/* _content/Navigator/Components/Pages/Maintenance/User/ComponentSettingsUpdate.razor.rz.scp.css */
.component-settings-content[b-l3544ao3pb]  .type-column span {
    max-width: 200px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.component-settings-content[b-l3544ao3pb]  .text-column code {
    color: inherit;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    max-height: 4rem;
    max-width: 80rem;
    display: block;
    overflow-y: auto;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: #000061 transparent;
}

@media (max-width: 1300px) {
    .component-settings-content[b-l3544ao3pb]  .hide-mobile {
        display: none;
    }

}

/* modal form additions */
[b-l3544ao3pb] #EditComponentSettingForm .form-floating textarea {
    height: calc(15rem + 2px);
}
/* _content/Navigator/Components/Pages/SNP/Reports/FleetChanges/Components/FleetTable.razor.rz.scp.css */
.fleet-summary-pdf-font[b-ivjx8myn7p] {
    font-size: 1em !important;
}
/* _content/Navigator/Components/Pages/SNP/Reports/FleetChanges/Components/OrderBook.razor.rz.scp.css */
.fleet-summary-pdf-font[b-f4x2l7nnhc] {
    font-size: 1em !important;
}
/* _content/Navigator/Components/Pages/SNP/Reports/FleetChanges/FleetSummary.razor.rz.scp.css */
.fleet-summary-pdf-footer[b-1gyc738vfa] {
    height: 7% !important;
    font-size: 1em !important;
}
.fleet-summary-pdf-main[b-1gyc738vfa] {
    height: 83% !important;
}
.fleet-summary-pdf-msg[b-1gyc738vfa] {
    margin-top: 1% !important;
    font-size: 1em !important;
}
/* _content/Navigator/Components/Pages/SNP/Reports/FleetChanges/FleetSummaryMain.razor.rz.scp.css */
.vessel-search-box[b-f827ah6p23] {
    height: 88%;
    width: 95%;
    border: 2px solid lightgray;
    border-radius: 10px;
    margin: 1%;
    padding: 0.5% 1.5%;
}

.vessel-search-item[b-f827ah6p23] {
    margin: 1% 0;
    padding: 1% 3%;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
    .vessel-search-item:hover[b-f827ah6p23] {
        background-color: #B6EBFD;
    }
/* _content/Navigator/Components/Pages/SubscriptionsManager/Subscriptions.razor.rz.scp.css */
/* Layout */
.layout-container[b-wmc4o5e3mk] {
    display: flex;
    height: calc(100vh - 180px);  /* Reduced height */
    overflow: hidden;
}

/* Sidebar */
.select-list[b-wmc4o5e3mk] {
    width: 280px;
    position: fixed;
    top: 180px;  /* Adjusted top position */
    bottom: 20px;  /* Added bottom margin */
    left: 0;
    background: white;
    border-right: 1px solid #e0e0e0;
    overflow-y: auto;
    padding: 1rem;
}

/* Main Content Area */
.main-content[b-wmc4o5e3mk] {
    margin-left: 280px;
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
    max-height: calc(100vh - 180px);  /* Added max-height */
}

/* Subscription Items */
.subscription-item[b-wmc4o5e3mk] {
    padding: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: 8px;
    background: white;
}

.subscription-item:hover[b-wmc4o5e3mk] {
    transform: translateX(2px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border-color: #000061;
}

.subscription-title[b-wmc4o5e3mk] {
    font-family: 'Soehne Breit', 'Franklin Gothic Book', Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 6px;
    color: #000061;
    font-size: 1.1rem;
}

/* Status Indicators */
.subscription-item-active[b-wmc4o5e3mk] { border-left: 4px solid #91A527; }
.subscription-item-expiring[b-wmc4o5e3mk] { border-left: 4px solid #FF9800; }
.subscription-item-expired[b-wmc4o5e3mk] { border-left: 4px solid #DC3545; }
.subscription-item-inactive[b-wmc4o5e3mk] {
    border-left: 4px solid #6c757d;
    opacity: 0.8;
}

/* Active State Styles */
.subscription-item.active[b-wmc4o5e3mk] {
    background-color: #000061;
    color: white;
    border-color: #000061;
    border-left-width: 4px !important;
}

.subscription-item.active.subscription-item-active[b-wmc4o5e3mk] { border-left-color: #91A527 !important; }
.subscription-item.active.subscription-item-expiring[b-wmc4o5e3mk] { border-left-color: #FF9800 !important; }
.subscription-item.active.subscription-item-expired[b-wmc4o5e3mk] { border-left-color: #DC3545 !important; }
.subscription-item.active.subscription-item-inactive[b-wmc4o5e3mk] { border-left-color: #6c757d !important; }

/* Card Styles */
.card[b-wmc4o5e3mk] {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.card-header[b-wmc4o5e3mk] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e0e0e0;
    padding: 0.75rem 1rem;
}

/* Table Styles */
.billing-table[b-wmc4o5e3mk] {
    width: 100%;
    border-collapse: collapse;
}

.billing-table th[b-wmc4o5e3mk] {
    background: #f5f5f5;
    padding: 0.75rem;
    text-align: left;
    border-bottom: 2px solid #000061;
}

.billing-table td[b-wmc4o5e3mk] {
    padding: 0.75rem;
    border-bottom: 1px solid #e0e0e0;
}

.amount-cell[b-wmc4o5e3mk] {
    font-family: monospace;
}

.status-cell[b-wmc4o5e3mk] {
    width: 100px;
}

.container[b-wmc4o5e3mk] {
    display: flex;
    flex-direction: row;
    height: calc(100vh - 120px);
    gap: 1rem;
    padding: 0 1rem;
}

.subscription-item-active[b-wmc4o5e3mk] {
    border-left: 4px solid #91A527;
}

.subscription-item-expiring[b-wmc4o5e3mk] {
    border-left: 4px solid #FF9800;
}

.subscription-item-expired[b-wmc4o5e3mk] {
    border-left: 4px solid #DC3545;
}

.subscription-item-inactive[b-wmc4o5e3mk] {
    border-left: 4px solid #6c757d;
    opacity: 0.8;
}

.subscription-item.active .text-muted[b-wmc4o5e3mk] {
    color: rgba(255,255,255,0.7) !important;
}

.subscription-info[b-wmc4o5e3mk] {
    font-family: 'Soehne', 'Franklin Gothic Book', Arial, sans-serif;
    font-size: 0.85rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2px;
}

.subscription-status[b-wmc4o5e3mk] {
    font-family: 'Soehne', 'Franklin Gothic Book', Arial, sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.8rem;
    padding: 3px 10px;
    border-radius: 12px;
    background: rgba(0,0,0,0.05);
    font-weight: 500;
}

.subscription-item.active .subscription-title[b-wmc4o5e3mk] {
    color: white;
}

.details[b-wmc4o5e3mk] {
    width: 70%;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 1.5rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.details-header[b-wmc4o5e3mk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #000061;
}

.details-header h3[b-wmc4o5e3mk] {
    font-family: 'Soehne Breit', 'Franklin Gothic Book', Arial, sans-serif;
    color: #000061;
    font-size: 1.5rem;
    margin: 0;
}

.details-content[b-wmc4o5e3mk] {
    padding: 1rem 0;
}

.billing-list[b-wmc4o5e3mk] {
    list-style: none;
    padding: 0;
}

.billing-item[b-wmc4o5e3mk] {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem;
    border-bottom: 1px solid #e0e0e0;
    align-items: center;
}

.actions-bar[b-wmc4o5e3mk] {
    margin-top: 1rem;
    display: flex;
    gap: 0.5rem;
}

.card-header h6[b-wmc4o5e3mk] {
    font-family: 'Soehne Breit', 'Franklin Gothic Book', Arial, sans-serif;
    font-size: 1rem;
    color: #000061;
}

.card-body[b-wmc4o5e3mk] {
    padding: 1rem;
}

.table-sm[b-wmc4o5e3mk] {
    font-family: 'Soehne', 'Franklin Gothic Book', Arial, sans-serif;
}

.table-sm td[b-wmc4o5e3mk] {
    padding: 0.6rem 0.5rem;
    vertical-align: middle;
}

.table-sm td strong[b-wmc4o5e3mk] {
    color: #000061;
    font-weight: 600;
}

.badge[b-wmc4o5e3mk] {
    font-family: 'Soehne', 'Franklin Gothic Book', Arial, sans-serif;
    font-weight: 500;
    padding: 0.4em 0.8em;
}

.text-muted[b-wmc4o5e3mk] {
    color: #6c757d !important;
    font-weight: 400;
}

.input-group .btn-outline-secondary[b-wmc4o5e3mk] {
    border-color: #ced4da;
    color: #000061;
}

.input-group .btn-outline-secondary:hover[b-wmc4o5e3mk] {
    background-color: #f8f9fa;
    color: #000061;
}

.filter-card[b-wmc4o5e3mk] {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border-color: #e0e0e0;
}

.tab-buttons[b-wmc4o5e3mk],
.tab-button[b-wmc4o5e3mk],
.tab-button.active[b-wmc4o5e3mk] {
    display: none;
}

[b-wmc4o5e3mk] .nav-tabs {
    margin-bottom: 1rem;
    border-bottom: 2px solid #000061;
}

[b-wmc4o5e3mk] .nav-tabs .nav-link.active {
    color: #000061;
    font-weight: 600;
    border-bottom: 2px solid #000061;
}

.related-approvals[b-wmc4o5e3mk] {
    padding: 0.5rem;
    margin: 0.5rem 0;
    background-color: #f8f9fa;
    border-radius: 4px;
    border-left: 3px solid #000061;
}

.related-approvals h6[b-wmc4o5e3mk] {
    color: #000061;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.related-approvals .table[b-wmc4o5e3mk] {
    margin-bottom: 0;
}

.approval-count[b-wmc4o5e3mk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 10px;
    background-color: #000061;
    color: white;
    font-size: 0.75rem;
    margin-left: 0.5rem;
}

.approval-progress[b-wmc4o5e3mk] {
    display: flex;
    gap: 4px;
    align-items: center;
}

.approval-step[b-wmc4o5e3mk] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    border-radius: 12px;
    font-size: 0.75rem;
    background: #f0f0f0;
}

.approval-step.pending[b-wmc4o5e3mk] {
    background: #fff3cd;
    color: #856404;
}

.approval-step.approved[b-wmc4o5e3mk] {
    background: #d4edda;
    color: #155724;
}

.approval-step.rejected[b-wmc4o5e3mk] {
    background: #f8d7da;
    color: #721c24;
}

.step-number[b-wmc4o5e3mk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(0,0,0,0.1);
    font-size: 0.7rem;
}

.step-approver[b-wmc4o5e3mk] {
    font-weight: 500;
}

/* Workflow Status Styles */
.workflow-status[b-wmc4o5e3mk] {
    display: flex;
    gap: 4px;
    align-items: center;
}

.workflow-step[b-wmc4o5e3mk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 500;
    background: #f0f0f0;
    cursor: help;
}

.workflow-step.pending[b-wmc4o5e3mk] {
    background: #fff3cd;
    color: #856404;
}

.workflow-step.approved[b-wmc4o5e3mk] {
    background: #d4edda;
    color: #155724;
}

.workflow-step.rejected[b-wmc4o5e3mk] {
    background: #f8d7da;
    color: #721c24;
}

/* Button Group Styles */
.btn-group[b-wmc4o5e3mk] {
    display: flex;
    gap: 4px;
}

.btn-group .ssy-btn-light[b-wmc4o5e3mk],
.btn-group .ssy-btn-red[b-wmc4o5e3mk] {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.description-box[b-wmc4o5e3mk] {
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 4px;
    border-left: 3px solid #000061;
    margin-bottom: 1.5rem;
}

.description-box :deep(h1)[b-wmc4o5e3mk], 
.description-box :deep(h2)[b-wmc4o5e3mk], 
.description-box :deep(h3)[b-wmc4o5e3mk], 
.description-box :deep(h4)[b-wmc4o5e3mk] {
    color: #000061;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.description-box :deep(p)[b-wmc4o5e3mk] {
    margin-bottom: 0.75rem;
}

.description-box :deep(ul)[b-wmc4o5e3mk], 
.description-box :deep(ol)[b-wmc4o5e3mk] {
    margin-left: 1.5rem;
    margin-bottom: 0.75rem;
}

@media (max-width: 768px) {
    .layout-container[b-wmc4o5e3mk] {
        flex-direction: column;
        height: calc(100vh - 140px);
    }

    .select-list[b-wmc4o5e3mk] {
        position: fixed;
        width: 100%;
        left: -100%;
        top: 140px;
        bottom: 0;
        z-index: 1000;
        background: white;
        transition: left 0.3s ease;
        box-shadow: 2px 0 5px rgba(0,0,0,0.1);
    }

    .select-list.open[b-wmc4o5e3mk] {
        left: 0;
    }

    .main-content[b-wmc4o5e3mk] {
        margin-left: 0;
        padding: 0.5rem;
        max-height: calc(100vh - 140px);
        margin-top: 60px;
    }

    .mobile-header[b-wmc4o5e3mk] {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        background: white;
        padding: 0.75rem;
        border-bottom: 1px solid #e0e0e0;
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .mobile-toggle[b-wmc4o5e3mk] {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        padding: 8px;
        border: none;
        background: whitesmoke;
        cursor: pointer;
        z-index: 1001;
        border-radius: 50%;
    }

    .mobile-toggle:hover[b-wmc4o5e3mk] {
        background-color: rgba(0,0,97,0.05);
    }

    .mobile-overlay.open[b-wmc4o5e3mk] {
        display: block;
    }

    .card[b-wmc4o5e3mk] {
        margin-bottom: 1rem;
    }

    .table-responsive-mobile[b-wmc4o5e3mk] {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .col-md-6[b-wmc4o5e3mk] {
        width: 100%;
    }

    [b-wmc4o5e3mk] .nav-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .billing-table-wrapper[b-wmc4o5e3mk] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: 0 -0.5rem;
        padding: 0 0.5rem;
    }
}

.mobile-overlay[b-wmc4o5e3mk] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}

@media (max-width: 768px) {
    .mobile-overlay.open[b-wmc4o5e3mk] {
        display: block;
    }
}

/* Matrix mode styles */
.layout-container.matrix-mode[b-wmc4o5e3mk] {
    padding: 0;
    height: calc(100vh - 120px);
    overflow: hidden;
}

.layout-container.matrix-mode .main-content[b-wmc4o5e3mk] {
    margin-left: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
}

.layout-container.matrix-mode .card[b-wmc4o5e3mk] {
    margin: 0;
    border: none;
    border-radius: 0;
    height: 100%;
}

.layout-container.matrix-mode .card-body[b-wmc4o5e3mk] {
    height: 100%;
}

/* Adjust matrix container in full screen mode */
.layout-container.matrix-mode .matrix-container[b-wmc4o5e3mk] {
    height: calc(100vh - 180px);
    max-height: none;
}

.top-left-clear[b-wmc4o5e3mk] {
    position: absolute;
    top: calc(55px + 32px);
    left: 15px;
}
/* _content/Navigator/Components/Pages/SubscriptionsManager/SubscriptionsManagerManageUser.razor.rz.scp.css */
:global(.autocomplete-list-fts)[b-n7x2v7ss4h],
:global(.dropdown-menu.autocomplete-list-fts)[b-n7x2v7ss4h],
:global(.dropdown-menu[class*='autocomplete-list'])[b-n7x2v7ss4h],
:global(ul[class*='autocomplete-list'])[b-n7x2v7ss4h] {
    border: 3px solid red !important;
    border-radius: 0.3rem !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important;
    background: #fff !important;
    margin-top: 2px !important;
    padding: 0 !important;
    z-index: 1002 !important;
    min-width: 220px;
    max-width: 100%;
    outline: none !important;
    transition: border-color 0.18s;
}


:global(.autocomplete-list-fts)[b-n7x2v7ss4h],
:global(.dropdown-menu.autocomplete-list-fts)[b-n7x2v7ss4h] {
    border: 2px solid #2563eb !important;
    border-radius: 0.3rem !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10) !important;
    background: #fff !important;
    margin-top: 2px !important;
    padding: 0 !important;
    z-index: 1002 !important;
    min-width: 220px;
    max-width: 100%;
    outline: none !important;
    transition: border-color 0.18s;
}

.autocomplete-list-fts .dropdown-item[b-n7x2v7ss4h] {
    border-left: 3px solid transparent;
    padding: 0.6rem 1rem;
    font-size: 0.98rem;
    background: none;
    border-radius: 0 !important;
    transition: background 0.15s, border-color 0.15s;
}

.autocomplete-list-fts .dropdown-item:hover[b-n7x2v7ss4h],
.autocomplete-list-fts .dropdown-item:focus[b-n7x2v7ss4h] {
    background-color: #eff6ff !important;
    border-left: 3px solid #2563eb !important;
}

.autocomplete-list-fts .dropdown-item.active[b-n7x2v7ss4h] {
    background-color: #eff6ff !important;
    border-left: 3px solid #2563eb !important;
    color: #2563eb !important;
}

/* SSYFTS-inspired search bar styles */
:root[b-n7x2v7ss4h] {
    --border-color: #d1d5db;
    --header-bg: #f3f4f6;
    --highlight-color: #2563eb;
    --highlight-bg: #eff6ff;
    --accent-color: #000061;
}

.search-container[b-n7x2v7ss4h] {
    width: 100%;
    border-radius: 0.5rem;
    padding: 3px;
    background-color: #f0f4ff;
    box-shadow: 0 2px 6px rgba(0, 0, 97, 0.1);
}

.search-bar-container .input-group[b-n7x2v7ss4h] {
    margin: 0;
    position: relative;
}

.search-bar.form-control[b-n7x2v7ss4h] {
    padding: 0.4rem;
    padding-right: 1.5rem !important;
    font-size: 0.9rem;
    line-height: 1.1;
    border-radius: 0.3rem;
    border: 2px solid #2563eb;
    background-color: white;
    color: black;
    height: 42px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.search-bar.form-control[b-n7x2v7ss4h]::placeholder {
    color: #999999;
}

.search-bar.form-control:focus[b-n7x2v7ss4h] {
    color: black;
    background-color: white;
    border-color: #000061;
    border-width: 2px;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 97, 0.25);
    outline: none;
}

.search-bar.form-control:focus-visible[b-n7x2v7ss4h] {
    outline: black auto 1px;
}

.input-group > button.btn[b-n7x2v7ss4h] {
    padding: 0.2rem;
    font-size: 0.8rem;
    background: transparent;
    color: var(--accent-color) !important;
    right: 0.3rem !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    z-index: 2;
}

.input-group > ul.dropdown-menu.autocomplete-list[b-n7x2v7ss4h] {
    width: 100%;
    transform: translate(0, 2.8rem) !important;
    scrollbar-gutter: stable both-edges;
    scrollbar-width: thin;
    scrollbar-color: var(--accent-color) transparent;
    inset: inherit !important;
    border-radius: 0.4rem;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
    border: 2px solid #2563eb !important;
    padding: 0;
    position: absolute;
    left: 0;
    z-index: 10;
    background: #fff;
    max-height: 260px;
    overflow-y: auto;
    margin-top: 2px;
    transition: box-shadow 0.18s, border-color 0.18s;
}

.dropdown-item[b-n7x2v7ss4h] {
    padding: 0.6rem 0.8rem;
    font-size: 0.9rem;
    border-left: 3px solid transparent;
    transition: all 0.15s ease;
    width: 100%;
    text-align: left;
    background: none;
    border: none;
}

.dropdown-item:hover[b-n7x2v7ss4h],
.dropdown-item:focus[b-n7x2v7ss4h] {
    background-color: var(--highlight-bg);
    border-left: 3px solid var(--highlight-color);
}

.dropdown-item.active[b-n7x2v7ss4h] {
    background-color: var(--highlight-bg);
    border-left: 3px solid var(--highlight-color);
    color: var(--highlight-color);
}

/* User information card */
.card[b-n7x2v7ss4h] {
    border-radius: 0 !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.card-header[b-n7x2v7ss4h] {
    background-color: var(--header-bg) !important;
    border-bottom: 1px solid var(--border-color);
    padding: 1rem 1.25rem;
}

.card-body[b-n7x2v7ss4h] {
    padding: 1.5rem;
}

/* Definition list styling */
dl.row[b-n7x2v7ss4h] {
    margin-bottom: 0;
}

dt[b-n7x2v7ss4h] {
    font-weight: 600;
    color: #4b5563;
}

dd[b-n7x2v7ss4h] {
    margin-bottom: 0.75rem;
}

/* Department selection styles */
.form-select[b-n7x2v7ss4h] {
    height: 46px;
    padding: 0.625rem 1rem;
    border: 2px solid var(--border-color);
    border-radius: 0.3rem;
    background-position: right 0.75rem center;
    transition: border-color 0.2s ease;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.form-select:focus[b-n7x2v7ss4h] {
    border-color: var(--highlight-color);
    box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.25);
}

.btn-primary[b-n7x2v7ss4h] {
    height: 46px;
    padding: 0.625rem 1.5rem;
    background-color: #2563eb;
    border: none;
    border-radius: 0.3rem;
    font-weight: 500;
    color: white !important;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    opacity: 1;
}

.btn-primary:hover:not(:disabled)[b-n7x2v7ss4h] {
    background-color: #1d4ed8;
    transform: translateY(-1px);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.btn-primary:disabled[b-n7x2v7ss4h] {
    background-color: #93c5fd;
    cursor: not-allowed;
    opacity: 0.7;
}

/* Alert styling */
.alert[b-n7x2v7ss4h] {
    border-radius: 0;
    border-left: 4px solid #60a5fa;
    background-color: #f0f9ff;
    color: #0369a1;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

.alert-warning[b-n7x2v7ss4h] {
    border-left: 4px solid #eab308;
    background-color: #fefce8;
    color: #854d0e;
}

/* Table styling */
.user-table-container[b-n7x2v7ss4h] {
    overflow-x: auto;
    margin-bottom: 2rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--border-color);
}

.user-table[b-n7x2v7ss4h] {
    min-width: 700px;
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.user-table th[b-n7x2v7ss4h], .user-table td[b-n7x2v7ss4h] {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid var(--border-color);
}

.user-table th[b-n7x2v7ss4h] {
    background-color: var(--header-bg);
    font-weight: 600;
    color: #374151;
    position: sticky;
    top: 0;
    z-index: 1;
}

.user-table th:not(:last-child)[b-n7x2v7ss4h],
.user-table td:not(:last-child)[b-n7x2v7ss4h] {
    border-right: 1px solid #f3f4f6;
}

.user-table tbody tr:last-child td[b-n7x2v7ss4h] {
    border-bottom: none;
}

.user-table tbody tr:hover[b-n7x2v7ss4h] {
    background-color: #fafafa;
}

.user-table tbody tr:nth-child(even)[b-n7x2v7ss4h] {
    background-color: #fcfcfc;
}

/* Checkbox styling */
input[type="checkbox"][b-n7x2v7ss4h] {
    width: 16px;
    height: 16px;
    cursor: not-allowed;
}

/* Department assignment section */
.department-assignment[b-n7x2v7ss4h] {
    background-color: #f0f7ff;
    border: 2px solid #2563eb;
    border-radius: 0.5rem;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.15);
    margin-bottom: 2rem;
}

/* Department assignment card styling */
.department-assignment-card[b-n7x2v7ss4h] {
    padding: 1.25rem;
    background-color: #f0f7ff;
    border: 1px solid var(--highlight-color);
    border-radius: 0.5rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    margin-bottom: 1rem;
}

.department-assignment-card h5[b-n7x2v7ss4h] {
    color: var(--highlight-color);
    font-weight: 600;
    font-size: 1.1rem;
}

/* Permission toggle styling */
.permission-toggle[b-n7x2v7ss4h] {
    height: 1.5rem;
    width: 3rem;
    cursor: pointer !important;
    background-color: #ccc;
    border-color: #aaa;
    transition: all 0.2s;
    position: relative;
    opacity: 1 !important;
    pointer-events: all !important;
}

.permission-toggle:checked[b-n7x2v7ss4h] {
    background-color: #2563eb !important;
    border-color: #1d4ed8 !important;
}

.permission-toggle:focus[b-n7x2v7ss4h] {
    box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.25);
    border-color: #2563eb !important;
}

.form-check-label[b-n7x2v7ss4h] {
    margin-left: 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #4b5563;
    transition: all 0.2s;
}

@media (max-width: 900px) {
    .user-table th[b-n7x2v7ss4h], .user-table td[b-n7x2v7ss4h] {
        padding: 0.75rem;
        font-size: 0.95rem;
    }

    .user-table[b-n7x2v7ss4h] {
        min-width: 600px;
    }

    .card-body[b-n7x2v7ss4h] {
        padding: 1rem;
    }
}

@media (max-width: 600px) {
    .user-table th[b-n7x2v7ss4h], .user-table td[b-n7x2v7ss4h] {
        padding: 0.5rem;
        font-size: 0.9rem;
    }

    .user-table[b-n7x2v7ss4h] {
        min-width: 450px;
    }

    dt[b-n7x2v7ss4h] {
        margin-bottom: 0.25rem;
    }
}

/* Enhanced department field styling */
.department-field[b-n7x2v7ss4h] {
    position: relative;
}

.department-select[b-n7x2v7ss4h] {
    min-width: 200px;
    transition: all 0.2s ease;
}

.department-select:focus + .save-department-btn[b-n7x2v7ss4h] {
    opacity: 1;
}

.save-department-btn[b-n7x2v7ss4h] {
    height: auto;
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-weight: 500;
}

.save-department-btn:hover[b-n7x2v7ss4h] {
    transform: translateY(-1px);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}

/* Make checkboxes in the table a bit nicer */
.user-table input[type="checkbox"][b-n7x2v7ss4h] {
    width: 18px;
    height: 18px;
    accent-color: #2563eb;
    border: 2px solid #cbd5e1;
    border-radius: 3px;
}

/* Department Assignment Section */
.department-assignment-section[b-n7x2v7ss4h] {
    background-color: #f0f7ff;
    border-top: 1px solid #d1e0ff;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    border-radius: 0.375rem;
    padding: 1.5rem;
}

.department-assignment-section h5[b-n7x2v7ss4h] {
    color: #2563eb;
    font-weight: 600;
    font-size: 1.1rem;
}

.department-assign-button[b-n7x2v7ss4h] {
    white-space: nowrap;
    min-width: 160px;
}

.department-assign-button:disabled[b-n7x2v7ss4h] {
    opacity: 0.7;
    cursor: not-allowed;
}

/* General card improvements */
.card[b-n7x2v7ss4h] {
    border-radius: 0.375rem !important;
    overflow: hidden;
}

.card-header[b-n7x2v7ss4h] {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
}

/* Make form-select look more like the screenshot */
.form-select[b-n7x2v7ss4h] {
    height: 38px;
    padding: 0.5rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.25rem;
    background-color: #fff;
    flex: 1;
    min-width: 200px;
}

/* Combined form styling */
form[b-n7x2v7ss4h] {
    position: relative;
}

/* Save all button styling */
.save-all-button[b-n7x2v7ss4h] {
    min-width: 140px;
    padding: 0.5rem 1.2rem;
    font-weight: 500;
    background-color: #2563eb;
    border-color: #1d4ed8;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

.save-all-button:hover:not(:disabled)[b-n7x2v7ss4h] {
    background-color: #1d4ed8;
    border-color: #1e40af;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
}

.save-all-button:disabled[b-n7x2v7ss4h] {
    background-color: #93c5fd;
    border-color: #60a5fa;
    cursor: not-allowed;
    opacity: 0.7;
}

/* Unified form styling */
.department-field[b-n7x2v7ss4h] {
    position: relative;
    width: 100%;
}

.department-field .form-select[b-n7x2v7ss4h] {
    margin-bottom: 0.3rem;
    border-color: #d1d5db;
    border-radius: 0.25rem;
    height: 38px;
}

.department-field .form-select:focus[b-n7x2v7ss4h] {
    border-color: #2563eb;
    box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.25);
}

/* Make alert nicer */
.alert-success[b-n7x2v7ss4h] {
    background-color: #ecfdf5;
    border-color: #10b981;
    color: #065f46;
    padding: 0.75rem 1rem;
    border-radius: 0.375rem;
    animation: fadeIn-b-n7x2v7ss4h 0.5s;
}

@keyframes fadeIn-b-n7x2v7ss4h {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Make form sections more organized */
h5[b-n7x2v7ss4h] {
    color: #4b5563;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.card-body dl[b-n7x2v7ss4h] {
    margin-bottom: 0;
}

.card-body dt[b-n7x2v7ss4h] {
    color: #4b5563;
    font-weight: 600;
}

/* Form actions styling */
.form-actions[b-n7x2v7ss4h] {
    border-top: 1px solid #e5e7eb;
    padding-top: 1.5rem;
    margin-top: 2rem;
}

.save-all-button[b-n7x2v7ss4h] {
    background-color: #2563eb;
    border-color: #1d4ed8;
    font-weight: 500;
    padding: 0.5rem 1.25rem;
    min-width: 150px;
    border-radius: 0.375rem;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.save-all-button:hover:not(:disabled)[b-n7x2v7ss4h] {
    background-color: #1d4ed8;
    border-color: #1e40af;
    transform: translateY(-1px);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}

.save-all-button:disabled[b-n7x2v7ss4h] {
    opacity: 0.65;
    cursor: not-allowed;
    background-color: #93c5fd;
    border-color: #60a5fa;
}

/* Status message container */
.status-message-container[b-n7x2v7ss4h] {
    min-height: 76px; /* Height of the alert + margins */
}

/* _content/Navigator/Components/Pages/Tankers/ApiSetup/TankerRatesSetup.razor.rz.scp.css */

/* _content/Navigator/Components/Pages/Tankers/BrokerDashboard/BrokerDashboard_00.razor.rz.scp.css */
.container-fluid[b-66a1v0wo46] {
    width: calc(100% - 4rem);
}
@media (max-width: 576px) {
    .container-fluid[b-66a1v0wo46] {
        width: 100%;
    }
}

.broker-dashboard-container .vessel-tab-quick-links-container[b-66a1v0wo46]  .quick-links-component {
    background: #000061;
    height: 100%;
}

.vessel-tab-load-container[b-66a1v0wo46],
.vessel-tab-fundamentals-container[b-66a1v0wo46] {
    background: white;
    border: 1px solid #009DC9;
}

.vessel-tab-load-container[b-66a1v0wo46] {
    min-height: 430px;
}

.vessel-tab-fundamentals-container[b-66a1v0wo46] {
    min-height: 350px;
}

.vessel-tab-load-container > .ssy-colour-lw[b-66a1v0wo46],
.vessel-tab-fundamentals-container > .ssy-colour-lw[b-66a1v0wo46]  {
    max-height: fit-content;
}

.vessel-tab-load-container .fcicon[b-66a1v0wo46],
.vessel-tab-ffa-container .fcicon[b-66a1v0wo46],
.vessel-tab-fundamentals-container .fcicon[b-66a1v0wo46] {
    width: 1.5em;
}

.vessel-tab-load-container .fcdesc[b-66a1v0wo46],
.vessel-tab-ffa-container .fcdesc[b-66a1v0wo46],
.vessel-tab-fundamentals-container .fcdesc[b-66a1v0wo46] {
    text-align: left;
    width: 12em;
    padding: 5px 15px 5px 5px;
}

.vessel-tab-load-container .fcprice[b-66a1v0wo46],
.vessel-tab-ffa-container .fcprice[b-66a1v0wo46],
.vessel-tab-fundamentals-container .fcprice[b-66a1v0wo46] {
    text-align: right;
    width: 8em;
    padding: 5px 15px 5px 5px;
}

.vessel-tab-load-container .negNum[b-66a1v0wo46],
.vessel-tab-ffa-container .negNum[b-66a1v0wo46],
.vessel-tab-fundamentals-container .negNum[b-66a1v0wo46] {
    color: red;
}

.vessel-tab-load-container .posNum[b-66a1v0wo46],
.vessel-tab-ffa-container .posNum[b-66a1v0wo46],
.vessel-tab-fundamentals-container .posNum[b-66a1v0wo46] {
    color: darkgreen;
}

.vessel-tab-ffa-container[b-66a1v0wo46]  h2,
.vessel-tab-quick-links-container[b-66a1v0wo46]  h2 {
    padding-top: 0.5rem;
}

.vessel-tab-ffa-container h2[b-66a1v0wo46] {
    /* needed for now can be removed later*/
    text-align: center;
}

.vessel-tab-ffa-container .ssy-radio-main.radio-btns[b-66a1v0wo46] {
    margin: 0.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(31%, 1fr));
    gap: 0;
    align-items: center;
}

.vessel-tab-ffa-container .ssy-radio-main.radio-btns > div[b-66a1v0wo46] {
    display: flex;
    justify-content: center;
}

.vessel-tab-ffa-container .ssy-radio-main.radio-btns .radio-label[b-66a1v0wo46] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 7.2vw;
    height: 35px;
    margin: 0;
}

.vessel-tab-ffa-container .ssy-radio-main input:checked + label[b-66a1v0wo46]{
    background-color: #000061;
}

.vessel-tab-fundamentals-container .market-commentary p[b-66a1v0wo46] {
    margin: 0 0.5rem 0.25rem 0.5rem;
    font-size: 0.95rem;
}
.vessel-tab-fundamentals-container .market-commentary p:first-child[b-66a1v0wo46] {
    /*margin-top: 0.5rem;*/
    margin-bottom: 0.5rem;
}

.vessel-tab-quick-links-container[b-66a1v0wo46]  h2 {
    color: white;
}

.ssy-radio-main[b-66a1v0wo46] {
    display: inline-flex;
    overflow: initial;
    margin-bottom: 0;
}

.loading-container[b-66a1v0wo46] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 80vh;
    width: 100%;
}

.loading-spinner[b-66a1v0wo46] {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #000061;
    border-radius: 50%;
    animation: spinner-b-66a1v0wo46 1.5s linear infinite;
    margin-bottom: 15px;
}

@keyframes spinner-b-66a1v0wo46 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* _content/Navigator/Components/Pages/Tankers/Reports/TankerWeekly/SnP.razor.rz.scp.css */
/* _content/Navigator/Components/Pages/Tankers/TankerFwdPrices.razor.rz.scp.css */
/* Date Selector */
[b-li3qsaemrt] .ssy-date-selector {
    font-size: 1.5em;
    color: #009DC9;
}
[b-li3qsaemrt] .ssy-date-selector time {
    font-weight: 600;
}

/* Table style */
.positive[b-li3qsaemrt] {
    color: mediumseagreen !important;
}

.negative[b-li3qsaemrt] {
    color: crimson !important;
}
.ssy-table-lw td[b-li3qsaemrt], .ssy-table-lw th[b-li3qsaemrt] {
    padding: .25rem;
}
.cursor-pointer[b-li3qsaemrt] {
    cursor: pointer;
}
.tanker-fwd-prices[b-li3qsaemrt]  .text-bold,
.text-bold[b-li3qsaemrt] {
    font-weight: bold;
}

/* settings modal */
.tanker-fwd-prices[b-li3qsaemrt]  .displayed-routes,
.tanker-fwd-prices[b-li3qsaemrt]  .hidden-routes{
    min-height: 35px;
}
.tanker-fwd-prices[b-li3qsaemrt]  .displayed-routes > div,
.tanker-fwd-prices[b-li3qsaemrt]  .hidden-routes > div {
    background: #009DC9;
    color: white;
    border-left: 1px solid white;
    border-top: 1px solid white;
}
.tanker-fwd-prices[b-li3qsaemrt]  .hidden-routes > div {
    background: #000061;
}



/* loading style */
.loading-container[b-li3qsaemrt] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 80vh;
    width: 100%;
}

.loading-spinner[b-li3qsaemrt] {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #000061;
    border-radius: 50%;
    animation: spinner-b-li3qsaemrt 1.5s linear infinite;
    margin-bottom: 15px;
}

@keyframes spinner-b-li3qsaemrt {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* _content/Navigator/Components/Pages/Tankers/TankerPriceExtractor/TankerPriceExtractor.razor.rz.scp.css */
.tankerextractPageLayout[b-evuffx5o7g] {
    display: grid;
    grid-template-columns: 320px auto;
    gap: 20px;
}

.tankerextractbox[b-evuffx5o7g] {
    border: 1px solid #009DC9;
}

.tankerextractdatepicker[b-evuffx5o7g] {
}

.tankerextractroutepicker[b-evuffx5o7g] {
    display: grid;
    grid-template-columns: 100px auto;
    gap: 20px;
}

.tankerextractroutepicker-ul[b-evuffx5o7g] {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .tankerextractroutepicker-ul .chkbox[b-evuffx5o7g] {
        margin: 0 3px 0 0;
        vertical-align: middle;
    }


    .tankerextractroutepicker-ul li[b-evuffx5o7g] {
        text-decoration: none;
    }

        .tankerextractroutepicker-ul li:hover[b-evuffx5o7g] {
            background-color: #B5CBD6;
        }

.tankerextractroutepicker-tbl tr:hover[b-evuffx5o7g] {
    background-color: #B5CBD6;
}

.tankerextractroutepicker-tbl td[b-evuffx5o7g] {
    padding-right: 30px;
}

.tankerextractroutepicker-tbl .delete[b-evuffx5o7g] {
    cursor: pointer;
    padding-right: 3px;
}

    .tankerextractroutepicker-tbl .delete:hover[b-evuffx5o7g] {
        font-weight: 700;
        color: white;
    }

.tankerextractoutput-tbl th:not(:first-child)[b-evuffx5o7g] {
    text-align: center;
    border: 1px solid #B5CBD6;
}

.tankerextractoutput-tbl[b-evuffx5o7g] {
    text-align: right;
}

    .tankerextractoutput-tbl tr:hover[b-evuffx5o7g] {
        background-color: #B5CBD6;
    }

    .tankerextractoutput-tbl td:first-child[b-evuffx5o7g], .tankerextractoutput-tbl th:first-child[b-evuffx5o7g] {
        text-align: left;
    }

    .tankerextractoutput-tbl th label[b-evuffx5o7g] {
        font-size: 0.8rem;
        font-weight: normal;
        color: #163E9F;
        font-style: italic;
    }

.tankerextractoutpup-btn-text[b-evuffx5o7g] {
    margin-top: 8px;
    display: grid;
    grid-template-columns: 300px auto;
    align-items: center;
}

.tankerextractoutput-c3y[b-evuffx5o7g] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.disclaimer-accordion[b-evuffx5o7g] {
    background-color: #B5CBD6;
    color: #000061;
    cursor: pointer;
    padding: 2px 0 2px 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 0.8rem;
    transition: 0.4s;
}

    .disclaimer-accordion:hover[b-evuffx5o7g] {
        background-color: #405864;
        color: white;
    }
/* _content/Navigator/Components/Pages/Towage/Representation.razor.rz.scp.css */
/* _content/Navigator/Components/Shared/ExpandableText.razor.rz.scp.css */
.expandable-text[b-2prj5d1wwy] {
    position: relative;
    padding: 1rem;
    margin-bottom: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    background: #f8f9fa;
    border-radius: 4px;
    border-left: 3px solid #000061;
}

.expandable-text h3[b-2prj5d1wwy] {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #000061;
    font-size: 1.25rem;
}

.truncated-text[b-2prj5d1wwy], .full-text[b-2prj5d1wwy] {
    line-height: 1.6;
    color: #333;
}

.expand-button[b-2prj5d1wwy] {
    background: none;
    border: none;
    color: #000061;
    padding: 0;
    margin-top: 0.5rem;
    font-size: 0.9rem;
    cursor: pointer;
    text-decoration: underline;
}

.expand-button:hover[b-2prj5d1wwy] {
    color: #000033;
}

[b-2prj5d1wwy] h1, [b-2prj5d1wwy] h2, [b-2prj5d1wwy] h3, [b-2prj5d1wwy] h4 {
    color: #000061;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

[b-2prj5d1wwy] p {
    margin-bottom: 0.75rem;
}

[b-2prj5d1wwy] ul, [b-2prj5d1wwy] ol {
    margin-left: 1.5rem;
    margin-bottom: 0.75rem;
}

[b-2prj5d1wwy] code {
    background: #eee;
    padding: 0.2rem 0.4rem;
    border-radius: 3px;
    font-size: 0.9em;
}

[b-2prj5d1wwy] blockquote {
    border-left: 2px solid #ccc;
    margin-left: 0;
    padding-left: 1rem;
    color: #666;
}