/* ==========================================================
   BANCO DE DOCUMENTOS NORMATIVOS - PN PAIS
   ========================================================== */

:root{

    --azul:#0B3A75;
    --azul-claro:#1659b7;
    --gris:#f5f7fa;
    --gris-borde:#d9dee7;
    --texto:#333;
    --verde:#198754;

}

body{

    background:#eef2f7;

    font-family:'Segoe UI',Arial,Helvetica,sans-serif;

    color:var(--texto);

}

/*========================================================*/

.container-fluid{

    width:96%;

    max-width:1800px;

    margin:auto;

}

/*========================================================*/

.card{

    border:none;

    border-radius:12px;

    overflow:hidden;

}

/*========================================================*/

.logo{

    max-width:120px;

}

/*========================================================*/

.breadcrumb{

    margin-bottom:8px;

}

.breadcrumb a{

    text-decoration:none;

}

/*========================================================*/

.titulo{

    font-weight:700;

    color:var(--azul);

    margin-bottom:8px;

}

.proceso{

    color:var(--verde);

    font-weight:700;

    margin-bottom:10px;

}

.contador{

    margin-top:10px;

}

.badge{

    font-size:15px;

    padding:10px 18px;

}

/*========================================================*/

.table{

    margin-bottom:0;

    font-size:13px;

}

/*========================================================*/

.table thead th{

    background:var(--azul)!important;

    color:#FFF!important;

    text-align:center;

    vertical-align:middle;

    white-space:nowrap;

    border-color:#0b2b58;

    position:sticky;

    top:0;

    z-index:10;

}

/*========================================================*/

.table tbody td{

    vertical-align:middle;

}

/*========================================================*/

.table tbody tr{

    transition:.25s;

}

.table tbody tr:hover{

    background:#fff7d6;

}

/*========================================================*/

.table td:nth-child(1){

    width:130px;

    white-space:nowrap;

}

.table td:nth-child(2){

    width:150px;

}

.table td:nth-child(4),

.table td:nth-child(8),

.table td:nth-child(9){

    text-align:center;

    white-space:nowrap;

}

/*========================================================*/

.icono{

    width:26px;

    transition:.25s;

}

.icono:hover{

    transform:scale(1.18);

}

/*========================================================*/

.loading{

    position:fixed;

    left:0;

    top:0;

    width:100%;

    height:100%;

    background:rgba(255,255,255,.90);

    display:flex;

    justify-content:center;

    align-items:center;

    flex-direction:column;

    z-index:999999;

}

.loading.oculto{

    display:none;

}

/*========================================================*/

.dataTables_wrapper{

    margin-top:15px;

}

.dataTables_filter{

    margin-bottom:15px;

}

.dataTables_filter input{

    border-radius:6px;

    border:1px solid #CCC;

    padding:6px 10px;

}

.dataTables_length select{

    border-radius:6px;

}

/*========================================================*/

.dataTables_info{

    margin-top:10px;

}

.dataTables_paginate{

    margin-top:10px;

}

/*========================================================*/

.page-item.active .page-link{

    background:var(--azul);

    border-color:var(--azul);

}

/*========================================================*/

.card-body{

    padding:25px;

}

/*========================================================*/

.table-responsive{

    overflow-x:auto;

}

/*========================================================*/

@media(max-width:1200px){

    .titulo{

        font-size:28px;

    }

}

@media(max-width:992px){

    .logo{

        max-width:90px;

    }

    .titulo{

        text-align:center;

        font-size:24px;

    }

    .proceso{

        text-align:center;

    }

    .contador{

        text-align:center;

    }

}

@media(max-width:768px){

    .card-body{

        padding:15px;

    }

    .table{

        font-size:12px;

    }

    .badge{

        font-size:13px;

    }

}

@media(max-width:576px){

    .logo{

        max-width:75px;

    }

    .titulo{

        font-size:20px;

    }

}