/*html, body * {
    scrollbar-width: none !important;
}*/

/*.mud-table-toolbar {
    background-color: rgb(49,56,94);
    color:white;
}

.mud-table-toolbar.mud-icon-root {
    fill: white;
}*/

.mud-button {
    text-transform: none !important;
}

/* Style for readonly input fields */
input.mud-input-slot[readonly] {
    background-color: #f0f0f0;  
}

/* Style for disabled input fields */
input.mud-input-slot:disabled {
    background-color: #f0f0f0;  
}

.mud-table-head {
    background-color: #f0f4f8 !important;
}

.paperLightBlueBackground {
    background-color: #f0f4f8;
}

.mud-card-header-forms {
    background-color: rgb(49,56,94);
    color: white;
    height:40px;
}

.mud-card-header-forms-double {
    background-color: rgb(49,56,94);
    color: white;
    height: 80px;
}

.mud-card-header-forms-red {
    background-color: #A1000A;
    color: white;
    height: 40px;
}

.mud-card-header-forms-light {
    background-color: #f0f4f8;
    height: 40px;
}

.mud-card-header-forms-light-text {
    color: rgb(49,56,94) !important;
    font-weight: bold !important;
}

.mud-dialog .mud-dialog-title {
    background-color: rgb(49,56,94) !important;
    color: white !important;
    height: 40px !important;
    margin-bottom:10px !important
}

.mud-dialog .mud-dialog-title > p{
    margin-top:-6px !important;
}

.mud-dialog .mud-dialog-title .mud-button-close {
    top: -5px !important;
    right: 1px !important;
    color: whitesmoke;
}

.validation-message {
    color: #f44336;
    margin: 0;
    font-size: .8rem;
    margin-top: 3px;
    text-align: start;
    font-weight: 400;
    line-height: 1.66;
    letter-spacing: .03333em;
}

.mud-snackbar-location-bottom-left {
    bottom: 50px !important;
}

.mud-snackbar-location-bottom-right {
    bottom: 50px !important;
}

/*-----------------------------------------------------------------------
                        Custom
  -----------------------------------------------------------------------
*/

.mud-expand-panel .mud-expand-panel-header {
    padding: 10px 24px !important;
    background-color: #f0f4f8;
}

mud-nav-link navMenu:active {
    background-color: #222d64;
    background-color: rgba(34,45,100,0.5);
    color: black;
    border-right: 5px solid #222d64;
}

mud-nav-link navMenu:is(:hover) {
    background-color: #222d64;
    background-color: rgba(34,45,100,0.5);
    color: black;
    border-right: 5px solid #222d64;
}

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
    background-color: #222d64;
    background-color: rgba(34,45,100,0.3);
    color: black;
    border-right: 5px solid #222d64;
}




.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/*---------------------------LOADING MODAL-------------------------------------------------*/

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.loading-spinner {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
}

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

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


/*---------------------------END LOADING MODAL-------------------------------------------------*/