html{
    overflow-y: hidden;
}


#dt-table,
#dt-table2,
thead,
td {
    /* font-size: 10px; */
    overflow-y: hidden
}


/* @font-face {
    font-family: "gobcl";
    src: url("../Tipografia/gobCL/gobCL_Light.otf");
} */

* {
    font-family: Roboto, Helvetica, Futura, Arial, Verdana, sans-serif;
}

.maximo {
    font-weight: bold;
}

#dt-table {
    font-weight: normal;
    width: 100%;
    box-shadow: 7px 10px 15px rgba(0, 0, 0, .4);
}


/* Cabecera */

th {
    background: 000000, linear-gradient(#427085, #427085) !important;
    color: white;
    font-weight: normal !important;
    text-align: center;
}


/* Columna de Fecha */

td.nowrap {
    background: #7474740d;
    color: #566d99;
    font-weight: normal !important;
    text-align: center;
    white-space: nowrap;
}


/* Cajón de Búsqueda */

#dt-table_filter .form-control {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-color: #fff;
    /* background-position: 0px 3px !important; */
    /* padding-left: 22px; */
}

.col-centered {
    float: right;
    margin: 0 auto;
    /* padding-right: 5px; */
}


/* Paginado */

.page-item.active .page-link {
    background-color: #518de4;
    border-color: #518de4;
}

.page-link {
    color: #518de4;
}

ul.pagination {
    padding-right: 10px;
    padding-top: 10px;
}

#dt-table_info.dataTables_info {
    padding-top: 20px;
}


/* Colores de Valores en Tabla */

.so2_bueno {
    color: #408524
}

.so2_regular {
    color: #cfa439
}

.so2_alerta {
    color: #cc6600;
}

.so2_preemergencia {
    color: #990033;
}

.so2_emergencia {
    color: #6600cc;
}

.table-wrapper {
    background: #fff;
    padding: 20px 25px;
    margin: 20px auto;
    border-radius: 3px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .05);
}


/* Barra de título */

.table-title {
    color: #fff;
    background: #4b5366;
    padding: 16px 25px;
    margin: -20px -25px 10px;
    border-radius: 3px 3px 0 0;
}

.table-title h2 {
    margin: 5px 0 0;
    font-size: 20px;
    vertical-align: center;
}


/* Barra de Botones */

.dt-buttons.btn-group {
    float: right;
    margin: 0px auto;
    height: 100%;
}


/* Columna de Máximos */

.max {
    font-weight: bold;
}

.tr_table {
    height: 28px !important;
}

.tr_table>td {
    text-align: center;
    /* width: 65px; */
}


/* .table-sm th, .table-sm td {
	padding: 0px !important;
} */

.btn-info {
    color: #fff;
    background-color: #427085 !important;
    border-color: #427085 !important;
}

.btn-info:hover {
    color: #fff;
    background-color: #3E5FCE !important;
    border-color: #3E5FCE;
}
/*
naranja claro #ffa040
naranja #ff8000
*/

.theaad {
    margin-top: 100px !important;
}

.stylos {
    padding: 5px;
}

.container {
    width: 1400px !important;
    /* margin: auto 100px; */
}


/* @media (min-width: 1200px)
.container {
    max-width: 1200px;
} */

.DTFC_LeftBodyLiner {
    overflow-y: hidden !important
}

.DTFC_LeftBodyLiner thead {
    overflow-y: hidden !important;
    /* font-size: 9px; */
}

.td_fecha {
    font-size: 12x;
    text-align: left;
    padding-left: 0px;
    height: 28px;
}

.tableBody tr:hover {
    background: #dddddd!important;
}

.cal {
    background: #EB3C46 !important;
    animation-name: parpadeo;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.4;
    }
    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.4;
    }
    100% {
        opacity: 1.0;
    }
}

@keyframes parpadeo {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.4;
    }
    100% {
        opacity: 1.0;
    }
}

.bg-enap {
    background-color: #427085;
    color: #fff;
    text-align: center;
    font-weight: 500;
    border: 1px solid white;
    border-top-left-radius: 5%;
    border-top-right-radius: 5%;
}

li>.nav-link.active:hover {
    color: #3E5FCE;
}

li:hover {
    color: #fff;
    background-color: #3E5FCE !important;
    border-color: #3E5FCE;
}

/* Estilos para la columna de notas */
.td_notas {
    padding: 4px 8px !important;
    min-width: 350px;
    width: 350px;
}

.input-nota {
    width: 100%;
    padding: 6px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 12px;
    transition: all 0.3s ease;
    background-color: #fff;
}

/* Ancho específico para columna de fecha */
.td_fecha {
    min-width: 180px !important;
    width: 180px !important;
}

/* Ancho para columnas de datos (mantener estrecho) */
#dt-table tbody td:not(.td_fecha):not(.td_notas) {
    min-width: 80px;
    width: 80px;
    text-align: center;
}

.input-nota:focus {
    outline: none;
    border-color: #427085;
    background-color: #f0f8ff;
    box-shadow: 0 0 5px rgba(66, 112, 133, 0.3);
}

.input-nota::placeholder {
    color: #999;
    font-style: italic;
}

.input-nota:hover {
    border-color: #999;
}

/* Estilo para inputs con contenido */
.input-nota:not(:placeholder-shown) {
    background-color: #fffacd;
    border-color: #ffd700;
}

/* Tooltip para el header de notas */
#notas::after {
    content: ' 💡';
    font-size: 0.9em;
}

/* Animación sutil para feedback visual */
@keyframes pulse-border {
    0%, 100% { 
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.4);
    }
    50% { 
        box-shadow: 0 0 0 4px rgba(40, 167, 69, 0);
    }
}

.input-nota.saved {
    animation: pulse-border 0.6s ease-out;
}

/* Estilos para modo solo lectura de notas */
.nota-readonly {
    display: block;
    padding: 6px 10px;
    min-height: 20px;
    font-size: 12px;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}

.nota-readonly:empty::before {
    content: 'Sin observaciones';
    color: #999;
    font-style: italic;
}