@charset "utf-8";

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

@media screen and (max-width: 1366px) {
    .ax-fila-am:before,
    .ax-fila-roja:before {
        content: none;
    }
}

@media screen and (max-width: 1281px) {
    .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%;
    }
    #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 .descuentoConvenio {
        width: 100%;
        margin: 0 0 20px 0;
    }
    #detalleDelConvenio a.ax-boton-rojo {
        width: 40%;
    }
    .contentConvenio .descuentoConvenio > span {
        top: 149px;
        left: 0;
        padding: 23px 0px 0px 6px;
    }
    .contentConvenio .descuentoConvenio > span.ax-hasta {
        top: 129px;
    }
    #content_detalles_evento2 {
        position: relative;
    }

    #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;
    } */
    .ModBienvenidousuarioC #title_content {
        margin-top: 45px;
    }
    .ModBienvenidousuarioC span {
        font-size: 20px;
    }
    .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/Fepep/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/Fepep/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-fieldset2,
    .ax-form fieldset {
        width: 96%;
    }
    .contentConvenio .descripcionConvenio {
        width: 100%;
        margin: 0 0% 3% 0;
        display: inline-block;
        vertical-align: top;
    }
    .eligirubicacion img {
        width: 7%;
    }
    .eligirubicacion p {
        font-size: 16px;
    }
    .ax-formularios ul li {
        width: 100%;
        margin: 10px 0;
    }
    .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-formularios ul {
        margin: 30px auto;
        padding: 0;
        text-align: center;
        font-size: 0;
        width: 90%;
    }
    .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;
    }
    #dnn_Content_not_right,
    #dnn_Content_asociate_left {
        width: 100%;
    }
    #dnn_mistransacciones #content_detalles_evento2 div {
        padding: 0px;
        height: auto;
    }
    
    .ModIntegradorPSEC .ax-contenedorpse {
        width: 90%;
    }
    .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%;
    }
    .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 screen and (max-width: 600px) {
.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;
        /* margin-bottom: 66px; */
    }

    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-boton-pse input[type="submit"] {
        width: 35%;
    }
    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%;
    }
    .ModConsultarEstadoCuentaC .alinearADerecha.total_pie_pagina{
        width:100%;
        margin: 20px 0 20px;
    }
    .OcultarResponsive{
        width:100%;
    }

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

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

    .ModConsultarEstadoCuentaC .opciones_pdf_xls > div {
        width: 90%;
    }
    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%;
    }
    .contentConvenio .descuentoConvenio > span {
        top: 190px;
    }
    .contentConvenio .descuentoConvenio > span.ax-hasta {
        top: 170px;
    }
    #title_content {
        line-height: 36px;
    }
    #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%;
    }
    .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%;
    }

}

@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;
    }
    .ax-campo {
        width: 90%;
    }
    .ax-tooltip {
        width: 8%;
    }
    .ModAutenticacionPortalPrivadoC .ax-formularios ul li:nth-child(2):before,
    .ModAutenticacionPortalPrivadoC .ax-formularios ul li:nth-child(1):before {
        left: -27px;
    }
    .contentConvenio .descuentoConvenio > span {
        top: 150px;
    }
    .contentConvenio .descuentoConvenio > span.ax-hasta {
        top: 130px;
    }
    .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;
    }
    .ax-contenido h3 {
        font-size: 18px;
    }
    .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) {
    .ModConsultaEstadoCuentaC .ax-contenedor-gris {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
    }

    .ModConsultaEstadoCuentaC .ax-contenedor-gris.ax-datos h3 {
        flex: 0 0 100%;
    }

    .ModConsultaEstadoCuentaC .ax-contenedor-gris fieldset {
        flex: 0 0 calc(50% - 12px);
        margin: 0 !important;
        padding: 0 15px 0 15px;
    }

    .titulo_tabs .texto {
        margin-left: 1%;
    }
}