#rango-icon {
    margin-right: 16px;
}

.jsgrid-grid-body tr td {
    padding-left: 10px;
}

.summary-row {
    font-weight: bold;
    background-color: #f9f9f9;
    color: #000000;
}

#jsGrid1 {
    overflow: hidden !important;
    max-height: none !important;
}

/* Estilos para la categoría 'cliente' */
.jsgrid-row.row-cliente > .jsgrid-cell,
.jsgrid-alt-row.row-cliente > .jsgrid-cell {
    font-weight: bold;
}

/* Estilos para la categoría 'subcliente' */
.jsgrid-row.row-subcliente > .jsgrid-cell {
    background-color: #e8fcff;
}

.jsgrid-alt-row.row-subcliente > .jsgrid-cell {
    background-color: #defbff;
}

/* Estilos para la categoría 'sala' */
.jsgrid-row.row-sala > .jsgrid-cell {
    background-color: #e8ffef;
}

.jsgrid-alt-row.row-sala > .jsgrid-cell {
    background-color: #d9ffe5;
}

/* Estilos para la categoría 'usuario' */
.jsgrid-row.row-usuario > .jsgrid-cell {
    background-color: #fefff0;
}

.jsgrid-alt-row.row-usuario > .jsgrid-cell {
    background-color: #fcffd9;
}

/* Estilos para el botón "..." */
.config-button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    color: #007bff;
}

    .config-button:hover {
        color: #0056b3;
    }