#filtro{
    position: static;
    margin-left: 10px !important;
    margin-top:44px !important;
}

.filtro-inp, .custom-select{
    color:gray !important;
    text-align: justify;
    background-color:white !important;
}

.filtro-inp::placeholder{
    color:gray !important;
    text-align: justify;
}

.filtro-ancho .filtro-inp, .custom-select, .botonBus, .boton-codigo{
    width: 250px !important;
}

.labol-ges{
    width: auto;
    position: absolute;
    margin-left:8px;
    background-color: #0a5676;
    margin-top: 20px;
    padding: 0px 50px;
    color: white;
    font-weight: lighter !important;
}

.cont-card .card-body{
    
    
}

.cont-card .card-body{
    font-size: 13pt;
    border-left:1px solid rgba(128, 128, 128,0.2) !important;
    border-right:1px solid rgba(128, 128, 128,0.2) !important;
    padding: 0px !important;
    margin-top: -15px !important;
}

.cont-card .card-footer{
    font-size: 10.9pt;
    border:1px solid rgba(128, 128, 128,0.2) !important;
}

.cont-card .btn-primary{
    background-color: #0a5676;
    border: none;
}


/* Paginación */

.pagination .active a{
    color: white !important;
    background-color: #0094da !important;
    border:rgb(43, 42, 42);
    margin: 0.5px;

}

.pagination a{
    color: black !important;
    background-color: white !important;
    padding: 8px 18px;
    margin: 0.5px;
}

.pagination a:hover{
    color: black !important;
    background-color:#8a8889 !important; 
}

@media (min-width: 768px) and (max-width: 991px) {
    #filtro{
        margin: auto !important;
    }

    .filtro-ancho .filtro-inp, .custom-select, .botonBus{
        width: 100% !important;
    }
    .cont-card{
        margin-top: 350px !important;
    }
}


@media (min-width: 668px) and (max-width: 767px) {
    #filtro{
        margin: auto !important;
    }

    .filtro-ancho .filtro-inp, .custom-select, .botonBus{
        width: 100% !important;
    }
    .cont-card{
        margin-top: 350px !important;
    }
}

@media (min-width: 544px) and (max-width: 667px) {
    #filtro{
        margin: auto !important;
    }
    .filtro-ancho .filtro-inp, .custom-select, .botonBus{
        width: 100% !important;
    }
    .cont-card{
        margin-top: 350px !important;
    }
}

@media (min-width: 411px) and (max-width: 543px) {
    #filtro{
        margin: auto !important;
    }
    .filtro-ancho .filtro-inp, .custom-select, .botonBus{
        width: 100% !important;
    }
    .cont-card{
        margin-top: 350px !important;
    }
}

@media (min-width: 320px) and (max-width: 410px) {
    #filtro{
        margin: auto !important;
    }

    .filtro-ancho .filtro-inp, .custom-select, .botonBus{
        width: 100% !important;
    }
    .cont-card{
        margin-top: 350px !important;
    }
}