._fixed-width-switch label {
    display: inline-block;
    min-width: 200px; 
    text-align: left;
}


.hover-highlight {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 6px;
    transition: background-color 0.2s ease;
}

    .hover-highlight:hover {
        background-color: #f5f5f5; /* gris claro o el color que prefieras */
        cursor: pointer;
    }


.total-highlight {
    background-color: red;
    color: white;
    padding: 4px;
    border-radius: 4px;
}



.dense-table .mud-input,
.dense-table .mud-input-control,
.dense-table input {
    font-size: 0.75rem !important;
    height: 28px !important;
    padding: 0 4px !important;
}

.dense-table .mud-table-cell {
    padding: 4px 6px !important;
}

.dense-input {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.input-right input {
    text-align: right !important;
}

/* Left-align text and icons in vertical tabs */
.mud-tabs-vertical .mud-tab {
    justify-content: flex-start !important;
    text-align: left !important;
    padding-left: 16px !important; /* Consistent left padding */
}

/* Highlight active tab */
.mud-tabs-vertical .mud-tab-active {
    background-color: rgba(25, 118, 210, 0.1) !important; /* Light blue background */
    /*border-left: 3px solid #1976D2 !important;*/ /* Blue left border */
}

/* Smooth transition for active tab */
.mud-tabs-vertical .mud-tab {
    transition: background-color 0.3s, border-left 0.3s !important;
}

/* File upload drag and drop */
.file-upload-input {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
    opacity: 0;
}