/* /Domains/Business/BizManagement/Components/InstructorSelector.razor.rz.scp.css */
.portrait-frame[b-ezgi4ls6su] {
    margin-top: 10px;
    text-align: center;
}

.instructor-portrait[b-ezgi4ls6su] {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #ccc;
}
/* /Domains/Business/BizManagement/Components/ProductUnitAccumulatorControl.razor.rz.scp.css */
.product-unit-accumulator[b-n6ir23udze] {
    margin: 0 auto;
    max-width: 100%; /* Full width within container */
}

.product-unit-row[b-n6ir23udze] {
    display: flex;
    flex-wrap: nowrap; /* Force single-line layout */
    gap: 8px; /* Add space between fields */
    align-items: center; /* Vertically align fields */
}

.product-unit-control[b-n6ir23udze] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

    .product-unit-control input[type="date"][b-n6ir23udze],
    .product-unit-control input[type="time"][b-n6ir23udze] {
        max-width: 150px; /* Reduce width for compactness */
        flex-shrink: 0; /* Prevent shrinking */
    }

button[b-n6ir23udze] {
    height: 38px; /* Match input height */
    flex-shrink: 0; /* Keep button consistent */
}

@media (max-width: 768px) {
    .product-unit-row[b-n6ir23udze] {
        flex-wrap: wrap; /* Allow wrapping for smaller screens */
    }

    .product-unit-control[b-n6ir23udze] {
        flex-direction: column; /* Stack fields vertically */
        align-items: stretch; /* Full width inputs */
    }

        .product-unit-control input[type="date"][b-n6ir23udze],
        .product-unit-control input[type="time"][b-n6ir23udze] {
            max-width: 100%; /* Use full width on small screens */
        }

    button[b-n6ir23udze] {
        width: 100%; /* Full width button on mobile */
    }
}
/* /Domains/Business/BizManagement/Components/ProductUnitControl.razor.rz.scp.css */
.product-unit-control[b-u71ubzjjux] {
    width: 100%; /* Ensure the control takes up full width */
    display: flex;
    flex-wrap: nowrap; /* Keep fields on a single line */
    gap: 8px; /* Space between inputs */
    align-items: center; /* Align items vertically */
}

    .product-unit-control .form-group[b-u71ubzjjux] {
        flex: 1; /* Equal width for most inputs */
        margin-bottom: 0; /* Remove margin for compactness */
    }

    .product-unit-control .form-control-sm[b-u71ubzjjux] {
        padding: 0.375rem 0.75rem; /* Compact input padding */
        font-size: 0.875rem; /* Smaller font size for inputs */
        height: 2rem; /* Uniform height */
    }

    /* Target the UnitName input specifically */
    .product-unit-control #unitNameInput[b-u71ubzjjux] {
        flex: 2; /* Make it twice as wide as other inputs */
        font-size: 1rem; /* Slightly larger font for visibility */
        height: 2.5rem; /* Taller input box */
        padding: 0.5rem; /* More padding for better usability */
    }
/* /Domains/Business/Shared/ActivityFilter.razor.rz.scp.css */
/* Define a fixed width for the options within the activityLineCombo */
.activity-line-select[b-h55ygcdlwz] {
    width: 300px; /* Adjust the width as per your requirement */
}

    /* Define a fixed width for the options within the select element */
    .activity-line-select option[b-h55ygcdlwz] {
        width: 100%; /* Take up full width */
    }
/* /Domains/Business/UserSession/CreateAccount.razor.rz.scp.css */
/* Scoped styles for MudButton in .NET 9 */
.mud-button-root.custom-button[b-uphy03sdll] {
    background-color: red !important;
    border: 2px solid black !important;
    color: white !important;
    padding: 10px 20px !important;
    font-weight: bold !important;
    border-radius: 8px !important;
}

    /* Make the button label bold */
    .mud-button-root.custom-button .mud-button-label[b-uphy03sdll] {
        font-size: 16px !important;
        font-weight: bold !important;
    }

    /* Style the image inside the button */
    .mud-button-root.custom-button img[b-uphy03sdll] {
        margin-right: 8px !important;
        width: 24px !important;
        height: 24px !important;
    }



.container-full-height[b-uphy03sdll] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full viewport height */
}
/* /Domains/Infrastructure/Navigation/SideMenu.razor.rz.scp.css */

.mud-nav-link[b-sj5pt8owpw] {
    white-space: normal !important;
    padding: 12px 16px 12px 38px;
}

    .mud-nav-link.active:not(.mud-nav-link-disabled)[b-sj5pt8owpw] {
        border-right: 3px solid var(--mud-palette-primary);
        background-color: rgba(var(--mud-palette-primary-rgb), 0.1)
    }

.side-menu[b-sj5pt8owpw] {
    border-right: 1px solid var(--mud-palette-table-lines)
}

.user-button[b-sj5pt8owpw] {
    text-transform: none;
    background: rgba(var(--mud-palette-primary-rgb), 0.1)
}

.side-menu .mud-chip.mud-chip-size-small[b-sj5pt8owpw] {
    font-size: 10px;
    height: 18px;
}
/* /Pages/NotAuthorizedPage.razor.rz.scp.css */
.notauthorized-container[b-lwlay5gjr0] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    height: 80vh !important;
    width: 100% !important;
}
/* /Pages/NotFoundPage.razor.rz.scp.css */
.notfound-container[b-8iqv91s6ol] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 80vh;
    width: 100%;
}
/* /Shared/MainLayout.razor.rz.scp.css */
/*.container-flex {
    display: flex;
    flex-direction: column;
}

.header {*/
    /*background-color: #35080d;*/ /* Primary color (#CBB26A) */
    /*color: #fff;*/
    /*color: #35080d;*/ /* Text color (#35080d) */


    /*background-color: #CBB26A;*/ /* Primary color */
    /*color: #35080d;*/ /* Background color */
    /*padding: 10px;*/ /* Add padding for spacing */

    /*display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.body {*/
    /*background-color: #35080d;*/ /* Dark background color (#35080d) */
    /*color: #090102;*/ /* Text color (#090102) */
    /*flex-grow: 1;*/ /* Take up available space */
/*}*/

/* Footer section */
/*.footer {
    background-color: #6C757D;*/ /* Secondary color (#6C757D) */
    /*color: #fff;*/ /* White text color (#fff) */
/*}

.linklist {
    list-style: none;
}*/