/* /Components/DetailsFieldComponent.razor.rz.scp.css */
/*::deep.dropcontentline .k-button-group {
    column-gap: 10px;
}
*/
/*::deep.add-pc button.k-button {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background-image: unset;
    border-color: unset;
    min-width: 70px;
    background: #00447b;
}

::deep.add-pc button.k-button span {
    font-size: 30px;
}*/

/*
::deep.dropcontentline .k-button-group button.k-button {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    border-radius: 50%;
    border-color: black;
    background: white;
    box-shadow: unset;
}
*/
/*::deep.dropcontentline .k-button-group button.k-button:hover .k-icon {
    color: black;
}

::deep.dropcontentline .k-button-group button.k-button.k-state-selected {
   
    background: black;
}

::deep.dropcontentline .k-button-group button.k-button.k-state-selected:hover .k-icon {
    color: white;
}


::deep.scan-qr__container button.k-button {
    background: #00447b;
    color: white;
}

::deep.scan-qr__container button.k-button img {
    filter: brightness(0) invert(1);
}

.btn-goback {
    font-style: italic;
    text-decoration: underline;
    color: #293E78;
    cursor: pointer;
}*/

/* new style */
/*::deep.list__cotainer .k-toolbar {
    background: #293E78;
}

::deep.list__cotainer .k-toolbar button.k-button {
    background: #DA552A;
    position: absolute;
    right: 5px;
    color: white;
}*/

/*::deep.list__cotainer .k-grid-header table thead {
    background: #293E78;
    color: #F6FAFF;
}*/

/*::deep.list__cotainer .k-grid-container .k-grid-content table td button.k-button {
    background: unset;
    float: right;
    color: #DA552A;
}*/


/*label {
    font-size: 13px;
}

::deep.add-pc button.k-button {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background-image: unset;
    border-color: unset;
    min-width: 70px;
    background: #00447b;
}*/

/* isCheck group btns */
/*::deep.btn-group__isCheck .k-button-group button.k-button {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    border-radius: 50%;
    border-color: black;
    background: white;
    box-shadow: unset;
}

::deep.btn-footer__container .k-button {
    color: white;
}

::deep.btn-group__isCheck .k-button-group button.k-button:hover .k-icon {
    color: black;
}

::deep.btn-group__isCheck .k-button-group button.k-button.k-state-selected {
    background: black;
}

    ::deep.btn-group__isCheck .k-button-group button.k-button.k-state-selected:hover .k-icon {
        color: white;
    }


::deep.add-pc button.k-button span {
    font-size: 30px;
}*/


/* ismaintenance group btns */
/*::deep.btn-footer__container .k-button-group button.k-button.k-state-selected {
    background: #FF0000;
}

::deep.btn-footer__container .k-button-group button.k-button {
    border-radius: 5px;
    background: black;
    border: unset;
    box-shadow: unset;
}*/

/* new style */
/*::deep.list__cotainer .k-toolbar {
    background: #293E78;
}

    ::deep.list__cotainer .k-toolbar button.k-button {
        background: #DA552A;
        position: absolute;
        right: 5px;
        color: white;
    }
@media (min-width: 200px) {
    .dropcontent .btn-group__isCheck {
        column-gap: unset;
        flex-direction: row;
        justify-content: space-between;
    }

    ::deep.btn-footer__container .k-button-group {
        flex-direction: column;
        grid-row-gap: 10px;
        width: 100%;
    }

        ::deep.btn-footer__container .k-button-group button.k-button {
            width: 100%;
            height: 40px;
        }

}

@media (min-width: 768px) {
    .dropcontent .btn-group__isCheck {
        column-gap: 10px;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    ::deep.btn-footer__container .k-button-group {
        flex-direction: row;
        grid-row-gap: 10px;
        column-gap: 10px;
    }

        ::deep.btn-footer__container .k-button-group button.k-button {
            width: 150px;
            height: 50px;
        }
}*/
/* /Components/JobTaskComponent.razor.rz.scp.css */
[b-up5yrcan6f] .k-form-layout {
    overflow: auto;
    flex: auto;
}
.cs-attachment[b-up5yrcan6f]{
    width: 50px;
    height: 50px;
    object-fit: contain;
}

[b-up5yrcan6f] .imagecarousel-window {
    width: 100% !important;
    height: 100% !important;
}

[b-up5yrcan6f] .img-carousel-content {
    width: 100% !important;
    height: 100% !important;
}
.image-carousel > img[b-up5yrcan6f] {
    object-fit: contain;
    width: 100%;
    /*height: auto;*/
}
.custom-row-colors .k-grid-table .k-master-row.k-alt:hover[b-up5yrcan6f] {
    background-color: cyan;
}
/* /Components/SummaryBaseComponent.razor.rz.scp.css */
/*label {
    font-size: 13px;
}*/


/* isCheck group btns */
/*::deep.btn-group__isCheck .k-button-group button.k-button {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    border-radius: 50%;
    border-color: black;
    background: white;
    box-shadow: unset;
}

::deep.btn-footer__container .k-button {
    color: white;
}

::deep.btn-group__isCheck .k-button-group button.k-button:hover .k-icon {
    color: black;
}

::deep.btn-group__isCheck .k-button-group button.k-button.k-state-selected {
    background: black;
}

::deep.btn-group__isCheck .k-button-group button.k-button.k-state-selected:hover .k-icon {
    color: white;
}*/

/* ismaintenance group btns */
/*::deep.btn-footer__container .k-button-group button.k-button.k-state-selected {
    background: #FF0000;
}

::deep.btn-footer__container .k-button-group button.k-button {
    border-radius: 5px;
    background: black;
    border: unset;
    box-shadow: unset;
}*/

/* new style */
/*::deep.list__cotainer .k-toolbar {
    background: #293E78;
}*/

/*::deep.list__cotainer .k-toolbar button.k-button {
    background: #DA552A;
    position: absolute;
    right: 5px;
    color: white;
}

::deep.buttons .btn-cancel.k-button {
    background: #F6FAFF;
    background-image: unset;
    box-shadow: unset;
}

@media (min-width: 200px) {
    .dropcontent .btn-group__isCheck {
        column-gap: unset;
        flex-direction: row;
        justify-content: space-between;
    }

    ::deep.btn-footer__container .k-button-group {
        flex-direction: column;
        grid-row-gap: 10px;
        width: 100%;
    }

    ::deep.btn-footer__container .k-button-group button.k-button {
        width: 100%;
        height: 40px;
    }

    ::deep.defect-note__container .k-textarea {
        width: 100%;
    }

}

@media (min-width: 768px) {
    .dropcontent .btn-group__isCheck {
        column-gap: 10px;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    ::deep.btn-footer__container .k-button-group {
        flex-direction: row;
        grid-row-gap: 10px;
        column-gap: 10px;
    }

    ::deep.btn-footer__container .k-button-group button.k-button {
        width: 150px;
        height: 50px;
    }
}

@media (min-width: 1024px) {
    ::deep.defect-note__container .k-textarea {
        width: 50%;
    }
}*/ 
/* /Pages/JobCardPage.razor.rz.scp.css */
.job-status-new[b-gsbm65mi98] {
    background-color: #f8d7da; /* Light red background */
    border-color: #f5c6cb; /* Light red border */
    color: #721c24; /* Dark red text */
    /* Or a more prominent red: */
    /* background-color: #dc3545; */
    /* color: white; */
}

.job-status-new-header[b-gsbm65mi98] {
    background-color: #dc3545; /* Bootstrap danger red */
    color: white; /* White text for contrast */
}

.job-status-new-text[b-gsbm65mi98] {
    color: #dc3545; /* Bootstrap danger red text */
    font-weight: bold;
}



/* Styles for larger screens (PC/Tablet) - default state */
#jobgrid-main-phone-only[b-gsbm65mi98] {
    display: none; /* Hide phone-only view by default on larger screens */
}

#jobgrid-main-pc-tablet-only[b-gsbm65mi98] {
    display: flex; /* Or whatever default display is for PC/Tablet view */
    /* ... other styles for PC/Tablet view ... */
}

/* Media query for smaller screens (e.g., max-width: 768px - common breakpoint for phones) */
@media (max-width: 768px) {
    #jobgrid-main-pc-tablet-only[b-gsbm65mi98] {
        display: none; /* Hide PC/Tablet view on phones */
    }

    #jobgrid-main-phone-only[b-gsbm65mi98] {
        display: block; /* Or flex, grid, etc., depending on the layout for phone view */
        /* ... other styles specific to phone view ... */
        margin: 20px;
    }
}


[b-gsbm65mi98] .new-task-row {
    background-color: red;
    color: white;
}

/*::deep.dropcontentline .k-button-group {
    column-gap: 10px;
}
*/

/*
::deep.dropcontentline .k-button-group button.k-button {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    border-radius: 50%;
    border-color: black;
    background: white;
    box-shadow: unset;
}
*/
[b-gsbm65mi98].dropcontentline .k-button-group button.k-button:hover .k-icon {
    color: black;
}

[b-gsbm65mi98].dropcontentline .k-button-group button.k-button.k-state-selected {
    background: black;
}

    [b-gsbm65mi98].dropcontentline .k-button-group button.k-button.k-state-selected:hover .k-icon {
        color: white;
    }


[b-gsbm65mi98].scan-qr__container button.k-button {
    background: #00447b;
    color: white;
}

    [b-gsbm65mi98].scan-qr__container button.k-button img {
        filter: brightness(0) invert(1);
    }

.btn-goback[b-gsbm65mi98] {
    font-style: italic;
    text-decoration: underline;
    color: #293E78;
    cursor: pointer;
}

/* new style */

/*::deep.list__cotainer .k-toolbar button.k-button {
    background: #DA552A;
    position: absolute;
    right: 5px;
    color: white;
}*/

/*::deep.list__cotainer .k-grid-header table thead {
    background: #293E78;
    color: #F6FAFF;
}*/

/*::deep.list__cotainer .k-grid-container .k-grid-content table td button.k-button {
    background: unset;
    float: right;
    color: #DA552A;
}*/
/* /Pages/PreStartPage.razor.rz.scp.css */
/*::deep.dropcontentline .k-button-group {
    column-gap: 10px;
}
*/

/*
::deep.dropcontentline .k-button-group button.k-button {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    border-radius: 50%;
    border-color: black;
    background: white;
    box-shadow: unset;
}
*/
[b-ke1muhsedl].dropcontentline .k-button-group button.k-button:hover .k-icon {
    color: black;
}

[b-ke1muhsedl].dropcontentline .k-button-group button.k-button.k-state-selected {
   
    background: black;
}

[b-ke1muhsedl].dropcontentline .k-button-group button.k-button.k-state-selected:hover .k-icon {
    color: white;
}


[b-ke1muhsedl].scan-qr__container button.k-button {
    background: #00447b;
    color: white;
}

[b-ke1muhsedl].scan-qr__container button.k-button img {
    filter: brightness(0) invert(1);
}

.btn-goback[b-ke1muhsedl] {
    font-style: italic;
    text-decoration: underline;
    color: #293E78;
    cursor: pointer;
}

/* new style */

/*::deep.list__cotainer .k-toolbar button.k-button {
    background: #DA552A;
    position: absolute;
    right: 5px;
    color: white;
}*/

/*::deep.list__cotainer .k-grid-header table thead {
    background: #293E78;
    color: #F6FAFF;
}*/

/*::deep.list__cotainer .k-grid-container .k-grid-content table td button.k-button {
    background: unset;
    float: right;
    color: #DA552A;
}*/
/* /Pages/Profile.razor.rz.scp.css */
[b-jd48cpk4g0].btn-change-pass .k-button {
    background: white;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 7px;
    color: black;
}
/* /Pages/ServiceHistory.razor.rz.scp.css */
/*::deep.dropcontentline .k-button-group {
    column-gap: 10px;
}
*/

/*
::deep.dropcontentline .k-button-group button.k-button {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    border-radius: 50%;
    border-color: black;
    background: white;
    box-shadow: unset;
}
*/
[b-l0gqk66jsd].dropcontentline .k-button-group button.k-button:hover .k-icon {
    color: black;
}

[b-l0gqk66jsd].dropcontentline .k-button-group button.k-button.k-state-selected {
   
    background: black;
}

[b-l0gqk66jsd].dropcontentline .k-button-group button.k-button.k-state-selected:hover .k-icon {
    color: white;
}


[b-l0gqk66jsd].scan-qr__container button.k-button {
    background: #00447b;
    color: white;
}

[b-l0gqk66jsd].scan-qr__container button.k-button img {
    filter: brightness(0) invert(1);
}

.btn-goback[b-l0gqk66jsd] {
    font-style: italic;
    text-decoration: underline;
    color: #293E78;
    cursor: pointer;
}

/* new style */

/*::deep.list__cotainer .k-toolbar button.k-button {
    background: #DA552A;
    position: absolute;
    right: 5px;
    color: white;
}*/

/*::deep.list__cotainer .k-grid-header table thead {
    background: #293E78;
    color: #F6FAFF;
}*/

/*::deep.list__cotainer .k-grid-container .k-grid-content table td button.k-button {
    background: unset;
    float: right;
    color: #DA552A;
}*/
/* /Pages/VehicleBooking/Components/PreStartPageComponent.razor.rz.scp.css */
/*::deep.dropcontentline .k-button-group {
    column-gap: 10px;
}
*/

/*
::deep.dropcontentline .k-button-group button.k-button {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    border-radius: 50%;
    border-color: black;
    background: white;
    box-shadow: unset;
}
*/
[b-pcgyeghce0].dropcontentline .k-button-group button.k-button:hover .k-icon {
    color: black;
}

[b-pcgyeghce0].dropcontentline .k-button-group button.k-button.k-state-selected {
   
    background: black;
}

[b-pcgyeghce0].dropcontentline .k-button-group button.k-button.k-state-selected:hover .k-icon {
    color: white;
}


[b-pcgyeghce0].scan-qr__container button.k-button {
    background: #00447b;
    color: white;
}

[b-pcgyeghce0].scan-qr__container button.k-button img {
    filter: brightness(0) invert(1);
}

.btn-goback[b-pcgyeghce0] {
    font-style: italic;
    text-decoration: underline;
    color: #293E78;
    cursor: pointer;
}

/* new style */

/*::deep.list__cotainer .k-toolbar button.k-button {
    background: #DA552A;
    position: absolute;
    right: 5px;
    color: white;
}*/

/*::deep.list__cotainer .k-grid-header table thead {
    background: #293E78;
    color: #F6FAFF;
}*/

/*::deep.list__cotainer .k-grid-container .k-grid-content table td button.k-button {
    background: unset;
    float: right;
    color: #DA552A;
}*/
/* /Pages/VehicleBooking/Components/_BookingsComponent.razor.rz.scp.css */
.hover-dark:hover[b-oymni2s2hp] {
    background-color: rgba(0, 0, 0, 0.1);
    /* Slight dark overlay */
}

.hover-dark-inner:hover[b-oymni2s2hp] {
    background-color: rgba(0, 0, 0, 0.2);
    /* Slightly darker for the inner div */
    transition: background-color 0.3s ease;
    /* Smooth transition */
}
/* /Pages/VehicleBooking/Components/_VehicleBookingPrestartCheckListComponent.razor.rz.scp.css */
/* Make legend sticky */
.legend[b-cif4ic891e] {
    position: sticky;
    top: 0;
    background: white;
    z-index: 1000;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Make footer sticky */
.sticky-footer[b-cif4ic891e] {
    position: sticky;
    bottom: 0;
    background: white;
    padding: 10px;
    z-index: 1000;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
}


/* Table Styling */
.styled-table[b-cif4ic891e] {
    width: 100%;
    border-collapse: collapse;
}

    .styled-table th[b-cif4ic891e], .styled-table td[b-cif4ic891e] {
        border: 1px solid #ddd;
        padding: 8px;
    }

    .styled-table th[b-cif4ic891e] {
        background-color: #f4f4f4;
    }

/* Header Row */
.header-row[b-cif4ic891e] {
    background-color: #e0e0e0;
    font-weight: bold;
}

.header-title[b-cif4ic891e] {
    font-size: 1.1em;
    margin-right: 10px;
}

/* Toggle Button */
.toggle-btn[b-cif4ic891e] {
    background: none;
    border: none;
    font-size: 1em;
    cursor: pointer;
}

/* Radio Button Container */
.radio-container[b-cif4ic891e] {
    display: flex;
    flex-wrap: wrap; /* Allow options to wrap to next line if space is limited */
    align-items: center;
    justify-content: center;
    min-height: 40px; /* Ensures row height stays consistent */
}

/* New: Style for each radio button with its label */
.radio-option[b-cif4ic891e] {
    display: flex; /* Aligns radio and text horizontally */
    align-items: center;
    margin: 0 10px 5px 0; /* Add some spacing between options (right and bottom) */
    cursor: pointer;
    white-space: nowrap; /* Prevents text from wrapping too early */
}

/* Radio Button Styling */
.radio-container input[type="radio"][b-cif4ic891e] {
    appearance: none;
    width: 20px;
    height: 20px;
    /* Default border - this will be overridden by category-specific borders */
    border: 2px solid #666;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease-in-out;
    margin-right: 5px; /* Space between radio button and its label */
}

    /* When radio button is selected */
    .radio-container input[type="radio"]:checked[b-cif4ic891e] {
        /* The background-color is set by the category-specific rules below */
        /* The border-color can also be set by the category-specific rules below
       or kept as the general selected border if preferred. */
    }

    /* Inner dot when selected */
    .radio-container input[type="radio"][b-cif4ic891e]::after {
        content: "";
        width: 10px;
        height: 10px;
        background-color: white;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        transition: all 0.2s ease-in-out;
    }

    /* Show inner dot when selected */
    .radio-container input[type="radio"]:checked[b-cif4ic891e]::after {
        transform: translate(-50%, -50%) scale(1);
    }

    /* Hover effect */
    .radio-container input[type="radio"]:hover[b-cif4ic891e] {
        opacity: 0.8; /* Slight opacity change on hover */
    }

    /* Category-Specific Colors */
    /* Unchecked state - border color matches the legend item's border */
    .radio-container input[type="radio"].category-a[b-cif4ic891e] {
        border-color: #dc3545; /* Red */
    }

    .radio-container input[type="radio"].category-b[b-cif4ic891e] {
        border-color: #007bff; /* Blue */
    }

    .radio-container input[type="radio"].category-c[b-cif4ic891e] {
        border-color: #28a745; /* Green */
    }

    .radio-container input[type="radio"].good-working[b-cif4ic891e] {
        border-color: #fd7e14; /* Orange */
    }

    .radio-container input[type="radio"].na[b-cif4ic891e] {
        border-color: #6c757d; /* Gray */
    }

    /* Checked state - background color matches the legend item's text color */
    .radio-container input[type="radio"].category-a:checked[b-cif4ic891e] {
        background-color: #dc3545 !important; /* Red */
        border-color: #dc3545 !important; /* Ensure border also changes when checked */
    }

    .radio-container input[type="radio"].category-b:checked[b-cif4ic891e] {
        background-color: #007bff !important; /* Blue */
        border-color: #007bff !important;
    }

    .radio-container input[type="radio"].category-c:checked[b-cif4ic891e] {
        background-color: #28a745 !important; /* Green */
        border-color: #28a745 !important;
    }

    .radio-container input[type="radio"].good-working:checked[b-cif4ic891e] {
        background-color: #fd7e14 !important; /* Orange */
        border-color: #fd7e14 !important;
    }

    .radio-container input[type="radio"].na:checked[b-cif4ic891e] {
        background-color: #6c757d !important; /* Gray */
        border-color: #6c757d !important;
    }


/* Legend Styling */
.legend[b-cif4ic891e] {
    margin-bottom: 10px;
}

.legend-item[b-cif4ic891e] {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 10px;
    border-radius: 5px;
    font-size: 0.9em;
    font-weight: bold;
}

    /* Legend Colors */
    .legend-item.category-a[b-cif4ic891e] {
        border: 2px solid #dc3545;
        color: #dc3545;
    }

    .legend-item.category-b[b-cif4ic891e] {
        border: 2px solid #007bff;
        color: #007bff;
    }

    .legend-item.category-c[b-cif4ic891e] {
        border: 2px solid #28a745;
        color: #28a745;
    }

    .legend-item.good-working[b-cif4ic891e] {
        border: 2px solid #fd7e14;
        color: #fd7e14;
    }

    .legend-item.na[b-cif4ic891e] {
        border: 2px solid #6c757d;
        color: #6c757d;
    }
/* /Pages/VehicleBooking/VehicleBookingPage.razor.rz.scp.css */
/* Custom CSS for improved styling */
.plant-image[b-c5luxy1ghq] {
    width: 100%; /* Make image take full width of its container */
    height: 180px; /* Set a fixed height for images to ensure consistency */
    object-fit: cover; /* Crop image to fit without distorting aspect ratio */
    border-bottom: 1px solid #f0f0f0; /* Subtle border below image */
    transition: transform 0.3s ease-in-out; /* Smooth transition for hover effect */
}

.card-img-top-container[b-c5luxy1ghq] {
    overflow: hidden; /* Hide overflow for image transformations */
}

.card:hover .plant-image[b-c5luxy1ghq] {
    transform: scale(1.05); /* Slight zoom on hover */
}

.card[b-c5luxy1ghq] {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; /* Smooth transition for card hover */
}

    .card:hover[b-c5luxy1ghq] {
        transform: translateY(-5px); /* Lift card slightly on hover */
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; /* Enhance shadow on hover */
    }

.card-body[b-c5luxy1ghq] {
    padding: 1rem; /* Adjust padding inside card body */
}

.card-title[b-c5luxy1ghq] {
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    color: #333;
}

.card-text[b-c5luxy1ghq] {
    font-size: 0.9rem;
    line-height: 1.4;
    margin-bottom: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit description to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Telerik button styling for better integration with Bootstrap */
/* Ensure TelerikButton doesn't override Bootstrap button styles */
.btn[b-c5luxy1ghq] {
    font-size: 0.85rem;
    padding: 0.4rem 0.8rem;
}

/* Fallback for "NO IMAGE" or broken image links */
.plant-image[alt="NO IMAGE"][b-c5luxy1ghq] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa; /* Light background for placeholder */
    color: #6c757d; /* Grey text color */
    font-size: 1rem;
    height: 180px; /* Same height as actual images */
    width: 100%;
    text-align: center;
    content: "NO IMAGE AVAILABLE"; /* Text content for placeholder */
}

/* Style for when onerror loads a placeholder */
.plant-image[src*="placeholder_plant.png"][b-c5luxy1ghq] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e9ecef;
    color: #495057;
    font-size: 0.9rem;
    height: 180px;
    width: 100%;
    text-align: center;
}























.container[b-c5luxy1ghq] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.box[b-c5luxy1ghq] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.box-content[b-c5luxy1ghq] {
    flex: 1;
    overflow-y: auto;
}

.box-footer[b-c5luxy1ghq] {
    margin-top: auto;
}

.hover-dark:hover[b-c5luxy1ghq] {
    background-color: rgba(0, 0, 0, 0.1);
    /* Slight dark overlay */
}

.hover-dark-inner:hover[b-c5luxy1ghq] {
    background-color: rgba(0, 0, 0, 0.2);
    /* Slightly darker for the inner div */
    transition: background-color 0.3s ease;
    /* Smooth transition */
}

div.box-shadow[b-c5luxy1ghq] {
    width: 284px;
    padding: 10px 10px 20px 10px;
    border: 1px solid #BFBFBF;
    background-color: white;
    box-shadow: 10px 10px 5px #e4e4e4;
}

.cascading-group .arrow[b-c5luxy1ghq],
.cascading-make .arrow[b-c5luxy1ghq],
.cascading-business-unit .arrow[b-c5luxy1ghq] {
    display: inline-block;
    position: absolute;
    right: -10px;
    top: 70%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #000;
}

.cascading-group[b-c5luxy1ghq] {
    position: relative;
}

.cascading-make[b-c5luxy1ghq] {
    position: relative;
}

.cascading-business-unit[b-c5luxy1ghq] {
    position: relative;
}
/* /Shared/AppContainer.razor.rz.scp.css */
.headers[b-wr7xm5ynm2] {
    z-index: 1;
    box-shadow: 0 0 7px 0px #00447b33;
}

/* profile */
.profile-dropdown[b-wr7xm5ynm2] {
    position: absolute;
    right: 10px;
    background: #fff;
    padding: 10px;
    top: 65px;
    z-index: 1;
    width: 250px;
    display: none;
    text-align: left;
    padding: 15px 10px;
    margin: 0;
    box-shadow: 0px 2px 9px -2px rgb(0 0 0 / 23%);
    border: 1px solid #ececec;
}

.profile-dropdown.show-profile-menu[b-wr7xm5ynm2] {
    display: block;
    z-index: 1000000;
}

.profile-menu a[b-wr7xm5ynm2] {
    display: block;
    color: #333;
    border-bottom: 1px solid #F4F4F4;
    padding: 14px 10px;
    line-height: 1;
    display: flex;
    align-items: center;
}

.profile-menu a:hover[b-wr7xm5ynm2] {
    background: #F4F4F4;
    border-radius: 5px;
    text-decoration: none;
}

.profile-menu a span[b-wr7xm5ynm2] {
    filter: brightness(0) opacity(0.8);
    zoom: 0.8;
    margin-right: 15px;
}
/* /Shared/AppMenu.razor.rz.scp.css */
[b-gqs7haxasp] .nav-link {
    color: #000;
    text-align: center;
}
[b-gqs7haxasp] .nav-link img {
    display: block;
    margin: 0 auto;
}
[b-gqs7haxasp] li.nav-item {
    flex: 1 1 0;
    text-transform: uppercase;
    overflow-wrap: break-word;
    line-height: 1;
    min-width: 25%;
}

[b-gqs7haxasp] li.nav-item:focus, [b-gqs7haxasp] li.nav-item:hover, [b-gqs7haxasp] li.nav-item:focus-within {
    opacity: 1;
}

[b-gqs7haxasp] li.nav-item .nav-link img {
    opacity: 0.8;
    width: 20px;
    width: 18px;
    margin-bottom: 4px;
}
[b-gqs7haxasp] li.nav-item .nav-link.active img {
    opacity: 1;
}
[b-gqs7haxasp]  li.nav-item .nav-link.active img {
    transition: auto;
    filter: invert(57%) sepia(87%) saturate(5281%) hue-rotate(352deg) brightness(96%) contrast(111%);
}
[b-gqs7haxasp] .nav-link.active {
    color: #FE4B08;
}
.k-grid .k-table-row.k-table-alt-row[b-gqs7haxasp] {
    background-color: #ffffff;
}
.cs-appmenu[b-gqs7haxasp] {
    overflow: auto;
    flex-wrap: nowrap;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-b2sh21m1zk] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-b2sh21m1zk] {
    flex: 1;
}
.logo[b-b2sh21m1zk] {
    width: 150px;
}
[b-b2sh21m1zk].collapsed-menu .toggle-btn {
    margin-right: -60px;
}
[b-b2sh21m1zk].collapsed-menu .logo-container {
    justify-content: flex-end !important;
}
[b-b2sh21m1zk].collapsed-menu .sidebar-nav li a span {
    display: none;
}

[b-b2sh21m1zk].logo-container button.toggle-btn {
    box-shadow: unset;
    background: #444 !important;
}

img.logo-icon[b-b2sh21m1zk] {
    width: 35px;
    margin-right: 16px;
}

.top-row[b-b2sh21m1zk] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-b2sh21m1zk]  a, .top-row .btn-link[b-b2sh21m1zk] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-b2sh21m1zk] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-b2sh21m1zk]#sidebar-wrapper button.toggle-btn {
    background: none;
}

/* sidenav menu */
#sidebar-wrapper-container[b-b2sh21m1zk] {
    z-index: 2;
}

#sidebar-wrapper-container ul li[b-b2sh21m1zk] {
padding-left: 0;
    position: relative;
    width: 100%;
}

#wrapper[b-b2sh21m1zk] {
    padding-left: 50px;
    transition: all 0.1s ease 0s;
    height: 100%;
}

#sidebar-wrapper[b-b2sh21m1zk] {
    box-sizing: border-box;
    width: 250px;
    margin-left: -250px;
    left: 50px;
    background: white;
    position: fixed;
    height: 100%;
    z-index: 100;
    transition: all ease-in-out 0.3s;
    
    display: flex;
    flex-direction: column;
}

.sidebar-nav[b-b2sh21m1zk] {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

#sidebar li[b-b2sh21m1zk] {
    text-indent: 10px;
}

#wrapper.active[b-b2sh21m1zk] {
    padding-left: 250px;
}

    #wrapper.active #sidebar-wrapper[b-b2sh21m1zk] {
        left: 250px;
    }

[b-b2sh21m1zk]#wrapper #sidebar-wrapper .nav-link .sub-icon {
    display: inline-block;
    float: right;
}

[b-b2sh21m1zk]#wrapper.active #sidebar-wrapper .nav-link .sub-icon {
    display: none;
}

[b-b2sh21m1zk].sidebar-nav li a {
    color: #627e8f;
    text-decoration: none;
    width: 100%;
    background: white;
    color: #27387A;
    display: block;
    text-decoration: none;
}

[b-b2sh21m1zk]#sidebar .
{
    width: 18px;
    filter: invert(47%) sepia(75%) saturate(555%) hue-rotate(193deg) brightness(70%) contrast(82%);
}

[b-b2sh21m1zk]#sidebar .nav-item .nav-link.active,
[b-b2sh21m1zk]#sidebar .nav-item .nav-link:hover {
    background:#00447b;
    color: white;
}

    [b-b2sh21m1zk]#sidebar .nav-item .nav-link.active img,
    [b-b2sh21m1zk]#sidebar .nav-item .nav-link:hover img {
        filter: brightness(0) invert(1);
    }

[b-b2sh21m1zk]#wrapper.active .nav-item .nav-link img {
    margin-right: 9px;
    width: 17px;
    opacity: 0.8;
}


@media (max-width: 640.98px) {
    .menubottom[b-b2sh21m1zk] {
        display: block;
    }
    .top-row:not(.auth)[b-b2sh21m1zk] {
        display: none;
    }

    .top-row.auth[b-b2sh21m1zk] {
        justify-content: space-between;
    }

    .top-row a[b-b2sh21m1zk], .top-row .btn-link[b-b2sh21m1zk] {
        margin-left: 0;
    }

    #sidebar-wrapper-container[b-b2sh21m1zk], [b-b2sh21m1zk].headers button.toggle-btn {
        display: none;
    }
}

@media (min-width: 641px) {
    .page[b-b2sh21m1zk] {
        flex-direction: row;
    }

    .sidebar[b-b2sh21m1zk] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-b2sh21m1zk] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    /*.main > div {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }*/
}

@media (min-width: 768px) {
    .menubottom[b-b2sh21m1zk] {
        display: none;
    }

    #sidebar-wrapper-container[b-b2sh21m1zk], [b-b2sh21m1zk].headers button.toggle-btn {
        display: block;
    }
}