/*==================================================
=      LISTA MAESTRA DE INFORMACIÓN DOCUMENTADA
==================================================*/

.alerta-exito{

    background:#E8F5E9;
    border-left:6px solid #2E7D32;
    padding:18px;
    border-radius:10px;
    margin-bottom:25px;
    color:#145A32;

}

.tabla-contenedor{

    width:100%;
    overflow:auto;
    max-height:650px;
    border:1px solid #D9D9D9;
    border-radius:12px;
    background:#FFFFFF;

}

.tabla-documentos{

    width:max-content;
    min-width:100%;
    border-collapse:separate;
    border-spacing:0;

}

.tabla-documentos th,
.tabla-documentos td{

    padding:14px 16px;
    border-bottom:1px solid #E5E5E5;
    border-right:1px solid #EFEFEF;
    white-space:nowrap;
    background:#FFFFFF;
    font-size:14px;

}

/*==============================
 ENCABEZADO
==============================*/

.tabla-documentos thead th{

    position:sticky;
    top:0;
    background:#1F5F2C;
    color:#FFFFFF;
    z-index:30;

}

/*==============================
 HOVER
==============================*/

.tabla-documentos tbody tr:hover td{

    background:#F5F9F5;

}

/*==============================
 COLUMNA 1 - CÓDIGO
==============================*/

.tabla-documentos th:nth-child(1),
.tabla-documentos td:nth-child(1){

    position:sticky;
    left:0;
    z-index:20;
    min-width:140px;
    background:#FFFFFF;

}

/*==============================
 COLUMNA 2 - PROCESO
==============================*/

.tabla-documentos th:nth-child(2),
.tabla-documentos td:nth-child(2){

    position:sticky;
    left:140px;
    z-index:20;
    min-width:160px;
    background:#FFFFFF;

}

/*==============================
 COLUMNA 3 - TIPO
==============================*/

.tabla-documentos th:nth-child(3),
.tabla-documentos td:nth-child(3){

    position:sticky;
    left:300px;
    z-index:20;
    min-width:90px;
    background:#FFFFFF;

}

/*==============================
 COLUMNA 4 - DOCUMENTO
==============================*/

.tabla-documentos th:nth-child(4),
.tabla-documentos td:nth-child(4){

    position:sticky;
    left:390px;
    z-index:20;
    min-width:400px;
    background:#FFFFFF;
    box-shadow:6px 0 8px rgba(0,0,0,.12);

}

/*==============================
 ENCABEZADOS FIJOS
==============================*/

.tabla-documentos thead th:nth-child(1),
.tabla-documentos thead th:nth-child(2),
.tabla-documentos thead th:nth-child(3),
.tabla-documentos thead th:nth-child(4){

    z-index:40;
    background:#1F5F2C;

}

/*==============================
 HOVER COLUMNAS FIJAS
==============================*/

.tabla-documentos tbody tr:hover td:nth-child(1),
.tabla-documentos tbody tr:hover td:nth-child(2),
.tabla-documentos tbody tr:hover td:nth-child(3),
.tabla-documentos tbody tr:hover td:nth-child(4){

    background:#F5F9F5;

}