@charset "utf-8";
/*Medidas según doc de requisitos*/

@media screen and (min-width: 1930px) {
    .ax-container {
        max-width: 100%;
    }

    .ax-logo img {
        width: 40%;
    }

}

@media screen and (max-width: 1930px) {
    .ax-header {
        max-width: 100%;
    }
    .ax-logo img {
        width: 43%;
    }
    .ax-container.ax-header.ax-header-fixe .ax-logo img {
        width: 27%;
    }
}

@media screen and (max-width: 1601px) {
    .ax-logo img {
        width: 50%;
    }
    .ax-container.ax-header.ax-header-fixe .ax-logo img {
        width: 37%;
    }
}

@media screen and (max-width: 1366px) {
    .ax-header {
        max-width: 100%;
    }
    .ax-fila-am:before,
    .ax-fila-roja:before {
        content: none;
    }
    .ax-logo-footer {
        right: 20px;
    }
    .ax-header {
        max-width: 100%;
    }
}

@media screen and (max-width: 1281px) {
    .ax-menu .ax-mainmenu > li > a {
        max-width: 80px;
    }
    .ax-miga .ax-container {
        width: 100% !important;
    }
    .ax-cont-noticia {
        width: 40%;
        margin: 10% 0 0;
    }

    .ax-contendor-imagen .ax-fecha-evento{
        top: 0;
        right:0px;
        width:100%;
        box-sizing: border-box;
        border-radius: 0 0 0 0;
        padding: 4px;
        background: rgba(255, 255, 255, 0.9);
        -webkit-box-shadow: 0px 0px 0px 0px #c6c6c6;
        -moz-box-shadow: 0px 0px 0px 0px #c6c6c6;
        box-shadow: 0px 0px 0px 0px #c6c6c6;
    }
    
    .ModBuscarEventosC .ax-contendor-imagen .ax-fecha-evento span,
    .ModBuscarEventosC .ax-evento-principal .ax-contendor-imagen .ax-fecha-evento span{
        font-size: 20px!important;
        display:inline-block;
        margin:0 3px;
        vertical-align:middle;
    }

    .ModBuscarEventosC .ax-contendor-imagen .ax-fecha-evento br{
        display:none
    }
    
    .ModBuscarEventosC .ax-evento-principal .ax-contendor-imagen .ax-imagen-evento{
        position:relative;
    }
}

@media screen and (max-width: 1024px) {
    .ModIntegradorPSEC .ax-centrar input[type="submit"] {
        width: 27%;
    }
    /* header {
        height: 272px;
    } */
    .ax-menu .ax-mainmenu > li > a {
        max-width: 109px;
    }
    .ax-menu {
        width: 82%;
    }
    .ax-logo {
        margin: 0 auto;
        display: block;
    }
    .ax-menu .ax-mainmenu > li,
    .ax-menu .ax-mainmenu > li > a, {
        height: 120px;
    }
    .ax-cont-noticia {
        width: 46%;
        margin: 8% 0 0;
    }
    .ax-container.ax-header.ax-header-fixe .ax-logo img {
        width: 0%;
        margin: 0 0 0 0;
    }
    .ax-cont-noticia .summary {
        width: 100%;
    }
    .ax-cont-noticia .summary p {
        font-size: 16px;
    }
    #dnn_mistransacciones #content_detalles_evento2 span {
        font-size: 16px;
        padding: 10px;
    }
    #dnn_mistransacciones #content_detalles_evento2 input[type="submit"] {
        /* padding: 10px;
        margin: 15px 0 10px 0;
        font-size: 12px;
        display: inline-block; */
    }
    .ax-home .modal .modal-content {
        width: 65%;
    }
    table.ax-table-50{
        width: 100%;
    }

    .ModIntegradorPSEC .ax-centrar:after {
        right: 35%;
        width: 50px;
        height: 51px;
    }

}

@media screen and (max-width: 990px) {
    div#pnlCDAT.informacion,
    div#pnlPrestamos.informacion{
        overflow-x: scroll;
	margin: 0 0 15px 0;
    }
    div#pnlCDAT.informacion > div > div > table,
    div#pnlPrestamos.informacion > div > div > table {
        min-width: 1200px;
    }
    #detalleDelConvenio .logoDetalle {
        width: 100%;
        margin: 0 0% 3% 0;
    }
    #detalleDelConvenio .descuentoConvenio {
        width: 100%;
        margin: 0 0 20px 0;
    }
    #detalleDelConvenio a.ax-boton-rojo {
        width: 40%;
    }
    .contentConvenio {
        width: 97%;
        margin: 0 3% 6% 0;
    }
    .contentConvenio .descuentoConvenio > span {
        top: 149px;
        left: 0;
        padding: 23px 0px 0px 6px;
    }
    .contentConvenio .descuentoConvenio > span.ax-hasta {
        top: 129px;
    }
    #content_detalles_evento2 {
        position: relative;
    }
    .ax-logo img {
        width: 100%;
    }
    .ax-miga {
        display: none;
    }
    .ax-menu .ax-mainmenu > li > a {
        max-width: 93px;
    }

    #dnn_Content_not_right,
    #dnn_Content_asociate_left {
        width: 70%;
        display: block;
        margin: 0 auto;
    }
    .ax-contenedor-botones-detalles input[type="submit"] {
        width: 44%;
    }

    .ax-convocatoria {
        width: 48%!important;
    }

    .ax-convocatoria:nth-child(3n+3),
    .ax-convocatoria {
        margin-right: 4%!important;
    }
    
    .ax-convocatoria:nth-child(2n+2) {
        margin-right: 0!important;
    }

.ModConsultarTasaCreditoC::-webkit-scrollbar,
    .ModConsultarTasaAhorroC::-webkit-scrollbar,
div#pnlCDAT.informacion::-webkit-scrollbar,
div#pnlAhorros.informacion::-webkit-scrollbar,
div#pnlPrestamos.informacion::-webkit-scrollbar,
div#pnlServicios.informacion::-webkit-scrollbar,
div#pnlBeneficios.informacion::-webkit-scrollbar,
.ModModificarCuotaC .divCuotas::-webkit-scrollbar,
.ModConsultarTasaCDATC::-webkit-scrollbar{
    width:8px;
    height:8px;
}

.ModConsultarTasaCreditoC::-webkit-scrollbar-thumb,
    .ModConsultarTasaAhorroC::-webkit-scrollbar-thumb,
div#pnlCDAT.informacion::-webkit-scrollbar-thumb,
div#pnlAhorros.informacion::-webkit-scrollbar-thumb,
div#pnlPrestamos.informacion::-webkit-scrollbar-thumb,
div#pnlServicios.informacion::-webkit-scrollbar-thumb,
div#pnlBeneficios.informacion::-webkit-scrollbar-thumb,
.ModModificarCuotaC .divCuotas::-webkit-scrollbar-thumb,
.ModConsultarTasaCDATC::-webkit-scrollbar-thumb{
    background:#004f97;
    border-radius:5px
}

}

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

    .mayo > img,
    .mayo > div,
    .mayo > div > img,
    .mayo > div p {
        width: 100%;
        float: none;
    }
    .febrero div {
        width: 100%;
    }

    .octubre div {
        width: 100%;
    }

    .octubre img,
    .febrero img {
        height: auto;
        width: 100%;
    }
}

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

    .ModDetallesEventoInscritoC .ax-form fieldset.ax-contenedor-boton{
        text-align: center;
        width:80%;
    }

    .ModMisEventosC .ax-boton {
        width: 8%;
    }

    .ModConsultarEstadoCuentaC .field {
        width: 49%;
    }

    .ModIntegradorPSEC .ax-centrar:after {
        right: 33%;
    }
    
    #PestanaUbicacionAfiliacion table,
    #PestanaFinancieraAfiliacion .tabs:nth-child(5) .grupotabs .dxgvControl,
    #PestanaFinancieraAfiliacion .tabs:nth-child(4) .grupotabs .dxgvControl {
        width: 1200px !important;
    }
    .ax-interna div#content_tabs_afiliacion .opcionTitulo,
    #PestanaFinancieraAfiliacion .tabs:nth-child(5) .grupotabs,
    #PestanaFinancieraAfiliacion .tabs:nth-child(4) .grupotabs {
        width: 700px;
        overflow-x: scroll;
    }
    #content_tabs_afiliacion table .dxgvCSD {
        height: auto !important;
        overflow: visible !important;
        width: 100% !important;
    }
    .ocultar {
        display: none !important;
    }
    /* .ax-banner-bvnd {
        height: 160px;
    } */
    .ModBienvenidaC #title_content,
    .ModBienvenidousuarioC #title_content {
        /* margin-top: 45px; */
    }
    .ModBienvenidaC span,
    .ModBienvenidousuarioC span {
        font-size: 20px;
    }
    #content_detalles_evento2 {
        margin: 10px 0 10px 0;
    }
    .ModBienvenidaC span:first-child,
    .ModBienvenidousuarioC span:first-child {
        font-size: 59px;
        margin-bottom: 30px;
    }
    .grupotabs {
        display: none;
    }
    #PestanaFinancieraAfiliacion .tabs:nth-child(5) .grupotabs,
    #PestanaFinancieraAfiliacion .tabs:nth-child(4) .grupotabs{
        display:inline-block!important;
    }
    #PestanaFinancieraAfiliacion .tabs:nth-child(5) h3,
    #PestanaFinancieraAfiliacion .tabs:nth-child(4) h3{
        pointer-events:none;
    }
    .tabs h3 {
        background: url(/Portals/_default/Skins/Ex-asociados/images/mas.png) no-repeat 95% 50%;
        background-size: 30px;
        padding: 12px 40px 12px 0;
        cursor: pointer;
        box-sizing: border-box;
    }
    .tabs.activo h3 {
        background: url(/Portals/_default/Skins/Ex-asociados/images/menos.png) no-repeat 95% 50%;
        background-size: 30px;
    }
    /* header {
        height: 144px;
    } */
    .ax-container.ax-header.ax-header-fixe {
        top: 0px;
    }
    .ax-iconos-5columnas {
        width: 33%;
    }
    .ax-datos fieldset,
    .ax-fieldset {
        width: 48%;
    }
    .ax-iconos-3columnas img {
        width: 24%;
    }
    .ax-container.ax-header.ax-header-fixe .ax-logo img {
        width: 70%;
        margin: 6% 0px;
    }
    .ax-mainmenu-fixe {
        position: fixed !important;
        top: 95px;
    }
    .ax-fieldset2,
    .ax-form fieldset {
        width: 96%;
    }
    .contentConvenio .descripcionConvenio {
        width: 100%;
        margin: 0 0% 3% 0;
        display: inline-block;
        vertical-align: top;
    }
    #filtrosBusqueda > div {
        width: 49%;
    }
    .eligirubicacion img {
        width: 7%;
    }
    .eligirubicacion p {
        font-size: 16px;
    }
    .ax-formularios ul > li {
        width: 100%;
        padding-left: 30px;
    }
    .ax-formularios ul > li:before {
        width: 23px !important;
        font-size: 21px !important;
    }
    .ax-productos {
        /* width: 46%;
        margin: 4% 4% 2% 0; */
    }
    .field {
        width: 100%;
        margin: 0 0 5px 0;
    }
    .campoRequerido,
    .campo,
    .campoRequerido2 {
        width: 100%;
        margin-bottom: 20px;
    }
    .campoRequerido input[type="password"],
    .campoRequerido2 input[type="password"],
    .campo input[type="password"],
    .campoRequerido input[type="text"],
    .campoRequerido select,
    .campo select,
    .campo input[type="text"],
    .campoRequerido2 input[type="text"],
    .campoRequerido2 select,
    .campoRequerido textarea {
        width: 100% !important;
        display: inline-block;
    }
    #PestanaGeneralAfiliacion,
    .text_field_content {
        width: 90%;
        margin: 0 auto;
    }
    .ax-productos .content .summary {
        opacity: 1;
        position: relative;
        box-sizing: border-box;
        padding: 10px 10%;
        width: 100%;
    }
    .ax-productos .content:hover .summary:before {
        content: none;
    }
    .ax-productos .content:hover .summary {
        opacity: 1;
        position: relative;
        box-sizing: border-box;
        padding: 10px 10%;
        left: 0px;
        width: 100%;
    }
    .ax-productos .content .summary {
        opacity: 1;
        position: relative;
        box-sizing: border-box;
        padding: 10px 10%;
        width: 100%;
    }
    .ax-banner-interna .overview {
        width: 80%;
        top: 30% !important;
        left: 10%;
    }
    .ax-contenido #dnn_Content_50_right,
    .ax-contenido #dnn_Content_50_left {
        width: 100%;
        padding: 0px 2%;
    }
    .ax-contenido #dnn_Content_50_left:before {
        content: none;
    }
    .ax-contenedor {
        overflow: hidden;
        padding-top: 210px;
    }
    .ax-header {
        position: relative !important;
        width: 100%;
        top: 0px;
    }
    #dnn_Content_not_right,
    #dnn_Content_asociate_left {
        width: 100%;
    }
    .ax-header:before {
        content: "";
        position: absolute;
        top: 0;
        width: 100%;
        height: 9px;
        background: rgba(0, 79, 153, 1);
        background: -moz-linear-gradient(left, rgba(0, 79, 153, 1) 0%, rgba(0, 176, 240, 1) 16%, rgba(0, 176, 240, 1) 32%, rgba(0, 168, 81, 1) 50%, rgba(229, 188, 6, 1) 66%, rgba(229, 188, 6, 1) 82%, rgba(235, 0, 0, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 79, 153, 1)), color-stop(16%, rgba(0, 176, 240, 1)), color-stop(32%, rgba(0, 176, 240, 1)), color-stop(50%, rgba(0, 168, 81, 1)), color-stop(66%, rgba(229, 188, 6, 1)), color-stop(82%, rgba(229, 188, 6, 1)), color-stop(100%, rgba(235, 0, 0, 1)));
        background: -webkit-linear-gradient(left, rgba(0, 79, 153, 1) 0%, rgba(0, 176, 240, 1) 16%, rgba(0, 176, 240, 1) 32%, rgba(0, 168, 81, 1) 50%, rgba(229, 188, 6, 1) 66%, rgba(229, 188, 6, 1) 82%, rgba(235, 0, 0, 1) 100%);
        background: -o-linear-gradient(left, rgba(0, 79, 153, 1) 0%, rgba(0, 176, 240, 1) 16%, rgba(0, 176, 240, 1) 32%, rgba(0, 168, 81, 1) 50%, rgba(229, 188, 6, 1) 66%, rgba(229, 188, 6, 1) 82%, rgba(235, 0, 0, 1) 100%);
        background: -ms-linear-gradient(left, rgba(0, 79, 153, 1) 0%, rgba(0, 176, 240, 1) 16%, rgba(0, 176, 240, 1) 32%, rgba(0, 168, 81, 1) 50%, rgba(229, 188, 6, 1) 66%, rgba(229, 188, 6, 1) 82%, rgba(235, 0, 0, 1) 100%);
        background: linear-gradient(to right, rgba(0, 79, 153, 1) 0%, rgba(0, 176, 240, 1) 16%, rgba(0, 176, 240, 1) 32%, rgba(0, 168, 81, 1) 50%, rgba(229, 188, 6, 1) 66%, rgba(229, 188, 6, 1) 82%, rgba(235, 0, 0, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f99', endColorstr='#eb0000', GradientType=1);
    }
    .ax-logo {
        width: 30%;
        vertical-align: middle;
        margin: 0;
        display: inline-block;
    }
    .ax-logo img {
        width: 100%;
        padding: 2% 2% 2% 35px;
        box-sizing: border-box;
    }
    .ax-menu {
        width: 70%;
        text-align: right;
        vertical-align: middle;
    }
    .ax-header .ax-grid_9 .ax-container {
        position: relative !important;
        top: 53px;
    }
    .ax-banner-home,
    .ax-sup,
    .ax-subMega,
    .ax-banner-interna {
        display: none;
    }
    a.ax-responsiveMenuButton,
    .ax-search-resp {
        display: inline-block;
        vertical-align: top;
        padding: 0 5%;
    }
    a.ax-responsiveMenuButton.icon-fepep-menu,
    .icon-fepep-search:before {
        font-size: 40px;
        color: #004f97;
    }
    /* .ax-mainmenu {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 65vh;
        overflow: scroll;
        background: #f1f1f1;
        position: relative;
        z-index: 100;
        left: 0;
    } */

    .menuNuevo{
        display: none;
    }

    .menuNuevo{
        margin: 0;
        padding: 0;
        width: 100%;
        height: 65vh;
        overflow: scroll;
        background: #f1f1f1;
        position: relative;
        z-index: 100;
        left: 0;
    }
    .ax-mainmenu > li,
    .ax-mainmenu > li > a > ul.ax-subnav > li {
        position: relative;
        display: block;
        height: auto;
    }
    .ax-mainmenu > li > a {
        color: #6a6a6a;
        box-sizing: border-box;
        padding: 15px;
        display: block;
        text-align: left;
        max-width: 100%;
        height: auto;
        font-size: 18px;
    }
    .ax-megaMenu {
        background: #008f57;
    }
    .ax-megaMenu ul.ax-subnav li {
        display: block;
        position: relative;
        padding: 10px 0;
    }
    .ax-megaMenu ul.ax-subnav li:before,
    .ax-megaMenu ul.ax-subnav li .ax-subMega li:before {
        top: 10px !important;
    }
    .ax-megaMenu ul.ax-subnav li a {
        color: #ffffff;
    }
    .ax-megaMenu ul.ax-subnav li.division {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .ax-megaMenu ul.ax-subnav li.division::before {
        content: none;
    }
    .ax-megaMenu ul.ax-subnav li.division h3 {
        font-size: 17px;
        padding: 15px 0;
    }
    a.ax-menuParent,
    .division a.ax-menuParent {
        position: relative;
    }
    a.ax-menuParent:before,
    .division a.ax-menuParent:before {
        content: "\02b";
        position: absolute;
        right: 13px;
        color: #6a6a6a;
        font-size: 22px;
    }
    a.ax-menuParent.active:before,
    .division a.ax-menuParent.active:before {
        content: "\02d";
    }
    .division a.ax-menuParent:before {
        color: #ffffff;
        top: 16px;
    }
    .transacciones {
        margin: 20px 0 20px 0;
        text-align: center;
        width: 100%;
    }
    .transacciones a {
        /* max-width: 100%;
        padding: 30px 60px;
        height: auto;
        display: inline-block;
        width: 100%; */
    }
    #dnn_mistransacciones #content_detalles_evento2 div {
        padding: 0px;
        height: auto;
    }
    .transacciones a:before {
        left: 20px;
        top: 30px;
    }
    .ax-search-resp.active .searchInputContainer {
        left: 34%;
    }
    .searchInputContainer {
        width: 40%;
    }
    .searchInputContainer input {
        height: auto;
        background: #f1f1f1;
    }
    .ax-banner-home-resp,
    .ax-banner-interna-resp {
        display: block;
    }
    .ax-banner-home-resp .ax-grid_12,
    .ax-asociate,
    .ax-not-home {
        padding: 0;
        width: 100%;
        margin: 0;
    }
    body .ax-banner-home-resp .chameleon_slider,
    body .ax-banner-home-resp .chameleon_slider .main_panel,
    body .ax-banner-home-resp .chameleon_slider .main_panel .items_wrapper .item_container {
        height: 1150px !important;
    }
    body .ax-banner-interna-resp .chameleon_slider,
    body .ax-banner-interna-resp .chameleon_slider .main_panel,
    body .ax-banner-interna-resp .chameleon_slider .main_panel .items_wrapper .item_container {
        height: 950px !important;
    }
    body .ax-banner-home-resp .chameleon_slider .main_panel .items_wrapper .item_container img,
    body .ax-banner-interna-resp .chameleon_slider .main_panel .items_wrapper .item_container img {
        height: initial !important;
        top: 0 !important;
    }
    .ax-fila-am,
    .ax-fila-roja {
        display: block;
    }
    .ax-momentos,
    .ax-informate,
    .ax-ultimo,
    .ax-experiencias {
        width: 100%;
    }
    .ax-informate .ax-info,
    .ax-ultimo .ax-info {
        position: initial !important;
        left: initial !important;
        top: initial !important;
        margin: 16% auto;
        transform: initial !important;
    }
    
    .ax-footer {
        display: initial !important;
        display: initial !important;
        display: initial !important;
        -webkit-box-align: initial !important;
        -webkit-box-direction: initial !important;
        -ms-flex-direction: initial !important;
        flex-direction: initial !important;
    }
    .ax-logo-footer {
        right: 0;
        float: none;
        width: 50%;
        display: block;
        margin: 0 auto;
        padding:4% 0;
    }
    .ax-info-footer {
        position: relative;
        left: 0 !important;
        top: 0 !important;
        margin: auto;
        transform: initial !important;
        display: block;
    }
    .ax-info-footer ul {
        text-align: left;
        margin: 20px 0;
    }
    .ax-info-footer ul li {
        border-right: none;
        display: block;
    }
    .ModIntegradorPSEC .ax-contenedorpse {
        width: 90%;
    }
    .ax-eventos {
        width: 100%;
    }
    .ax-evento-principal .ax-contendor-imagen {
        width: 100%;
    }
    .ax-contendor-imagen {
        width: 48%;
    }
    .ax-evento-principal .ax-eventos .ax-contenedor-eventos-full {
        width: 100%;
        margin-left: 0;
    }
    .ax-contendor-imagen .ax-fecha-evento span {
        font-size: 18px;
        display: block;
    }
    .ax-filtro .field {
        width: 37%;
    }
    .ax-contenedor-eventos-full {
        width: 50%;
    }
    .ModConsultarCeldaActualC .field.alinear span {
        margin-right: 0;
        top: 0;
        position: relative;
    }
    .ModConsultarCeldaActualC .field.alinear {
        text-align: center;
    }
    .ModConsultarCeldaActualC .campoRequerido {
        text-align: center;
    }

    .ModConsultarCeldaActualC .campoRequerido input[type="text"] {
        width: 72% !important;
    }
    .ModConsultarCeldaActualC .alinearADerecha {
        margin-bottom: 30px;
    }
    .ax-content-detallevent .ax-contenedor-eventos-full {
        width: 100%;
    }
    .ax-content-detallevent .ax-contendor-imagen {
        width: 100%;
    }
    .ModMisEventosHomeC .ax-titulo-evento span {
        width: auto;
        display: block;
    }
    .ModMisEventosHomeC .ax-ver-evento {
        width: 100%;
    }
    .ModMisEventosHomeC .ax-contendor-imagen {
        width: 100%;
    }
    .ModMisEventosHomeC .ax-eventos-usuario {
        width: 100%;
    }
    .ModRetiroAhorroC .campoRequerido table {
        width: 100%;
    }
    .ModMisEventosHomeC .nEv1 .ax-contendor-imagen {
        width: 100%;

    }
    .ModMisEventosHomeC .nEv1 .ax-eventos,
    .ModMisEventosHomeC .nEv2 .ax-eventos,
    .ModMisEventosHomeC .nEv3 .ax-eventos {
        width: 100%;
    }
    .ModMisEventosHomeC .nEv1 .ax-contenedor-evento2 {
        width: 100%;
    }
    .ModMisEventosHomeC .nEv1 .ax-eventos-usuario,
    .ModMisEventosHomeC .nEv2 .ax-eventos,
    .ModMisEventosHomeC .nEv3 .ax-eventos {
        width: 100%;
    }
    .ModMisEventosHomeC .nEv1 .ax-eventos-usuario,
    .ModMisEventosHomeC .nEv2 .ax-eventos-usuario,
    .ModMisEventosHomeC .nEv3 .ax-eventos-usuario {
        width: 100%;
    }
    .ModMisEventosHomeC .ax-ver-evento input[type="submit"],
    .ModMisEventosHomeC .ax-boton-detalle input[type="submit"] {
        width: 80%;
    }
    .ax-interna div#content_tabs_afiliacion > div > div > ul li {
        display: none;
    }
    .ax-interna div#content_tabs_afiliacion > div > div > ul li.dxtc-activeTab {
        display: inline-block;
        width: 300px;
        margin: 0 auto
    }
    .ax-interna div#content_tabs_afiliacion > div > div > ul {
        width: 300px;
        margin: 0 auto;
    }
    .ax-titulo-evento span {
        font-size: 13px;
    }
    .ax-descripcion-evento span {
        font-size: 12px;
    }
    .ax-lugar-eventos span {
        font-size: 13px;
    }
    .ax-interna .ax-contenido video {
        width: 100% !important;
    }
    .ax-eventos-user {
        width: 100%;
        margin: 16px 0 60px 2%;
    }

    .ax-eventos-user:last-child {
        margin: 16px 0 0 2%;
    }

}

@media (max-width: 767px) {

    .account__list{
        top: 77px;
    }

    .account__info {
        height: 45px;
        width: 45px;
    } 

    .account__info img {
        width: 12px;
        min-width: 12px;
    }

    .account__info p {
        display: none;
    }

    .account__info span {
        display: none;
    }
}

@media (max-width: 576px) {

    .site-logo {
        width: 90px;
        min-width: 90px;
    }

    .account__list{
        top: 73px;
    }

    
}

@media screen and (max-width: 600px) {
    .informacionconvenio div {
        width: 98%;
    }

.ax-convocatoria {
        width: 100%!important;
    }

    .ax-convocatoria:nth-child(3n+3),
    .ax-convocatoria,
    .ax-convocatoria:nth-child(2n+2) {
        margin-right: 0!important;
    }

    div.ModRecaudocuotaC {
        width: 100%;
        margin: 0 auto;
    }

    .ax-interna div#content_tabs_afiliacion .opcionTitulo,
    #PestanaFinancieraAfiliacion .tabs:nth-child(5) .grupotabs,
    #PestanaFinancieraAfiliacion .tabs:nth-child(4) .grupotabs {
        width: 500px;
        overflow-x: scroll;
    }
    .ModIntegradorPSEC .ax-centrar input[type="submit"] {
        width: 60%;
    }
    .ModIntegradorPSEC .ax-centrar:after {
        left: 74%;
        top: 75px;
    }
    .ax-contenedor-gris fieldset {
        width: 48% !important;
    }
    div#pnlAhorros.informacion,
    div#pnlPrestamos.informacion,
    div#pnlServicios.informacion,
    div#pnlBeneficios.informacion,
    .ModModificarCuotaC .divCuotas,
    .ModConsultarTasaCDATC,
    div#pnlCDAT.informacion{
        overflow-x: scroll;
        margin-bottom: 20px;
    }
    

.dxgvControl .dxgvTable tr td table tr td{
    text-align:left;
    width: 100px!important;
    max-width: 100px!important;
    display: inline-block;
    white-space: inherit;
}
    
    div#pnlBeneficios.informacion > div > div > table {
        min-width: 500px;
    }

    .ModModificarCuotaC .divCuotas table{
        width: 500px!important;
    }

    div#pnlAhorros.informacion > div > div > table,
    div#pnlPrestamos.informacion > div > div > table,
    div#pnlCDAT.informacion > div > div > table{
        min-width: 450px;
    }

    div#pnlServicios.informacion > div > div > table{
        min-width: 100%;
    }

    .ModConsultarTasaCreditoC,
    .ModConsultarTasaAhorroC {
        overflow-x: scroll;
    }
    .contentConvenio {
        width: 97%;
    }
    .contentConvenio .descuentoConvenio > span {
        top: 250px;
    }
    .contentConvenio .descuentoConvenio > span.ax-hasta {
        top: 230px;
    }
    .ModDirectorioConveniosC {
        max-width: 100%;
    }
    .ax-logo-footer {
        padding: 8%;
    }
    .ax-logo-footer img {
        width: 99%;
    }
    body .ax-banner-home-resp .chameleon_slider,
    body .ax-banner-home-resp .chameleon_slider .main_panel,
    body .ax-banner-home-resp .chameleon_slider .main_panel .items_wrapper .item_container {
        height: 900px !important;
    }
    body .ax-banner-interna-resp .chameleon_slider,
    body .ax-banner-interna-resp .chameleon_slider .main_panel,
    body .ax-banner-interna-resp .chameleon_slider .main_panel .items_wrapper .item_container {
        height: 730px !important;
    }
    .ax-boton-pse input[type="submit"] {
        width: 35%;
    }
    /* header {
        height: 115px;
    } */
    .ax-mainmenu-fixe {
        top: 74px;
    }
    div#todosConvenios table tr td,
    div#todosConvenios table tr,
    div#todosConvenios table {
        width: 96%;
        display: block;
    }
    .Content-iconos .ax-franja-verde {
        padding: 44px;
    }

    .Content-iconos .ax-franja-verde h2 {
        text-align: center;
        margin: 0;
        padding: 0;
        top: 20px;
        position: relative;
    }

    .ax-iconos-5columnas {
        width: 100%;
    }
    .OcultarResponsive{
        width:100%;
    }

.ax-contenedor-candidatos {
        overflow-x: scroll;
     }
 
    .ax-contenedor-candidatos > div > table{
        width:800px;
    }
}

@media screen and (max-width: 480px) {
    div.ModRecaudocuotaC {
        overflow-x: auto;
    }
    .ax-iconos-3columnas {
        width: 49%;
    }
    .ax-interna div#content_tabs_afiliacion .opcionTitulo,
    #PestanaFinancieraAfiliacion .tabs:nth-child(5) .grupotabs,
    #PestanaFinancieraAfiliacion .tabs:nth-child(4) .grupotabs{
        width: 400px;
        overflow-x: scroll;
    }
    .ax-tabla {
        overflow-x: scroll;
    }
    .ax-tabla table {
        min-width: 600px;
    }
    .ax-contenedor-gris fieldset {
        width: 100% !important;
    }
    .ax-filtro .field {
        width: 16%;
    }
    .ax-filtro .field span:before {
        width: 100%;
        background-size: 65%;
        left: 0;
        height: 10%;
    }
    .ax-contendor-imagen {
        width: 98%;
    }
    .ax-contenedor-eventos-full {
        width: 98%;
    }
    .contentConvenio .descuentoConvenio > span {
        top: 190px;
    }
    .contentConvenio .descuentoConvenio > span.ax-hasta {
        top: 170px;
    }
    #title_content {
        line-height: 36px;
    }
    .ax-container.ax-header.ax-header-fixe .ax-logo img {
        width: 100%;
    }
    .ax-banner-interna .chameleon_slider.NewsOne .scrollable_box .viewport h2 a {
        font-size: 24px;
    }
    #filtrosBusqueda > div {
        width: 99%;
    }
    .puntos1,
    .puntos2 {
        width: 100%;
        margin: 0 0% 0 0;
    }
    .eligirubicacion img {
        display: block;
        width: 13%;
        margin: 1% auto;
        vertical-align: middle;
    }
    .eligirubicacion select {
        display: inline-block;
        width: 90%;
        vertical-align: middle;
    }
    .eligirubicacion p {
        width: 80%;
        margin: 0 3% 3% 0;
        text-align: center;
    }
    #PestanaGeneralAfiliacion,
    .text_field_content {
        width: 96%;
        margin: 0 auto;
    }
    .ax-productos {
        width: 90%;
        margin: 4% 5% 2% 5%;
    }
    body .ax-banner-home-resp .chameleon_slider,
    body .ax-banner-home-resp .chameleon_slider .main_panel,
    body .ax-banner-home-resp .chameleon_slider .main_panel .items_wrapper .item_container {
        height: 710px !important;
    }
    body .ax-banner-interna-resp .chameleon_slider,
    body .ax-banner-interna-resp .chameleon_slider .main_panel,
    body .ax-banner-interna-resp .chameleon_slider .main_panel .items_wrapper .item_container {
        height: 580px !important;
    }
    .ax-cont-noticia {
        width: 100%;
        position: relative;
        margin: 5% 0 0;
        left: 0px;
        right: 0px;
        text-align: center;
    }

    .ax-cont-noticia .summary {
        width: 100%;
        text-align: center;
    }
    .ax-boton-pse {
        height: 21%;
    }
    .ax-boton-pse input[type="submit"] {
        width: 56%;
    }
    .ax-boton-pse:after {
        left: 63%;
    }
    .ax-contendor-imagen .ax-fecha-evento span {
        font-size: 14px;
        display: block;
    }

    .ax-fecha-evento span {
        color: #00A650;
        font-size: 14px;
        display: inline-block;
        font-weight: bold;
    }
    .ModModificarCuotaC .campoRequerido span {
        width: 100%;
    }
    .ModModificarCuotaC .campoRequerido table {
        width: 100%;
    }
    .ModDetalleInscripcionEventoC .field {
        width: 100%;
    }
    .ModDetalleInscripcionEventoC .row.ax-contenedor-botones input[type="submit"] {
        margin-bottom: 20px;
    }
    .ax-contenedor-botones-detalles input[type="submit"] {
        width: 84%;
        margin-bottom: 26px;
    }

    .ax-contenedor-botones-detalles input:nth-child(2) {
        margin-left: 10px;
    }
    .ModDetallesEventoC .ax-contendor-imagen .ax-fecha-evento {
        width: 15%;
    }
    .modal-content img {
        max-width: 100%;
        width: 100%;
    }
    .modal .modal-content .close {
        left: 89%;
    }
    .chameleon_slider.NewsOne .pagination .pages_container li {
        width: 9px;
        height: 9px;
        margin: 0 3px;

    }

}

@media screen and (max-width: 450px){
    div#pnlBeneficios.informacion > div > div > table {
        min-width: 100%;
    }
}



@media screen and (max-width: 380px) {
    .ModMisEventosC .ax-boton {
        width: 10%;
    }
    .ModConsultarEstadoCuentaC .field {
        width: 100%;
    }

    .ModConsultarEstadoCuentaC .field:nth-child(2n){
        border-bottom: 1px solid #00abeb;
        padding: 0 0 15px 0;
    }

    .ax-interna div#content_tabs_afiliacion .opcionTitulo,
    #PestanaFinancieraAfiliacion .tabs:nth-child(5) .grupotabs,
    #PestanaFinancieraAfiliacion .tabs:nth-child(4) .grupotabs {
        width: 300px;
        overflow-x: scroll;
    }
    .contentConvenio .descuentoConvenio > span {
        top: 150px;
    }
    .contentConvenio .descuentoConvenio > span.ax-hasta {
        top: 130px;
    }
    section input[type="submit"] {
        padding: 8px 30px;
        margin: 0 0 8px 0;
        width: 100%;
    }
    .ax-logo {
        width: 100%;
    }
    .ax-logo img {
        width: 100%;
        padding: 2% 16%;
        box-sizing: border-box;
    }
    .ax-container.ax-header.ax-header-fixe .ax-logo img {
        width: 0%;
        margin: 0 0 0 0;
    }
    .ax-mainmenu-fixe {
        top: 65px;
    }
    /* header {
        height: 225px;
    } */
    .ax-menu {
        width: 100%;
        text-align: right;
        vertical-align: middle;
    }
    a.ax-responsiveMenuButton.icon-fepep-menu,
    .icon-fepep-search:before {
        float: left;
        margin: 2% 0;
    }
    body .ax-banner-home-resp .chameleon_slider,
    body .ax-banner-home-resp .chameleon_slider .main_panel,
    body .ax-banner-home-resp .chameleon_slider .main_panel .items_wrapper .item_container {
        height: 560px !important;
    }
    body .ax-banner-interna-resp .chameleon_slider,
    body .ax-banner-interna-resp .chameleon_slider .main_panel,
    body .ax-banner-interna-resp .chameleon_slider .main_panel .items_wrapper .item_container {
        height: 460px !important;
    }
    .ModAhorroNavideñoC #content_navideno #content_info input[type="submit"] {
        margin-left: 30px;
        margin-top: 20px;
    }
    .ModMisEventosHomeC .ax-fecha-evento {
        width: 100%;
    }
    .ModMisEventosHomeC .ax-fecha-evento {
        width: 100%;
    }
    .ax-home .modal .modal-content {
        width: 88%;
    }
    .ax-row.ax-content #EDG_0_Shadow .lineaTiempoNuestraHistoria .EDGmain {
        width: 272px !Important;
    }
}

@media screen and (max-width: 320px) {
    .ax-interna div#content_tabs_afiliacion .opcionTitulo,
    #PestanaFinancieraAfiliacion .tabs:nth-child(5) .grupotabs,
    #PestanaFinancieraAfiliacion .tabs:nth-child(4) .grupotabs {
        width: 250px;
        overflow-x: scroll;
    }
    body .ax-banner-home-resp .chameleon_slider,
    body .ax-banner-home-resp .chameleon_slider .main_panel,
    body .ax-banner-home-resp .chameleon_slider .main_panel .items_wrapper .item_container {
        height: 470px !important;
    }
    body .ax-banner-interna-resp .chameleon_slider,
    body .ax-banner-interna-resp .chameleon_slider .main_panel,
    body .ax-banner-interna-resp .chameleon_slider .main_panel .items_wrapper .item_container {
        height: 390px !important;
    }
    .ax-contenido h3 {
        font-size: 18px;
    }
    .ax-container.ax-header.ax-header-fixe {
        top: 0px;
    }
    .ax-experiencias .ax-info p,
    .ax-experiencias .ax-info p {
        font-size: 30px;
    }
    .ax-experiencias .ax-info p strong,
    .ax-experiencias .ax-info p b {
        font-size: 24px;
    }
    a.ax-aqui.ax-lg {
        margin: 38px 0;
        padding: 7px 40px 9px 6px;
        width: 85%;
        background: #028bff !important;
    }
}

@media(min-width:768px){

    .ax-productos .content h2 {
        font-size: 20px;
        line-height: 24px;
    }

    .banner__ex {
        height: 335px;
    }


}

@media (min-width: 1024px) {
    form[action="/exasociados/"] .banner__title {
        font-size: 45px;
        line-height: 49px;
        width: 100%;
    }
}

@media(min-width:1200px){

    #content_login_fepep .ax-formularios {
        width: 45%;
    }

    /* #content_detalles_evento2 {
        visibility: hidden;
        opacity: 0;
    }

    #dnn_mistransacciones:hover #content_detalles_evento2{
        opacity: 1;
        visibility: visible;
    } */

    

}