/* Add here all your CSS customizations */

body{
    font-family: "Poppins", sans-serif !important;
}
.form-control:not(.form-control-sm):not(.form-control-lg){
    border-radius: 20px !important;
}
::placeholder {
    color: #756969 !important;
    opacity: 1; /* Firefox */
  }
  
  ::-ms-input-placeholder { /* Edge 12 -18 */
    color: #756969 !important;
  }

  .btn-primary{
    background-color: #72808E !important;
    border-color: #72808E !important;
  }

@media (min-width: 0) and (max-width: 575px) {

    body{
        background: url("../img/fondo-qro-dos.jpeg") !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        background-size: cover !important;
    }

    .auth-wrapper .auth-box{
        width: 100% !important;
    }

    .registro-sign .card-sign .card-body {
        width: 330px;
        height: calc(92vh);
        margin: 0 auto;
        background: rgba(255, 255, 255, 0.75);
        box-shadow: 0px 16px 11px -3px rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);
        border-top: none;
        overflow: hidden;
        overflow-y: scroll;
        border-radius: 0 0 10px 10px;
        padding: 0;
    }

    /* Works on Firefox */
    .body-sign  {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        scrollbar-width: thin;
        scrollbar-color:rgba(255, 255, 255, 0.25) #4AAEEC50 ;
    }
  
    /* Works on Chrome, Edge, and Safari */
    .body-sign ::-webkit-scrollbar {
        width: 12px;
    }
    
    .body-sign ::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.25);
    }
    
    .body-sign ::-webkit-scrollbar-thumb {
        background-color: #4AAEEC50;
        border-radius: 20px;
    }

    .body-sign .cabecera-registro{
        width: 100%;
        height: 240px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #FFF;
        background: #6D727A;
        padding: 10px;
    }

    .cabecera-registro{
        padding-top: 20px;
    }

    .cabecera-registro .cabecera-logo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 120px;
        margin-bottom: 20px;
    }

    .login-sign .card-sign .card-body .logo i{
        display: none;
    }

    .cabecera-registro .cabecera-logo img{
        width: 70%;
        height: 100%;
        margin: 0 auto;
    }

    .cabecera-registro .selectTipo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
    }

    .form-group{
        padding-bottom: 10px;
    }

    .form-group h3{
        font-size: 1.5rem;
    }

    .form-group h4{
        font-size: 1rem;
    }

    .form-group .col-xs-12{
        margin: 10px 0;
    }

    .selectTipo p{
        font-size: 1.2rem;
        font-weight: bold;
        margin-top: 15px;
        text-align: center;
        color: #FFF;
        margin-top: -20px;
    }
    
    .selectTipo .form-check-label{
        font-size: .8rem;
        color: #FFF !important;
    }

    .cabecera-registro .regresar{
        position: relative;
        top: -250px;
        right: -110px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .regresar i{
        font-size: 3rem;
        color: #72808E;
        transition: .5s all ease-in-out;
    }

    .regresar i:hover{
        color: #3A8C88;
        cursor: pointer;
        transform: scale(1.1) !important;
    }

    .divPersona{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .form-group label{
        font-size: .9rem !important;
    }

    .divPersona .form-control{
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
        border-radius: 5px !important;
        transition: .5s all ease-in-out;
    }

    .divPersona .form-control:hover{
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group .row{
        padding: 10px 10px;
    }

    .form-group input:hover,
    .form-control:hover,
    .bootstrap-select > .dropdown-toggle:hover{
        cursor: pointer;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group input:focus, input:active{
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px !important;
        outline: none !important;
        border: none !important;
    }

    .form-group .form-control:disabled{
        background-color: #00000030;
        border: 1px solid rgba(0, 0, 0, 0.5);
    }

    .form-group .btn-registrar{
        color: #FFF;
        border: none !important;
        background-color: #6D727A;
        border-radius: 5px !important;
        padding: 7px 15px;
        transition: .5s all ease-in-out;
    }

    .form-group .btn-registrar:hover{
        cursor: pointer;
        transform: translateY(-5px) !important;
        background-color: #3A8C88;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group .aviso-legal{
        font-size: 1rem;
        color: #6D727A;
        transition: .3s all ease-in-out;
    }

    .form-group .aviso-legal:hover{
        color: #3A8C88;
    }

    .bootstrap-select{
        width: 100% !important;
        padding: 0 !important;
        margin-left: -11px !important;
    }

    .bootstrap-select > .dropdown-toggle{
        width: 300px !important;
        height: 38px !important;
        margin-top: -10px;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-select .dropdown-toggle{
        width: 293px !important;
        height: 30px !important;
        margin-top: 1px;
        margin-left: 11px !important;
        border: none !important;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-osc2 .dropdown-toggle,
    .CP-osc .dropdown-toggle{
        width: 293px !important;
        height: 30px !important;
        margin-top: 1px;
        margin-left: 12px !important;
        border: none !important;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-select .dropdown-toggle .filter-option-inner-inner{
        margin-top: -1px !important;
    }

    .bootstrap-select > .dropdown-toggle .filter-option-inner-inner{
        margin-top: 3px;
    }

    .botones-abajo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 20px;
    }

    .botones-abajo a i{
        font-size: 1.4rem;
    }
    
    .botones-abajo a i, .botones-abajo a{
        font-size: 1.2rem;
        color: #72808E;
        font-style: normal;
        transition: .3s all ease-in-out;
    }

    .botones-abajo div{
        padding: 3px 0;
    }

    .botones-abajo .text-login, .botones-abajo a{
        font-size: 1rem;
        transition: .3s all ease-in-out;
    }
    
    .botones-abajo .text-login a:hover, .botones-abajo a i:hover{
        color: #3A8C88;
        text-shadow: #000;
    }

    #txtobjeto{
        margin-top: 12px;
        height: 253px;
        resize: none;
    }

    .terminos-condiciones .col-xs-6,
    .terminos-condiciones{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .terminos-condiciones .avisos{
        margin-left: 20px;
    }

    .terminos-condiciones #checkbox{
        margin-right: 10px;
    }

    .terminos-condiciones label{
        font-size: 1rem !important;
        line-height: 16px;
    }

    .terminos-condiciones .check-terminos{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
    }

    .terminos-condiciones .check-terminos #checkboxOsc{
        margin-right: 10px;
    }

    /*************** RADIOS ****************/

    .form-group .form-control:valid{
        border-radius: 5px !important;
        border: 1px solid rgba(0, 0, 0, 0.3);
    }

    .form-group .form-check-input:valid:checked,
    .selectTipo .form-check-input{
        border-color: #72808E !important;
    }

    .form-group .form-check-input:valid,
    .selectTipo .form-check-input:valid{
        background-color: transparent;
        border: 2px solid;
        border-color: #72808E !important;
    }

    .form-group .form-check-input:valid:checked,
    .selectTipo .form-check-input:valid:checked{
        background-color: #72808E !important;
    }

    /********************* CONSEJERO  ************************/

    .divConsejero .col-xs-12{
        padding: 0 !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    } 

    .divConsejero .consejero-container{
        width: 90% !important;
        height: 400px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 130.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        margin: 0 0 43px 15px;
        padding: 40px 0 20px 0;
    }

    .divConsejero .generar-cv{
        width: 80% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 140.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        margin: 2% 7% !important;
    }

    .divConsejero .consejero-container .row{
        padding: 0 !important;
    }

    .divConsejero .consejero-container2{
        height: 175px !important;
        padding: 80px 0 80px 0;
    }

    .divConsejero .consejero-container .title{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 10px;
    }

    .divConsejero .consejero-container a{
        height: 20px;
        font-size: 1rem;
        color: #72808E;
        margin: 0 auto !important;
        transition: .5s all ease-in-out;
    }
    
    .divConsejero .exposicion-descarga {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 5px 0;
    }

    .divConsejero .exposicion-descarga a{
        font-size: .9rem;
    }

    .divConsejero .row .title a{
        margin-top: -10px;
        margin-bottom: 10px;
        padding: 0 0 10px 0;
    }

    .divConsejero .consejero-container .title a:hover{
        cursor: pointer;
        transform: scale(1.1);
    }

    .divConsejero .consejero-container .title label,
    .divConsejero .consejero-container2 .title label{
        font-size: 1.2rem;
        font-weight: bold !important;
    }

    .divConsejero .consejero-container .title label,
    .divConsejero .consejero-container .title h4 {
        text-align: center;
    }

    .divConsejero .consejero-container .title h4 {
        width: 96%;
        padding-bottom: 10px;
    }

    .divConsejero .consejeros-iconos{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .divConsejero .consejeros-iconos .consejeros-leyenda{
        width: 90%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
    }

    .divConsejero .consejeros-iconos .form-check{
        position: relative;
        top: -10px;
        left: 20px;
    }

    .divConsejero .consejeros-iconos .consejeros-leyenda .col-xs-1{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
        margin-bottom: 20px !important;
    }
    
    .divConsejero .button_style{
        color: #3A8C88;
        font-size: 2rem;
        transition: 0.5s all ease-in-out;
    }
    
    .divConsejero .button_style2{
        color: #3A8C88;
        font-size: 2rem;
        transition: 0.5s all ease-in-out;
        margin: 0 20px !important;
    }
    
    .divConsejero .button_style:hover,
    .divConsejero .button_style2:hover{
        color: #21504d;
        transform: translateY(-5px);
        cursor: pointer;
    }

    .consejeros-iconos .consejeros-nombre-archivo{
        width: 250px;
        max-width: 315px !important;
        color: #4A586970;
        text-align: center;
        font-size: .8rem !important;
        background-color: #CCCCCC60;
        border-radius: 30px;
        padding: 4px 10px !important;
        overflow: hidden !important;
    }

    .divConsejero .checkbox-default{
        width: 85%;
        margin: 0 auto;
        padding-bottom: 5px;
    }
    
    .divConsejero .checkbox-default label{
        font-size: .9rem;
    }

    .generar-cv .dropdown-toggle{
        width: 210px !important;
        margin-top: 1px;
    }

    .generar-cv textarea{
        margin-bottom: 20px;
        resize: none !important;
    }

    /******************* REDES SOCIALES *********************/

    .red-social .col-xs-12{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        padding: 10px;
    }

    .red-social .col-xs-12 .logo-red-social2,
    .red-social .col-xs-12 .logo-red-social{
        width: 60px;
        height: 60px;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 60px;
        background-color: #6D727A;
        z-index: 100;
    }

    .red-social .col-xs-12 .logo-red-social2 i,
    .red-social .col-xs-12 .logo-red-social i{
        color: #FFF;
        font-size: 2.2rem;
        margin-left: -15px;
        border: none !important;
    }

    .red-social .col-xs-12 .input-red-social input{
        width: 106% !important;
        margin: 5px 0;
        padding: 0 10px;
    }

    .red-social .col-xs-12 .input-red-social2 input{
        width: 116% !important;
        margin: 5px 0 5px 15px;
        padding: 0 10px;
    }
    
    #divVariables .red-social .col-xs-12 .input-red-social input{
        width: 115% !important;
        margin-left: 20px !important;
    }


    /********************   ADJUNTOS   ***********************/

    .registro-adjuntos{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
        margin-left: -20px;
    }
    
    .registro-adjuntos .col-xs-12{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .registro-adjuntos .registro-adjuntos-icono{
        width: 90px;
        height: 90px;
        border-radius: 60px;
        background-color: #3A8C88;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        position: relative;
        z-index: 101;
        margin-bottom: -50px;
    }

    .registro-adjuntos-icono img{
        height: 50px;
    }

    .registro-adjuntos .registro-adjuntos-datos{
        width: 100%;
        height: 180px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 130.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        padding-top: 10px;
    }

    .registro-adjuntos-datos .tipo-adjunto{
        font-size: .9rem !important;
        letter-spacing: -1px;
        margin-top: 25px;
        text-align: center;
    }

    .registro-adjuntos-datos p{
        font-size: 1.3rem;
        color:#000 !important;
        padding: 0 !important;
        text-align: center;
    }

    .registro-adjuntos-datos .registro-adjuntos-subir-borrar{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        padding: 0 !important;
        margin-top: -25px !important;
        margin-bottom: 5px !important;
    }

    .registro-adjuntos-subir-borrar .button_style{
        color: #3A8C88;
        font-size: 2.2rem;
        transition: 0.5s all ease-in-out;
        margin: 10px 20px !important;
    }

    .registro-adjuntos-subir-borrar .button_style:hover{
        color: #22524f;
        transform: translateY(-5px);
        cursor: pointer;
    }

    .registro-adjuntos-datos .acta_name{
        position: relative;
        margin-top: -5px !important;
        width: 80% !important;
        margin: 0 auto;
    }

    .registro-adjuntos-datos .acta_name p{
        color: #4A586970;
        text-align: center;
        font-size: .8rem !important;
        background-color: #FFFFFF70;
        border-radius: 30px;
        padding: 4px 10px;
    }

    /********************   FOOTER   ************************/

    #footer-registro{
        width: 100%;
        padding: 50px 10px 20px 10px;
        position: relative;
        bottom: 0 !important;
        background: #6D727A;
    }

    #footer-registro .container-fluid{
        padding: 0 !important;
    }

    #footer-registro .footer-container{
        width: 95%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .logo{
        width: 100%;
    }

    .logo img{
        /* margin-left: calc(-20%); */
        width: 100%;
    }

    .linea{
        width: 400px;
        border-bottom:solid 1px #FFFFFF30;
        margin: 40px 0;
    }

    .datos{
        font-size: .9rem;
        width: 100% !important;
        margin: 0 0 20px 0;
    }

    .datos h4, .datos h5{
        margin-bottom: 2px;
    }

    .datos p{
        font-size: .9rem;
        line-height: 20px;
    }
    
    .footer-social-media{
        width: 100% !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        color: #FFF;
    }
    
    .red {
        width: 30px;
        height: 30px;
        margin: 0 5px 6px 0;
        border-radius: 5px;
        color: #6D727A;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #72808E;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        transition: 0.5s ease-in-out all;
    }

    .red:hover{
        background-color: #3A8C88;
        transform: translateY(-5px);
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
    }

    .copy-right{
        text-align: center;
        font-size: 0.9rem;
        color: #FFF;
    }
    
    .copy-right p{
        line-height: 20px;
    }

    /**************** LOGIN *********************/

    .body-sign .center-sign{
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 0 !important;
    }

    .auth-wrapper .auth-box{
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .login-sign .card-sign .card-body {
        width: 300px;
        height: 620px;
        margin: 0 auto !important;
        background: rgba(255, 255, 255, 0.75);
        box-shadow: 0px 16px 11px -3px rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);
        border-top: none;
        border-radius: 10px;
        padding: 0;
    }

    .login-sign .card-sign .card-body .logo{
        width: 100%;
        height: 80px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #6D727A;
        padding: 10px;
        border-radius: 10px 10px 0 0;
    }

    .login-sign .card-sign .card-body .logo img{
        width: calc(70%);
        margin: 0 auto !important;
    }
    
    .login-sign .card-sign .card-body #loginform {
        padding: 20px;
    }
    
    .login-sign .card-sign #loginform .card-body .form-control:focus{
        background-color: #FFF  !important;
    }

    #loginform .btn-sesion .text-end,
    #loginform .btn-sesion{
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center;
    }
    
    #loginform .btn-sesion{
        margin: 10px 0 25px 0 !important;
    }

    #loginform .password .float-end{
        color: #72808E;
    }
    
    #loginform .btn-sesion .col-sm-7{
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center;
    }
    
    .login-sign .card-sign .card-body #loginform .input-group-text {
        background-color: #6D727A;
        color: #FFF;
    }
    
    .login-sign .card-sign #loginform .form-group + .form-group{
        border: none !important;
        padding: 4px 0;
    }

    .login-sign #loginform .row{
        margin: 20px 0;
    }
    
    .login-sign #loginform p{
        margin-bottom: 7px !important;
    }

    .login-sign #loginform p a{
        color: #72808E;
        transition: .5s all ease-in-out;
    } 

    .login-sign #loginform .row p a:hover{
        color: #3A8C88;
    }

    .login-sign #loginform hr{
        border: solid 1px #FFF !important;
        margin: 20px 0 !important;
    }

    .login-sign .iniciar-sesion{
        color: #FFF;
        border: none !important;
        background-color: #6D727A;
        border-radius: 5px !important;
        padding: 7px 15px;
        transition: .3s all ease-in-out;
        margin-top: 15px !important;
    }

    .login-sign .iniciar-sesion:hover{
        cursor: pointer;
        transform: translateY(-5px) !important;
        background-color: #3A8C88;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

}

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

    body{
        background: url("../img/fondo-qro-dos.jpeg") !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        background-size: cover !important;
    }

    .registro-sign .card-sign .card-body {
        width: 600px;
        height: calc(90vh);
        margin: 0 auto;
        margin-bottom: 15px !important;
        background: rgba(255, 255, 255, 0.75);
        box-shadow: 0px 16px 11px -3px rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);
        border-top: none;
        overflow: hidden;
        overflow-y: scroll;
        border-radius: 0 0 10px 10px;
        padding: 0;
    }

    .body-sign  {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        scrollbar-width: thin;
        scrollbar-color:rgba(255, 255, 255, 0.25) #4AAEEC50 ;
    }

    /* Works on Chrome, Edge, and Safari */
    .body-sign ::-webkit-scrollbar {
        width: 12px;
    }
    
    .body-sign ::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.25);
    }
    
    .body-sign ::-webkit-scrollbar-thumb {
        background-color: #4AAEEC50;
        border-radius: 20px;
    }

    .body-sign .cabecera-registro{
        width: 100%;
        height: 200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        color: #FFF;
        background: #6D727A;
        padding: 20px;
    }

    .cabecera-registro .cabecera-logo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 120px;
        margin-bottom: -20px;
        position: relative;
        left: -150px;
    }
    
    .login-sign .card-sign .card-body .logo i{
        display: none;
    }
    
    .cabecera-registro .cabecera-logo img{
        width: 120%;
        height: 100%;
    }

    .cabecera-registro .selectTipo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
    }

    .form-group{
        padding-bottom: 10px;
    }

    .form-group h3{
        font-size: 1.5rem;
    }

    .form-group h4{
        font-size: 1rem;
    }

    .form-group .col-xs-12{
        margin: 10px 0;
    }

    .selectTipo p{
        font-size: 1.5rem;
        font-weight: bold;
        margin-top: 15px;
        text-align: center;
        color: #FFF;
        margin-top: -20px;
    }
    
    .selectTipo .form-check-label{
        font-size: 1rem;
        color: #FFF !important;
    }

    .cabecera-registro .regresar{
        position: relative;
        top: -220px;
        right: -230px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .regresar i{
        font-size: 4rem;
        color: #72808E;
        transition: .5s all ease-in-out;
    }

    .regresar i:hover{
        color: #3A8C88;
        cursor: pointer;
        transform: scale(1.1) !important;
    }

    .divPersona{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .form-group label{
        font-size: 1rem !important;
    }

    .divPersona .form-control{
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
        border-radius: 5px !important;
        transition: .5s all ease-in-out;
    }

    .divPersona .form-control:hover{
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group .row{
        padding: 10px 10px;
    }

    .form-group input:hover,
    .form-control:hover,
    .bootstrap-select > .dropdown-toggle:hover{
        cursor: pointer;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group input:focus, input:active{
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px !important;
        outline: none !important;
        border: none !important;
    }

    .form-group .form-control:disabled{
        background-color: #00000030;
        border: 1px solid rgba(0, 0, 0, 0.5);
    }

    .terminos-condiciones .col-sm-12{
        width: 100% !important;
        max-width: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
    }

    .form-group .btn-registrar{
        color: #FFF;
        border: none !important;
        background-color: #6D727A;
        border-radius: 5px !important;
        padding: 7px 15px;
        transition: .5s all ease-in-out;
    }

    .form-group .btn-registrar:hover{
        cursor: pointer;
        transform: translateY(-5px) !important;
        background-color: #3A8C88;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group .aviso-legal{
        font-size: 1rem;
        color: #6D727A;
        transition: .3s all ease-in-out;
    }

    .form-group .aviso-legal:hover{
        color: #3A8C88;
    }

    /* .bootstrap-select{
        width: 103.5% !important;
        padding: 0 !important;
        margin-left: -30px !important;
    } */
    
    .bootstrap-select > .dropdown-toggle{
        width: 103.5% !important;
        height: 38px !important;
        margin-left: -11px !important;
        margin-top: -10px;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-select .dropdown-toggle{
        width: 270px !important;
        height: 30px !important;
        margin-left: 2px !important;
        margin-top: 0;
        border: none !important;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-osc2 .dropdown-toggle,
    .CP-osc .dropdown-toggle{
        width: 273px !important;
        height: 30px !important;
        margin-top: 1px;
        margin-left: 1px !important;
        border: none !important;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-select .dropdown-toggle .filter-option-inner-inner{
        margin-top: -1px !important;
    }

    .bootstrap-select > .dropdown-toggle .filter-option-inner-inner{
        margin-top: 3px;
    }

    .botones-abajo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 20px;
    }

    .botones-abajo a i{
        font-size: 1.4rem;
    }
    
    .botones-abajo a i, .botones-abajo a{
        font-size: 1.2rem;
        color: #72808E;
        font-style: normal;
        transition: .3s all ease-in-out;
    }

    .botones-abajo div{
        padding: 3px 0;
    }

    .botones-abajo .text-login, .botones-abajo a{
        font-size: 1rem;
        transition: .3s all ease-in-out;
    }
    
    .botones-abajo .text-login a:hover, .botones-abajo a i:hover{
        color: #3A8C88;
        text-shadow: #000;
    }

    #txtobjeto{
        margin-top: 12px;
        height: 253px;
        resize: none;
    }

    .terminos-condiciones{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .terminos-condiciones .avisos{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
        margin-bottom: 10px;
    }

    .terminos-condiciones .avisos a{
        margin: 0 5px;
    }

    .terminos-condiciones #checkbox{
        margin-right: 10px;
    }
    
    .terminos-condiciones label{
        font-size: 1rem !important;
        line-height: 16px;
    }
    
    .terminos-condiciones .check-terminos{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    
    .terminos-condiciones .check-terminos #checkboxOsc{
        margin-right: 10px;
    }

    /********************* CONSEJERO  ************************/

    .divConsejero .col-sm-12{
        padding: 0 !important;
    }

    .divConsejero .consejero-container{
        width: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 130.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        margin-bottom: 30px !important;
        margin: 0 auto;
    }

    .consejero-container:nth-child(1){
        height: 350px !important;
        padding: 40px 0 30px 0 !important;
    }

    .consejero-container:nth-child(1) p{
        margin-bottom: -15px;
    }

    .consejero-container:nth-child(1) .consejeros-iconos,
    .consejero-container:nth-child(2) .consejeros-iconos{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 20px 0 10px 0;
    }
    
    .consejero-container:nth-child(1) .consejeros-iconos .consejeros-leyenda{
        width: 300px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin: 20px 0 0 0;
    }

    .consejero-container:nth-child(3) .consejeros-iconos .consejeros-leyenda{
        width: 300px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin: -10px 0 20px 0;
    }

    .consejero-container:nth-child(2) .consejeros-iconos .consejeros-leyenda{
        width: 300px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin: 0 0 20px 0;
    }

    .consejero-container:nth-child(1) .consejeros-iconos .consejeros-nombre-archivo{
        width: 100%;
        color: #4A586970;
        text-align: center;
        font-size: .8rem !important;
        background-color: #CCCCCC60;
        border-radius: 30px;
        padding: 4px 10px !important;
        margin: -10px 0 0 0;
        overflow: hidden !important;
    }

    .consejero-container:nth-child(2){
        height: 360px !important;
        padding: 100px 0 70px 0 !important;
    }
    
    .consejero-container:nth-child(2) .consejeros-iconos .consejeros-nombre-archivo{
        width: 100%;
        color: #4A586970;
        text-align: center;
        font-size: .8rem !important;
        background-color: #CCCCCC60;
        border-radius: 30px;
        padding: 4px 10px !important;
        margin: 5px 0 0 0;
        overflow: hidden !important;
    }

    .consejero-container:nth-child(3){
        height: 350px !important;
        padding: 80px 0 70px 0 !important;
    }
    
    .divConsejero .generar-cv{
        width: 80% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 140.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        padding: 20px;
    }

    .divConsejero{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .divConsejero .consejero-container .row{
        padding: 0 !important;
    }

    .divConsejero .consejero-container .title{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 10px;
    }

    .divConsejero .consejero-container a{
        height: 20px;
        font-size: 1rem;
        color: #72808E;
        margin: 0 auto !important;
        transition: .5s all ease-in-out;
    }
    
    .divConsejero .exposicion-descarga {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 5px 0;
    }

    .divConsejero .exposicion-descarga a{
        font-size: .9rem;
        text-align: center;
    }

    .divConsejero .row .title a{
        margin-top: -10px !important;
        margin-bottom: 10px !important;
        padding: 0 0 10px 0;
    }

    .divConsejero .consejero-container .title a:hover{
        cursor: pointer;
        transform: scale(1.1);
    }

    .divConsejero .consejero-container .title label,
    .divConsejero .consejero-container2 .title label{
        font-size: 1.2rem;
        font-weight: bold !important;
    }

    .divConsejero .consejero-container .title label,
    .divConsejero .consejero-container .title h4 {
        text-align: center;
    }

    .divConsejero .consejero-container .title h4 {
        width: 100%;
        padding-bottom: 10px;
    }

    .divConsejero .button_style{
        color: #3A8C88;
        font-size: 2rem;
        transition: 0.5s all ease-in-out;
    }
    
    .divConsejero .button_style2{
        color: #3A8C88;
        font-size: 2rem;
        transition: 0.5s all ease-in-out;
        margin: 0 20px !important;
    }
    
    .divConsejero .button_style:hover,
    .divConsejero .button_style2:hover{
        color: #22524f;
        transform: translateY(-5px);
        cursor: pointer;
    }

    .consejeros-iconos .consejeros-nombre-archivo{
        width: 100%;
        color: #4A586970;
        text-align: center;
        font-size: .8rem !important;
        background-color: #CCCCCC60;
        border-radius: 30px;
        padding: 4px 10px !important;
        margin: 10px 0;
        overflow: hidden !important;
    }

    .divConsejero .checkbox-default{
        width: 85%;
        margin: 0 auto;
        padding-bottom: 5px;
    }
    
    .divConsejero .checkbox-default label{
        font-size: 1rem;
    }

    .generar-cv{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 auto !important;
    }   

    .generar-cv .dropdown-toggle{
        width: 98% !important;
        margin-left: 3px !important;
    }

    .generar-cv textarea{
        margin-bottom: 20px;
        height: 150px;
        resize: none !important;
    }

    /******************* REDES SOCIALES *********************/

    .red-social .col-md-12{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        padding: 10px;
    }

    .red-social .col-md-12 .logo-red-social2,
    .red-social .col-md-12 .logo-red-social{
        width: 60px;
        height: 60px;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 60px;
        background-color: #6D727A;
        z-index: 100;
    }

    .red-social .col-md-12 .logo-red-social2 i,
    .red-social .col-md-12 .logo-red-social i{
        color: #FFF;
        font-size: 2.2rem;
        margin-left: -15px;
        border: none !important;
    }

    .red-social .col-md-12 .input-red-social input{
        width: 116% !important;
        margin: 5px 0;
        padding: 0 10px;
        margin-left: -55px !important;
    }

    .red-social .col-md-12 .input-red-social2 input{
        width: 121% !important;
        margin: 5px 0;
        padding: 0 10px;
        margin-left: -55px !important;
    }

    /********************   ADJUNTOS   ***********************/

    .registro-adjuntos{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 20px 0;
        margin-left: 5%;
    }

    .registro-adjuntos .registro-adjuntos-icono{
        width: 100px;
        height: 100px;
        border-radius: 70px;
        background-color: #3A8C88;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        position: relative;
        z-index: 101;
        margin-left: 20px;
    }

    .registro-adjuntos-icono img{
        height: 60px;
    }

    .registro-adjuntos .registro-adjuntos-datos{
        width: 100%;
        height: 200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 130.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
    }

    .registro-adjuntos-datos .tipo-adjunto{
        font-size: 1rem !important;
        letter-spacing: -1px;
        margin-top: 10px;
    }

    .registro-adjuntos-datos p{
        font-size: 1.3rem;
        color:#000 !important;
        padding: 0 !important;
        text-align: center;
    }

    .registro-adjuntos-datos .registro-adjuntos-subir-borrar{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        padding: 0 !important;
        margin-top: -20px !important;
        margin-bottom: 10px !important;
    }

    .registro-adjuntos-subir-borrar .button_style{
        color: #3A8C88;
        font-size: 2.2rem;
        transition: 0.5s all ease-in-out;
        margin: 10px 20px !important;
    }

    .registro-adjuntos-subir-borrar .button_style:hover{
        color: #22524f;
        transform: translateY(-5px);
        cursor: pointer;
    }

    .registro-adjuntos-datos .acta_name{
        position: relative;
        margin-top: -5px !important;
        width: 80% !important;
        margin: 0 auto;
    }

    .registro-adjuntos-datos .acta_name p{
        color: #4A586970;
        text-align: center;
        font-size: .8rem !important;
        background-color: #FFFFFF70;
        border-radius: 30px;
        padding: 4px 10px;
    }

    /********************   FOOTER   ************************/

    #footer-registro{
        width: 100%;
        padding: 50px 10px 20px 10px;
        position: relative;
        bottom: 0 !important;
        background: #6D727A;
    }

    #footer-registro .container-fluid{
        padding: 0 !important;
    }

    #footer-registro .footer-container{
        width: 95%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .logo{
        width: 80%;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .logo img{
        /* margin-left: calc(-20%); */
        width: 90%;
    }

    .linea{
        width: 400px;
        border-bottom: solid 1px #FFFFFF30;
        margin: 40px 0;
    }

    .datos{
        font-size: .9rem;
        width: 100% !important;
        margin: 0 0 20px 0;
    }

    .datos h4, .datos h5{
        margin-bottom: 2px;
    }

    .datos p{
        font-size: .9rem;
        line-height: 20px;
    }
    
    .footer-social-media{
        width: 100% !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        color: #FFF;
    }
    
    .red {
        width: 30px;
        height: 30px;
        margin: 0 5px 6px 0;
        border-radius: 5px;
        color: #6D727A;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #72808E;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        transition: 0.5s ease-in-out all;
    }

    .red:hover{
        background-color: #3A8C88;
        transform: translateY(-5px);
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
    }

    .copy-right{
        text-align: center;
        font-size: 0.9rem;
        color: #FFF;
    }
    
    .copy-right p{
        line-height: 20px;
    }

    /**************** LOGIN *********************/

    .auth-wrapper .auth-box{
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .login-sign .card-sign .col-md-12 {
        max-width: 50%;
    }

    .login-sign .card-sign .card-body {
        width: 600px;
        height: 350px;
        background: rgba(255, 255, 255, 0.75);
        box-shadow: 0px 16px 11px -3px rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);
        border-top: none;
        border-radius: 10px;
        padding: 0;
        margin-top: -20px;
    }

    .login-sign .card-sign .card-body .logo{
        width: 100%;
        height: 90px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background-color: #6D727A;
        padding: 10px;
        border-radius: 10px 10px 0 0;
        margin-bottom: -20px;
    }

    .login-sign .card-sign .card-body .logo i{
        font-size: 4rem;
        color: #72808E;
        position: relative;
        margin-right: 30px;
    }

    .login-sign .card-sign .card-body .logo img{
        width: calc(50%);
        margin: 0 auto !important;
    }
    
    .login-sign .card-sign .card-body #loginform hr{
        display: none !important;
    }

    .login-sign .card-sign .card-body #loginform {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 20px;
    }
    
    .login-sign .card-sign #loginform .card-body .form-control:focus{
        background-color: #FFF  !important;
    }
    
    .login-sign .card-sign .card-body #loginform .input-group-text {
        background-color: #6D727A;
        color: #FFF;
    }
    
    #loginform .form-group:nth-child(1){
        border: none !important;
        padding: 4px 0;
        margin-top: 12px !important;
    }

    #loginform .form-group:nth-child(1) label{
        margin-top: -50px !important;
    }

    .login-sign #loginform .row{
        margin: 20px 0;
    }
    
    .login-sign #loginform .row p{
        margin-bottom: 7px !important;
    }

    .login-sign #loginform p a{
        color: #72808E;
        transition: .5s all ease-in-out;
    } 

    #loginform .password label{

        position: relative;
        top: 20px;
    }

    #loginform .password a{
        color: #72808E;
        position: relative;
        top: 70px;
    }

    .login-sign #loginform p a:hover{
        color: #3A8C88;
    }

    .login-sign #loginform hr{
        border: solid 1px #FFF !important;
        margin: 20px 0 !important;
    }

    .login-sign #loginform .btn-sesion{
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        margin-top: -10px;
    }
    
    .btn-sesion .checkbox-default{
        margin-bottom: 10px !important;
    }
    
    .footer-login .back{
        display: none !important;
    }

    .footer-login .acount{
        font-size: .9rem;
        margin-top: 30px;
    }

    .login-sign #loginform .footer-login{
        width: 48%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        position: relative;
        right: 0;
    }

    .login-sign .iniciar-sesion{
        width: 150px;
        color: #FFF;
        border: none !important;
        background-color: #6D727A;
        border-radius: 5px !important;
        padding: 7px 15px;
        transition: .3s all ease-in-out;
        font-size: .9rem;
    }

    .login-sign .iniciar-sesion:hover{
        cursor: pointer;
        transform: translateY(-5px) !important;
        background-color: #3A8C88;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }
  
}

@media (min-width: 768px) and (max-width: 991px) and (orientation: portrait){

    body{
        background: url("../img/fondo-qro-dos.jpeg") !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        background-size: cover !important;
    }

    .registro-sign .card-sign .card-body {
        width: 700px;
        height: calc(85vh);
        margin: 0 auto;
        background: rgba(255, 255, 255, 0.75);
        box-shadow: 0px 16px 11px -3px rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);
        border-top: none;
        overflow: hidden;
        overflow-y: scroll;
        border-radius: 0 0 10px 10px;
        padding: 0;
    }

    .body-sign  {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        scrollbar-width: thin;
        scrollbar-color:rgba(255, 255, 255, 0.25) #4AAEEC50 ;
    }

    /* Works on Chrome, Edge, and Safari */
    .body-sign ::-webkit-scrollbar {
        width: 12px;
    }
    
    .body-sign ::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.25);
    }
    
    .body-sign ::-webkit-scrollbar-thumb {
        background-color: #4AAEEC50;
        border-radius: 20px;
    }

    .body-sign .cabecera-registro{
        width: 100%;
        height: 200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        color: #FFF;
        background: #6D727A;
        padding: 20px;
    }

    .cabecera-registro .cabecera-logo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 120px;
        margin-bottom: -20px;
        position: relative;
        left: -200px;
    }
    
    .login-sign .card-sign .card-body .logo i{
        display: none;
    }
    
    .cabecera-registro .cabecera-logo img{
        width: 100%;
        height: 100%;
    }

    .cabecera-registro .selectTipo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        margin-top: 50px;
    }

    .form-group{
        padding-bottom: 10px;
    }

    .form-group h3{
        font-size: 1.5rem;
    }

    .form-group h4{
        font-size: 1rem;
    }

    .form-group .row .col-md-12 label,
    .form-group .row .col-md-3 label,
    .form-group .row .col-md-6 label,
    .form-group .row .col-md-5 label,
    .form-group .row .col-md-7 label,
    .form-group .row .col-md-4 label{
        font-size: .8rem !important;
    }
    
    .form-group:nth-child(8) .row label,
    .form-group:nth-child(6) .row label{
        font-size: 1rem !important;
    }

    .selectTipo p{
        font-size: 1.5rem;
        font-weight: bold;
        margin-top: 15px;
        text-align: center;
        color: #FFF;
        margin-top: -20px;
    }
    
    .selectTipo .form-check-label{
        font-size: 1.2rem;
        color: #FFF !important;
    }

    .cabecera-registro .regresar{
        position: relative;
        top: -220px;
        right: -290px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .regresar i{
        font-size: 4rem;
        color: #72808E;
        transition: .5s all ease-in-out;
    }

    .regresar i:hover{
        color: #3A8C88;
        cursor: pointer;
        transform: scale(1.1) !important;
    }

    .divPersona{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .form-group label{
        font-size: 1rem !important;
    }

    .divPersona .form-control{
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
        border-radius: 5px !important;
        transition: .5s all ease-in-out;
    }

    .divPersona .form-control:hover{
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group .row{
        padding: 10px 15px;
    }

    .form-group input:hover,
    .form-control:hover,
    .bootstrap-select > .dropdown-toggle:hover{
        cursor: pointer;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group input:focus, input:active{
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px !important;
        outline: none !important;
        border: none !important;
    }

    .form-group .form-control:disabled{
        background-color: #00000030;
        border: 1px solid rgba(0, 0, 0, 0.5);
    }

    .form-group .btn-registrar{
        color: #FFF;
        border: none !important;
        background-color: #6D727A;
        border-radius: 5px !important;
        padding: 7px 15px;
        transition: .5s all ease-in-out;
    }

    .form-group .btn-registrar:hover{
        cursor: pointer;
        transform: translateY(-5px) !important;
        background-color: #3A8C88;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group .aviso-legal{
        font-size: 1rem;
        color: #6D727A;
        transition: .3s all ease-in-out;
    }

    .form-group .aviso-legal:hover{
        color: #3A8C88;
    }
/* 
    .bootstrap-select{
        width: 114% !important;
        padding: 0 !important;
    } */

    .bootstrap-select > .dropdown-toggle{
        width: 115% !important;
        height: 38px !important;
        margin-left: -11px !important;
        margin-top: -10px;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-select .dropdown-toggle{
        width: 150px !important;
        height: 30px !important;
        margin-left: 2px !important;
        margin-top: 0;
        border: none !important;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .tematica-select .dropdown-toggle{
        width: 310px !important;
        height: 40px !important;
        margin-top: -10px;
        border: none !important;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-osc2 .dropdown-toggle,
    .CP-osc .dropdown-toggle{
        width: 315px !important;
        height: 30px !important;
        margin-top: 1px;
        margin-left: 1px !important;
        border: none !important;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-select .dropdown-toggle .filter-option-inner-inner{
        margin-top: -1px !important;
    }

    .bootstrap-select > .dropdown-toggle .filter-option-inner-inner{
        margin-top: 3px;
    }

    .botones-abajo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 20px;
    }

    .botones-abajo a i{
        font-size: 1.4rem;
    }
    
    .botones-abajo a i, 
    .botones-abajo a{
        font-size: 1.2rem;
        color: #72808E;
        font-style: normal;
        transition: .3s all ease-in-out;
    }

    .botones-abajo div{
        padding: 3px 0;
    }

    .botones-abajo .text-login, 
    .botones-abajo a{
        font-size: 1rem;
        transition: .3s all ease-in-out;
    }
    
    .botones-abajo .text-login a:hover, 
    .botones-abajo a i:hover{
        color: #3A8C88;
        text-shadow: #000;
    }

    #txtobjeto{
        margin-top: 12px;
        height: 253px;
        resize: none;
    }

    .terminos-condiciones{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .terminos-condiciones .avisos{
        display: flex;
        flex-direction: row !important;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
        margin-bottom: 10px;
    }

    .terminos-condiciones .avisos a{
        margin: 0 5px;
    }

    .terminos-condiciones #checkboxOsc,
    .terminos-condiciones #checkbox{
        margin-right: 10px;
        margin-left: 30px;
    }
    
    .terminos-condiciones label{
        font-size: 1rem !important;
        line-height: 16px;
    }
    
    .terminos-condiciones .check-terminos{
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    
    .terminos-condiciones .check-terminos #checkboxOsc{
        margin-right: 10px;
    }
    
    .terminos-condiciones .col-md-12 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    /********************* CONSEJERO  ************************/

    .divConsejero .row{
        display: flex ;
        flex-direction: row ;
        align-items: center ;
        justify-content: center ;
    }

    .divConsejero .consejero-container{
        width: 100% !important;
        height: 370px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 130.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        margin-bottom: 20px;
        padding: 20px 0;
    }

    .divConsejero .generar-cv{
        width: 72% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 140.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        margin: 0 auto !important;
        padding: 40px 0; 
    }

    .divConsejero .consejero-container .row{
        padding: 0 !important;
    }

    .divConsejero .consejero-container .title{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 10px;
    }

    .divConsejero .consejero-container a{
        height: 20px;
        font-size: 1rem;
        color: #72808E;
        margin: 0 auto !important;
        transition: .5s all ease-in-out;
    }
    
    .divConsejero .exposicion-descarga {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 5px 0;
    }

    .divConsejero .exposicion-descarga a{
        font-size: .9rem;
    }

    .divConsejero .row .title a{
        margin-top: -10px;
        margin-bottom: 10px;
        padding: 0 0 10px 0;
    }

    .divConsejero .consejero-container .title a:hover{
        cursor: pointer;
        transform: scale(1.1);
    }

    .divConsejero .consejero-container .title label{
        font-size: 1.2rem;
        font-weight: bold !important;
    }

    .divConsejero .consejero-container .title label,
    .divConsejero .consejero-container .title h4 {
        text-align: center;
    }

    .divConsejero .consejero-container .title h4 {
        width: 100%;
        padding-bottom: 10px;
    }

    .divConsejero .consejeros-iconos{
        display: flex;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 10px 0;
    }
    
    .divConsejero .consejeros-iconos .consejeros-leyenda{
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .divConsejero .consejeros-iconos .form-check{
        position: relative;
        top: -10px;
        left: 20px;
    }

    .divConsejero .consejeros-iconos .consejeros-leyenda .col-md-1{
        position: relative;
        top: -10px !important;
    }

    .divConsejero .consejeros-iconos .consejeros-leyenda .col-md-2{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
        margin-bottom: 20px !important;
    }

    .divConsejero .consejeros-iconos .consejeros-leyenda .col-md-6{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
        margin-bottom: 20px !important;
    }
    
    .divConsejero .button_style{
        color: #3A8C88;
        font-size: 2rem;
        transition: 0.5s all ease-in-out;
    }
    
    .divConsejero .button_style2{
        color: #3A8C88;
        font-size: 2rem;
        transition: 0.5s all ease-in-out;
        margin: 0 20px !important;
    }
    
    .divConsejero .button_style:hover,
    .divConsejero .button_style2:hover{
        color: #22524f;
        transform: translateY(-5px);
        cursor: pointer;
    }

    .consejeros-iconos .consejeros-nombre-archivo{
        width: 100%;
        color: #4A586970;
        text-align: center;
        font-size: .8rem !important;
        background-color: #CCCCCC60;
        border-radius: 30px;
        padding: 4px 10px !important;
        overflow: hidden !important;
    }

    .divConsejero .checkbox-default{
        width: 85%;
        margin: 0 auto;
        padding-bottom: 5px;
    }
    
    .divConsejero .checkbox-default label{
        font-size: .9rem;
    }

    .generar-cv #otro,
    .generar-cv .dropdown-toggle{
        width: 350px !important;
        margin-top: 1px;
        margin-left: 5px !important;
    }

    .generar-cv textarea{
        margin-bottom: 20px;
        resize: none;
    }

    /******************* REDES SOCIALES *********************/

    .red-social .col-md-12{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        padding: 10px;
    }

    .red-social .logo-red-social2{
        width: 80px !important;
        height: 55px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 60px;
        background-color: #6D727A;
        z-index: 100;
        padding: 0 27px;
    }

    .red-social .logo-red-social{
        width: 80px !important;
        height: 56px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 60px;
        background-color: #6D727A;
        z-index: 100;
    }

    .red-social .col-md-12 .logo-red-social i{
        color: #FFF;
        font-size: 1.7rem;
        margin-left: -17px;
        border: none !important;
    }

    .red-social .col-md-12 .logo-red-social2 i{
        color: #FFF;
        font-size: 1.7rem;
        margin-left: -35px;
        border: none !important;
    }

    .red-social .col-md-12 .input-red-social input{
        width: 114.5% !important;
        margin: 5px 0;
        padding: 0 10px;
        margin-left: -55px !important;
    }

    .red-social .col-md-12 .input-red-social2 input{
        width: 120% !important;
        margin: 5px 0;
        padding: 0 10px;
        margin-left: -55px !important;
    }

    /**************** LOGIN *********************/

    .body-sign .center-sign{
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 0 !important;
    }

    .auth-wrapper .auth-box{
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .login-sign .card-sign .card-body {
        width: 400px;
        height: 570px;
        margin: 0 auto !important;
        background: rgba(255, 255, 255, 0.75);
        box-shadow: 0px 16px 11px -3px rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);
        border-top: none;
        border-radius: 10px;
        padding: 0;
    }

    .login-sign .card-sign .card-body .logo{
        width: 100%;
        height: 120px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #6D727A;
        padding: 10px;
        border-radius: 10px 10px 0 0;
        margin-bottom: -15px;
    }

    .login-sign .card-sign .card-body .logo i{
        display: none;
    }

    .login-sign .card-sign .card-body .logo img{
        width: calc(70%);
        margin: 0 auto !important;
    }
    
    .login-sign .card-sign .card-body #loginform {
        padding: 20px;
    }
    
    .login-sign .card-sign #loginform .card-body .form-control:focus{
        background-color: #FFF  !important;
    }

    #loginform .btn-sesion .text-end,
    #loginform .btn-sesion{
        width: 100%;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-around !important;
    }
    
    #loginform .btn-sesion{
        margin: 10px 0 30px 0 !important;
    }

    #loginform .btn-sesion .text-end{
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-end;
    }

    #loginform .password .float-end{
        color: #72808E;
    }
    
    #loginform .btn-sesion .col-sm-5{
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        justify-content: flex-end !important;
    }

    #loginform .btn-sesion .col-sm-7{
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center;
    }
    
    .login-sign .card-sign .card-body #loginform .input-group-text {
        background-color: #6D727A;
        color: #FFF;
    }
    
    .login-sign .card-sign #loginform .form-group + .form-group{
        border: none !important;
        padding: 4px 0;
    }

    .login-sign #loginform .row{
        margin: 20px 0;
    }
    
    .login-sign #loginform .row p{
        margin-bottom: 7px !important;
    }

    .login-sign #loginform p a{
        color: #72808E;
        transition: .5s all ease-in-out;
    } 

    .login-sign #loginform p a:hover{
        color: #3A8C88;
    }

    .login-sign #loginform hr{
        border: solid 1px #FFF !important;
        margin: 20px 0 !important;
    }

    .login-sign .iniciar-sesion{
        color: #FFF;
        border: none !important;
        background-color: #6D727A;
        border-radius: 5px !important;
        padding: 7px 15px;
        transition: .3s all ease-in-out;
    }

    .login-sign .iniciar-sesion:hover{
        cursor: pointer;
        transform: translateY(-5px) !important;
        background-color: #3A8C88;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    /********************   ADJUNTOS   ***********************/

    .registro-adjuntos{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
        /* margin-left: -20px; */
    }
    
    /* .registro-adjuntos .col-md-6{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    } */

    .registro-adjuntos .registro-adjuntos-icono{
        width: 90px;
        height: 90px;
        border-radius: 60px;
        background-color: #3A8C88;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        position: relative;
        z-index: 101;
        margin-bottom: -20px;
        margin-left: -25px;
    }

    .registro-adjuntos-icono img{
        height: 50px;
    }

    .registro-adjuntos .registro-adjuntos-datos{
        width: 100%;
        height: 180px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 130.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        padding-top: 20px;
    }

    .registro-adjuntos-datos .tipo-adjunto{
        font-size: .9rem !important;
        letter-spacing: -1px;
        margin-top: 25px;
        text-align: center;
    }

    .registro-adjuntos-datos p{
        font-size: 1.3rem;
        color:#000 !important;
        padding: 0 !important;
        text-align: center;
    }

    .registro-adjuntos-datos .registro-adjuntos-subir-borrar{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        padding: 0 !important;
        margin-top: -25px !important;
        margin-bottom: 5px !important;
    }

    .registro-adjuntos-subir-borrar .button_style{
        color: #3A8C88;
        font-size: 2.2rem;
        transition: 0.5s all ease-in-out;
        margin: 10px 20px !important;
    }

    .registro-adjuntos-subir-borrar .button_style:hover{
        color: #22524f;
        transform: translateY(-5px);
        cursor: pointer;
    }

    .registro-adjuntos-datos .acta_name{
        position: relative;
        margin-top: -5px !important;
        width: 80% !important;
        margin: 0 auto;
    }

    .registro-adjuntos-datos .acta_name p{
        color: #4A586970;
        text-align: center;
        font-size: .8rem !important;
        background-color: #FFFFFF70;
        border-radius: 30px;
        padding: 4px 10px;
    }

    /********************   FOOTER   ************************/

    #footer-registro{
        width: 100%;
        padding: 50px 10px 20px 10px;
        position: relative;
        bottom: 0 !important;
        background: #6D727A;
    }

    #footer-registro .container-fluid{
        padding: 0 !important;
    }

    #footer-registro .footer-container{
        width: 75%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .logo{
        width: 80%;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .logo img{
        /* margin-left: calc(-20%); */
        width: 90%;
    }

    .linea{
        width: 400px;
        border-bottom: solid 1px #FFFFFF30;
        margin: 40px 0;
    }

    .datos{
        font-size: .9rem;
        width: 100% !important;
        margin: 0 0 20px 0;
    }

    .datos h4, .datos h5{
        margin-bottom: 2px;
    }

    .datos p{
        font-size: .9rem;
        line-height: 20px;
    }
    
    .footer-social-media{
        width: 100% !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        color: #FFF;
    }
    
    .red {
        width: 30px;
        height: 30px;
        margin: 0 5px 6px 0;
        border-radius: 5px;
        color: #6D727A;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #72808E;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        transition: 0.5s ease-in-out all;
    }

    .red:hover{
        background-color: #3A8C88;
        transform: translateY(-5px);
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
    }

    .copy-right{
        text-align: center;
        font-size: 0.9rem;
        color: #FFF;
    }
    
    .copy-right p{
        line-height: 20px;
    }
  
}

@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape){

    body{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: url("../img/fondo-qro-dos.jpeg") !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        background-size: cover !important;
    }

    .auth-wrapper .auth-box{
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .registro-sign .card-sign .card-body {
        width: calc(90%);
        height: calc(88vh);
        margin-left: calc(5%);
        background: rgba(255, 255, 255, 0.75);
        box-shadow: 0px 16px 11px -3px rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);
        border-top: none;
        overflow: hidden;
        overflow-y: scroll;
        border-radius: 0 0 10px 10px;
        padding: 0;
        margin-bottom: 30px;
    }

    /* Works on Firefox */
    .body-sign  {
        margin: 0 auto !important;
        scrollbar-width: thin;
        scrollbar-color:rgba(255, 255, 255, 0.25) #4AAEEC50 ;
    }
  
    /* Works on Chrome, Edge, and Safari */
    .body-sign ::-webkit-scrollbar {
        width: 12px;
    }
    
    .body-sign ::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.25);
    }
    
    .body-sign ::-webkit-scrollbar-thumb {
        background-color: #4AAEEC50;
        border-radius: 20px;
    }

    .body-sign .cabecera-registro{
        width: 100%;
        height: 190px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        color: #FFF;
        background: #6D727A;
        padding: 20px;
    }

    .cabecera-registro .cabecera-logo{
        max-width: 250px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
    }

    .cabecera-registro .cabecera-logo img{
        width: 110%;
        height: 100%;
        position: relative;
        left: -20%;
    }

    .cabecera-registro .selectTipo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 10%;
    }

    .form-group{
        padding-bottom: 10px;
    }

    .form-group h3{
        font-size: 1.5rem;
    }

    .form-group h4{
        font-size: 1rem;
    }

    .selectTipo p{
        font-size: 1.5rem;
        font-weight: bold;
        margin-top: 15px;
        text-align: center;
        color: #FFF;
        margin-top: -20px;
    }
    
    .selectTipo .form-check-label{
        font-size: 1rem;
        color: #FFF !important;
    }

    .cabecera-registro .regresar{
        position: relative;
        top: 10px;
        right: 10px;
    }

    .regresar i{
        font-size: 3rem;
        color: #72808E;
        transition: .5s all ease-in-out;
    }

    .regresar i:hover{
        color: #3A8C88;
        cursor: pointer;
        transform: scale(1.1) !important;
    }

    .divPersona{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .form-group label{
        font-size: 1rem !important;
    }

    .divPersona .form-control{
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
        border-radius: 5px !important;
        transition: .5s all ease-in-out;
    }

    .divPersona .form-control:hover{
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group .row{
        padding: 10px 10px;
    }

    .form-group input:hover,
    .form-control:hover,
    .bootstrap-select > .dropdown-toggle:hover{
        cursor: pointer;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group input:focus, input:active{
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px !important;
        outline: none !important;
        border: none !important;
    }

    .form-group .form-control:disabled{
        background-color: #00000030;
        border: 1px solid rgba(0, 0, 0, 0.5);
    }

    .form-group .row .electronico{
        display: none !important;
    }

    .terminos-condiciones .col-sm-12{
        width: 100% !important;
        max-width: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
    }

    .form-group .btn-registrar{
        color: #FFF;
        border: none !important;
        background-color: #6D727A;
        border-radius: 5px !important;
        padding: 7px 15px;
        transition: .5s all ease-in-out;
    }

    .form-group .btn-registrar:hover{
        cursor: pointer;
        transform: translateY(-5px) !important;
        background-color: #3A8C88;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group .aviso-legal{
        font-size: 1rem;
        color: #6D727A;
        transition: .3s all ease-in-out;
    }

    .form-group .aviso-legal:hover{
        color: #3A8C88;
    }

    .bootstrap-select > .dropdown-toggle{
        width: 110% !important;
        height: 38px !important;
        margin-left: -11px !important;
        margin-top: -10px;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-select .dropdown-toggle{
        width: 100% !important;
        height: 30px !important;
        margin-left: 2px !important;
        margin-top: 0;
        border: none !important;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }
    
    .tematica-select .dropdown-toggle{
        width: 103% !important;
        height: 38px !important;
        margin-top: -9px;
        border: none !important;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-osc2 .dropdown-toggle,
    .CP-osc .dropdown-toggle{
        width: 100% !important;
        height: 30px !important;
        margin-top: 1px;
        margin-left: 1px !important;
        border: none !important;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-select .dropdown-toggle .filter-option-inner-inner{
        margin-top: -1px !important;
    }

    .bootstrap-select > .dropdown-toggle .filter-option-inner-inner{
        margin-top: 3px;
    }

    .botones-abajo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 20px;
    }

    .botones-abajo a i{
        font-size: 1.4rem;
    }
    
    .botones-abajo a i, .botones-abajo a{
        font-size: 1.2rem;
        color: #72808E;
        font-style: normal;
        transition: .3s all ease-in-out;
    }

    .botones-abajo div{
        padding: 3px 0;
    }

    .botones-abajo .text-login, .botones-abajo a{
        font-size: 1rem;
        transition: .3s all ease-in-out;
    }
    
    .botones-abajo .text-login a:hover, .botones-abajo a i:hover{
        color: #3A8C88;
        text-shadow: #000;
    }

    #txtobjeto{
        margin-top: 12px;
        height: 253px;
        resize: none;
    }

    .terminos-condiciones{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .terminos-condiciones .avisos{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
        margin-bottom: 10px;
    }

    .terminos-condiciones .avisos a{
        margin: 0 5px;
    }

    .terminos-condiciones #checkbox{
        margin-right: 10px;
    }
    
    .terminos-condiciones label{
        font-size: 1rem !important;
        line-height: 16px;
    }
    
    .terminos-condiciones .check-terminos{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    
    .terminos-condiciones .check-terminos #checkboxOsc{
        margin-right: 10px;
    }

    /********************* CONSEJERO  ************************/

    /* .divConsejero .col-sm-12{
        padding: 0 !important;
    } */

    .divConsejero .consejero-container{
        width: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 130.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        margin-bottom: 30px !important;
        margin: 0 auto;
    }

    .consejero-container:nth-child(1){
        height: 350px !important;
        padding: 40px 0 30px 0 !important;
    }

    .consejero-container:nth-child(1) p{
        margin-bottom: -15px;
    }

    .consejero-container:nth-child(1) .consejeros-iconos{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 20px 0 10px 0;
    }

    .consejero-container:nth-child(1) .consejeros-iconos .consejeros-leyenda{
        width: 300px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin: 10px 0 20px 0;
        margin-left: -33%;
    }

    .consejero-container:nth-child(2){
        height: 360px !important;
        padding: 70px 0 !important;
    }

    .consejero-container:nth-child(2) .consejeros-iconos{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 20px 0 10px 0;
    }
    
    .consejero-container:nth-child(2) .consejeros-iconos .consejeros-leyenda{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        /* margin: 0 0 20px 0; */
    }

    .consejero-container:nth-child(2) .consejeros-iconos .consejeros-leyenda .button_style{
        margin-left: 20%;
    }

    .consejero-container:nth-child(2) .consejeros-iconos .consejeros-nombre-archivo{
        width: 110%;
        color: #4A586970;
        text-align: center;
        font-size: .8rem !important;
        background-color: #CCCCCC60;
        border-radius: 30px;
        padding: 4px 30px !important;
        margin: 5px 0 0 0;
        overflow: hidden !important;
    }

    .consejero-container:nth-child(3) .consejeros-iconos .consejeros-leyenda{
        width: 300px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin: -10px 0 20px 0;
    }

    .consejero-container:nth-child(1) .consejeros-iconos .consejeros-nombre-archivo{
        width: 100%;
        color: #4A586970;
        text-align: center;
        font-size: .8rem !important;
        background-color: #CCCCCC60;
        border-radius: 30px;
        padding: 4px 10px !important;
        margin: -10px 0 0 0;
        overflow: hidden !important;
    }

    .consejero-container:nth-child(3){
        height: 350px !important;
        padding: 80px 0 70px 0 !important;
    }
    
    .divConsejero .generar-cv{
        width: 73% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 140.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        padding: 20px 50px 20px 70px;
    }

    .divConsejero{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .divConsejero .consejero-container .row{
        padding: 0 !important;
    }

    .divConsejero .consejero-container .title{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 10px;
    }

    .divConsejero .consejero-container a{
        height: 20px;
        font-size: 1rem;
        color: #72808E;
        margin: 0 auto !important;
        transition: .5s all ease-in-out;
    }
    
    .divConsejero .exposicion-descarga {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 5px 0;
    }

    .divConsejero .exposicion-descarga a{
        font-size: 1rem;
        text-align: center;
    }

    .divConsejero .row .title a{
        margin-top: -10px !important;
        margin-bottom: 10px !important;
        padding: 0 0 10px 0;
    }

    .divConsejero .consejero-container .title a:hover{
        cursor: pointer;
        transform: scale(1.1);
    }

    .divConsejero .consejero-container .title label,
    .divConsejero .consejero-container2 .title label{
        font-size: 1.2rem;
        font-weight: bold !important;
    }

    .divConsejero .consejero-container .title label,
    .divConsejero .consejero-container .title h4 {
        text-align: center;
    }

    .divConsejero .consejero-container .title h4 {
        width: 100%;
        padding-bottom: 10px;
    }

    .divConsejero .button_style{
        color: #3A8C88;
        font-size: 2rem;
        transition: 0.5s all ease-in-out;
    }
    
    .divConsejero .button_style2{
        color: #3A8C88;
        font-size: 2rem;
        transition: 0.5s all ease-in-out;
        margin: 0 20px !important;
    }
    
    .divConsejero .button_style:hover,
    .divConsejero .button_style2:hover{
        color: #22524f;
        transform: translateY(-5px);
        cursor: pointer;
    }

    .consejeros-iconos .consejeros-nombre-archivo{
        width: 100%;
        color: #4A586970;
        text-align: center;
        font-size: .8rem !important;
        background-color: #CCCCCC60;
        border-radius: 30px;
        padding: 4px 10px !important;
        margin: 10px 0;
        overflow: hidden !important;
    }

    .divConsejero .checkbox-default{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        width: 70%;
        margin: 0 auto !important;
        padding-bottom: 5px;
    }
    
    .divConsejero .checkbox-default label{
        font-size: 1rem;
    }

    .generar-cv{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 auto !important;
    }   

    .generar-cv .dropdown-toggle{
        width: 100% !important;
        margin-left: 3px !important;
    }

    .generar-cv textarea{
        width: 350px!important;
        margin-bottom: 20px;
        height: 150px;
        resize: none !important;
    }

    /******************* REDES SOCIALES *********************/

    .red-social .col-md-12{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        padding: 10px;
    }

    .red-social .col-md-12 .logo-red-social{
        width: 60px;
        height: 60px;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 60px;
        background-color: #6D727A;
        z-index: 100;
    }

    .red-social .col-md-12 .logo-red-social i{
        color: #FFF;
        font-size: 2.2rem;
        margin-left: -14px;
        border: none !important;
    }

    .red-social .col-md-12 .input-red-social input{
        width: 112% !important;
        margin: 5px 0;
        padding: 0 10px;
        margin-left: -55px !important;
    }

    /********************   ADJUNTOS   ***********************/

    .registro-adjuntos{
        display: flex;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 20px 0;
    }

    .registro-adjuntos .registro-adjuntos-icono{
        width: 100px;
        height: 100px;
        border-radius: 70px;
        background-color: #3A8C88;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        position: relative;
        z-index: 101;
        margin-left: -70%;
    }

    .registro-adjuntos-icono img{
        height: 60px;
    }

    .registro-adjuntos .registro-adjuntos-datos{
        width: 100%;
        height: 200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 130.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        padding-top: 20px;
    }

    .registro-adjuntos-datos .tipo-adjunto{
        font-size: 1.2rem !important;
        letter-spacing: -1px;
        margin-top: 10px;
        margin-bottom: 15px;
        text-align: center;
    }

    .registro-adjuntos-datos p{
        font-size: 1.3rem;
        color:#000 !important;
        padding: 0 !important;
        text-align: center;
    }

    .registro-adjuntos-datos .registro-adjuntos-subir-borrar{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        padding: 0 !important;
        margin-top: -10px !important;
        margin-bottom: 15px !important;
    }

    .registro-adjuntos-subir-borrar .button_style{
        color: #3A8C88;
        font-size: 2.2rem;
        transition: 0.5s all ease-in-out;
        margin: 10px 20px !important;
    }

    .registro-adjuntos-subir-borrar .button_style:hover{
        color: #22524f;
        transform: translateY(-5px);
        cursor: pointer;
    }

    .registro-adjuntos-datos .acta_name{
        position: relative;
        margin-top: -5px !important;
        width: 80% !important;
        margin: 0 auto;
    }

    .registro-adjuntos-datos .acta_name p{
        color: #4A586970;
        text-align: center;
        font-size: .8rem !important;
        background-color: #FFFFFF70;
        border-radius: 30px;
        padding: 4px 10px;
    }

    /********************   FOOTER   ************************/

    #footer-registro{
        width: 100%;
        padding: 50px 50px 5px 50px;
        position: relative;
        bottom: 0 !important;
        background: #6D727A;
    }

    #footer-registro .container-fluid{
        padding: 0 20px !important;
    }

    #footer-registro .footer-container{
        width: 90%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .logo{
        width: 90%;
    }

    .logo img{
        margin-left: calc(10%);
        width: 80%;
    }

    .linea{
        width: 85% !important;
        border-bottom:solid 1px #FFFFFF30;
        margin: 50px 0 0 0;
    }

    .datos{
        font-size: 1rem;
        width: 85% !important;
        margin: 40px 0;
    }

    .datos h4, .datos h5{
        margin-bottom: 2px;
    }

    .datos p{
        line-height: 20px;
    }

    .footer-social-media{
        width: 90% !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        color: #FFF;
    }

    .red {
        width: 30px;
        height: 30px;
        margin: 0 5px 6px 0;
        border-radius: 5px;
        color: #6D727A;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #72808E;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        transition: 0.5s ease-in-out all;
    }

    .red:hover{
        background-color: #3A8C88;
        transform: translateY(-5px);
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
    }

    .copy-right{
        text-align: center;
        font-size: 0.9rem;
        color: #FFF;
    }

    /**************** LOGIN *********************/

    .login-sign .card-sign .col-md-12 {
        max-width: 50%;
    }

    .login-sign .card-sign .card-body {
        width: 700px;
        height: 350px;
        background: rgba(255, 255, 255, 0.75);
        box-shadow: 0px 16px 11px -3px rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);
        border-top: none;
        border-radius: 10px;
        padding: 0;
    }

    .login-sign .card-sign .card-body .logo{
        width: 100%;
        height: 100px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background-color: #6D727A;
        padding: 10px;
        border-radius: 10px 10px 0 0;
        margin-bottom: -10px;
    }

    .login-sign .card-sign .card-body .logo i{
       display: none !important;
    }

    .login-sign .card-sign .card-body .logo img{
        width: calc(50%);
        margin: 0 auto !important;
    }
    
    .login-sign .card-sign .card-body #loginform hr{
        display: none !important;
    }

    .login-sign .card-sign .card-body #loginform {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 20px;
    }
    
    .login-sign .card-sign #loginform .card-body .form-control:focus{
        background-color: #FFF  !important;
    }
    
    .login-sign .card-sign .card-body #loginform .input-group-text {
        background-color: #6D727A;
        color: #FFF;
    }
    
    .login-sign .card-sign #loginform .form-group + .form-group{
        border: none !important;
        padding: 4px 0;
    }

    .login-sign #loginform .row{
        margin: 20px 0;
    }
    
    .login-sign #loginform .row p{
        margin-bottom: 7px !important;
    }

    .login-sign #loginform p a{
        color: #72808E;
        transition: .5s all ease-in-out;
    } 

    #loginform .password a{
        color: #72808E;
    }

    .login-sign #loginform p a:hover{
        color: #3A8C88;
    }

    .login-sign #loginform hr{
        border: solid 1px #FFF !important;
        margin: 20px 0 !important;
    }

    .login-sign #loginform .footer-login{
        margin: 0 auto !important;
    }

    .login-sign .iniciar-sesion{
        width: 150px;
        color: #FFF;
        border: none !important;
        background-color: #6D727A;
        border-radius: 5px !important;
        padding: 7px 15px;
        transition: .3s all ease-in-out;
        font-size: .9rem;
    }

    .login-sign .iniciar-sesion:hover{
        cursor: pointer;
        transform: translateY(-5px) !important;
        background-color: #3A8C88;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }


}

@media (min-width: 992px) and (max-width: 1199px){

    body{
        background: url("../img/fondo-qro-dos.jpeg") !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        background-size: cover !important;
    }

    .registro-sign .card-sign .card-body {
        width: calc(90%);
        height: calc(90vh);
        margin: 0 auto;
        background: rgba(255, 255, 255, 0.75);
        box-shadow: 0px 16px 11px -3px rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);
        border-top: none;
        overflow: hidden;
        overflow-y: scroll;
        border-radius: 0 0 10px 10px;
        padding: 0;
    }

    .body-sign  {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        scrollbar-width: thin;
        scrollbar-color:rgba(255, 255, 255, 0.25) #4AAEEC50 ;
    }

    /* Works on Chrome, Edge, and Safari */
    .body-sign ::-webkit-scrollbar {
        width: 12px;
    }
    
    .body-sign ::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.25);
    }
    
    .body-sign ::-webkit-scrollbar-thumb {
        background-color: #4AAEEC50;
        border-radius: 20px;
    }

    .body-sign .cabecera-registro{
        width: 100%;
        height: 120px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        color: #FFF;
        background: #6D727A;
    }

    .cabecera-registro .cabecera-logo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .cabecera-registro .cabecera-logo img{
        width: 150%;
        height: 110%;
        position: relative;
        left: -28%;
    }

    .cabecera-registro .selectTipo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
    }

    .form-group{
        padding-bottom: 10px;
    }

    .form-group .row label{
        font-size: .85rem;
    }

    .selectTipo p{
        font-size: 1.8rem;
        font-weight: bold;
        margin-top: 15px;
        color: #FFF;
    }

    .selectTipo .form-check-label{
        color: #FFF !important;
    }

    .cabecera-registro .regresar{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .regresar i{
        font-size: 4rem;
        color: #72808E;
        transition: .5s all ease-in-out;
    }

    .regresar i:hover{
        color: #3A8C88;
        cursor: pointer;
        transform: scale(1.1) !important;
    }

    .divPersona .form-control{
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
        border-radius: 5px !important;
        transition: .5s all ease-in-out;
    }

    .divPersona .form-control:hover{
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group .row{
        padding: 10px 30px;
    }

    .form-group input:hover,
    .form-control:hover,
    .bootstrap-select > .dropdown-toggle:hover{
        cursor: pointer;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group input:focus, input:active{
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px !important;
        outline: none !important;
        border: none !important;
    }

    .form-group .form-control:disabled{
        background-color: #00000030;
        border: 1px solid rgba(0, 0, 0, 0.5);
    }

    .form-group .btn-registrar{
        color: #FFF;
        border: none !important;
        background-color: #6D727A;
        border-radius: 5px !important;
        padding: 7px 15px;
        transition: .5s all ease-in-out;
    }

    .form-group .btn-registrar:hover{
        cursor: pointer;
        transform: translateY(-5px) !important;
        background-color: #3A8C88;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group .aviso-legal{
        font-size: 1rem;
        color: #6D727A;
        transition: .3s all ease-in-out;
    }

    .form-group .aviso-legal:hover{
        color: #3A8C88;
    }
    
    .form-group label{
        font-size: 1rem;
    }

    .divConsejero .bootstrap-select > .dropdown-toggle{
        width: 530px !important;
        height: 38px !important;
        margin-left: 0 !important;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .bootstrap-select > .dropdown-toggle{
        width: 305px !important;
        height: 38px !important;
        margin-top: -10px;
        margin-left: -30px !important;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-select .dropdown-toggle{
        width: 145px !important;
        height: 30px !important;
        margin-top: 0;
        margin-left: 0 !important;
        border: none !important;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .tematica-select .dropdown-toggle{
        width: 470px !important;
        height: 40px !important;
        margin-top: -10px;
        margin-left: -30px !important;
        border: none !important;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-osc2 .dropdown-toggle{
        width: 225px !important;
        height: 30px !important;
        margin-top: 1px;
        margin-left: 0 !important;
        border: none !important;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-osc .dropdown-toggle{
        width: 305px !important;
        height: 30px !important;
        margin-top: 1px;
        margin-left: 0 !important;
        border: none !important;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-select .dropdown-toggle .filter-option-inner-inner{
        margin-top: -1px !important;
    }

    .bootstrap-select > .dropdown-toggle .filter-option-inner-inner{
        margin-top: 3px;
    }

    .terminos-condiciones{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .terminos-condiciones .check-terminos #checkbox{
        margin-right: 10px;
    }

    .terminos-condiciones .check-terminos,
    .terminos-condiciones .avisos{
        display: flex;
        flex-direction: row !important;
        align-items: center;
        justify-content: center;
        margin-top: 7px;
    }

    .terminos-condiciones .avisos a{
        margin: 0 5px;
    }

    .terminos-condiciones .col-lg-12{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 20px 0 0 0;
    }

    .botones-abajo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 20px;
    }

    .botones-abajo a i{
        font-size: 1rem;
    }

    .botones-abajo a i, 
    .botones-abajo a{
        color: #72808E;
        font-style: normal;
        transition: .3s all ease-in-out;
    }

    .botones-abajo div{
        padding: 3px 0;
    }

    .botones-abajo .text-login, 
    .botones-abajo a{
        font-size: 1rem;
        transition: .3s all ease-in-out;
    }
    
    .botones-abajo .text-login a:hover, 
    .botones-abajo a i:hover{
        color: #3A8C88;
        text-shadow: #000;
    }

    #txtobjeto{
        width: 100%;
        margin-top: 12px;
        height: 253px;
        resize: none;
    }

    /********************* CONSEJERO  ************************/

    .divConsejero .row{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .divConsejero .consejero-container{
        height: 370px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 130.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        margin: 20px 0;
        padding: 40px 0 20px 0;
    }

    .divConsejero .generar-cv{
        width: 70% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 140.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        margin-left: 14%;
        padding: 40px 15px 20px 15px;
    }

    .divConsejero .generar-cv .row{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
    }
    
    .consejero-container:nth-child(3){
        margin: 0 !important;
    }

    .divConsejero .consejero-container .row{
        padding: 0 !important;
    }

    .divConsejero .consejero-container .title{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 10px;
    }

    .divConsejero .consejero-container a{
        height: 20px;
        font-size: 1rem;
        color: #72808E;
        margin: 0 auto !important;
        transition: .5s all ease-in-out;
    }
    
    .divConsejero .exposicion-descarga {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 5px 0;
    }

    .divConsejero .row .title a{
        margin-top: -10px;
        padding: 0 0 10px 0;
    }

    .divConsejero .consejero-container .title a:hover{
        cursor: pointer;
        transform: scale(1.1);
    }

    .divConsejero .consejero-container .title label,
    .divConsejero .consejero-container2 .title label{
        font-size: 1.2rem;
        font-weight: bold !important;
    }

    .divConsejero .consejero-container .title label,
    .divConsejero .consejero-container .title h4 {
        text-align: center;
    }

    .divConsejero .consejero-container .title h4 {
        width: 100%;
        padding-bottom: 10px;
    }

    .divConsejero .consejeros-iconos{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 15px 0;
    }
    
    .divConsejero .consejeros-iconos .consejeros-leyenda{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
        margin-bottom: 20px;
    }

    .divConsejero .consejeros-iconos .consejeros-leyenda label{
        font-size: 1rem;
    }
    
    .divConsejero .button_style{
        color: #3A8C88;
        font-size: 2rem;
        transition: 0.5s all ease-in-out;
    }
    
    .divConsejero .button_style2{
        color: #3A8C88;
        font-size: 2rem;
        transition: 0.5s all ease-in-out;
        margin: 0 20px !important;
    }
    
    .divConsejero .button_style:hover,
    .divConsejero .button_style2:hover{
        color: #22524f;
        transform: translateY(-5px);
        cursor: pointer;
    }

    .consejeros-iconos .consejeros-nombre-archivo{
        width: 315px;
        max-width: 315px !important;
        color: #4A586970;
        text-align: center;
        font-size: .8rem !important;
        background-color: #CCCCCC60;
        border-radius: 30px;
        padding: 4px 10px !important;
        overflow: hidden !important;
    }

    .divConsejero .checkbox-default{
        width: 100%;
        margin-left: 50%;
        padding-bottom: 5px;
    }
    
    .divConsejero .checkbox-default label{
        font-size: .9rem;
    }

    .generar-cv .dropdown-toggle{
        width: 350px !important;
        margin-top: 1px;
    }

    .generar-cv textarea{
        margin-bottom: 20px;
        resize: none !important;
    }

    /******************* REDES SOCIALES *********************/

    .red-social .col-lg-4{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        padding: 0 !important;
    }

    .red-social .col-lg-4 .logo-red-social{
        width: 60px;
        height: 50px;
        padding: 25px;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 60px;
        background-color: #6D727A;
        z-index: 100;
    }

    .red-social .col-lg-4 .logo-red-social i{
        color: #FFF;
        font-size: 2rem;
        margin-left: -34px;
        border: none !important;
    }

    .red-social .col-lg-4 .input-red-social input{
        width: 112% !important;
        margin-left: -31px !important;
    }

    /********************   ADJUNTOS   ***********************/

    .registro-adjuntos{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
    }

    .registro-adjuntos .registro-adjuntos-icono{
        width: 80px;
        height: 80px;
        border-radius: 60px;
        background-color: #3A8C88;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        position: relative;
        margin-left: -22px;
        z-index: 101;
    }

    .registro-adjuntos-icono img{
        height: 50px;
    }

    .registro-adjuntos .registro-adjuntos-datos{
        width: 100%;
        height: 180px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 130.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        padding-top: 25px;
    }

    .registro-adjuntos-datos .tipo-adjunto{
        font-size: .8rem !important;
        letter-spacing: -1px;
        text-align: center;
        line-height: 17px;
    }

    .registro-adjuntos-datos p{
        font-size: 1.3rem;
        color:#000 !important;
        padding: 0 !important;
    }

    .registro-adjuntos-datos .registro-adjuntos-subir-borrar{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
        margin-top: -10px !important;
    }

    .registro-adjuntos-subir-borrar .button_style{
        color: #3A8C88;
        font-size: 2.2rem;
        transition: 0.5s all ease-in-out;
        margin: 5px 20px !important;
    }

    .registro-adjuntos-subir-borrar .button_style:hover{
        color: #22524f;
        transform: translateY(-5px);
        cursor: pointer;
    }

    .registro-adjuntos-datos .acta_name{
        position: relative;
        margin-top: 10px !important;
        width: 100% !important;
        margin: 0 auto;
    }

    .registro-adjuntos-datos .acta_name p{
        color: #4A586970;
        text-align: center;
        font-size: .7rem !important;
        background-color: #FFFFFF70;
        line-height: 15px;
        border-radius: 30px;
        padding: 8px 5px;
    }

    /********************   FOOTER   ************************/

    #footer-registro{
        width: 100%;
        padding: 50px 50px 5px 50px;
        position: relative;
        bottom: 0 !important;
        background: #6D727A;
    }

    #footer-registro .container-fluid{
        padding: 0 !important;
    }

    #footer-registro .footer-container{
        width: 90% !important;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .logo{
        width: 70%;
    }

    .logo img{
        margin-left: calc(10%);
        width: 90%;
    }

    .linea{
        height: 230px;
        border-right: solid 1px #FFFFFF30;
        margin: 0 50px 0 20px;
    }

    .datos{
        font-size: .9rem;
        width: 50% !important;
        margin: 40px 0;
    }

    .datos h4, .datos h5{
        margin-bottom: 2px;
    }

    .datos p{
        line-height: 20px;
    }

    .footer-social-media{
        width: 100% !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        color: #FFF;
    }

    .red {
        width: 30px;
        height: 30px;
        margin: 0 5px 6px 0;
        border-radius: 5px;
        color: #6D727A;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #72808E;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        transition: 0.5s ease-in-out all;
    }

    .red:hover{
        background-color: #3A8C88;
        transform: translateY(-5px);
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
    }

    .copy-right{
        text-align: center;
        font-size: 0.9rem;
        color: #FFF;
    }

    /**************** LOGIN *********************/

    .login-sign .card-sign .card-body {
        width: 370px;
        height: 550px;
        background: rgba(255, 255, 255, 0.75);
        box-shadow: 0px 16px 11px -3px rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);
        border-top: none;
        border-radius: 10px;
        padding: 0;
    }

    .login-sign .card-sign .card-body .logo{
        width: 100%;
        height: 100px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #6D727A;
        padding: 10px;
        border-radius: 10px 10px 0 0;
        margin-bottom: -15px;
    }

    .login-sign .card-sign .card-body .logo i{
        display: none;
    }

    .login-sign .card-sign .card-body .logo img{
        width: calc(90%);
        margin: 0 auto !important;
    }
    
    .login-sign .card-sign .card-body #loginform {
        padding: 20px;
    }
    
    .login-sign .card-sign #loginform .card-body .form-control:focus{
        background-color: #FFF  !important;
    }
    
    .login-sign .card-sign .card-body #loginform .input-group-text {
        background-color: #6D727A;
        color: #FFF;
    }
    
    .login-sign .card-sign #loginform .form-group + .form-group{
        border: none !important;
        padding: 4px 0;
    }

    .login-sign #loginform .row{
        margin: 30px 0;
    }
    
    .login-sign #loginform .row p{
        margin-bottom: 7px !important;
    }

    #loginform .password a,
    .login-sign #loginform p a{
        color: #72808E;
        transition: .5s all ease-in-out;
    } 

    .login-sign #loginform p a:hover{
        color: #3A8C88;
    }

    .login-sign #loginform hr{
        border: solid 1px #FFF !important;
        margin: 20px 0 !important;
    }

    .login-sign .iniciar-sesion{
        color: #FFF;
        border: none !important;
        background-color: #6D727A;
        border-radius: 5px !important;
        padding: 7px 15px;
        transition: .3s all ease-in-out;
        font-size: .8rem;
    }

    .login-sign .iniciar-sesion:hover{
        cursor: pointer;
        transform: translateY(-5px) !important;
        background-color: #3A8C88;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

}

@media (min-width: 1200px) and (max-width: 1399px){

    body{
        background: url("../img/fondo-qro-dos.jpeg") !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        background-size: cover !important;
    }

    .registro-sign .card-sign .card-body {
        width: calc(90%);
        height: calc(90vh);
        margin: 0 auto;
        background: rgba(255, 255, 255, 0.75);
        box-shadow: 0px 16px 11px -3px rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);
        border-top: none;
        overflow: hidden;
        overflow-y: scroll;
        border-radius: 0 0 10px 10px;
        padding: 0;
    }

    .body-sign  {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        scrollbar-width: thin;
        scrollbar-color:rgba(255, 255, 255, 0.25) #4AAEEC50 ;
    }

    /* Works on Chrome, Edge, and Safari */
    .body-sign ::-webkit-scrollbar {
        width: 12px;
    }
    
    .body-sign ::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.25);
    }
    
    .body-sign ::-webkit-scrollbar-thumb {
        background-color: #4AAEEC50;
        border-radius: 20px;
    }

    .body-sign .cabecera-registro{
        width: 100%;
        height: 120px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        color: #FFF;
        background: #6D727A;
    }

    .cabecera-registro .cabecera-logo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .cabecera-registro .cabecera-logo img{
        width: 150%;
        height: 110%;
        position: relative;
        left: -27%;
    }

    .cabecera-registro .selectTipo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
    }

    .form-group{
        padding-bottom: 10px;
    }

    .form-group .row label{
        font-size: .85rem;
    }

    .selectTipo p{
        font-size: 1.8rem;
        font-weight: bold;
        margin-top: 15px;
        color: #FFF;
    }

    .selectTipo .form-check-label{
        color: #FFF !important;
    }

    .cabecera-registro .regresar{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .regresar i{
        font-size: 4rem;
        color: #72808E;
        transition: .5s all ease-in-out;
    }

    .regresar i:hover{
        color: #3A8C88;
        cursor: pointer;
        transform: scale(1.1) !important;
    }

    .divPersona .form-control{
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
        border-radius: 5px !important;
        transition: .5s all ease-in-out;
    }

    .divPersona .form-control:hover{
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group .row{
        padding: 10px 30px;
    }

    .form-group input:hover,
    .form-control:hover,
    .bootstrap-select > .dropdown-toggle:hover{
        cursor: pointer;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group input:focus, input:active{
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px !important;
        outline: none !important;
        border: none !important;
    }

    .form-group .form-control:disabled{
        background-color: #00000030;
        border: 1px solid rgba(0, 0, 0, 0.5);
    }

    .form-group .btn-registrar{
        color: #FFF;
        border: none !important;
        background-color: #6D727A;
        border-radius: 5px !important;
        padding: 7px 15px;
        transition: .5s all ease-in-out;
    }

    .form-group .btn-registrar:hover{
        cursor: pointer;
        transform: translateY(-5px) !important;
        background-color: #3A8C88;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group .aviso-legal{
        font-size: 1rem;
        color: #6D727A;
        transition: .3s all ease-in-out;
    }

    .form-group .aviso-legal:hover{
        color: #3A8C88;
    }
    
    .form-group label{
        font-size: 1rem;
    }

    .divConsejero .bootstrap-select > .dropdown-toggle{
        width: 585px !important;
        height: 38px !important;
        margin-left: 0 !important;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .bootstrap-select > .dropdown-toggle{
        width: 330px !important;
        height: 38px !important;
        margin-top: -10px;
        margin-left: -30px !important;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-select .dropdown-toggle{
        width: 145px !important;
        height: 30px !important;
        margin-top: 0;
        margin-left: 0 !important;
        border: none !important;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .tematica-select .dropdown-toggle{
        width: 510px !important;
        height: 40px !important;
        margin-top: -9px;
        margin-left: -30px !important;
        border: none !important;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-osc2 .dropdown-toggle{
        width: 247px !important;
        height: 30px !important;
        margin-top: 1px;
        margin-left: 0 !important;
        border: none !important;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-osc .dropdown-toggle{
        width: 330px !important;
        height: 30px !important;
        margin-top: 1px;
        margin-left: 0 !important;
        border: none !important;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-select .dropdown-toggle .filter-option-inner-inner{
        margin-top: -1px !important;
    }

    .bootstrap-select > .dropdown-toggle .filter-option-inner-inner{
        margin-top: 3px;
    }

    .terminos-condiciones{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .terminos-condiciones .check-terminos #checkbox{
        margin-right: 10px;
    }

    .terminos-condiciones .check-terminos,
    .terminos-condiciones .avisos{
        display: flex;
        flex-direction: row !important;
        align-items: center;
        justify-content: center;
        margin-top: 7px;
    }

    .terminos-condiciones .avisos a{
        margin: 0 5px;
    }

    .terminos-condiciones .col-lg-12{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 20px 0 0 0;
    }

    .botones-abajo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 20px;
    }

    .botones-abajo a i{
        font-size: 1rem;
    }

    .botones-abajo a i, 
    .botones-abajo a{
        color: #72808E;
        font-style: normal;
        transition: .3s all ease-in-out;
    }

    .botones-abajo div{
        padding: 3px 0;
    }

    .botones-abajo .text-login, 
    .botones-abajo a{
        font-size: 1rem;
        transition: .3s all ease-in-out;
    }
    
    .botones-abajo .text-login a:hover, 
    .botones-abajo a i:hover{
        color: #3A8C88;
        text-shadow: #000;
    }

    #txtobjeto{
        width: 100%;
        margin-top: 12px;
        height: 253px;
        resize: none;
    }

    /********************* CONSEJERO  ************************/

    .divConsejero .row{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .divConsejero .consejero-container{
        height: 370px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 130.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        margin: 20px 0;
        padding: 40px 0 20px 0;
    }

    .divConsejero .generar-cv{
        width: 70% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 140.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        margin-left: 14%;
        padding: 40px 15px 20px 15px;
    }

    .divConsejero .generar-cv .row{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
    }
    
    .consejero-container:nth-child(3){
        margin: 0 !important;
    }

    .divConsejero .consejero-container .row{
        padding: 0 !important;
    }

    .divConsejero .consejero-container .title{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 10px;
    }

    .divConsejero .consejero-container a{
        height: 20px;
        font-size: 1rem;
        color: #72808E;
        margin: 0 auto !important;
        transition: .5s all ease-in-out;
    }
    
    .divConsejero .exposicion-descarga {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 5px 0;
    }

    .divConsejero .row .title a{
        margin-top: -10px;
        padding: 0 0 10px 0;
    }

    .divConsejero .consejero-container .title a:hover{
        cursor: pointer;
        transform: scale(1.1);
    }

    .divConsejero .consejero-container .title label,
    .divConsejero .consejero-container2 .title label{
        font-size: 1.2rem;
        font-weight: bold !important;
    }

    .divConsejero .consejero-container .title label,
    .divConsejero .consejero-container .title h4 {
        text-align: center;
    }

    .divConsejero .consejero-container .title h4 {
        width: 100%;
        padding-bottom: 10px;
    }

    .divConsejero .consejeros-iconos{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 15px 0;
    }
    
    .divConsejero .consejeros-iconos .consejeros-leyenda{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
        margin-bottom: 20px;
    }

    .divConsejero .consejeros-iconos .consejeros-leyenda label{
        font-size: 1rem;
    }
    
    .divConsejero .button_style{
        color: #3A8C88;
        font-size: 2rem;
        transition: 0.5s all ease-in-out;
    }
    
    .divConsejero .button_style2{
        color: #3A8C88;
        font-size: 2rem;
        transition: 0.5s all ease-in-out;
        margin: 0 20px !important;
    }
    
    .divConsejero .button_style:hover,
    .divConsejero .button_style2:hover{
        color: #22524f;
        transform: translateY(-5px);
        cursor: pointer;
    }

    .consejeros-iconos .consejeros-nombre-archivo{
        width: 315px;
        max-width: 315px !important;
        color: #4A586970;
        text-align: center;
        font-size: .8rem !important;
        background-color: #CCCCCC60;
        border-radius: 30px;
        padding: 4px 10px !important;
        overflow: hidden !important;
    }

    .divConsejero .checkbox-default{
        width: 100%;
        margin-left: 50%;
        padding-bottom: 5px;
    }
    
    .divConsejero .checkbox-default label{
        font-size: .9rem;
    }

    .generar-cv .dropdown-toggle{
        width: 350px !important;
        margin-top: 1px;
    }

    .generar-cv textarea{
        margin-bottom: 20px;
        resize: none !important;
    }

    /******************* REDES SOCIALES *********************/

    .red-social .col-lg-4{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        padding: 0 !important;
    }

    .red-social .col-lg-4 .logo-red-social{
        width: 60px;
        height: 60px;
        padding: 25px;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 60px;
        background-color: #6D727A;
        z-index: 100;
    }

    .red-social .col-lg-4 .logo-red-social i{
        color: #FFF;
        font-size: 2rem;
        margin-left: -30px;
        border: none !important;
    }

    .red-social .col-lg-4 .input-red-social input{
        width: 112% !important;
        margin-left: -31px !important;
    }

    /********************   ADJUNTOS   ***********************/

    .registro-adjuntos{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
    }

    .registro-adjuntos .registro-adjuntos-icono{
        width: 80px;
        height: 80px;
        border-radius: 60px;
        background-color: #3A8C88;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        position: relative;
        margin-left: -20px;
        z-index: 101;
    }

    .registro-adjuntos-icono img{
        height: 40px;
    }

    .registro-adjuntos .registro-adjuntos-datos{
        width: 500px;
        height: 180px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 130.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        padding: 30px 20px 0 20px;
    }

    .registro-adjuntos-datos .tipo-adjunto{
        font-size: .8rem !important;
        letter-spacing: -1px;
        text-align: center;
    }

    .registro-adjuntos-datos p{
        font-size: 1.2rem;
        color:#000 !important;
        padding: 0 !important;
    }

    .registro-adjuntos-datos .registro-adjuntos-subir-borrar{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
        margin-top: -10px !important;
    }

    .registro-adjuntos-subir-borrar .button_style{
        color: #3A8C88;
        font-size: 2.2rem;
        transition: 0.5s all ease-in-out;
        margin: 10px 20px !important;
    }

    .registro-adjuntos-subir-borrar .button_style:hover{
        color: #22524f;
        transform: translateY(-5px);
        cursor: pointer;
    }

    .registro-adjuntos-datos .acta_name{
        position: relative;
        margin-top: 10px !important;
        width: 80% !important;
        margin: 0 auto;
    }

    .registro-adjuntos-datos .acta_name p{
        color: #4A586970;
        text-align: center;
        line-height: 17px;
        font-size: .8rem !important;
        background-color: #FFFFFF70;
        border-radius: 30px;
        padding: 4px 5px;
    }

    /********************   FOOTER   ************************/

    #footer-registro{
        width: 100%;
        padding: 50px 50px 5px 50px;
        position: relative;
        bottom: 0 !important;
        background: #6D727A;
    }

    #footer-registro .container-fluid{
        padding: 0 !important;
    }

    #footer-registro .footer-container{
        width: 90% !important;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .logo{
        width: 70%;
    }

    .logo img{
        margin-left: calc(10%);
        width: 90%;
    }

    .linea{
        height: 230px;
        border-right: solid 1px #FFFFFF30;
        margin: 0 50px 0 20px;
    }

    .datos{
        font-size: .9rem;
        width: 50% !important;
        margin: 40px 0;
    }

    .datos h4, .datos h5{
        margin-bottom: 2px;
    }

    .datos p{
        line-height: 20px;
    }

    .footer-social-media{
        width: 100% !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        color: #FFF;
    }

    .red {
        width: 30px;
        height: 30px;
        margin: 0 5px 6px 0;
        border-radius: 5px;
        color: #6D727A;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #72808E;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        transition: 0.5s ease-in-out all;
    }

    .red:hover{
        background-color: #3A8C88;
        transform: translateY(-5px);
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
    }

    .copy-right{
        text-align: center;
        font-size: 0.9rem;
        color: #FFF;
    }

    /**************** LOGIN *********************/

    .login-sign .card-sign .card-body {
        width: 370px;
        height: 550px;
        background: rgba(255, 255, 255, 0.75);
        box-shadow: 0px 16px 11px -3px rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);
        border-top: none;
        border-radius: 10px;
        padding: 0;
    }

    .login-sign .card-sign .card-body .logo{
        width: 100%;
        height: 100px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #6D727A;
        padding: 10px;
        border-radius: 10px 10px 0 0;
        margin-bottom: -15px;
    }

    .login-sign .card-sign .card-body .logo i{
        display: none;
    }

    .login-sign .card-sign .card-body .logo img{
        width: calc(90%);
        margin: 0 auto !important;
    }
    
    .login-sign .card-sign .card-body #loginform {
        padding: 20px;
    }
    
    .login-sign .card-sign #loginform .card-body .form-control:focus{
        background-color: #FFF  !important;
    }
    
    .login-sign .card-sign .card-body #loginform .input-group-text {
        background-color: #6D727A;
        color: #FFF;
    }
    
    .login-sign .card-sign #loginform .form-group + .form-group{
        border: none !important;
        padding: 4px 0;
    }

    .login-sign #loginform .row{
        margin: 30px 0;
    }
    
    .login-sign #loginform .row p{
        margin-bottom: 7px !important;
    }

    #loginform .password a,
    .login-sign #loginform p a{
        color: #72808E;
        transition: .5s all ease-in-out;
    } 

    .login-sign #loginform p a:hover{
        color: #3A8C88;
    }

    .login-sign #loginform hr{
        border: solid 1px #FFF !important;
        margin: 20px 0 !important;
    }

    .login-sign .iniciar-sesion{
        color: #FFF;
        border: none !important;
        background-color: #6D727A;
        border-radius: 5px !important;
        padding: 7px 15px;
        transition: .3s all ease-in-out;
        font-size: .8rem;
    }

    .login-sign .iniciar-sesion:hover{
        cursor: pointer;
        transform: translateY(-5px) !important;
        background-color: #3A8C88;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

}

@media (min-width: 1400px) and (max-width: 1679px) {

    body{
        background: url("../img/fondo-qro-dos.jpeg") !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        background-size: cover !important;
    }

    .registro-sign .card-sign .card-body {
        width: calc(90%);
        height: calc(88vh);
        margin-left: calc(5%);
        background: rgba(255, 255, 255, 0.75);
        box-shadow: 0px 16px 11px -3px rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);
        border-top: none;
        overflow: hidden;
        overflow-y: scroll;
        border-radius: 0 0 10px 10px;
        padding: 0;
        margin-bottom: 30px;
    }

    /* Works on Firefox */
    .body-sign  {
        scrollbar-width: thin;
        scrollbar-color:rgba(255, 255, 255, 0.25) #4AAEEC50 ;
    }
  
    /* Works on Chrome, Edge, and Safari */
    .body-sign ::-webkit-scrollbar {
        width: 12px;
    }
    
    .body-sign ::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.25);
    }
    
    .body-sign ::-webkit-scrollbar-thumb {
        background-color: #4AAEEC50;
        border-radius: 20px;
    }

    .body-sign .cabecera-registro{
        width: 100%;
        height: 120px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        color: #FFF;
        background: #6D727A;
    }

    .cabecera-registro .cabecera-logo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .cabecera-registro .cabecera-logo img{
        width: 130%;
        height: 130%;
    }

    .cabecera-registro .selectTipo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
    }

    .form-group{
        padding-bottom: 10px;
    }

    .selectTipo p{
        font-size: 2rem;
        font-weight: bold;
        margin-top: 15px;
        color: #FFF;
    }

    .selectTipo .form-check-label{
        color: #FFF !important;
    }

    .cabecera-registro .regresar{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .regresar i{
        font-size: 4rem;
        color: #72808E;
        transition: .5s all ease-in-out;
    }

    .regresar i:hover{
        color: #3A8C88;
        cursor: pointer;
        transform: scale(1.1) !important;
    }

    .divPersona .form-control{
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
        border-radius: 5px !important;
        transition: .5s all ease-in-out;
    }

    .divPersona .form-control:hover{
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group .row{
        padding: 10px 30px;
    }

    .form-group input:hover,
    .form-control:hover,
    .bootstrap-select > .dropdown-toggle:hover{
        cursor: pointer;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group input:focus, input:active{
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px !important;
        outline: none !important;
        border: none !important;
    }

    .form-group .form-control:disabled{
        background-color: #00000030;
        border: 1px solid rgba(0, 0, 0, 0.5);
    }

    .form-group .col-md-1{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        padding: 0 !important;
    }

    .form-group .btn-registrar{
        color: #FFF;
        border: none !important;
        background-color: #6D727A;
        border-radius: 5px !important;
        padding: 7px 15px;
        transition: .5s all ease-in-out;
    }

    .form-group .btn-registrar:hover{
        cursor: pointer;
        transform: translateY(-5px) !important;
        background-color: #3A8C88;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group .aviso-legal{
        font-size: 1rem;
        color: #6D727A;
        transition: .3s all ease-in-out;
    }

    .form-group .aviso-legal:hover{
        color: #3A8C88;
    }

    .divConsejero .bootstrap-select > .dropdown-toggle{
        width: 100% !important;
        height: 38px !important;
        margin-left: 0 !important;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .bootstrap-select > .dropdown-toggle{
        width: 385px !important;
        height: 38px !important;
        margin-top: -10px;
        margin-left: -30px;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-select .dropdown-toggle{
        width: 190px !important;
        height: 30px !important;
        margin-top: 0;
        margin-left: 0 !important;
        border: none !important;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .tematica-select .dropdown-toggle{
        width: 111% !important;
        height: 40px !important;
        margin-top: -10px;
        margin-left: -30px !important;
        border: none !important;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-osc2 .dropdown-toggle{
        width: 100% !important;
        height: 30px !important;
        margin-top: 1px;
        margin-left: 0 !important;
        border: none !important;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-osc .dropdown-toggle{
        width: 100% !important;
        height: 30px !important;
        margin-top: 1px;
        margin-left: 0 !important;
        border: none !important;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-select .dropdown-toggle .filter-option-inner-inner{
        margin-top: -1px !important;
    }

    .bootstrap-select > .dropdown-toggle .filter-option-inner-inner{
        margin-top: 3px;
    }

    .terminos-condiciones .col-xxl-12,
    .terminos-condiciones{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .terminos-condiciones .avisos,
    .terminos-condiciones .check-terminos{
        display: flex;
        flex-direction: row !important;
        align-items: center;
        justify-content: center;
    }

    .terminos-condiciones .check-terminos .acepto{
        font-size: 1.2rem;
        margin-left: 10px;
    }

    .terminos-condiciones .avisos .aviso-legal{
        margin: 20px 10px;
        font-size: 1.2rem;
    }

    .botones-abajo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 20px;
    }

    .botones-abajo a i{
        font-size: 1.4rem;
    }

    .botones-abajo a i, .botones-abajo a{
        color: #72808E;
        font-style: normal;
        transition: .3s all ease-in-out;
    }

    .botones-abajo div{
        padding: 3px 0;
    }

    .botones-abajo .text-login, .botones-abajo a{
        font-size: 1rem;
        transition: .3s all ease-in-out;
    }
    
    .botones-abajo .text-login a:hover, .botones-abajo a i:hover{
        color: #3A8C88;
        text-shadow: #000;
    }

    #txtobjeto{
        margin-top: 12px;
        height: 253px;
        resize: none;
    }

    /********************* CONSEJERO  ************************/

    .divConsejero .col-xxl-2 #remove_CV{
        margin-left: 40px !important;
    }

    .divConsejero .col-xxl-4{
        flex: 0 0 30% !important;
    }

    .divConsejero .col-xxl-10{
        width: 70%;
        padding: 0 !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 50px !important;
    }

    .divConsejero .consejero-container{
        height: 350px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 130.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        margin: 0 40px 0 0;
        padding: 40px 0 20px 0;
    }

    .divConsejero .generar-cv{
        width: 93% !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 140.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        margin: 10px 0 0 17px;
        padding: 40px 15px 20px 15px;
    }
    
    .consejero-container:nth-child(3){
        margin: 0 !important;
    }

    .consejero-container:nth-child(3) .exposicion-descarga a{
        margin: 0 !important;
        font-size: .85rem;
    }

    .consejero-container:nth-child(3) .consejeros-leyenda .col-xxl-2{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;
        margin: 0 10px !important;
    }

    .consejero-container:nth-child(3) .consejeros-nombre-archivo{
        margin-left: 10% !important;
        margin-top: 10px;
    }

    .consejero-container:nth-child(2) .consejeros-leyenda{
        margin-left: 22% !important;
    }
    
    .consejero-container:nth-child(1) .consejeros-nombre-archivo{
        margin-left: 20% !important;
    }

    .divConsejero .consejero-container .row{
        padding: 0 !important;
    }

    .divConsejero .consejero-container .title{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 10px;
    }

    .divConsejero .consejero-container a{
        height: 20px;
        font-size: 1rem;
        color: #72808E;
        margin: 0 auto !important;
        transition: .5s all ease-in-out;
    }
    
    .divConsejero .exposicion-descarga {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 5px 0;
    }

    .divConsejero .row .title a{
        margin-top: -10px;
        padding: 0 0 10px 0;
    }

    .divConsejero .consejero-container .title a:hover{
        cursor: pointer;
        transform: scale(1.1);
    }

    .divConsejero .consejero-container .title label,
    .divConsejero .consejero-container2 .title label{
        font-size: 1rem;
        font-weight: bold !important;
    }

    .divConsejero .consejero-container .title label,
    .divConsejero .consejero-container .title h4 {
        text-align: center;
    }

    .divConsejero .consejero-container .title h4 {
        width: 90%;
        font-size: 1rem;
        padding-bottom: 10px;
    }

    .divConsejero .consejeros-iconos{
        width: 80%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 15px 0;
    }
    
    .divConsejero .consejeros-iconos .consejeros-leyenda{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
    }
    
    .divConsejero .button_style{
        color: #3A8C88;
        font-size: 2rem;
        transition: 0.5s all ease-in-out;
    }
    
    .divConsejero .button_style2{
        color: #3A8C88;
        font-size: 2rem;
        transition: 0.5s all ease-in-out;
        margin: 0 20px !important;
    }
    
    .divConsejero .button_style:hover,
    .divConsejero .button_style2:hover{
        color: #22524f;
        transform: translateY(-5px);
        cursor: pointer;
    }

    .consejeros-iconos .consejeros-nombre-archivo{
        width: 235px;
        max-width: 315px !important;
        color: #4A586970;
        text-align: center;
        font-size: .8rem !important;
        background-color: #CCCCCC60;
        border-radius: 30px;
        padding: 4px 10px !important;
        overflow: hidden !important;
    }

    .divConsejero .checkbox-default{
        width: 85%;
        margin: 0 auto;
        padding-bottom: 5px;
    }
    
    .divConsejero .checkbox-default label{
        font-size: .8rem;
    }

    .generar-cv .dropdown-toggle{
        width: 350px !important;
        margin-top: 1px;
    }

    .generar-cv textarea{
        margin-bottom: 20px;
        resize: none !important;
    }

    /******************* REDES SOCIALES *********************/

    .red-social .col-xxl-4{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        padding: 0 !important;
    }

    .red-social .col-xxl-4 .logo-red-social{
        width: 60px !important;
        height: 66px !important;
        padding: 5% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 60px;
        background-color: #6D727A;
        z-index: 100;
    }

    .red-social .col-xxl-4 .logo-red-social i{
        color: #FFF;
        font-size: 2.2rem;
        margin-left: -20px;
        border: none !important;
    }

    .red-social .col-xxl-4 .input-red-social input{
        width: 116% !important;
        margin-left: -52px !important;
    }

    /********************   ADJUNTOS   ***********************/

    .registro-adjuntos{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
    }

    .registro-adjuntos .registro-adjuntos-icono{
        width: 100px;
        height: 100px;
        border-radius: 60px;
        background-color: #3A8C88;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        position: relative;
        margin-left: 10px;
        z-index: 101;
    }

    .registro-adjuntos-icono img{
        height: 60px;
    }

    .registro-adjuntos .registro-adjuntos-datos{
        width: 100%;
        height: 200px;
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 130.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
    }

    .registro-adjuntos-datos .tipo-adjunto{
        font-size: .9rem !important;
        letter-spacing: -1px;
        text-align: center;
    }

    .registro-adjuntos-datos p{
        font-size: 1.5rem;
        color:#000 !important;
        padding: 0 !important;
    }

    .registro-adjuntos-datos .registro-adjuntos-subir-borrar{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
        margin-top: -10px !important;
    }

    .registro-adjuntos-subir-borrar .button_style{
        color: #3A8C88;
        font-size: 2.5rem;
        transition: 0.5s all ease-in-out;
        margin: 10px 20px !important;
    }

    .registro-adjuntos-subir-borrar .button_style:hover{
        color: #22524f;
        transform: translateY(-5px);
        cursor: pointer;
    }

    .registro-adjuntos-datos .acta_name{
        position: relative;
        margin-top: 10px !important;
        width: 80% !important;
        margin: 0 auto;
    }

    .registro-adjuntos-datos .acta_name p{
        color: #4A586970;
        text-align: center;
        font-size: .8rem !important;
        background-color: #FFFFFF70;
        border-radius: 30px;
        padding: 4px 10px;
    }

    /********************   FOOTER   ************************/

    #footer-registro{
        width: 100%;
        padding: 50px 150px 5px 150px;
        position: relative;
        bottom: 0 !important;
        background: #6D727A;
    }

    #footer-registro .container-fluid{
        padding: 0 20px !important;
    }

    #footer-registro .footer-container{
        max-width: 50%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .logo{
        width: 70%;
    }

    .logo img{
        margin-left: calc(10%);
        width: 95%;
    }

    .linea{
        height: 230px;
        border-right: solid 1px #FFFFFF30;
        margin: 0 50px 0 0;
    }

    .datos{
        max-width: 90% !important;
        font-size: 1rem;
        margin: 40px 0;
    }

    .datos h4, .datos h5{
        margin-bottom: 2px;
    }

    .datos p{
        line-height: 20px;
    }

    .footer-social-media{
        width: 100% !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        color: #FFF;
    }

    .red {
        width: 30px;
        height: 30px;
        margin: 0 5px 6px 0;
        border-radius: 5px;
        color: #6D727A;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #72808E;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        transition: 0.5s ease-in-out all;
    }

    .red:hover{
        background-color: #3A8C88;
        transform: translateY(-5px);
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
    }

    .copy-right{
        text-align: center;
        font-size: 0.9rem;
        color: #FFF;
    }

    /**************** LOGIN *********************/

    .login-sign .card-sign .card-body {
        width: 400px;
        height: 600px;
        background: rgba(255, 255, 255, 0.75);
        box-shadow: 0px 16px 11px -3px rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);
        border-top: none;
        border-radius: 10px;
        padding: 0;
    }

    .login-sign .card-sign .card-body .logo{
        width: 100%;
        height: 120px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #6D727A;
        padding: 10px;
        border-radius: 10px 10px 0 0;
    }

    .login-sign .card-sign .card-body .logo i{
        display: none;
    }

    .login-sign .card-sign .card-body .logo img{
        width: calc(80%);
        margin: 0 auto !important;
    }
    
    .login-sign .card-sign .card-body #loginform {
        padding: 20px;
    }
    
    .login-sign .card-sign #loginform .card-body .form-control:focus{
        background-color: #FFF  !important;
    }
    
    .login-sign .card-sign .card-body #loginform .input-group-text {
        background-color: #6D727A;
        color: #FFF;
    }
    
    .login-sign .card-sign #loginform .form-group + .form-group{
        border: none !important;
        padding: 4px 0;
    }

    .login-sign #loginform .row{
        margin: 30px 0;
    }
    
    .login-sign #loginform .row p{
        margin-bottom: 7px !important;
    }

    .login-sign #loginform p a{
        color: #72808E;
        transition: .5s all ease-in-out;
    } 

    .login-sign #loginform p a:hover{
        color: #3A8C88;
    }

    .login-sign #loginform hr{
        border: solid 1px #FFF !important;
        margin: 20px 0 !important;
    }

    .login-sign .iniciar-sesion{
        color: #FFF;
        border: none !important;
        background-color: #6D727A;
        border-radius: 5px !important;
        padding: 7px 15px;
        transition: .3s all ease-in-out;
    }

    .login-sign .iniciar-sesion:hover{
        cursor: pointer;
        transform: translateY(-5px) !important;
        background-color: #3A8C88;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

}

@media (min-width: 1680px) {

    body{
        background: url("../img/fondo-qro-dos.jpeg") !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        background-size: cover !important;
    }

    .registro-sign .card-sign .card-body {
        width: calc(90%);
        height: calc(88vh);
        margin-left: calc(5%);
        background: rgba(255, 255, 255, 0.75);
        box-shadow: 0px 16px 11px -3px rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);
        border-top: none;
        overflow: hidden;
        overflow-y: scroll;
        border-radius: 0 0 10px 10px;
        padding: 0;
        margin-bottom: 30px;
    }

    /* Works on Firefox */
    .body-sign  {
        scrollbar-width: thin;
        scrollbar-color:rgba(255, 255, 255, 0.25) #4AAEEC50 ;
    }
  
    /* Works on Chrome, Edge, and Safari */
    .body-sign ::-webkit-scrollbar {
        width: 12px;
    }
    
    .body-sign ::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.25);
    }
    
    .body-sign ::-webkit-scrollbar-thumb {
        background-color: #4AAEEC50;
        border-radius: 20px;
    }

    .body-sign .cabecera-registro{
        width: 100%;
        height: 120px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        color: #FFF;
        background: #6D727A;
    }

    .cabecera-registro .cabecera-logo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .cabecera-registro .cabecera-logo img{
        width: 100%;
        height: 100%;
    }

    .cabecera-registro .selectTipo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
    }

    .form-group{
        padding-bottom: 10px;
    }

    .selectTipo p{
        font-size: 2rem;
        font-weight: bold;
        margin-top: 15px;
        color: #FFF;
    }

    .selectTipo .form-check-label{
        color: #FFF !important;
    }

    .cabecera-registro .regresar{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .regresar i{
        font-size: 4rem;
        color: #72808E;
        transition: .5s all ease-in-out;
    }

    .regresar i:hover{
        color: #3A8C88;
        cursor: pointer;
        transform: scale(1.1) !important;
    }

    .divPersona .form-control{
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
        border-radius: 5px !important;
        transition: .5s all ease-in-out;
    }

    .divPersona .form-control:hover{
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group .row{
        padding: 10px 30px;
    }

    .form-group input:hover,
    .form-control:hover,
    .bootstrap-select > .dropdown-toggle:hover{
        cursor: pointer;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group input:focus, input:active{
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px !important;
        outline: none !important;
        border: none !important;
    }

    .form-group .form-control:disabled{
        background-color: #00000030;
        border: 1px solid rgba(0, 0, 0, 0.5);
    }

    .form-group .col-md-1{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        padding: 0 !important;
    }

    .form-group .btn-registrar{
        color: #FFF;
        border: none !important;
        background-color: #6D727A;
        border-radius: 5px !important;
        padding: 7px 15px;
        transition: .5s all ease-in-out;
    }

    .form-group .btn-registrar:hover{
        cursor: pointer;
        transform: translateY(-5px) !important;
        background-color: #3A8C88;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

    .form-group .aviso-legal{
        font-size: 1rem;
        color: #6D727A;
        transition: .3s all ease-in-out;
    }

    .form-group .aviso-legal:hover{
        color: #3A8C88;
    }

    .divConsejero .bootstrap-select > .dropdown-toggle{
        width: 100% !important;
        height: 38px !important;
        margin-left: 0 !important;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .bootstrap-select > .dropdown-toggle{
        width: 115% !important;
        height: 38px !important;
        margin-top: -10px;
        margin-left: -30px;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-select .dropdown-toggle{
        width: 190px !important;
        height: 30px !important;
        margin-top: 0;
        margin-left: 0 !important;
        border: none !important;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .tematica-select .dropdown-toggle{
        width: 111% !important;
        height: 40px !important;
        margin-top: -10px;
        margin-left: -30px !important;
        border: none !important;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-osc2 .dropdown-toggle{
        width: 100% !important;
        height: 30px !important;
        margin-top: 1px;
        margin-left: 0 !important;
        border: none !important;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-osc .dropdown-toggle{
        width: 100% !important;
        height: 30px !important;
        margin-top: 1px;
        margin-left: 0 !important;
        border: none !important;
        border: 1px solid rgba(0, 0, 0, 0.3) !important;
    }

    .CP-select .dropdown-toggle .filter-option-inner-inner{
        margin-top: -1px !important;
    }

    .bootstrap-select > .dropdown-toggle .filter-option-inner-inner{
        margin-top: 3px;
    }

    .terminos-condiciones .col-xxl-12,
    .terminos-condiciones{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .terminos-condiciones .avisos,
    .terminos-condiciones .check-terminos{
        display: flex;
        flex-direction: row !important;
        align-items: center;
        justify-content: center;
    }

    .terminos-condiciones .check-terminos .acepto{
        font-size: 1.2rem;
        margin-left: 10px;
    }

    .terminos-condiciones .avisos .aviso-legal{
        margin: 20px 10px;
        font-size: 1.2rem;
    }

    .botones-abajo{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 20px;
    }

    .botones-abajo a i{
        font-size: 1.4rem;
    }

    .botones-abajo a i, .botones-abajo a{
        color: #72808E;
        font-style: normal;
        transition: .3s all ease-in-out;
    }

    .botones-abajo div{
        padding: 3px 0;
    }

    .botones-abajo .text-login, .botones-abajo a{
        font-size: 1rem;
        transition: .3s all ease-in-out;
    }
    
    .botones-abajo .text-login a:hover, .botones-abajo a i:hover{
        color: #3A8C88;
        text-shadow: #000;
    }

    #txtobjeto{
        margin-top: 12px;
        height: 253px;
        resize: none;
    }

    /********************* CONSEJERO  ************************/

    .divConsejero .col-xxl-2 #remove_CV{
        margin-left: 40px !important;
    }

    .divConsejero .col-xxl-4{
        flex: 0 0 30% !important;
    }

    .divConsejero .col-xxl-10{
        width: 70%;
        padding: 0 !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 50px !important;
    }

    .divConsejero .consejero-container{
        height: 350px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 130.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        margin: 0 40px 0 0;
        padding: 40px 0 20px 0;
    }

    .divConsejero .generar-cv{
        width: 93% !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 140.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
        margin: 10px 0 0 17px;
        padding: 40px 15px 20px 15px;
    }
    
    .consejero-container:nth-child(3){
        margin: 0 !important;
    }

    .consejero-container:nth-child(3) .exposicion-descarga a{
        margin: 0 !important;
        font-size: .85rem;
    }

    .consejero-container:nth-child(3) .consejeros-leyenda .col-xxl-2{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;
        margin: 0 10px !important;
    }

    .consejero-container:nth-child(3) .consejeros-nombre-archivo{
        margin-left: 10% !important;
        margin-top: 10px;
    }

    .consejero-container:nth-child(2) .consejeros-leyenda{
        margin-left: 22% !important;
    }
    
    .consejero-container:nth-child(1) .consejeros-nombre-archivo{
        margin-left: 20% !important;
    }

    .divConsejero .consejero-container .row{
        padding: 0 !important;
    }

    .divConsejero .consejero-container .title{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 10px;
    }

    .divConsejero .consejero-container a{
        height: 20px;
        font-size: 1rem;
        color: #72808E;
        margin: 0 auto !important;
        transition: .5s all ease-in-out;
    }
    
    .divConsejero .exposicion-descarga {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 5px 0;
    }

    .divConsejero .row .title a{
        margin-top: -10px;
        padding: 0 0 10px 0;
    }

    .divConsejero .consejero-container .title a:hover{
        cursor: pointer;
        transform: scale(1.1);
    }

    .divConsejero .consejero-container .title label,
    .divConsejero .consejero-container2 .title label{
        font-size: 1rem;
        font-weight: bold !important;
    }

    .divConsejero .consejero-container .title label,
    .divConsejero .consejero-container .title h4 {
        text-align: center;
    }

    .divConsejero .consejero-container .title h4 {
        width: 90%;
        font-size: 1rem;
        padding-bottom: 10px;
    }

    .divConsejero .consejeros-iconos{
        width: 80%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 15px 0;
    }
    
    .divConsejero .consejeros-iconos .consejeros-leyenda{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
    }
    
    .divConsejero .button_style{
        color: #3A8C88;
        font-size: 2rem;
        transition: 0.5s all ease-in-out;
    }
    
    .divConsejero .button_style2{
        color: #3A8C88;
        font-size: 2rem;
        transition: 0.5s all ease-in-out;
        margin: 0 20px !important;
    }
    
    .divConsejero .button_style:hover,
    .divConsejero .button_style2:hover{
        color: #22524f;
        transform: translateY(-5px);
        cursor: pointer;
    }

    .consejeros-iconos .consejeros-nombre-archivo{
        width: 235px;
        max-width: 315px !important;
        color: #4A586970;
        text-align: center;
        font-size: .8rem !important;
        background-color: #CCCCCC60;
        border-radius: 30px;
        padding: 4px 10px !important;
        overflow: hidden !important;
    }

    .divConsejero .checkbox-default{
        width: 85%;
        margin: 0 auto;
        padding-bottom: 5px;
    }
    
    .divConsejero .checkbox-default label{
        font-size: .8rem;
    }

    .generar-cv .dropdown-toggle{
        width: 350px !important;
        margin-top: 1px;
    }

    .generar-cv textarea{
        margin-bottom: 20px;
        resize: none !important;
    }

    /******************* REDES SOCIALES *********************/

    .red-social .col-xxl-4{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        padding: 0 !important;
    }

    .red-social .col-xxl-4 .logo-red-social{
        width: 60px !important;
        height: 76px !important;
        padding: 5% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 60px;
        background-color: #6D727A;
        z-index: 100;
    }

    .red-social .col-xxl-4 .logo-red-social i{
        color: #FFF;
        font-size: 2.2rem;
        margin-left: -20px;
        border: none !important;
    }

    .red-social .col-xxl-4 .input-red-social input{
        width: 116% !important;
        margin-left: -52px !important;
    }

    /********************   ADJUNTOS   ***********************/

    .registro-adjuntos{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
    }

    .registro-adjuntos .registro-adjuntos-icono{
        width: 100px;
        height: 100px;
        border-radius: 60px;
        background-color: #3A8C88;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        position: relative;
        margin-left: 10px;
        z-index: 101;
    }

    .registro-adjuntos-icono img{
        height: 60px;
    }

    .registro-adjuntos .registro-adjuntos-datos{
        width: 100%;
        height: 200px;
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #FFFFFF 31.65%, rgba(196, 198, 198, 0.15) 130.22%);
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
    }

    .registro-adjuntos-datos .tipo-adjunto{
        font-size: .9rem !important;
        letter-spacing: -1px;
        text-align: center;
    }

    .registro-adjuntos-datos p{
        font-size: 1.5rem;
        color:#000 !important;
        padding: 0 !important;
    }

    .registro-adjuntos-datos .registro-adjuntos-subir-borrar{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
        margin-top: -10px !important;
    }

    .registro-adjuntos-subir-borrar .button_style{
        color: #3A8C88;
        font-size: 2.5rem;
        transition: 0.5s all ease-in-out;
        margin: 10px 20px !important;
    }

    .registro-adjuntos-subir-borrar .button_style:hover{
        color: #22524f;
        transform: translateY(-5px);
        cursor: pointer;
    }

    .registro-adjuntos-datos .acta_name{
        position: relative;
        margin-top: 10px !important;
        width: 80% !important;
        margin: 0 auto;
    }

    .registro-adjuntos-datos .acta_name p{
        color: #4A586970;
        text-align: center;
        font-size: .8rem !important;
        background-color: #FFFFFF70;
        border-radius: 30px;
        padding: 4px 10px;
    }

    /********************   FOOTER   ************************/

    #footer-registro .col-xxl-12{
        flex: 0 0 100% !important;
    }

    #footer-registro{
        width: 100%;
        padding: 50px 50px 5px 50px;
        position: relative;
        bottom: 0 !important;
        background: #6D727A;
    }

    #footer-registro .container-fluid{
        padding: 0 20px !important;
    }

    #footer-registro .footer-container{
        width: 80%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .logo{
        width: 90%;
    }

    .logo img{
        margin-left: calc(10%);
        width: 85%;
    }

    .linea{
        height: 230px;
        border-right:solid 1px #FFFFFF30;
        margin: 0 50px 0 0;
    }

    .datos{
        font-size: 1rem;
        width: 80% !important;
        margin: 40px 0;
    }

    .datos h4, .datos h5{
        margin-bottom: 2px;
    }

    .datos p{
        line-height: 20px;
    }

    .footer-social-media{
        width: 80% !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        color: #FFF;
    }

    .red {
        width: 30px;
        height: 30px;
        margin: 0 5px 6px 0;
        border-radius: 5px;
        color: #6D727A;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #72808E;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        transition: 0.5s ease-in-out all;
    }

    .red:hover{
        background-color: #3A8C88;
        transform: translateY(-5px);
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
    }

    .copy-right{
        text-align: center;
        font-size: 0.9rem;
        color: #FFF;
    }

    /**************** LOGIN *********************/

    .login-sign .card-sign .card-body {
        width: 400px;
        height: 600px;
        background: rgba(255, 255, 255, 0.75);
        box-shadow: 0px 16px 11px -3px rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);
        border-top: none;
        border-radius: 10px;
        padding: 0;
    }
    .login-sign .card-sign .card-body .logo{
        width: 100%;
        height: 120px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #6D727A;
        padding: 10px;
        border-radius: 10px 10px 0 0;
    }

    .login-sign .card-sign .card-body .logo i{
        display: none;
    }

    .login-sign .card-sign .card-body .logo img{
        width: calc(80%);
        margin: 0 auto !important;
    }
    
    .login-sign .card-sign .card-body #loginform {
        padding: 20px;
    }
    
    .login-sign .card-sign #loginform .card-body .form-control:focus{
        background-color: #FFF  !important;
    }
    
    .login-sign .card-sign .card-body #loginform .input-group-text {
        background-color: #6D727A;
        color: #FFF;
    }
    
    .login-sign .card-sign #loginform .form-group + .form-group{
        border: none !important;
        padding: 4px 0;
    }

    .login-sign #loginform .row{
        margin: 30px 0;
    }
    
    .login-sign #loginform p{
        margin-bottom: 7px !important;
    }

    .login-sign #loginform p a{
        color: #72808E;
        transition: .5s all ease-in-out;
    } 

    .login-sign #loginform .row p a:hover{
        color: #3A8C88;
    }

    .login-sign #loginform hr{
        border: solid 1px #FFF !important;
        margin: 20px 0 !important;
    }

    .login-sign .iniciar-sesion{
        color: #FFF;
        border: none !important;
        background-color: #6D727A;
        border-radius: 5px !important;
        padding: 7px 15px;
        transition: .3s all ease-in-out;
    }

    .login-sign .iniciar-sesion:hover{
        cursor: pointer;
        transform: translateY(-5px) !important;
        background-color: #3A8C88;
        box-shadow: 0px 13px 16px -5px rgba(0, 0, 0, 0.25);
    }

}


.red-social .logo-red-social i:hover{
    background-color: transparent !important;
}


#loginform .card-sign .card-title-sign {
    display: none !important;
}

/*************** RADIOS ****************/

.form-group .form-control:valid{
    border-radius: 5px !important;
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.form-group .form-check-input:valid:checked,
.selectTipo .form-check-input{
    border-color: #72808E !important;
}

.form-group .form-check-input:valid,
.selectTipo .form-check-input:valid{
    background-color: transparent;
    border: 2px solid;
    border-color: #72808E !important;
}

.form-group .form-check-input:valid:checked,
.selectTipo .form-check-input:valid:checked{
    background-color: #72808E !important;
}