html, body { font-family: "Century Gothic"; }

body { background-image: url('../../Imagenes/hg-ingreso-fondo-2.jpg'); background-size: cover; }
.logo-entidad { max-width: 80%; max-height: 80px; }
.logo-sl { width: 100%; max-width: 190px; }
.logo-usuarios { width: 100%; }
.login-1 .panel { opacity: 0.9; }


fieldset legend { font-size: 17px; }
input.login-control { border-top: none; border-right: none; border-left: none; border-radius: 0px; font-size: 20px !important; outline: none !important; box-shadow: none !important; }
.btn-recordar-clave { color: #061C37; }
.btn-info, .btn-info:focus { background-color: #327bb2; border-color: #327bb2; }


.form-login-contenedor { overflow: hidden; margin: 0 auto; }
.form-panel-contenedor { width: 200%; }
.form-login-contenedor .panel-usuario { width: 50%; float: left; }
.form-login-contenedor .panel-clave { width: 50%; float: left; }
.form-login-contenedor .panel-clave .h3 { padding-top: 0px; margin-top: 0px; }
.contenedor-restablecer-clave button { padding-top: 0px; }

.btn-login-regresar { background-color: #FFFFFF; color: #3e3e3e; outline: none !important; box-shadow: none !important; padding-left: 0px; }

.form-clave-contenedor { position: relative; }
.form-clave-contenedor input { padding-right: 30px; }
.form-clave-contenedor i { position: absolute; right: 5px; top: 10px; cursor: pointer; }

.separador-50 { height: 50px; clear: both; }
.separador-40 { height: 40px; clear: both; }
.separador-30 { height: 30px; clear: both; }
.separador-20 { height: 20px; clear: both; }
.separador-10 { height: 10px; clear: both; }
.separador-5 { height: 5px; clear: both; }

.clear { clear: both; }
.align-v-c { vertical-align: middle; }
.panel-centrado { margin: 0 auto; float: none; }
.text-bold { font-weight: bold; }

.btn-ayuda { background-color: transparent; padding-right: 0px; }
 button { outline: none !important; box-shadow: none !important;  }

.mg {margin-left: 15px; margin-right: 15px}

form input.error, .form-container input.input-validation-error {
    border-color: #f1a1a1;
    background-color: #f5eaea;
}
form label.error, .form-container label.field-validation-error { color: #f33c3c; font-weight: normal; }

input.ue-control {
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0px;
    font-size: 16px !important;
    outline: none !important;
    box-shadow: none !important;
}
select.ue-control {
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0px;
    font-size: 16px !important;
    outline: none !important;
    box-shadow: none !important;
}

/***INICIO BONOS Y TRANSLADOS***/
.container-checkboxAFP {
    display: flex;
    justify-content: flex-start;
}

#checkAFP {
    width: 11%;
}

#labelCheckAFP {
    margin-left: 2%;
}

#container-nitAFP {
    position: relative;
}

    #container-nitAFP i {
        position: absolute;
        right: 5px;
        top: 10px;
        cursor: pointer;
    }

/*#nitAFP-R {
    -webkit-appearance: textfield !important;
    margin: 0;
    -moz-appearance: textfield !important;
}*/

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

/***FIN BONOS Y TRANSLADOS***/