section.wrapper_home {padding:20px;}

/*index*/

h1.tituloPrincipal {
    font-size: 35px;
    line-height: 40px;
    margin-top: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 70px;
    top: 14px;
}

.formulario-registro {
    padding: 30px;
    min-height: 100%;
    overflow: hidden;
    background:rgba(255, 255, 255, 0.9);
}

.formulario-registro > form label {
    position: relative;
    top: 0px;
  	font-size:16px;
    color: #E36C0D;
    margin:15px 0 3px 0;
}

.formulario-registro h4 {
    font-size: 21px;
    color: #006193;
    font-family: 'UniversCondensedMedium';
    text-align: center;
}

.btn-warning {
    color: #fff;
    background-color: #e07713;
    border-color: #eea236;
}

.logo-footer img {width:80px; margin-bottom:20px;}

.logo_central {
    max-width: 150px;
    position: relative;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 35px;
    position: absolute;
    left: -100px;
}
.logo_central img { background:rgba(255,255,255,0.9); border-radius:10px;padding:20px; }

.formulario-registro h2 {font-size:20px; color:#e07713; text-align:justify;}

.formulario-registro h2 b {font-weight:600;}

.formulario-registro h2 a{
    color: #006193;
}

#localesRes {}
#localesRes th {color:#fff;font-size:16px; text-align:center;background:#e07713; padding:5px; font-weight:600;}
#localesRes td {color:#000;font-size:14px; padding:3px;}

#enviarextra,#cancelarextra {margin-top:0px; }

#ui-datepicker-div {z-index:100 !important;}

.extraTxt {color:#000 !important; font-size:16px !important;margin-top:20px;}


.terms {margin-top:20px; margin-bottom:-20px;}

.terminos {color:#000 !important; font-size:16px !important; margin-top:5px;}

.terminos span {cursor:pointer; color:#e07713; text-decoration:underline;}

.modalTerms {display:none;position:fixed; height:90%; width:60%; background:#fff; border-radius:20px; padding:15px; left:5%; z-index:1000; top:25px; left:50%; transform:translateX(-50%); overflow:hidden; padding-bottom:60px;}

.modalTerms h4 {font-size:16px; font-weight:600; margin-bottom:15px;}
.modalTerms p{color:#000; text-align:justify; font-size:12px;}
.contenidoTerms {height:550px; overflow:scroll; width:100%; padding:10px 10px; margin-bottom:30px; padding-top:30px;}

.modalTermsBg {display:none; background:rgba(0,97,147,0.7);position:fixed; left:0; top:0; height:100%;width:100%;z-index:999;}

.cerrarModal {position:absolute; right:10px; top:10px; width:25px; height:25px; cursor:pointer;z-index:100000;}

.btnBlue {background:#006193 !important; border:0 !important;}
.btnOrange {background:#E36C0D !important; border:0 !important;}

a.plazaVea {display:block !important; width:230px !important; margin:5px auto !important; margin-top: 10px;}
a.plazaVea h5 {font-size:16px; color:#000; text-align:center; }
a.plazaVea img {width:100%; height:auto; margin-top:5px; margin-bottom:15px;}



section.wrapper_home {
    
    background: url(../images/fondoconafovicer.jpg) top no-repeat;
    background-size:cover;
}

footer {
    width: 100%;
    height: 110px;
    position: relative;
    
    z-index: 99;
    background: #006193;
    z-index: 1;
}

footer .logo-footer {
    position: absolute;
    right: 0px;
    top: 20px;
}

/*modal domicilio*/

#modalDomicilio .modal-content {background:#e07713;}
#modalDomicilio .modal-content h2 {color:#fff;}
#btnCerrarCorregir {background:rgba(0,97,147,1);border:1px solid rgb(0,97,147);}
#modalDomicilio .modal-footer {border-top:0;}
/*end modal domicilio*/


/*Page asignacion*/

.asignadoResultados,.controlResultados,.controlAdicional {font-size:18px;}
.asignadoResultados b,.controlResultados b,.controlAdicional b{font-size:18px; font-weight:600;}
.asignadoResultados p,.controlResultados p,.controlAdicional p{color:#000; text-align:justify;}
.asignadoResultados h2,.controlResultados h2,.controlAdicional h2 {text-align:center; }
.asignadoResultados h4,.controlResultados h4,.controlAdicional h4 {text-align:center; color:#000; margin-bottom:15px;margin-top:20px;}
.asignadoResultados h5,.controlResultados h5,.controlAdicional h5{text-align:justify;}
.asignadoResultados li,.controlResultados li,.controlAdicional li {color:#000 !important;}

.error {border:2px solid red !important;} 
.msgError {display:none; background:red; padding:7px 7px; border-radius:4px; margin-top:5px; color:#fff; font-size:14px; text-align:center}

/*End page asignación*/


/*control*/
.controlDNI,.controlConsultar,.controlBtnConfirmar,.controlBtnCorregir,.controlAdicionalBlock,.controlAdicionalBlock1,.controlAdicionalBlock2 {display:none;}

.toggleInformacion1,.toggleInformacion2{
    display: block;
    width: 200px;
    text-align: center;
    margin: 30px auto 10px auto;
    font-size: 14px;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 7px;
}

.toggleInformacion1 {display:none;}

.bonoEntregado {
    background:blue;
    color:#fff !important;
    text-align: center;
    border-radius:10px;
    padding:10px;
    font-size: 20px;
}

.bonoNoEntregado {
    background:red;
    color:#fff !important;
    text-align: center;
    border-radius:10px;
    padding:10px;
    font-size: 20px;
}

.btnReload {margin:20px auto; width:250px; text-align:center; color:#fff !important; display:block;}

/* end control*/

/*loader*/
.loader {position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); display:block; width:120px; height:100px; background:rgba(255,255,255,1);z-index:10000; font-size:14px; font-style:italic; text-align:center;color:#E36C0D; border-radius:10px; padding:10px; display:none; }
.loader img{ margin:0px auto; display:table; }

/*token*/
.tokenInput {display:inline-block; width:20%; margin:10px;border:2px solid #000; width:60px; height:100px; border-radius:7px; overflow:hidden;}
.tokenInput input{width:100%; height:100px; font-size:32px; text-align: center; }
.tokenInputs {width:auto; display:table; margin:10px auto;}

.tokenMensajes {text-align:center; font-size:20px; border:2px solid #000 !important; margin:20px; padding:10px; border-bottom:5px; display:none;}
/*end token*/

/*modal Confirmar e-vale*/

.modalConfirmarVale {z-index:10000;position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:350px; height:auto; background:#000; padding:10px; border-radius:15px;display:none;}
.modalConfirmarVale button {
    margin: 0 auto;
    display: table;
    margin-bottom: 20px;
}
.modalConfirmarVale p {font-size:11px; text-align:justify; color:#}

/* end of modal Confirmar e-vale */

/*HOME*/
#formSubmit.home,#mostrarEvaleHome,#mostrarEvaleHome2  {display:none;}
.homeMostrar p{color:#000 !important; font-size: 14px !important; text-align: justify;}
.homeMostrar p b {font-weight: bold;}
.homeMostrar h4 {margin-bottom:20px; font-size:24px;}
.homeMostrar h2.congrats {font-size:28px; text-align: center;}

.reenviarNotificacion {}
.reenviarNotificacion h3{font-size:13px; margin-top:30px;}

.asignadoResultados.homeNew h3 {font-size:18px;}

/* end HOME*/

/*mantenimiento*/
.mantenimiento h2 {font-size:40px; text-align:center; font-weight:600;}
/*end mantenimiento*/


/*nuevo home*/
.homeMostrar button {font-size:13px !important;}
.formulario-registro {display:none;}
.checklist {background:#fff; border-radius:10px;}
.checklist h4 {text-align:center; font-size:20px; color:#000; font-weight:600; margin-bottom:20px; margin-top:30px}
.checklist h5 {font-size:20px; color:#000; font-weight:600; font-style:italic; margin-bottom:30px; margin-top:30px}
.checklist p{color:#000;}
.checklist p.checkTxt {padding-left:50px;}
.checklist button {display:table; margin: 20px auto;}
.checklist .check {position: absolute; left: 20px; top: 50%; border-radius:5px; border:2px solid #000; width:25px; height:25px; transform: translateY(-50%);}
.iconCheck {width:35px; height:35px; margin-top:-12px; margin-left:1px;}

.verificarDni {background:#fff; border-radius:10px; display:none;}
.verificarDni img{width:80%; display:table; margin:10px auto;}
.verificarDni h4{text-align:center; font-weight:600; font-size:15px; margin:10px auto 10px auto;}
.verificarDni h2{color: #e07713;font-size: 28px;text-align: center; margin-top:20px; margin-bottom:30px;}
.verificarDni select option{text-align:center !important;}
.verificador {width:200px; margin:10px auto;}
.fechaEmision {width:80%; display: table; margin:10px auto;}
#dniVerificar {display:table; margin: 30px auto; color:#fff;}
.errorHome {background:red; color:#fff;padding:5px 10px;}
/*end nuevo home*/
.formulario-registro.mantenimiento {display:block !important;}

/*final*/
.comunicadoFinal,.notaFinal {font-size:13px; text-align: justify; line-height: 16px;}
.notaFinal{font-size: 11px;}
.notaFinal b {font-weight: 600;}

@media only screen and (max-width: 1280px) {
  
    .logo_central {
        max-width: 120px;
        position: relative;
        margin: 0 auto;
        display: block;
        margin-top: 20px;
        margin-bottom: 35px;
        position: absolute;
        left: -20px;
    }

    h1.tituloPrincipal {
        font-size: 25px;
        line-height: 30px;
        margin-top: 30px;
        width: 250px;
        text-align: center;
        position: absolute;
        left: 140px;
        top: 14px;
    }

}

@media only screen and (max-width: 991px) {
  
    .logo_central {
        max-width: 120px;
        position: relative;
        margin: 0 auto;
        display: block;
        margin-top: 20px;
        margin-bottom: 35px;
        position: absolute;
        left: -40px;
    }

    h1.tituloPrincipal {
        font-size: 20px;
        line-height: 30px;
        margin-top: 30px;
        width: 220px;
        text-align: center;
        position: absolute;
        left: 80px;
        top: 14px;
    }

}

@media only screen and (max-width: 768px) {
 

     .logo_central {
        max-width: 170px;
        position: relative;
        margin: 0 auto;
        display: block;
        margin-top: 20px;
        margin-bottom: 35px;
        position: relative;
        left: -20px;
    }

    h1.tituloPrincipal {
        font-size: 25px;
        line-height: 30px;
        margin-top: 30px;
        width: 100%;
        text-align: center;
        position: relative;
        left: auto;
        top: 14px;
    }


}

@media only screen and (max-width: 600px) {
     .logo_central {
        max-width: 130px;
        position: relative;
        margin: 0 auto;
        display:block;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .logo_central img { background:rgba(255,255,255,0.9); border-radius:10px;padding:15px; }
    h1.tituloPrincipal {
        font-size: 30px;
        line-height: 40px;
        margin-top: 20px;
        width: 100%;
        text-align: center;
    }
    section.wrapper_home {
        padding: 0px;
    }
    .container {padding: 0px;}
    .row {margin:0px;}
    .col-md-7 {padding:0px;}

    #consultar {margin-top:30px; }

    .formulario-registro h2 {
        text-align: justify;
        font-size: 16px;
        text-align: justify;
        line-height: 22px;
        color: #e07713;
        font-weight: 500;
    }

    #enviarextra {margin-top:30px; }

    section.wrapper_home {
        background: url(../images/fondoconafovicer.jpg) top no-repeat;
        background-size: auto 100%;
        background-position: -30px 0;
    }

    .modalTerms { height:90%; width:90%; }

   .contenidoTerms {height:520px; }

    #controlBtnConfirmar,#controlBtnCorregir {margin-top:10px;}


}

@media only screen and (max-width: 480px) {

    .terms {margin-top:20px;}
    .terms .col-sm-1 {width:15%;}
    .terms .col-sm-11 {width:80%;}
    .terminos {font-size:14px !important;}
     .contenidoTerms {height:470px; }

}

@media only screen and (max-width: 380px) {

     .contenidoTerms {height:440px; }

}