.main-box.infographic-box.menu-box.colored.emerald-bg {
    background-color: #192C78 !important;
}

.header.mm-fixed-top.mm-slideout {
    background-color: #192C78 !important;
}

#themeChanger {
    display: inline-block !important;
}

ul#mm-0 {
    color: #192C78 !important;
}

p.member {
    font-size: 18px;
    color: #008ab6;
    margin-bottom: 11px;
}

#LogInForm {
    background-color: #182B78 !important;
    color: white !important;
}

a#A1 {
    background: #192C78 !important;
}

.footer.mm-fixed-bottom.mm-slideout {
    background-color: #111E52;
}

.header.FixedTop {
    background-color: #192C78 !important;
}

.Login {
    color: white !important;
}

/*------------------------- Start iconos menu principal-----------------------------*/
#btnCuentas {
    display: none;
}

.asambleaIcon {
    content: url(../../images/icons/Asambleas.png);
    float: left;
    margin: -2px 0 0 -2px;
}

.estadoCuentaIcon {
    content: url(../../images/icons/estado_cuenta.png);
    float: left;
    margin: -2px 0 0 -2px;
}

.opAsoexIcon {
    content: url(../../images/icons/creditos.png);
    float: left;
    margin: -2px 0 0 -2px;
}

.creditosIcon {
    content: url(../../images/icons/creditos.png);
    float: left;
    margin: -2px 0 0 -2px;
}

/*11726-ACI-Cambio de la moneda en el app del cliente HV 267549*/
.creditosIconG {
    content: url(../../images/icons/creditosG.png);
    float: left;
    margin: -2px 0 0 -2px;
}

.ahorrosIcon {
    content: url(../../images/icons/ahorros.png);
    float: left;
    margin: -2px 0 0 -2px;
}

.calculoCuIcon {
    content: url(../../images/icons/calculo_cuota.png);
    float: left;
    margin: -2px 0 0 -2px;
}

.cDigitalIcon {
    content: url(../../images/icons/carnet_digital.png);
    float: left;
    margin: -2px 0 0 -2px;
}

.certificadoIcon {
    content: url("../../images/icons/appbar.user.png");
    float: left;
    margin: -2px 0 0 -2px;
}

.servicioIcon {
    content: url("../../images/icons/pago_servicios.png");
    float: left;
    margin: -2px 0 0 -2px;
}

.certificadoIcon {
    content: url("../../images/icons/appbar.user.png");
    float: left;
    margin: -2px 0 0 -2px;
}

.mAyudaIcon {
    content: url("../../images/icons/estado_cuenta.png");
    float: left;
    margin: -2px 0 0 -2px;
}

.recargasIcon {
    content: url("../../images/icons/recargas.png");
    float: left;
    margin: -2px 0 0 -2px;
}

.misAhorrosIcon {
    content: url("../../images/icons/mis_ahorros.png");
    float: left;
    margin: -2px 0 0 -2px;
}

.afilAhorrosIcon {
    content: url("../../images/icons/afiliacion_ahorros.png");
    float: left;
    margin: -2px 0 0 -2px;
}

.camCuotaIcon {
    content: url("../../images/icons/cambio_cuota.png");
    float: left;
    margin: -2px 0 0 -2px;
}

.ahoNavideno {
    content: url("../../images/icons/cambio_cuota.png");
    float: left;
    margin: -2px 0 0 -2px;
}

.soliciAhorroIcon {
    content: url("../../images/icons/solicitar_ahorro.png");
    float: left;
    margin: -2px 0 0 -2px;
}

/*11726-ACI-Cambio de la moneda en el app del cliente HV 267549*/
.misCreditosIconG {
    content: url("../../images/icons/mis_creditosG.png");
    float: left;
    margin: -2px 0 0 -2px;
}

.misCreditosIcon {
    content: url("../../images/icons/mis_creditos.png");
    float: left;
    margin: -2px 0 0 -2px;
}
/*11726-ACI-Cambio de la moneda en el app del cliente HV 267549*/
.dispodibleIconG {
    content: url("../../images/icons/disponibleG.png");
    float: left;
    margin: -2px 0 0 -2px;
}

.dispodibleIcon {
    content: url("../../images/icons/disponible.png");
    float: left;
    margin: -2px 0 0 -2px;
}
/*11726-ACI-Cambio de la moneda en el app del cliente HV 267549*/
.soliCreditosIconG {
    content: url("../../images/icons/credito_rapidoG.png");
    float: left;
    margin: -2px 0 0 -2px;
}

/*11726-ACI-Cambio de la moneda en el app del cliente HV 267549*/
.versoliCreditosIconG {
    content: url("../../images/icons/versolicitudesg.png");
    float: left;
    margin: -2px 0 0 -2px;
}

.soliCreditosIcon {
    content: url("../../images/icons/credito_rapido.png");
    float: left;
    margin: -2px 0 0 -2px;
}

.asistenteIcon {
    content: url("../../images/icons/asistentev.png");
    float: left;
    margin: -2px 0 0 -2px;
}

.feriasIcon {
    content: url("../../images/icons/ferias.png");
    float: left;
    margin: -2px 0 0 -2px;
}

.gestionesIcon {
    content: url("../../images/icons/gestiones.png");
    float: left;
    margin: -2px 0 0 -2px;
}

.tarjetasIcon {
    content: url("../../images/icons/estado_cuenta.png");
    float: left;
    margin: -2px 0 0 -2px;
}

.fianzasIcon {
    content: url("../../images/icons/fianzas.png");
    float: left;
    margin: -2px 0 0 -2px;
}

.iPersonalIcon {
    content: url("../../images/icons/appbar.user.png");
    float: left;
    margin: -2px 0 0 -2px;
}

.PspIcon {
    content: url("../../images/icons/pago_servicios.png");
    float: left;
    margin: -2px 0 0 -2px;
}

.electricIcon {
    content: url("../../Paginas/Modulos/Asoexpress/ServiciosPublicos/MenuCSS/images/LuzOver.png");
    float: left;
    margin: 4px 0 0 4px;
}

.aguaIcon {
    content: url("../../Paginas/Modulos/Asoexpress/ServiciosPublicos/MenuCSS/images/AguaOver.png");
    float: left;
    margin: 4px 0 0 4px;
}

.telefonoIcon {
    content: url("../../Paginas/Modulos/Asoexpress/ServiciosPublicos/MenuCSS/images/TelefonoOver.png");
    float: left;
    margin: 4px 0 0 4px;
}

.cableIcon {
    content: url("../../Paginas/Modulos/Asoexpress/ServiciosPublicos/MenuCSS/images/TelevisorOver.png");
    float: left;
    margin: 4px 0 0 4px;
}

.seguridadIcon {
    content: url("../../Paginas/Modulos/Asoexpress/ServiciosPublicos/MenuCSS/images/Seguridad.png");
    float: left;
    margin: 4px 0 0 4px;
}

.turismoIcon {
    content: url("../../Paginas/Modulos/Asoexpress/ServiciosPublicos/MenuCSS/images/Turismo.png");
    float: left;
    margin: 4px 0 0 4px;
}

.internetIcon {
    content: url("../../Paginas/Modulos/Asoexpress/ServiciosPublicos/MenuCSS/images/Internet.png");
    float: left;
    margin: 4px 0 0 4px;
}

.FavoritosIcon {
    content: url("../../Paginas/Modulos/Asoexpress/ServiciosPublicos/MenuCSS/images/favoritos.png");
    float: left;
    margin: 4px 0 0 4px;
}

.PagoAutoIcon {
    content: url("../../Paginas/Modulos/Asoexpress/ServiciosPublicos/MenuCSS/images/par-logo.png");
    float: left;
    margin: 4px 0 0 4px;
}

.ReenvioCorreo {
    content: url("../../Paginas/Modulos/Asoexpress/ServiciosPublicos/MenuCSS/images/Reenvio.png");
    float: left;
    margin: 4px 0 0 4px;
}

.MallVirtuIcon {
    content: url("../../images/icons/ferias.png");
    float: left;
    margin: -2px 0 0 -2px;
}
/*-------------------------Start iconos menu principal-----------------------------*/
/*------------------------- Start asoexpress icon menu principal-----------------------------*/
.express-style {
    padding: 0px !important;
    height: 68px !important;
}


.asoexpressIcon {
    content: url("../../images/icons/logo-asoexpress.png");
    float: left;
    margin: 0 auto;
    width: 100%;
    padding: 5% 20%;
}

.infographic-box .value {
    font-size: 18px !important;
}

@media only screen and (max-width: 400px) {
    .asoexpressIcon {
        padding: 5% 20%;
    }
}

@media only screen and (max-width: 370px) {
    .asoexpressIcon {
        padding: 5% 17%;
    }
}

@media only screen and (max-width: 375px) {
    .asoexpressIcon {
        padding: 5% 13%;
    }
}

@media only screen and (max-width: 320px) {
    .asoexpressIcon {
        padding: 6% 10%;
    }
}

@media only screen and (max-width: 260px) {
    .asoexpressIcon {
        padding: 5% 10%;
    }
}

@media only screen and (max-width: 180px) {
    .asoexpressIcon {
        padding: 5% 8%;
    }
}
/*------------------------- End asoexpress icon menu principal-------------------------------*/

.cbp-hsmenu > li > a {
    border-bottom: 7px solid #ffffff !important;
    padding: 2px;
}

#idMenuRecargas {
    display: none;
}

#ctl00_ContentPlaceHolder1_cuentasId {
    display: none !important;
}

#ctl00_ContentPlaceHolder1_idMenuRecargas {
    display: none !important;
}

.imageCintillo {
    display: none !important;
}

.msjCargaImagen {
    display: none;
}

/*------------------------- Start selector menu principal-------------------------------*/
.selecLog-box {
    background-color: #3a87ac !important;
    border-radius: 7px;
}

.selecLog-text {
    font-size: 16px;
    color: white !important;
    padding: 10px 10px 10px 10px;
}

.selecLog-button {
    background-color: #192c77 !important;
    border-radius: 7px;
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
}

.selecLog-text-button {
    float: left;
    padding: 12px 0px 2px 20%;
}

.selecLog-img-button {
    float: right;
    margin-right: 25px;
}

@media only screen and (max-width: 450px) {
    .selecLog-text-button {
        padding: 12px 0px 2px 10%;
    }

    .selecLog-img-button {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 350px) {
    .selecLog-text-button {
        padding: 12px 0px 2px 1%;
    }

    .selecLog-img-button {
        margin-right: 1px;
    }
}
/*------------------------- End selector menu principal-------------------------------*/

.panel {
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);
    box-shadow: 0 0px 0px rgba(0,0,0,0);
    background-color: transparent !important;
}

.btn {
    padding: 10px 35px;
    font-size: 17px;
    font-weight: 500;
    border: 0px solid transparent;
    border-radius: 0px;
}

.btn-primary {
    color: #fff;
    background-color: #f15a24;
    border-color: #f15a24;
}

.box-form {
    background-color: #0074c5;
    padding: 28px 13px 27px 13px;
    border-radius: 4px;
}

.panel-body {
    padding: 1px;
}

.ColorMenu {
    padding: 4px 11px;
    font-size: 19px;
    font-weight: 400;
    border: 0px solid transparent;
    border-radius: 4px;
    background-color: #a1e256;
    border-color: #a1e256;
}



.input-container {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.icon {
    background: #a1e256;
    color: white;
    min-width: 36px;
    text-align: center;
    font-size: 28px !important;
    padding: 7px 0 0 0;
    border-radius: 0px !important;
}

.input-field {
    width: 100%;
    padding: 21px 10px 19px 10px;
    outline: none;
    border-radius: 0px !important;
    font-size: 15px;
}

.input-field:focus {
    border: 2px solid dodgerblue;
}

::placeholder {
    opacity: 0.7;
    text-transform: none;
}

:-ms-input-placeholder {
    opacity: 0.7;
    text-transform: none;
}

::-moz-input-placeholder {
    opacity: 0.7;
    text-transform: none;
}

@keyframes fade-in-up {
    0% {
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.video iframe {
    max-width: 100%;
    max-height: 100%;
}

.video.stuck {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 260px;
    height: 145px;
    transform: translateY(100%);
    animation: fade-in-up 0.75s ease forwards;
    z-index: 1;
}


.video-wrap {
    position: absolute;
    z-index: 100000000000000000;
    background-color: #f1f1f1;
    text-align: center;
    border: 1px solid #d3d3d3;
}

.feriasIcon {
    content: url("../../images/icons/ferias.png ");
}

.textLogDarkTheme {
    background: grey;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0px 3px 3px rgba(255,255,255,0.5),0px -1px 1px rgba(0,0,0,.3);
    text-align: center;
    position: relative;
    top: -60px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.imageLogDarkTheme {
    z-index: 0;
    position: relative;
    height: 55px;
    animation: blink 1s;
    -webkit-animation-name: flash;
    animation-name: flash;
}

.logfooter {
    text-align: center;
}



#tooltip {
    text-align: center;
    color: #fff;
    background: #353535;
    position: absolute;
    z-index: 100;
    padding: 8px;
    left: 20% !important;
}



.tooltip {
    background: green;
    color: white;
    padding: 1em;
    border-radius: 50px;
    font-size: 2em;
}

.fontData-color {
    color: black !important;
}