﻿/* 
   CABECERA
*/
.table thead th,
table.dataTable thead th {
    font-size: 12px;
    line-height: 2;
    padding: 6px 8px;
    white-space: nowrap;
    background-color: #0475A0;
    color: white;
    text-transform: uppercase;
    text-align: center;
    border-left: none !important;
    border-right: none !important;
}


/*
   CUERPO DE TABLA
*/
.table tbody td {
    font-size: 14px;
    border-bottom: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb !important;
    tras
    
}

/* Quitar striping Bootstrap / DataTables */
.table tbody tr,
.table tbody tr:nth-of-type(odd),
.table tbody tr:nth-of-type(even) {
    background-color: #ffffff !important;
}

    /* Última fila sin borde */
    .table tbody tr:last-child td {
        border-bottom: none;
    }

/*
   TABLA POSTULACIONES 
*/
#tablaPostulaciones tbody td {
    font-size: 14px;
}

/* 
   EFECTO HOVER 
 */
.table tbody tr:hover {
    background-color: #f8fafc;
}

/* Quitar línea inferior del header */
.table thead {
    border-bottom: none !important;
}

    .table thead th {
        border-bottom: none !important;
    }

#tablaFormacion, #tablaIdiomas, #tablaExperiencia, #tablaConocimientos thead th {
    border-bottom: none !important;
    
}
#tablaFormacion, #tablaIdiomas, #tablaExperiencia, #tablaConocimientos thead {
    border-bottom: none !important;
}

.table:not(.dataTable) {
    border: 1px solid #d1d5db; 
    border-radius: 8px;
    background-color: #ffffff;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0,0,0,0.06), 0 4px 8px rgba(0,0,0,0.04);
}
#tablaIdiomas thead tr {
    font-size: 12px;
    line-height: 2;
    padding: 6px 8px;
    white-space: nowrap;
    background-color: #EDF3FF;
    color: #656565;
    text-transform: uppercase;
    text-align: center;
}
 #tablaExperiencia thead tr {
    font-size: 12px;
    line-height: 2;
    padding: 6px 8px;
    white-space: nowrap;
    background-color: #EDF3FF;
    color: #656565;
    text-transform: uppercase;
    text-align: center;
}
 #tablaConocimientos thead tr {
    font-size: 12px;
    line-height: 2;
    padding: 6px 8px;
    white-space: nowrap;
    background-color: #EDF3FF;
    color: #656565;
    text-transform: uppercase;
    text-align: center;
}


.btn-historico {
    background-color: #FFE6E6;
    border-color: #F0B6B6;
    border: none;
}
    .btn-historico:hover {
        background-color: #F0B6B6;
        border-color: #FFE6E6;
    }
.bi-clock-history {
    color: #B77475;
}

.btn-evaluar {
    background-color: #F8FFC3;
    border-color: #D4E586;
}

    .btn-evaluar:hover {
        background-color: #D4E586;
        border-color: #F8FFC3;
    }
.bi-file-earmark-check {
    color: #A2A762;
}

.btn-consolidar {
    background-color: #CAEFFF;
    border-color: #AFE7FF;
}

    .btn-consolidar:hover {
        background-color: #AFE7FF;
        border-color: #CAEFFF;
    }

.bi-file-text {
    color: #397792;
}

/* Estilo base para todos los botones con iconos */
.btn-custom {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1px 7px;
    border: 2px solid;
    border-radius: 3px;
    transition: all 0.3s ease;
    cursor: pointer;
    background-clip: padding-box;
}


    .btn-custom i {
        font-size: 1.1rem;
    }


/* Variante VERDE */
.btn-soft-green {
    background-color: #dff5ea;
    border-color: #a4d2be;
    color: #2f7a5a;
}

    .btn-soft-green:hover {
        background-color: #c8e6d9;
        border-color: #89bfa6;
    }

/* Variante AMARILLA */
.btn-soft-yellow {
    background-color: #fff3cd;
    border-color: #f0e6ca;
    color: #997e33;
}

    .btn-soft-yellow:hover {
        background-color: #fce7a1;
        border-color: #e2d2a4;
    }

/* Variante AZUL */
.btn-soft-blue {
    background-color: #d6e4ff;
    border-color: #aec0ff;
    color: #3b5ccc;
}

    .btn-soft-blue:hover {
        background-color: #aec0ff;
        border-color: #97adff;
    }

.btn-soft-red {
    background-color: #fce4e4;
    border-color: #f9bfbf;
    color: #d9534f;
}

    .btn-soft-red:hover {
        background-color: #f9bfbf;
        border-color: #f08f8f;
    }
/* Variante AZUL */
.btn-soft-skyblue {
    background-color: #CAEFFF !important;
    border-color: #8EDDFF !important;
    color: #3396cb !important;
}

    .btn-soft-skyblue:hover {
        background-color: #8EDDFF !important;
        border-color: #97CDFF !important;
    }