﻿.nombre-tramite a {
    font-size: 14px;
    margin-bottom: 2px;
    color: #154C7E;
    font-weight: 600;
}

.texto-institucion-tramite {
    font-size: 13px;
    font-weight: 500;
    color: #7ea8ce;
    margin-bottom: 0px;
}

h5 {
    color: #06325a;
    font-weight: 600;
    padding-bottom: 10px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 1.25rem;
    background-color: #fff;
    border: none;
    border-bottom: none;
}

li.list-group-item:hover {
    background-color: #fff;
}


.filaOnlineService {
    padding: 0.75rem 1.25rem 1rem;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

    .filaOnlineService:hover {
        background-color: #eef3f9;
    }


.caja-sombra {
    border: 1px solid #e9ecef;
    box-shadow: 3px 3px 5px #9e9e9eab;
    background-color: #fff;
    padding: 30px 20px 20px 30px;
    /* margin-top: 50px; */
    margin-bottom: 2%;
}

.boxContent {
    border: none;
    box-shadow: none;
    background-color: #fff;
    padding: 30px 20px;
    /* margin-top: 50px; */
}

.seccion-paginacion.btn-toolbar.justify-content-between {
    margin-left: 2rem;
}

@media (min-width:300px){

    .encabezado-seccion .form-group.onlineServiceHead {
        display: block;
    }

    .estilo-input {
        border: 2px solid #eaeaea;
        margin: 0 0 0 15px;
        width: 60%;
        display: inline-flex;
    }

       .onlineServiceHead .select-blue.custom-select.select-blue.sectorSelector {
        width:95%;
        margin-top: 10px;
    }

    .onlineServiceHead select.custom-select.select-blue {
        width: 95%;
        margin-top: 10px;
    }

    .ctn-minsa {
        order: 1;
        margin-top: 0;
    }

    .boxContent {
        border: none;
        box-shadow: none;
        background-color: #fff;
        padding: 10px 5px 30px 5px;
        /* margin-top: 50px; */
    }


  
}
@media (min-width:768px) {

    button.btn.btn-primary.btn-buscar {
        width: 15%;
        margin-right: 0px;
        margin-left: 10px;
    }

    .encabezado-seccion .form-group {
        margin-bottom: 1rem;
        width: 100%;
        margin-right: 0rem;
        display: inline-flex;
    }

    .select-blue {
       
        margin: 0 10px 10px 10px;
      
    }

    .onlineServiceHead .select-blue.custom-select.select-blue.sectorSelector {
        width: 20%;
        margin-top: 10px;
    }

    .onlineServiceHead select.custom-select.select-blue {
        width: 20%;
        margin-top: 10px;
    }
}

@media (min-width:1024px) {

    button.btn.btn-primary.btn-buscar {
        width: 25%;
        margin-right: 0px;
        margin-left: 10px;
    }

    .encabezado-seccion {
        padding: 1rem 0 0.5rem 1rem;
        float: left;
        width: 100%;
        margin-top: 2rem;
    }

    .encabezado-seccion .form-group {
        margin-bottom: 1rem;
        width: 100%;
        margin-right: 0rem;
        display: inline-flex;
    }

    .onlineServiceHead .select-blue.custom-select.select-blue.sectorSelector {
        width: 23%;
        margin-top: 10px;
    }

    .onlineServiceHead select.custom-select.select-blue {
        width: 27%;
        margin-top: 10px;
    }

    button.btn.btn-primary.btn-buscar {
        width: 15%;
        margin-right: 10px;
        margin-left: 10px;
    }
}


@media (min-width:1280px){
    .encabezado-seccion .form-group.onlineServiceHead {
        display: contents;
    }

.form-group.onlineServiceHead {
    width: 100%;
}
       .select-blue {
        margin: 0 15px 10px 15px;
    }

    .onlineServiceHead .select-blue.custom-select.select-blue.sectorSelector {
        width: 25%;
        margin-top: 10px;
    }
    .onlineServiceHead select.custom-select.select-blue {
        width: 30%;
        margin-top: 10px;
    }

    button.btn.btn-primary.btn-buscar {
        width: 15%;
        margin-right: 10px;
        margin-left: 10px;
    }

    .encabezado-seccion .form-group {
        margin-bottom: 1rem;
        width: 60%;
        margin-right: 0rem;
        display: inline-flex;
    }

}


@media (min-width:1366px) {
    .onlineServiceHead .select-blue.custom-select.select-blue.sectorSelector {
        width: 25%;
        margin-top: 10px;
    }

    .onlineServiceHead select.custom-select.select-blue {
        width: 32%;
        margin-top: 10px;
    }

    button.btn.btn-primary.btn-buscar {
        width: 15%;
        margin-right: 10px;
        margin-left: 10px;
    }
}

@media (min-width:1400px) {

    .onlineServiceHead .select-blue.custom-select.select-blue.sectorSelector {
        width: 25%;
        margin-top: 10px;
    }

    .onlineServiceHead select.custom-select.select-blue {
        width: 32%;
        margin-top: 10px;
    }

    button.btn.btn-primary.btn-buscar {
        width: 15%;
        margin-right: 10px;
        margin-left: 10px;
    }

}

@media(min-width:1600px) {


    .form-group.onlineServiceHead {
        width: 100%;
    }

        .form-group.onlineServiceHead select {
            margin-top: 10px;
        }

    .onlineServiceHead .select-blue.custom-select.select-blue.sectorSelector {
        width: 23%;
    }

    .onlineServiceHead select.custom-select.select-blue {
        width: 35%;
       
    }


    button.btn.btn-primary.btn-buscar {
        width: 15%;
        margin-right: 10px;
        margin-left: 10px;
    }
}

 


@media(min-width:1800px) {

    .onlineServiceHead .select-blue.custom-select.select-blue.sectorSelector {
        width: 20%;
    }

    .onlineServiceHead button.btn.btn-primary.btn-buscar {
        width: 15%;
        margin-right: 0px;
        margin-left: 10px;
        max-width: 10%;
    }
}