/* .cont-filtro{

} */

.filtro{
    margin: auto !important;
    padding:0px;
    width: 100% !important;
}

.filtro .form-control {
    color: gray !important;
    text-align: justify;
}

.cuadrado {
    width: 3%;
    height: 5%;
}

/* Paginación */

.pagination .active a{
    color: white !important;
    background-color: #56696d !important;
    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{
        position: relative !important;
        top: 10px !important;
        margin: auto !important;
    }

    .filtr-anch{
        width: 100% !important;
        margin: auto !important;
        padding-left: 50px;
    }
}


@media (min-width: 668px) and (max-width: 767px)  {

    .filtro{
        position: relative !important;
        top: 10px !important;
        margin: auto !important;
    }

    .filtr-anch{
        width: 100% !important;
        margin: auto !important;
        padding-left: 50px;
    }
}

@media (min-width: 544px) and (max-width: 667px)  {

    .filtro{
        position: relative !important;
        top: 10px !important;
        margin: auto !important;
    }

    .filtr-anch{
        width: 100% !important;
        margin: auto !important;
        padding-left: 50px;
    }
}


@media (min-width: 411px) and (max-width: 543px)  {

    .filtro{
        position: relative !important;
        top: 10px !important;
        margin: auto !important;
    }

    .filtr-anch{
        width: 100% !important;
        margin: auto !important;
        padding-left: 50px;
    }
}


@media (min-width: 320px) and (max-width: 410px)  {

    .filtro{
        width: 300px !important;
        position: relative !important;
        top: 10px !important;
        margin: auto !important;
    }

    .filtr-anch{
        width: 100% !important;
        margin: auto !important;
    }

    .tarjetas{
        margin-top: -10px !important;
    }

    .tarjetas h5{
        font-size: 11.5pt !important;
    }

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



@media (min-width: 768px) and (max-width: 991px)  {
   .card-deck{
       width: 12rem !important;
   }
}

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

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

@media (min-width: 544px) and (max-width: 667px)  {
    .filtro{
        width: 90% !important;
        margin: auto !important;
    }
}

@media (min-width: 411px) and (max-width: 543px)  {
    .filtro{
        width: 90% !important;
        margin: auto !important;
    }
}

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