body {
    background: var(--login_fondo_fondoColor1); /* Old browsers */
    background: -moz-linear-gradient(top, var(--login_fondo_fondoColor1) 0%, var(--login_fondo_fondoColor2) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, var(--login_fondo_fondoColor1) 0%, var(--login_fondo_fondoColor2) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, var(--login_fondo_fondoColor1) 0%, var(--login_fondo_fondoColor2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
input[type=text], input[type=password], input[type=email]{
    background-color:transparent; 
    border:0; border-bottom:0.15em solid white;
    color:white;
    font-size:1.25em;
    text-align:center;
    height:auto;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white!important;
    opacity: 1; /* Firefox */
}
a { color:white; }
a:hover { color:white; text-decoration:underline; }


#btnAdmision:before {
    content:var(--admision_titulo_texto); 
}
.login-card {
    background-color:white;
    border-radius: 2.5em; 
}
.login-card-body {
    background-image: var(--login_formulario_fondoImagenUrl); 
    background-repeat:no-repeat; background-size:cover;
    border-top-left-radius: 2.5em; border-top-right-radius: 2.5em;border-bottom-right-radius: 6.5em;
    /*padding:3.5em 5.5em;*/
    padding:1.5em 5.5em;
    position:relative;
}
.login-card-body-filter {
    background: var(--login_formulario_fondoFiltro1); /* Old browsers */
    background: -moz-linear-gradient(top, var(--login_formulario_fondoFiltro1) 0%, var(--login_formulario_fondoFiltro2) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, var(--login_formulario_fondoFiltro1) 0%, var(--login_formulario_fondoFiltro2) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, var(--login_formulario_fondoFiltro1) 0%, var(--login_formulario_fondoFiltro2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-top-left-radius: 2.5em; border-top-right-radius: 2.5em;border-bottom-right-radius: 6.5em;
    opacity:0.75; 
    position:absolute; 

    top:0; left:0; z-index:2;
    width: 100%; height:100%;
}
.login-card-body-content {
    position:relative; z-index:3;
    color: var(--general_primario_textoColor)!important;
}
.login-card-body-content-logo {
    background: var(--login_logo_fondoColor1); /* Old browsers */
    background: -moz-linear-gradient(top, var(--login_logo_fondoColor1) 0%, var(--login_logo_fondoColor2) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, var(--login_logo_fondoColor1) 0%, var(--login_logo_fondoColor2) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, var(--login_logo_fondoColor1) 0%, var(--login_logo_fondoColor2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        
    border-radius: 100%;
    height: 12em; width:12em;
    text-align:center;
    padding: 0.5em; margin:auto;
}
.login-card-body-content-logo .loginimage {
    background-image: var(--login_logo_imagenUrl); 
    background-repeat:no-repeat; background-size:contain; background-position:center;
    border-radius: 100%;
    height:100%; width:100%;
}
.login-card-body-content .validationError {
    color: var(--general_primario_textoColor)!important;
    text-align:center; font-style: italic;
}
.login-fotter {
    padding:2em;
    font-size:0.9em;
    color:#35393e;
    text-align:center;
}
.login-fotter a, .login-fotter a:hover {
    color:#35393e;
}

/*.backstretch { display: block; }*/
.backstretch { display: none; }
#backstretchDesktop .backstretch { display:none; }
@media (min-width: 48em) {
    /*.backstretch { display: block; }*/
    #backstretchDesktop .backstretch { display:none; }
}
@media (min-width: 62em) {
    /*.backstretch { display: block; }*/
    #backstretchDesktop .backstretch{ display:none;/*border:2px solid red;*/ }
}
@media (min-width: 75em) {
    /*.backstretch { display: none;  }*/
    #backstretchDesktop .backstretch { display:block;/*border:2px solid yellow;*/ }
}


/*---------------------------------------*/
/*siteSchool.css ---solo lo necesario, si se modifica, tambien actualizar esta seccion*/
/*inputDefault*/
.form-control {
    border-radius:0rem;
    height:auto;
    font-size:1.5rem; 
    padding:1rem;
}
.form-control,.form-control:focus {
    border-color:var(--general_primario_textoColor)
}
.input-group-addon {
    background-color: var(--general_primario_fondoColor1)!important;
    color: var(--general_primario_textoColor)!important;
    border-color: var(--general_primario_fondoColor1)!important;
    border-top-left-radius: 0.75rem!important;
    border-bottom-left-radius: 0.75rem!important;
    box-shadow: 16px 0px 0 0 var(--general_primario_fondoColor1)!important;
}
.input-group .form-control {
    border-top-left-radius: 0.75rem!important;
    border-bottom-left-radius: 0.75rem!important;
}

/*buttonDefault*/
.btn {
    padding:1rem 2rem;
    font-size:1.5rem; font-weight:bold;
    border-radius:1.25rem;
}
.btn.btn-sm {
    padding:0.75rem 1.5rem;
    font-size:1.25rem; font-weight:bold;
    border-radius:1rem;
}
.btn.btn-lg {
    font-size:2rem;
    border-radius:1.5rem!important;
}
.btn:focus, btn:focus-visible {
    outline:0!important;
}
.btn:hover, .btn:hover {
    filter: brightness(1.1);
}
.btn:active, .btn:active {
    filter: brightness(1.15);
    position:relative; top:0.5rem;
}
.btn-primary {
    border:1px solid var(--general_primario_fondoColor1);
}
.btn-primary, .btn-primary:active {
    color: var(--general_primario_textoColor)!important;
    background: var(--general_primario_fondoColor1); /* Old browsers */
    background: -moz-linear-gradient(top, var(--general_primario_fondoColor1) 0%, var(--general_primario_fondoColor2) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, var(--general_primario_fondoColor1) 0%, var(--general_primario_fondoColor2) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, var(--general_primario_fondoColor1) 0%, var(--general_primario_fondoColor2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.btn-success {
    border:1px solid var(--general_secundario_fondoColor1);
}
.btn-success, .btn-success:active {
    color: var(--general_secundario_textoColor)!important;
    background: var(--general_secundario_fondoColor1); /* Old browsers */
    background: -moz-linear-gradient(top, var(--general_secundario_fondoColor1) 0%, var(--general_secundario_fondoColor2) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, var(--general_secundario_fondoColor1) 0%, var(--general_secundario_fondoColor2) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, var(--general_secundario_fondoColor1) 0%, var(--general_secundario_fondoColor2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/*---------------------------------------*/