/*Table design in all dialogs*/
.design_general_table {
    width: 100%;
    border-collapse: collapse;
}

    .design_general_table thead {
        background-color: #f5f5f5;
    }

        .design_general_table thead th {
            position: sticky;
            top: 0;
            z-index: 1;
            background-color: #f5f5f5;
        }

    .design_general_table tbody {
        display: block;
        height: 300px;
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
    }

        .design_general_table tbody tr, .design_general_table thead tr {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

        .design_general_table tbody td, .design_general_table thead th {
            padding: 8px;
            text-align: left;
            /* border: 1px solid #ddd; */
        }

        /* Extra spacing for scrollbar compensation */
        .design_general_table thead tr th:last-child, .design_general_table tbody tr td:last-child {
            padding-left: 17px; /* Adjust this value based on scrollbar width */
        }
/*Table design in all dialogs*/

/*Table design in all dialogs*/
.fixed_header {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .fixed_header tbody {
        display: ruby-text;
        width: 100%;
        overflow: auto;
        height: 300px;
    }

    .fixed_header thead tr {
        display: ruby-text;
    }

    .fixed_header thead {
        background-color: #f5f5f5;
        color: black;
    }

    .fixed_header th, .fixed_header td {
        padding: 5px;
        text-align: left;
        width: 300px;
    }
/*Table design in all dialogs*/

/*Table Days design*/
.fixed_header_Table_Days {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .fixed_header_Table_Days tbody {
        display: ruby-text;
        width: 100%;
        overflow: auto;
        height: 300px;
    }

    .fixed_header_Table_Days thead tr {
        display: ruby-text;
    }

    .fixed_header_Table_Days thead {
        background-color: #f5f5f5;
        color: black;
    }

    .fixed_header_Table_Days th, .fixed_header_Table_Days td {
        padding: 5px;
        text-align: left;
        width: 300px;
    }
/*Table Days design*/

.right-aligned {
    display: flex;
    justify-content: flex-end;
    gap: 10px; /* Espacio entre los botones */
}

.mud-card-actions {
    display: flex;
    width: 100%;
    padding: 8px;
    align-items: center;
}

.mud-input-helper-text {
    color: var(--mud-palette-text-secondary);
    margin: 0;
    font-size: .75rem;
    text-align: start;
    font-weight: 400;
    line-height: 0.9;
    letter-spacing: .03333em;
}

.mud-input-control-helper-container {
    overflow: hidden;
    margin-top: 0px;
}

.other-columns {
    color: #999; /* Cambiar color de texto a gris */
    pointer-events: none; /* Deshabilitar eventos del mouse */
    opacity: 0.5; /* Opacidad reducida para indicar que está deshabilitado */
}

/*Table to organize mudselect with mudtext*/

.flex-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex-row {
    display: flex;
    align-items: center;
    gap: 20px;
}

.margin-right-10 {
    margin-right: 10px;
}

.select-width {
    width: 100px;
}

.my-custom-class > div {
    margin-bottom: 0 !important;
}