body {
    background-color: #f5f5f5;
}

.login-container {
    max-width: 420px;
    margin-top: 8%;
}

.table,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    font-size: 11px;
}

table.dataTable {
    width: 100% !important;
    margin: 0 !important;
}

table.dataTable thead th,
table.dataTable thead td {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    white-space: nowrap;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    vertical-align: middle;
}

.table thead th,
.table tbody td {
    text-align: left;
}

div.dataTables_wrapper {
    width: 100%;
    overflow-x: auto;
}

.table-actions {
    display: flex;
    gap: 0.25rem;
}

.btn-icon {
    padding: 0.15rem 0.35rem;
}

/* Alinear controles de DataTables hacia la izquierda */
.dataTables_wrapper .row {
    align-items: center;
}

.dataTables_wrapper .row .col-sm-12.col-md-6 {
    display: flex;
    align-items: center;
}


/* ANCHOS DE COLUMNAS PERSONALIZADOS */
.col-codigo { min-width: 70px; max-width: 70px; }
.col-usuario { min-width: 110px; max-width: 120px; }
.col-cpu { min-width: 200px; max-width: 210px; }
.col-modelo { min-width: 190px; max-width: 200px; }
.col-sistoper { min-width: 170px; max-width: 180px; }
.col-licoff { min-width: 200; max-width: 210; }
.col-usrwin { min-width: 200; max-width: 210; }




/* Tamaño más pequeño para controles DataTables */
.dataTables_length label,
.dataTables_filter label,
.dataTables_filter input,
.dataTables_length select,
.dataTables_info,
.dataTables_paginate,
.dt-buttons button {
    font-size: 0.80rem !important;
}

.dataTables_wrapper .dt-buttons .dt-button {
    font-size: 0.80rem !important;
    padding: 4px 8px !important;
}