.custom-dialog {
    width: 800px;
    height: 600px;
    max-width: 90vw;
    max-height: 90vh;
}

    .custom-dialog .mud-dialog-content {
        overflow: auto;
    }

    .custom-dialog .mud-dialog-actions {
        display: flex;
        justify-content: space-between;
    }



.custom-page-button {
    border: solid 2px #0095d3;
    color: #4F4F50;
    background-color: transparent;
    border-radius: 10px;
}

    .custom-page-button:disabled {
        border-color: #CCCCCC; 
        color: #B0B0B0; 
    }

.mud-select {
    display: block !important; 
}

.custom-select .mud-select {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.custom-select .mud-input {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}


.custom-select {
    border: none !important;
    border-bottom: none !important;
}

    .custom-select .mud-input-slot,
    .custom-select .mud-input-slot .mud-select-item,
    .custom-select .mud-input-slot input {
        border: none !important;
        border-bottom: none !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

        .custom-select .mud-input-slot::before,
        .custom-select .mud-input-slot::after,
        .custom-select .mud-select-item::before,
        .custom-select .mud-select-item::after {
            border: none !important;
            border-bottom: none !important;
            box-shadow: none !important;
            text-decoration: none !important;
        }

    .custom-select .mud-input,
    .custom-select .mud-input-root,
    .custom-select .mud-input-slot {
        border: none !important;
        border-bottom: none !important;
        box-shadow: none !important;
    }

       
        .custom-select .mud-input::before,
        .custom-select .mud-input::after,
        .custom-select .mud-input-root::before,
        .custom-select .mud-input-root::after,
        .custom-select .mud-input-slot::before,
        .custom-select .mud-input-slot::after {
            border: none !important;
            border-bottom: none !important;
            box-shadow: none !important;
        }

      
        .custom-select .mud-select-item,
        .custom-select .mud-input-slot input,
        .custom-select .mud-select-item::before,
        .custom-select .mud-select-item::after {
            border: none !important;
            border-bottom: none !important;
            box-shadow: none !important;
            text-decoration: none !important;
        }

    .custom-select > > > .mud-input,
    .custom-select > > > .mud-input-root,
    .custom-select > > > .mud-input-slot {
        border: none !important;
        border-bottom: none !important;
        box-shadow: none !important;
    }



.department-dropdown {
    position: absolute; 
    top: 100%; 
    left: 0; 
    width: 100%; 
    background-color: #FFFFFF !important; 
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); 
    z-index: 1000; 
    max-height: 200px; 
    overflow-y: auto !important; 
}

    
    .department-dropdown ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .department-dropdown li {
        padding: 8px;
        cursor: pointer;
    }

        .department-dropdown li:hover {
            background-color: #b0b0b0; 
        }

.employee-select-container {
    position: relative; 
    display: inline-block; 
}

.custom-input .mud-input:focus-within {
    border: 2px solid #177E89 !important;
    border-radius: 4px;
    outline: none;
}

    .custom-input .mud-input:focus-within + .mud-input-label {
        color: #177E89 !important;
    }

.custom-input .mud-input-slot {
    background: #F4F5F9 !important;
    border-radius: 4px !important;
    outline: none !important;
    height: 27px;
    margin-left: 10%;
    margin-right: 10%;
}

.custom-input .mud-input-label {
    color: var(--Base-base-800, #4F4F50) !important;
    font-size: 18px;
    font-weight: bolder;
    line-height: 20px;
}

.custom-input .mud-input-adornment {
    transition: transform 0.3s ease;
    height: 100%;
    font-size: 1.5rem;
    background: #F4F5F9;
}

.custom-bulk-dialog .mud-dialog-content,
.custom-bulk-dialog .mud-dialog-actions {
    display: block !important;
    max-height: 300px;
}

.custom-bulk-dialog .mud-dialog-actions {
    height: 250px;
}