﻿/*FUENTES PARA ICONOS*/
@font-face {
    font-family: 'fepep icon';
    src: url('fonts/fepep-icon.eot');
    src: url('fonts/fepep-icon.eot?#iefix') format('embedded-opentype'),
    url('fonts/fepep-icon.woff') format('woff'),
    url('fonts/fepep-icon.ttf') format('truetype'),
    url('fonts/fepep-icon.svg#fepep-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class*='icon-']:before {
    display: inline-block;
    font-family: 'fepep icon';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-fepep-fb:before {
    content: '\0041';
}

.icon-fepep-tw:before {
    content: '\0042';
}

.icon-fepep-gplus:before {
    content: '\0043';
}

.icon-fepep-pinter:before {
    content: '\0044';
}

.icon-fepep-search:before {
    content: '\0045';
}

.icon-fepep-user:before {
    content: '\0046';
}

.icon-fepep-momentos:before {
    content: '\0047';
}

.icon-fepep-informate:before {
    content: '\0048';
}

.icon-fepep-ultimo:before {
    content: '\0049';
}

.icon-fepep-experiencias:before {
    content: '\004a';
}

.icon-fepep-proveedores:before {
    content: '\004b';
}

.icon-fepep-parqueaderos:before {
    content: '\004c';
}

.icon-fepep-trabaje:before {
    content: '\004d';
}

.icon-fepep-actualizar:before {
    content: '\004e';
}

.icon-fepep-certificados:before {
    content: '\004f';
}

.icon-fepep-consultas:before {
    content: '\0050';
}

.icon-fepep-formularios:before {
    content: '\0051';
}

.icon-fepep-reglamento:before {
    content: '\0052';
}

.icon-fepep-simuladores:before {
    content: '\0053';
}

.icon-fepep-transferir:before {
    content: '\0054';
}

.icon-fepep-subsidio:before {
    content: '\0055';
}

.icon-fepep-calendar:before {
    content: '\0056';
}

.icon-fepep-menu:before {
    content: '\0057';
}

.icon-fepep-plus:before {
    content: '\0058';
}

.icon-fepep-minus:before {
    content: '\0059';
}

.icon-fepep-arrow:before {
    content: '\005a';
}

.ax-olvido {
    margin-right: 8%;
}

::selection {
    background: #00adee;
    color: #fff;
}

::-moz-selection {
    background: #00adee;
    color: #fff;
}

::-ms-selection {
    background: #00adee;
    color: #fff;
}

select::-ms-expand {
    display: none;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #e2e2e2;
    position: relative;
    top: 9px;
    border-radius: 5px;
    height: 36px;
    width: 36px !important;
    margin-right: 2%;
    display: inline-block !important;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background: #e2e2e2 url(../images/check.png) no-repeat center center;
}

input[type=radio]::-ms-check,
input[type=checkbox]::-ms-check {
    color: #00adee;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #e2e2e2;
    padding: 13px;
    position: relative;
    top: 9px;
    border-radius: 5px;
    width: auto !important;
    margin-right: 2%;
    display: inline-block !important;
    border: none !important;
}

/*DESCRIPCION PAGINAS*/
.ax-contenido h2,
.ax-formularios h2,
.ax-contenido h1,
.ax-formularios h1 {
    /* color: #00adee;
    font-weight: 600; */
}

.ax-contenido ol {
    margin: 0;
    padding: 0 40px 0 0;
    counter-reset: section;
    position: relative;
}

.ax-contenido ol li {
    position: relative;
    padding: 0 0 0 25px;
    margin: 0 0 15px;
}

.ax-contenido ol li::before {
    position: absolute;
    margin: 0 0 20px;
    counter-increment: section;
    content: counter(section)".";
    left: 0;
    color: #eac746;
    font-size: 16px;
    font-weight: 900;
}

.ax-contenido #dnn_Content_50_left {
    padding: 0 30px;
}

.ax-contenido #dnn_Content_50_left::before {
    content: "";
    position: absolute;
    background: rgba(0, 79, 153, 1);
    background: -moz-linear-gradient(top, 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(top top, bottom 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(top, 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(top, 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(top, 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 bottom, 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=2);
    width: 4px;
    height: 100%;
    top: 0;
    right: 0;
}

.ax-contenido #dnn_Content_50_right {
    padding: 0 30px;
}

/*INTERNA USUARIO*/

.ax-banner-bvnd {
    background: rgba(0, 102, 63, 1);
    background: -moz-linear-gradient(45deg, rgba(0, 102, 63, 1) 0%, rgba(0, 138, 87, 1) 42%, rgba(0, 138, 87, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0, 102, 63, 1)), color-stop(42%, rgba(0, 138, 87, 1)), color-stop(100%, rgba(0, 138, 87, 1)));
    background: -webkit-linear-gradient(45deg, rgba(0, 102, 63, 1) 0%, rgba(0, 138, 87, 1) 42%, rgba(0, 138, 87, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(0, 102, 63, 1) 0%, rgba(0, 138, 87, 1) 42%, rgba(0, 138, 87, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(0, 102, 63, 1) 0%, rgba(0, 138, 87, 1) 42%, rgba(0, 138, 87, 1) 100%);
    background: linear-gradient(45deg, rgba(0, 102, 63, 1) 0%, rgba(0, 138, 87, 1) 42%, rgba(0, 138, 87, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00663f', endColorstr='#008a57', GradientType=1);
    /* height: 220px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ax-info-bvnd {
    position: absolute;
    margin: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.ax-bvnd span {
    font-size: 5.5rem;
    text-align: center;
    font-weight: 600;
    color: #ffffff;
    margin: 25px 0 35px;
    display: block;
}

.ax-nombre-asociado span {
    display: block;
    font-size: 2.5rem;
    margin: 20px 0 0;
    color: #ffffff;
}

/*EVENTOS*/

.ax-cont-eventos {
    /* background: #fafafa;
    box-sizing: border-box;
    padding: 30px 0 0;
    margin-bottom: 40px; */
}

.ax-cont-eventos h2,
.ax-eventos-user h2 {
    color: #00abcb;
    font-weight: 600;
    text-align: center;
    font-size: 25px;
}

.ax-eventos-user {
    width: 31.3%;
    position: relative;
    display: inline-block;
    margin: 0 0 2% 2%;
    vertical-align: top;
}

.ax-eventos-user .content,
.ax-eventos-user .content img {
    width: 100%;
    text-align: center;
}

.ax-eventos-user .content img {
    margin: 0 0 20px;
}

.ax-fecha {
    display: inline-block;
    width: 18%;
    vertical-align: top;
}

/* .summary {
    display: inline-block;
    width: 82%;
    vertical-align: top;
    text-align: left;
} */

.ax-mes,
.ax-dia {
    display: block;
    text-align: center;
    color: #00abcb;
}

.ax-mes {
    font-size: 18px;
}

.ax-dia {
    font-size: 38px;
    font-weight: 600;
    margin: 5px 0 0;
}

.ax-eventos-user .content a.ax-azulm {
    font-weight: 400;
}

.ax-azulm {
    background: #00abcb;
    border: 1px solid #00abcb;
}

.ax-azulm:hover {
    background: none;
    border: 1px solid #00abcb;
    color: #00abcb;
}

.ax-boton-detalle {
    margin-top: 25px;
}

/*PRODUCTOS*/

.eds_template_List_Article_Productos {
    font-size: 0;
    padding-bottom: 5%;
}

/* .ax-productos {
    display: inline-block;
    width: 29.3%;
    vertical-align: top;
    margin: 4% 2% 2% 0;
}

.ax-productos h2 {
    color: #004f97;
    font-size: 22px;
    margin: 10px 0 0;
    padding: 0 10%;
}

.ax-productos .content {
    position: relative;
    width: 100%;
    z-index: 1;
    text-align: center;
}

.ax-productos > .content > a {
    width: 50%;
    display: block;
    position: relative;
    z-index: 2;
    margin: 0 auto;
}

.ax-productos .content h2 {
    margin: 25px 0 0;
}

.ax-productos .content .summary {
    opacity: 0;
    transition: all .2s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 0%;
    overflow: hidden;
    z-index: 1;
}


.summary_active {
    width: 64% !important;
    display: inline-block !important;
    opacity: 1 !important;
    transition: all .2s ease-in-out !important;
    padding-left: 5% !important;
    pointer-events: inherit !important;
    box-sizing: border-box !important;
    left: 70% !important;
}

.summary_active:before {
    content: "";
    position: absolute;
    background: rgba(0, 79, 153, 1);
    background: -moz-linear-gradient(top, 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(top top, bottom 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(top, 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(top, 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(top, 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 bottom, 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=2);
    width: 2px;
    height: 100%;
    top: 0;
    left: 0;
}

.summary ul li {
    list-style: inherit;
}

.ax-productos .content:hover .summary ol li {
    list-style: inherit;
}

.ax-productos .content:hover .summary ol li a {
    color: #929497;
}

.ax-productos .content:hover .summary:before {
    content: "";
    position: absolute;
    background: rgba(0, 79, 153, 1);
    background: -moz-linear-gradient(top, 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(top top, bottom 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(top, 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(top, 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(top, 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 bottom, 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=2);
    width: 2px;
    height: 100%;
    top: 0;
    left: 0;
} */

/* Login */

.ax-simple .ax-logo img {
    width: 250px;
    margin: 60px auto 40px;
}

.ax-simple .ModAuthenticationC .LoginPanel {
    width: 100%;
    padding: 0;
}

.ax-simple .ModAuthenticationC .LoginPanel .dnnFormItem {
    width: 300px;
    max-width: 100%;
    margin: auto;
    text-align: center;
}

.ax-simple .ModAuthenticationC .LoginPanel .dnnFormItem .dnnLabel {
    margin: 0 0 5px;
    padding: 0;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 16px;
    color: #7f8181;
}

.ax-simple .ModAuthenticationC .LoginPanel .dnnFormItem input {
    width: 100%;
    margin: 0 0 15px;
    padding: 15px 10px;
    color: #7f8181;
    font-size: 16px;
}

.ax-simple .ModAuthenticationC .LoginPanel .dnnFormItem span.dnnFormLabel {
    display: none;
}

.ax-simple .ModAuthenticationC .LoginPanel .dnnFormItem .dnnPrimaryAction,
.ax-simple .ModAuthenticationC .LoginPanel .dnnFormItem .dnnSecondaryAction {
    background: #7f8181;
    border: 0;
    color: #fff;
    text-shadow: none;
    box-shadow: none;
    margin: 0 5px;
    padding: 10px;
    font-weight: normal;
}

.ax-simple .ModAuthenticationC .LoginPanel .dnnFormItem .dnnLoginRememberMe {
    margin-top: 10px;
    display: block;
}

/*MIS TRANSACCIONES*/

.ax-formularios {
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
}

.ax-formularios input[type="submit"]:hover {
    background: none;
    border: 1px solid #004f97;
}

.ax-formularios ul {
    margin: 20px auto;
    padding: 0;
    text-align: center;
    font-size: 0;
    width: 50%;
}

.ax-formularios ul li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    text-align: center;
    width: 60%;
    margin: 5px 0;
}

.ax-formularios ul li input {
    width: 100%;
    margin-left: 0;
}

.ax-formularios ul li .dos input {
    width: 48%;
}

.ax-formularios ul li a {
    margin: 0 10px;
}

/* .ax-formularios ul li span {
    text-align: left;
    width: 100%;
    display: block;
    padding-left: 21px;
    color: #004f97;
} */

.DNNModuleContent[class*="Mod"] input[type="submit"] {
    width: auto;
    border: 1px solid #004f97;
    background: #004F97;
    padding: 10px 30px;
    color: #fff;
    border-radius: 33px;
    cursor: pointer;
    margin: 0 0 10px 10px;
    font-size: 16px;
}

.DNNModuleContent[class*="Mod"] input[type="submit"]:hover {
    background: none;
    color: #004F97 !important;
}

.DNNModuleContent[class*="Mod"] input[type="file"] {
    display: none;
}

.DNNModuleContent[class*="Mod"] input[type="file"] + label {
    position: relative;
}

.DNNModuleContent[class*="Mod"] input[type="file"] + label:before {
    content: "Buscar archivo";
    border: 1px solid #004f97;
    width: 170px;
    font-weight: 900;
    background: #004F97;
    display: inline-block;
    padding: 10px 30px;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    border-radius: 33px;
    cursor: pointer;
    margin: 0px 10px 5px 0;
    font-size: 16px;
    z-index: 1;
    position: relative;
}

.textoarchivo {
    padding: 2% 0 0 0;
    display: inline-block;
}

.DNNModuleContent[class*="Mod"] input[type="file"]:hover:before {
    background: #ffffff !important;
    color: #004F97 !important;
}

.ax-link {
    color: #929497 !important;
    font-size: 16px;
    text-decoration: underline;
}

.ax-link:hover {
    color: #004f97 !important;
    text-decoration: none;
}

.ax-requerido {
    position: relative;
    margin: 0 0 15px;
}

.ax-validador,
.validador {
    font-size: 14px;
    color: #ffffff !important;
    font-weight: bold;
    position: absolute;
    right: 20px;
    bottom: -20px;
    background: red;
    box-sizing: border-box;
    padding: 1px 10px;
    border-radius: 30px;
}

.ax-validador:after,
.validador:after {
    content: "";
    width: 0;
    height: 0;
    border-right: red 10px solid;
    border-top: transparent 10px solid;
    border-bottom: transparent 0 solid;
    position: absolute;
    top: -8px;
    right: 9px;
}

/*CAMBIAR  CLAVE*/

.ax-cambiar ul {
    width: 50%;
}

.ax-cambiar ul li {
    width: 100%;
}

/*PAGOS A PROVEEDORES*/

.ax-pago-provee ul {
    width: 70%;
    margin: 0 0 20px;
}

.ax-pago-provee ul.ul-form li:nth-child(3) {
    width: 100%;
}

.ax-rojo {
    background: #e90000;
    border: solid 1px solid #e90000;
}

.ax-rojo:hover {
    background: none;
    border: solid 1px #e90000;
    color: #e90000;
}

.ax-contenido h3,
#dnn_ctr867_SimuladorAhorro_lblTituloObservaciones,
.puntos.cucuta h3 {
    font-size: 22px;
    font-weight: 600;
    color: #004f97;
    width: 100%;
    text-align: left;
}

.ax-datos-generales ul {
    width: 100%;
    text-align: left;
}

.ax-datos-generales ul li {
    width: 31%;
}

/*ERROR 404*/

.error-404 {
    text-align: center;
}

.error-404 span {
    color: #e90000;
    font-size: 40px;
    line-height: normal;
    text-align: center;
    display: inline-block;
}

.error-404 h2 {
    font-size: 150px;
    margin: -35px 0 0;
    color: #e90000;
    text-align: center;
}

.error-404 p {
    margin: 0;
    font-size: 18px;
    padding: 0 10%;
    line-height: 35px;
    color: #7f8181;
}

.error-404 a.ax-links {
    font-size: 26px;
    margin-top: 40px;
    display: inline-block;
    color: #e90000;
}

.error-404 a.ax-links:hover {
    text-decoration: underline;
}

/*NEWS-ICONOS*/

.Content-iconos {
    margin: 0 0 30px 0;
}

.ax-iconos-5columnas {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
    margin-bottom: 27px;
}

.ax-iconos-3columnas {
    width: 33.33333%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

.ax-iconos-3columnas a h2,
.ax-iconos-5columnas a h2 {
    font-size: 20px;
    color: #9E9E9E;
    line-height: 20px;
    margin-top: 15px;
}

.ax-iconos-3columnas img,
.ax-iconos-5columnas img {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    transition: all .2s ease-in-out;
}

.ax-iconos-3columnas img {
    width: 12%;
}

.ax-iconos-5columnas img {
    width: 20%;
}

.ax-iconos-3columnas:hover img,
.ax-iconos-5columnas:hover img {
    transform: translateY(-15px);
}

/*MODULO EVENTOS*/

/* .ax-filtro {
    width: 90%;
    text-align: center;
    margin: 40px 0 33px 0;
}

.ax-filtro .field {
    display: inline-block;
    width: 17%;
    vertical-align: middle;
}

.ax-filtro .field span:before {
    content: "";
    background-image: url(/Portals/_default/Skins/Fepep/images/iconoubicacion.png);
    margin-top: 4px;
    display: block;
    max-width: 100%;
    background-size: 16%;
    background-repeat: no-repeat;
    top: -10px;
    position: relative;
    left: 74%;
}

.ax-filtro .field span {
    color: transparent;
}

.ModBuscarEventosC .ax-evento-principal .ax-contendor-imagen .ax-imagen-evento {
    height: auto;
}

.ax-evento-principal .ax-contendor-imagen .ax-fecha-evento > span {
    font-size: 28px;
    display: block;
}

.ax-evento-principal .ax-contendor-imagen .ax-fecha-evento > span + span {
    font-size: 18px;
    display: block;
}

.ax-evento-principal .ax-contenedor-eventos-full .ax-fecha-evento {
    margin-top: 14px;
    margin-bottom: 10px;
}

.ax-evento-principal .ax-contenedor-eventos-full .ax-descripcion-evento span {
    font-size: 21px;
    width: 100%;
    position: relative;
}

.ax-evento-principal .ax-contenedor-eventos-full .ax-pago span {
    font-size: 16px;
}

.ax-evento-principal .ax-contenedor-eventos-full .ax-pago {
    margin-bottom: 35px;
}

.ModBuscarEventosC .ax-pago {
    top: 0;
}

.ModBuscarEventosC .ax-ver-evento input[type="submit"] {
    top: 3px;
}

.ax-evento-principal .ax-contenedor-eventos-full .ax-ver-evento input[type="submit"]:hover {
    background: none;
    color: #004F97;
}

.ax-eventos:nth-child(3) {
    margin: 0;
}

.ModBuscarEventosC #content_info .ax-eventos:last-child:nth-child(odd) {
    display: block;
}

.ax-fecha-evento span {
    color: #00A650;
    font-size: 13px;
    display: inline-block;
    font-weight: bold;
}

.ax-descripcion-evento span {
    font-size: 13px;
    width: 100%;
    position: relative;
    line-height: 14px;
    margin: 5px 0;
    display: block;
}

.ax-contenedor-eventos-full a {
    display: none;
}

.ax-pago {
    top: -10px;
    position: relative;
}

.ax-ver-evento input:hover {
    background: none;
    color: #004f97;
}

.ModBuscarEventosC .ax-contendor-imagen .ax-fecha-evento span:first-child {
    font-size: 28px;
}

.ModBuscarEventosC .ax-contendor-imagen .ax-fecha-evento span + br + span {
    font-size: 16px;
}

.ModBuscarEventosC .ax-evento-principal {
    max-width: 100%;
    margin: 0 auto;
}

.ModBuscarEventosC .ax-evento-principal .ax-contendor-imagen .ax-fecha-evento span:first-child {
    font-size: 36px;
} */


/* Convenios */

.ModDirectorioConveniosC tr,
#todosConvenios table tr td {
    border: none;
}

.ModDirectorioConveniosC {
    max-width: 87%;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.ModDirectorioConveniosC #filtrosBusqueda > div.alinearADerecha {
    margin: 26px 0;
}

div#todosConvenios table tr td {
    width: 1%
}

#detalleDelConvenio {
    margin-top: 30px;
    position: relative;
    text-align: initial;
}



/*MODULO CONSULTAR PROVEEDEROES*/

#content_consultaPagoProveedor .field.ax-titulo {
    width: 23%;
    vertical-align: middle;
    text-align: left;
    padding: 7px;
    border-bottom: 1px solid #f2f2f3;
    border-right: 1px solid #f2f2f3;
    border-left: 1px solid #f2f2f3;
    border-top: none;
    color: #929497;
    font-weight: bold;
}

.ModConsultarPagoProveedorC .alinearADerecha {
    margin: 30px 0;
}

.ModConsultarPagoProveedorC #content_consultaPagoProveedor .field.ax-titulo .ax-resultados {
    display: block;
    width: 100%;
}

.ModConsultarPagoProveedorC #content_consultaPagoProveedor .field.ax-titulo .ax-resultado {
    display: block;
    width: 100%;
    padding: -3px 0;
}

.ModConsultarPagoProveedorC .ax-content-resultados {
    text-align: left;
    padding: 7px;
    border: none;
    color: #929497;
}

.ModConsultarPagoProveedorC .ax-content-resultados .opcionTitulo {
    text-align: center;
    margin: 40px 0px;
    background: rgba(0, 79, 153, 1);
    padding: 10px;
    color: white;
    width: 98%;
    font-size: 18px;
}

.ModConsultarPagoProveedorC .ax-content-resultados .opcionTitulo span {
    color: #ffffff;
}

/*MODULO SOLICITAR SERVICIO PARQUEADERO*/

.campoRequerido,
.campo,
.campoRequerido2 {
    width: 61%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    text-align: initial;
}

.field {
    width: 26%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.field span {
    text-align: left !important;
}

.opcionTitulo {
    text-align: left;
    width: 87%;
    display: inline-block;
}

.subtitulo {
    margin: 15px 0;
    display: block;
    font-size: 23px;
    font-weight: 600;
}

.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: 77% !important;
    display: inline-block;
    vertical-align: middle;
}

.campoRequerido table {
    width: 77%;
    margin: 0 0 0 0;
    vertical-align: middle;
    display: inline-block;
}

.campoRequerido table {
    width: 77%;
}

.campoRequerido table > tbody,
.campoRequerido table > tr,
.campoRequerido table > tr td,
.campoRequerido table tr td input[type="text"] {
    width: 100% !important;
    display: block;
}

.ax-form input[type="radio"],
.campoRequerido table tr td input[type="checkbox"],
.campoRequerido table tr td input[type="radio"] {
    display: none;
}

.ax-form input[type="checkbox"] + label,
.ax-form input[type="radio"] + label,
.campoRequerido table tr td input[type="checkbox"] + label,
.campoRequerido table tr td input[type="radio"] + label {
    font-size: 15px;
    position: relative;
    margin: 0px 0 0 2px;
    display: initial;
}

.campoRequerido span.validador {
    color: red;
    display: inline;
    font-weight: 900;
    margin-left: 10px;
}

/*MIS TRANSACIONES*/

.ModModificarCuotaC input[type="submit"]:nth-child(2n) {
    margin: 0 3%;
}

/*MODULO NUESTRAS TASAS*/

.dxgvControl,
.dxgvControl tr td {
    padding: 0;
    border: none;
}

.dxgvControl,
.dxgvDisabled {
    background: #fff !important;
}

.dxgvControl tr td table tr td {
    padding: 5px;
    font-size: 14px;
    border: none;
}

.dxgvControl .dxgvTable tr td table {
    margin: 0 0 0 0;
}

.dxgvControl .dxgvTable tr td table tr td {
    margin: 0;
    color: #8c8c8c;
    text-align: center;
}

.dxgvControl .dxGridView_gvExpandedButton,
.dxgvControl .dxGridView_gvCollapsedButton {
    height: 15px;
    width: 15px;
    position: relative;
}

.dxgvControl .dxGridView_gvCollapsedButton {
    background: url(/Portals/_default/Skins/Fepep/images/mas.png) no-repeat 0 0;
    background-size: cover;
}

.dxgvControl .dxGridView_gvExpandedButton {
    background: url(/Portals/_default/Skins/Fepep/images/menos.png) no-repeat 0 0;
    background-size: cover;
}

.dxgvControl .dxgvGroupRow td {
    color: #004f97;
    padding: 15px 0px !important;
    font-size: 18px !important;
}

/*MODULOS MIS MOVIMIENTOS*/

.ModHistoricoMovimientosC table {
    margin: 0;
}

.ModHistoricoMovimientosC .field {
    width: 65%;
    display: inline-block;
    vertical-align: middle;
    text-align: initial;
    margin-bottom: 20px;
}

.ModHistoricoMovimientosC .opcionTitulo {
    text-align: left;
    width: 18%;
    display: inline-block;
    vertical-align: top;
    font-size: 17px;
}

.ModHistoricoMovimientosC .field .dxeButtonEdit .dxeEditArea {
    position: relative;
    border: 0;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 30px;
    background: #e2e2e2;
    color: #929497;
    width: 100%;
}

.ModHistoricoMovimientosC .field .dxeButtonEditSys {
    width: 100%;
}

.ModHistoricoMovimientosC {
    width: 100%;
}

.ModHistoricoMovimientosC .alinearADerecha {
    text-align: center;
    margin: 50px 0;
}

.ModHistoricoMovimientosC .alinearADerecha input {
    margin-left: 3%;
}

.ModHistoricoMovimientosC .dxeButtonEdit td.dxic {
    width: 97% !important;
}

.ModHistoricoMovimientosC .field select {
    width: 97%;
}

.ModHistoricoMovimientosC .field .dxeButtonEdit td.dxeButton img {
    display: none !important;
}

.ModHistoricoMovimientosC .field .dxeButtonEdit td.dxeButton img {
    display: none !important;
}

.ModHistoricoMovimientosC #content_resultado #content_encabezado .opcionTitulo {
    width: 50%;
}

.ModHistoricoMovimientosC #content_resultado #content_encabezado .field {
    width: 50%;
}

.ModHistoricoMovimientosC #content_resultado #content_encabezado .subtitulo {
    width: 97%;
    display: block;
    padding: 20px 0;
    text-align: left;
    background: none;
    color: #00ADEE;
    font-size: 34px;
    margin: 0;
}

.ModHistoricoMovimientosC #content_resultado #content_encabezado .field span {
    font-size: 16px;
    color: #929497;
    line-height: 22px;
}

.ModHistoricoMovimientosC #content_resultado #content_encabezado .opcionTitulo .resaltarspan {
    font-weight: bold;
}

.ModHistoricoMovimientosC .ax-contenedor1 {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}

.ModHistoricoMovimientosC .ax-contenedor2 {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.ModHistoricoMovimientosC #content_encabezado {
    background: #F2F1F2;
    position: relative;
}

.ModHistoricoMovimientosC #content_encabezado:before {
    content: "vvvv";
    position: absolute;
    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);
    width: 100%;
    height: 14px;
    top: 240px;
    left: 0;
    z-index: 2;
}

.ModHistoricoMovimientosC .ax-contenedor-gris {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.ModHistoricoMovimientosC #content_info .opciones_pdf_xls {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 50px 0;
}

.ModHistoricoMovimientosC #content_info .opciones_pdf_xls input {
    display: inline-block;
    width: 72%;
}

.ModHistoricoMovimientosC #content_info .opciones_pdf_xls div {
    display: inline-block;
    width: 24%;
}

.ModHistoricoMovimientosC .informacion table tr td a img {
    width: 29px;
    margin: 0 auto;
    display: block;
}

.ModHistoricoMovimientosC .titulo_tabs .texto {
    color: #004f97;
    line-height: 34px;
}

.ModHistoricoMovimientosC #content_pie .subtitulo {
    color: #00ADEE;
    font-size: 34px;
}

.ModHistoricoMovimientosC .ax-contenedor-gris.ax-datos h3 {
    font-size: 29px;
    color: #00adee;
}

.ModHistoricoMovimientosC .ax-contenedor-gris.ax-datos fieldset span {
    font-weight: bold;
}

.ModHistoricoMovimientosC .ax-contenedor-gris.ax-datos fieldset span + br + span {
    color: #929497;
    font-size: 14px;
    font-weight: normal;
}

.ModHistoricoMovimientosC .subtitulo {
    display: block;
    font-size: 29px;
    font-weight: 600;
    color: #00adee;
    margin-bottom: 20px;
}

.ModHistoricoMovimientosC td.footerGrid,
.ModHistoricoMovimientosC .ShowTotal {
    background: #E7E7E8;
    border: none;
    color: #929497;
    font-weight: 600;
    font-size: 18px;
}

.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_ahorros table > tbody tr:nth-child(3) td div table > tbody tr:last-child td:nth-child(5),
.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_ahorros table > tbody tr:nth-child(5) td div table > tbody tr:last-child td:nth-child(5),
.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_ahorros table > tbody tr:nth-child(4) td div table > tbody tr:last-child td:nth-child(5),
.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_ahorros table > tbody tr:nth-child(6) td div table > tbody tr:last-child td:nth-child(5),
.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_ahorros table > tbody tr:nth-child(7) td div table > tbody tr:last-child td:nth-child(5),
.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_creditos table > tbody tr:nth-child(4) td div table > tbody tr:last-child td:nth-child(6),
.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_creditos table > tbody tr:nth-child(3) td div table > tbody tr:last-child td:nth-child(6),
.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_creditos table > tbody tr:nth-child(5) td div table > tbody tr:last-child td:nth-child(6),
.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_servicios table > tbody tr:nth-child(3) td div table > tbody tr:last-child td:nth-child(5),
.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_servicios table > tbody tr:nth-child(4) td div table > tbody tr:last-child td:nth-child(5),
.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_servicios table > tbody tr:nth-child(5) td div table > tbody tr:last-child td:nth-child(5) {
    border-radius: 0px 200px 197px 10px;
}

.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_ahorros table > tbody tr:nth-child(3) td div table > tbody tr:last-child td:nth-child(3),
.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_ahorros table > tbody tr:nth-child(5) td div table > tbody tr:last-child td:nth-child(3),
.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_ahorros table > tbody tr:nth-child(4) td div table > tbody tr:last-child td:nth-child(3),
.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_ahorros table > tbody tr:nth-child(6) td div table > tbody tr:last-child td:nth-child(3),
.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_ahorros table > tbody tr:nth-child(7) td div table > tbody tr:last-child td:nth-child(3),
.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_creditos table > tbody tr:nth-child(3) td div table > tbody tr:last-child td:nth-child(3),
.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_creditos table > tbody tr:nth-child(4) td div table > tbody tr:last-child td:nth-child(3),
.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_creditos table > tbody tr:nth-child(5) td div table > tbody tr:last-child td:nth-child(3),
.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_servicios table > tbody tr:nth-child(3) td div table > tbody tr:last-child td:nth-child(3),
.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_servicios table > tbody tr:nth-child(4) td div table > tbody tr:last-child td:nth-child(3),
.ModHistoricoMovimientosC #dnn_ctr956_ConsultarMovimientos_content_servicios table > tbody tr:nth-child(5) td div table > tbody tr:last-child td:nth-child(3) {
    border-radius: 200px 0px 0px 200px;
    text-align: right;
}

/*MODULO DE AHORRO NAVIDENO*/

#content_login_fepep .content_subInfo,
.ModAhorroNavideñoC #content_navideno #content_info {
    text-align: center;
}

.ModAhorroNavideñoC #content_navideno #content_info input[type="submit"] {
    margin-left: 49px;
}

#content_info .resultado .resaltarSpan {
    margin: 0 10px 0 0;
    width: 30%;
    text-align: left;
    display: inline-block;
}

#content_info .resultado .valorMoneda,
#content_info .resultado .resultadoSimularAhorro {
    background: #eee;
    text-align: left;
    width: 40%;
    display: inline-block;
}

.ax-contenedor-interna .content_captcha_registro input {
    width: 174px !important;
}

#dnn_mistransacciones {
    position: relative;
}

#dnn_mistransacciones #content_detalles_evento2 div {
    /* padding: 0px;
    height: 0px; */
}

#dnn_mistransacciones:hover #content_detalles_evento2 div {
    /* height: auto */
}

/* #content_detalles_evento2 {
    overflow: hidden;
    top: 100%;
    right: 0px;
    z-index: 10;
    position: absolute;
    transition: 1s all ease;
    background: #5ab14c;
    text-align: center;
    width: 100%;
} */

#dnn_mistransacciones:hover #content_detalles_evento2 {
    /* transition: 1s all ease; */
}

/* #dnn_mistransacciones #content_detalles_evento2 span {
    color: #fff;
    display: inline-block;
    padding: 0;
    transition: 1s all ease;
    font-size: 0;
    position: relative;
} */

#dnn_mistransacciones #content_detalles_evento2 #dialog p,
#dnn_mistransacciones #content_detalles_evento2 #dialog p span {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0;
}

#dnn_mistransacciones:hover #content_detalles_evento2 span {
    /* font-size: 16px;
    padding: 20px 10px 10px;
    transition: 1s all ease;
} */

/* #dnn_mistransacciones #content_detalles_evento2 input[type="submit"] {
    display: inline-block;
    border-radius: 30px;
    padding: 0;
    font-size: 0px;
    text-align: center;
    color: #5ab14c;
    border: 0px solid;
    background: #fff;
    margin: 10px 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
    top: 22px;
    position: relative;
} */

#dnn_mistransacciones:hover #content_detalles_evento2 input[type="submit"] {
    /* padding: 10px;
    margin: 15px 0 10px 0;
    font-size: 12px;
    display: inline-block; */
}

#dnn_mistransacciones #content_detalles_evento2 input[type="submit"]:hover {
    background: #5ab14c;
    color: #fff;
}

div.dxpcDropDown.dxpclW.dxpc-ddSys {
    background: #fff;
    left: auto !important;
    right: 0;
}

.ui-dialog .ui-dialog-buttonpane,
.ui-draggable .ui-dialog-titlebar,
.ui-widget.ui-widget-content {
    background: #fff;
    border: none;
}

.ui-dialog.ui-widget.ui-widget-content {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    margin: auto;
    transform: translate(-50%, -50%);
    max-width: 90vw;
    max-height: 80vh;
    overflow-x: auto;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none !important;
    text-align: center;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 10px 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.ui-draggable .ui-dialog-titlebar {
    padding: 20px 0 10px 0 !important;
}

.ui-draggable .ui-dialog-titlebar span {
    width: 100%;
    font-size: 26px;
    color: #00adee;
    font-weight: 600;
    text-align: center;
}

.ui-dialog .ui-dialog-content p {
    color: #999;
    margin: 0;
}

.ui-dialog .ui-dialog-buttonpane button {
    background: #00b0f0;
    color: #fff;
    font-weight: 100;
    border: 1px solid #00b0f0;
    border-radius: 20px;
    padding: 10px 30px;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
    background: #fff;
    color: #00b0f0;
}

.dxtcLite.dxtc-noTabs > .dxtc-content {
    border: none !important;
}

/*MODULO ADMINISTRA TUS COUTAS DE AHORRO*/

.dxbButtonSys.dxbTSys {
    margin-left: 46%;
    border-radius: 6px;
    border-color: #dcdcdc;
}

div.ui-dialog-titlebar > .ui-dialog-titlebar-close {
    top: 0px !important;
    right: -1px !important;
}

/*MODULO CONTACTO DE CONVENIOS*/

.ModContactoDeConveniosC .row {
    text-align: center;
    margin: 22px 0;
}

/*MODULO MI CUENTA*/

.ax-contenedor-gris {
    background: #F2F1F2;
    position: relative;
    box-sizing: border-box;
    padding: 2% 2% 0;
    margin-bottom: 50px;
}

.ax-contenedor-gris:after {
    content: "";
    position: absolute;
    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);
    width: 100%;
    height: 7px;
    top: 100%;
    left: 0;
    z-index: 2;
}

.ax-contenedor-gris fieldset {
    width: 31% !important;
}

.ModConsultarEstadoCuentaC .field .resaltarSpan {
    font-weight: bold;
}

.ModConsultarEstadoCuentaC .field .label {
    font-size: 14px;
    color: #929497;
    line-height: 22px;
}

.ModConsultarEstadoCuentaC.opcionTitulo {
    background: rgba(1, 80, 153, 1);
    text-align: center;
    margin: 0;
    width: 100%;
    margin-bottom: 40px;
}

.ModConsultarEstadoCuentaC .opcionTitulo {
    width: 100%;
    margin-bottom: 32px;
}

.ModConsultarEstadoCuentaC .field {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    text-align: initial;
    margin-bottom: 20px;
}

.ModConsultarEstadoCuentaC #content_pie .label {
    font-size: 16px;
    color: #929497;
    line-height: 31px;
    width: 100%;
}

.ModConsultarEstadoCuentaC .opciones_pdf_xls {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 35px 0px;
}

.ModConsultarEstadoCuentaC .opciones_pdf_xls > div {
    width: 23%;
    display: inline-block;
}

.ModConsultarEstadoCuentaC #content_pie .alinearADerecha span {
    font-weight: bold;
}

.ModConsultarEstadoCuentaC .alinearADerecha.total_pie_pagina span:first-child {
    color: #004f97;
    margin-left: 0;
    font-size: 23px;
    font-weight: bold;
}

.ModConsultarEstadoCuentaC .alinearADerecha.total_pie_pagina span {
    font-size: 24px;
    margin-left: 11%;
}

.ModConsultarEstadoCuentaC .alinearADerecha.total_pie_pagina {
    display: block;
    width: 35%;
    float: right;
    position: relative;
}

.ModConsultarEstadoCuentaC .subtitulo {
    display: block;
    font-size: 29px;
    font-weight: 600;
    color: #00adee;
    margin-bottom: 20px;
}

.ModConsultarEstadoCuentaC td.footerGrid,
.ShowTotal {
    background: #E7E7E8;
    border: none;
    color: #929497;
    font-weight: 600;
    font-size: 18px;
}

.ModConsultarEstadoCuentaC .ax-contenedor-gris.ax-datos fieldset span {
    font-weight: bold;
}

.ModConsultarEstadoCuentaC .ax-contenedor-gris.ax-datos fieldset span + br + span {
    color: #929497;
    font-size: 14px;
    font-weight: normal;
}

.ModConsultarEstadoCuentaC .ax-contenedor-gris.ax-datos h3 {
    font-size: 29px;
    color: #00adee;
}

.ModConsultarEstadoCuentaC table {
    position: relative;
    width: 100%;
    border-collapse: collapse;
    border: 0 !important;
    margin: 0 0 30px;
}

.ModConsultarEstadoCuentaC table tr th {
    background: #ececec;
    padding: 7px;
    border-bottom: 1px solid #f2f2f3;
    border-right: 1px solid #f2f2f3;
    border-left: 1px solid #f2f2f3;
    border-top: 1px solid #f2f2f3;
    border-top: none;
    color: #8c8c8c;
}

.ModConsultarEstadoCuentaC table tr {
    border: none;
}

.ModConsultaEstadoCuentaC table tr td,
.ModConsultarEstadoCuentaC table tr td {
    border: 1px solid #ddd;
    color: #929497;
}

.ModConsultaEstadoCuentaC table tr th,
.ModConsultarEstadoCuentaC table tr th {
    background: #ececec;
    padding: 7px;
    border-bottom: 1px solid #f2f2f3;
    border-right: 1px solid #f2f2f3;
    border-left: 1px solid #f2f2f3;
    border-top: 1px solid #f2f2f3;
    border-top: none;
    color: #8c8c8c;
}

.ModConsultarEstadoCuentaC #dnn_ctr859_ConsultaEstadoCuenta_content_ahorros table > tbody tr:last-child td:nth-child(4),
.ModConsultarEstadoCuentaC #dnn_ctr859_ConsultaEstadoCuenta_content_cdat table > tbody tr:last-child td:nth-child(9),
.ModConsultarEstadoCuentaC #dnn_ctr859_ConsultaEstadoCuenta_content_prestamos table > tbody tr:last-child td:nth-child(13),
.ModConsultarEstadoCuentaC #dnn_ctr859_ConsultaEstadoCuenta_content_servicios table > tbody tr:last-child td:nth-child(3),
.ModConsultarEstadoCuentaC #dnn_ctr859_ConsultaEstadoCuenta_content_beneficios table > tbody tr:last-child td:nth-child(3) {
    border-radius: 0px 200px 197px 10px;
}

.ModConsultarEstadoCuentaC #dnn_ctr859_ConsultaEstadoCuenta_content_ahorros table > tbody tr:last-child td:nth-child(2),
.ModConsultarEstadoCuentaC #dnn_ctr859_ConsultaEstadoCuenta_content_cdat table > tbody tr:last-child td:nth-child(8),
.ModConsultarEstadoCuentaC #dnn_ctr859_ConsultaEstadoCuenta_content_prestamos table > tbody tr:last-child td:nth-child(6),
.ModConsultarEstadoCuentaC #dnn_ctr859_ConsultaEstadoCuenta_content_servicios table > tbody tr:last-child td:nth-child(2),
#dnn_ctr859_ConsultaEstadoCuenta_content_beneficios table > tbody tr:last-child td:nth-child(1) {
    border-radius: 200px 0px 0px 200px;
    text-align: right;
}

.ModConsultarEstadoCuentaC #dnn_ctr859_ConsultaEstadoCuenta_content_beneficios table > tbody tr:last-child td:nth-child(1) {
    text-align: center;

}

.ModConsultarEstadoCuentaC #pnlAhorros table tbody tr:last-child td:nth-last-child(3),
.ModConsultarEstadoCuenta #pnlServicios table tbody tr:last-child td:nth-last-child(2) {
    text-align: right;
}

.ModConsultarEstadoCuentaC div[id*="ConsultaEstadoCuenta_upPrestamos"] {
    overflow-y: auto;
}

.ModConsultaEstadoCuentaC .ax-contenedor-gris {
    background: none;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 0 30px 0;
}

.ModConsultaEstadoCuentaC .ax-contenedor-gris.ax-datos h3 {
    background: #d1d1d1;
    border-radius: 10px 10px 0 0;
    color: var(--black);
    font-family: var(--quicksand-bold);
    font-size: 18px;
    line-height: 22px;
    margin: 0;
    padding: 25px 20px 25px 20px;
}

.ModConsultaEstadoCuentaC .ax-contenedor-gris fieldset {
    padding: 0 13px 0 13px;
}

.ModConsultaEstadoCuentaC .ax-contenedor-gris.ax-datos fieldset span {
    color: #081828;
    font-family: var(--quicksand-regular);
    font-size: 18px;
}

.ModConsultaEstadoCuentaC .ax-contenedor-gris.ax-datos fieldset span + br + span {
    background: var(--gray-medium);
    border: 1px solid var(--gray-dark);
    border-radius: 8px;
    color: var(--gray-50);
    display: inline-block;
    font-family: var(--quicksand-regular);
    font-size: 16px;
    line-height: 20px;
    margin: 5px 0 0 0;
    padding: 12px 40px 12px 15px;
    width: 100%;
}



/*MI CUENTA ESTILOS INCRUSTADOS*/

.titulo_tabs {
    color: #46914E;
    text-align: left;
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 2%;
}

.titulo_tabs .colapsar,
.titulo_tabs .descolapsar {
    background: #055197;
    cursor: pointer;
    height: 40px;
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    text-align: center;
    position: relative;
}

.titulo_tabs .colapsar:before {
    content: "+";
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    font-size: 35px;
    line-height: 35px;
}

.titulo_tabs .descolapsar:before {
    content: "-";
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    font-size: 35px;
    line-height: 35px;
}

.titulo_tabs .texto {
    color: #055197;
    font-size: 22px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1%;
}

@media (min-width:768px) {
    .OcultarCampoGrid {
        display: table-cell;
        /*Si se debe ocultar los campos debe estar el valor en none, si no debe estar en table-cell*/
    }
    .OcultarResponsive {
        display: none;
        /*contrario a la clase OcultarCampoGrid*/
    }
    .HideTotal {
        visibility: hidden;
        /*Si los campos estan ocultos debe estar el valor en visible, si no debe estar en hidden*/
    }
    .OcultarTotalesGrid {
        display: table-cell;
        /*Si se debe ocultar los campos debe estar el valor en none, si no debe estar en table-cell*/
        visibility: hidden;
    }
}

@media (max-width:450px) {
    .OcultarCampoGrid {
        display: none;
        /*Si se debe ocultar los campos debe estar el valor en none, si no debe estar en table-cell*/
    }
    .OcultarResponsive {
        display: table-cell;
        /*contrario a la clase OcultarCampoGrid*/
    }

    .HideTotal {
        visibility: visible;
        /*Si los campos estan ocultos debe estar el valor en visible, si no debe estar en hidden*/
    }

    .OcultarTotalesGrid {
        display: none;
        /*Si se debe ocultar los campos debe estar el valor en none, si no debe estar en table-cell*/
        visibility: hidden;
    }
}

.ax-observ {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}

.ax-observ li {
    position: relative;
    width: 100%;
    margin: 0 0 10px;
    list-style: disc;
}

.ax-observ li:nth-child(even) {
    display: none;
}

.ax-observ li::marker {
    content: none;
}

/*PAGINA DE RESULTADOS*/

.dnnSearchResultPanel {
    background-color: #dedede;
}

.dnnSearchResultPanel .dnnSearchResultSortOptions li a {
    background: #fff;
    font-size: 15px;
    color: #666;
}

.dnnSearchResultPanel .dnnSearchResultSortOptions li:hover a {
    background: #eee;
}

/*MODULO CONSULTA TU LUGAR DE PARQUEO*/

.ModConsultarCeldaActualC .alinearADerecha {
    text-align: center;
    margin: 20px 0;
}

.ModConsultarCeldaActualC .ax-contenedor-resultado .field {
    width: 35%;
    margin-bottom: 20px;
    border-bottom: 1px solid #f2f2f3;
    border-right: 1px solid #f2f2f3;
    border-left: 1px solid #f2f2f3;
    border-top: none;
    color: #929497;
}

.ModConsultarCeldaActualC .ax-contenedor-resultado {
    text-align: center;
}

.ModConsultarCeldaActualC .ax-contenedor-resultado .field span {
    display: inline-block;
    width: 100%;
}

.ModConsultarCeldaActualC .ax-contenedor-resultado .field .resaltar-Span {
    font-weight: bold;
}

.ModConsultarCeldaActualC .field.alinear span {
    margin-right: 5%;
    top: 4px;
    position: relative;
}

.ModConsultarCeldaActualC .field.alinear {
    text-align: right;
}

/*MODULO CONSULTA TU COUTA DE AHORRO*/

.ModModificarCuotaC .campoRequerido span {
    display: inline-block;
    width: 21%;
    vertical-align: middle;
}

.ModModificarCuotaC .campoRequerido table > tbody tr {
    display: inline;
}

.ModModificarCuotaC .campoRequerido table {
    width: 59%;
}

.ModModificarCuotaC .dxeTextBoxSys td.dxic {
    padding: 0;
    display: inline;
    border: none;
}

.ModModificarCuotaC {
    text-align: center;
}

.ModModificarCuotaC input[type="submit"] {
    margin: 40px 0;
}

/*DETALLES EVENTO INSCRIPCION*/

.ModDetalleInscripcionEventoC {
    max-width: 88%;
    margin: 0 auto;
}

.ModDetalleInscripcionEventoC .field {
    width: 26%;
    display: inline-block;
    vertical-align: top;
    text-align: initial;
    margin-bottom: 20px;
}

.ModDetalleInscripcionEventoC .col-md-3 {
    width: 47%;
    display: inline-block;
}

.ModDetalleInscripcionEventoC .col-md-3 span {
    margin-left: 1%;
}

.ModDetalleInscripcionEventoC .ax-terminos label {
    font-size: 13px;
}

.ModDetalleInscripcionEventoC .row.ax-contenedor-botones {
    text-align: center;
    margin: 38px 0;
}

.ModDetalleInscripcionEventoC .ax-contenedor-acompanantes .field {
    display: block;
    width: 100%;
    text-align: center;
}

.ModDetalleInscripcionEventoC .ax-contenedor-acompanantes .col-md-1 {
    width: 15%;
    display: inline-block;
}

.ModDetalleInscripcionEventoC .ax-contenedor-acompanantes .col-md-1:nth-child(6) {
    width: 8%;
}

.ModDetalleInscripcionEventoC .ax-contenedor-acompanantes .campoRequerido {
    width: 100%;
}

.ModDetalleInscripcionEventoC .ax-contenedor-acompanantes .campoRequerido input[type="text"],
.ModDetalleInscripcionEventoC .ax-contenedor-acompanantes .campoRequerido select {
    width: 96% !important;
}

.ModDetalleInscripcionEventoC .ax-contenedor-btn {
    margin: 30px 0px;
}


.ax-pago span {
    color: #00ADEE;
    font-size: 14px;
    font-weight: bold;
}

.ax-contendor-imagen .ax-fecha-evento {
    position: absolute;
    text-align: center;
    background: #fff;
    border-radius: 20px 0 0 20px;
    top: 10px;
    right: 10px;
    padding: 20px 20px 10px;
    -webkit-box-shadow: 1px 1px 10px 1px #c6c6c6;
    -moz-box-shadow: 1px 1px 10px 1px #c6c6c6;
    box-shadow: 1px 1px 10px 1px #c6c6c6;
}

/*cargador*/

.cargador {
    border-width: 0px;
    background: url(/Portals/_default/Skins/Fepep/images/cargador.gif) no-repeat center center;
    background-size: 100%;
    position: fixed;
    text-indent: -99999999;
    padding: 5%;
    width: 16%;
    height: 100%;
    font-size: 36px;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
}

/*ICONO EDITAR FORMULARIOS*/

.dxeButton.dxeButtonEditButton {
    position: relative;
    width: 0px;
    color: #fff;
    background: #fff;
    /*border-width: 0px;
    background: url(/Portals/_default/Skins/Fepep/images/cargador.gif) no-repeat center center;
    background-size: 100%;
    position: fixed;
    text-indent: -99999999;
    padding: 5%;
    width: 16%;
    height: 100%;
    font-size: 36px;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    height:0px;
    padding:0px;
    border:1px solid #fff;*/
}

.dxeButton.dxeButtonEditButton .dxEditors_edtDropDown {
    position: relative;
    width: 10px;
    padding: 0px;
    border: none;
    color: #fff;
}

.dxeButton.dxeButtonEditButton:last-child:before {
    content: "";
    height: 20px;
    position: relative;
    display: flex;
    top: 7px;
    opacity: .5;
    left: 0px;
    width: 20px;
    background: url(/Portals/_default/Skins/Fepep/images/calendario.jpg) no-repeat;
    background-size: cover;
}

.dxeButton.dxeButtonEditButton:last-child img {
    opacity: 0 !important;
}

table.dxeButtonEdit {
    width: 100% !important;
    border: none;
    border-spacing: inherit;
}

table.dxeButtonEdit td.dxic {
    padding: 0 !important;
}

table.dxeButtonEdit td.dxeButton {
    padding: 0 20px !important;
    background: var(--gray-medium);
    border-radius: 0 8px 8px 0;
    border: 1px solid var(--gray-dark) !important;
    border-left: 0 !important;
}

table.dxeButtonEdit input[type="text"] {
    border: 1px solid var(--gray-dark) !important;
    border-right: none !important;
    border-radius: 8px 0 0 8px;
}

.cien {
    width: 100% !important;
}

/*MODULO INTEGRADOR PSE*/

.ModIntegradorPSEC .ax-centrar {
    border: none;
    width: 97%;
    display: block;
    margin: 0 auto;
    position: relative;
}

.ModIntegradorPSEC .ax-centrar input[type="submit"] {
    display: block;
    margin: 0 auto;
    margin-top: 39px;
    width: 20%;
}

.ModIntegradorPSEC .ax-centrar span {
    text-align: center;
    color: #004f97;
    display: block;
    width: 100%;
    top: 20px;
    position: relative;
    font-weight: bold;
    font-size: 15px;
}

.ModIntegradorPSEC .ax-centrar:after {
    content: "";
    background-image: url(/Portals/_default/Skins/Fepep/images/logo-pse.png);
    margin-top: 4px;
    display: block;
    max-width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 52px;
    position: absolute;
    right: 39%;
    width: 50px;
    height: 91px;
}

.ModIntegradorPSEC .ax-form fieldset:nth-child(5) {
    border: none;
}

/*MODULO RESPUESTA PSE*/

.ModRespuestaPSEC .ax-form fieldset .ax-campo span {
    color: #929497;
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
    padding: 10px !important;
    border-radius: 30px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #e2e2e2 !important;
    font-size: 13px;
    color: #0b0b0b !important;
    width: 100%;
    display: block;
}

.ModRespuestaPSEC .ax-form fieldset .ax-campo {
    display: block;
}

.ModRespuestaPSEC #footer-in {
    display: none;
}

/*MODULOS BIENVENIDO HOME USUARIO*/

.ModBienvenidousuarioC span {
    text-align: center;
    display: block;
    font-size: 30px;
    color: white;
    margin-bottom: 25px;
    text-shadow: 0 0 2px black;
}

.ModBienvenidousuarioC #title_content {
    margin-top: 70px;
}

.ModBienvenidousuarioC span:first-child {
    font-size: 76px;
    font-weight: bold;
    margin-bottom: 44px;
}

/*MODULO FORMULARIO AFILIACION*/

.ax-contenedor-interna div#content_tabs_afiliacion .opcionTitulo {
    width: 100%;
}

.ax-contenedor-interna div#content_tabs_afiliacion > div > div > ul {
    position: relative;
}

.ax-contenedor-interna div#content_tabs_afiliacion > div > div > ul:before {
    position: absolute;
    content: "";
    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);
    bottom: 0;
    left: 0px;
    z-index: 7;
    height: 4px;
    width: 100%;
}

.ax-contenedor-interna div#content_tabs_afiliacion > div > div > ul li {
    height: auto !important;
    border: none;
    background: #fff;
}

.ax-contenedor-interna div#content_tabs_afiliacion > div > div > ul li.dxtc-activeTab {
    background: #00adee;
}

.ax-contenedor-interna div#content_tabs_afiliacion > div > div > ul li.dxtc-activeTab a span {
    color: #fff
}

.ax-contenedor-interna div#content_tabs_afiliacion > div > div > ul li a {
    padding: 11px 43px 17px;
}

/*MODULO EVENTOS HOME USUARIO*/

.ModMisEventosHomeC #title_content {
    width: 100%;
    text-align: center;
    margin-bottom: 64px;
    font-size: 36px;
    font-weight: bold;
    color: #00abcb;
}

.ModMisEventosHomeC .ax-titulo-evento span {
    color: #00abcb;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 7px;
    display: block;
    text-align: center;
}

.ModMisEventosHomeC .ax-descripcion-evento a {
    display: none;
}

.ModMisEventosHomeC .ax-descripcion-evento span {
    color: #929497;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 22px;
}

.ModMisEventosHomeC .ax-fecha-evento .ax-dia {
    font-size: 38px;
    font-weight: 600;
    margin: 5px 0 0;
    text-align: center;
    color: #00abcb;
}

.ModMisEventosHomeC .ax-fecha-evento .ax-mes {
    color: #00abcb;
    font-size: 18px;
    display: block;
    text-align: center;
    font-weight: normal;
}

.ModMisEventosHomeC .ax-ver-evento {
    margin: 20px 0 0;
    text-align: center;
}

.ModMisEventosHomeC .ax-ver-evento input[type="submit"] {
    background: #00abcb;
    border: 1px solid #00abcb;
    padding: 10px 30px;
    color: #fff;
    border-radius: 33px;
    font-weight: bold;
    cursor: pointer;
}

.ModMisEventosHomeC .ax-ver-evento input[type="submit"]:Hover {
    background: none;
    border: 1px solid #00abcb;
    color: #00abcb;
}

.ax-boton-detalle input[type="submit"] {
    width: 22%;
    padding: 10px 30px;
    color: #fff;
    border-radius: 33px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #004f97;
    background: #004F97;
    margin: 0;
}

.nEv1,
.nEv2,
.nEv3 {
    font-size: 0;
}

/*Eventos cuando hay uno solo*/

.ModMisEventosHomeC .nEv1 .ax-contenedor-evento2 {
    width: 60%;
    display: inline-block;
    vertical-align: middle;
}

.ModMisEventosHomeC .nEv1 .ax-eventos {
    margin: 0 auto;
    width: 87%;
    text-align: center;
}

.ModMisEventosHomeC .nEv1 .ax-eventos-usuario {
    width: 90%;
}

.ModMisEventosHomeC .nEv1 .ax-fecha-evento {
    display: inline-block;
    width: 18%;
    vertical-align: top;
    margin-bottom: 20px;
    text-align: center;
}

.ModMisEventosHomeC .nEv1 .ax-contendor-imagen {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-bottom: 16px;
}

.ModMisEventosHomeC .nEv1 .ax-descripcion-evento {
    display: inline-block;
    width: 65%;
    vertical-align: top;
    text-align: left;
}

.ModMisEventosHomeC .nEv1 .ax-titulo-evento {
    margin-bottom: 22px;
}

/*Cuando hay dos eventos*/

.ModMisEventosHomeC .nEv2 .ax-eventos {
    width: 40%;
    display: inline-block;
    text-align: center;
}

.ModMisEventosHomeC .nEv2 .ax-contendor-imagen {
    width: 80%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.ModMisEventosHomeC .nEv2 .ax-eventos-usuario {
    display: inline-block;
    width: 70%;
}

.ModMisEventosHomeC .nEv2 .ax-eventos-usuario .ax-fecha-evento {
    display: inline-block;
    width: 15%;
    vertical-align: middle;
}

.ModMisEventosHomeC .nEv2 .ax-eventos-usuario .ax-descripcion-evento {
    width: 78%;
    display: inline-block;
    vertical-align: top;
}

/*Cuando hay 3 eventos*/

.ModMisEventosHomeC .nEv3 .ax-contendor-imagen {
    width: 100%;
}

.ModMisEventosHomeC .nEv3 .ax-eventos {
    width: 30%;
}

.ModMisEventosHomeC .nEv3 .ax-eventos-usuario {
    width: 100%;
}

.ModMisEventosHomeC .nEv3 .ax-eventos-usuario .ax-fecha-evento {
    width: 10%;
    display: inline-block;
    margin: 0 4% 0 0;
    vertical-align: middle;
}

.ModMisEventosHomeC .nEv3 .ax-eventos-usuario .ax-descripcion-evento {
    width: 82%;
    display: inline-block;
    vertical-align: middle;
}

/*MODULO SOLICITA TU QRS*/

.ModsolicitudQRSC label,
.ModsolicitudQRSC div strong a {
    font-size: 14px;
}

.ModsolicitudQRSC .row {
    margin-top: 30px;
    text-align: center;
}

.dxpc-mainDiv.dxpc-shadow {
    width: 300px;
    text-align: center;
}

.dxtcLite > .dxtc-content {
    overflow: visible !important;
}

.dxpc-mainDiv.dxpc-shadow span {
    font-size: 18px;
    display: block;
}


.dxpc-mainDiv.dxpc-shadow .dxbButton {
    display: inline-block;
    background: #004F97;
    margin: 6% 2%;
    padding: 2px 20px;
    border-radius: 30px;
}

.dxpc-mainDiv.dxpc-shadow .dxbButton div span,
.dxpc-mainDiv.dxpc-shadow .dxbButton span {
    color: #fff !important;
}

#content_cambiarContrasena .ax-requerido {
    margin: 0 0 0 0;
}

/*MODULO LIQUIDA TUS AHORROS */

.ModRetiroAhorroC .campoRequerido table tbody > tr {
    width: 100%;
    display: inline-block;
}

.ModRetiroAhorroC {
    text-align: center;
}

.ModRetiroAhorroC .dxeTextBoxSys td.dxic {
    padding: 3px 3px 2px 3px;
    overflow: hidden;
    display: inline-block;
    border: none;
}

/*MODULO DETALLE EVENTO INSCRITO*/

.ModMisEventosC .row {
    width: 100%;
    display: block;
    margin: 0 0 15px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px;
}

.ModMisEventosC .ax-boton {
    width: 4%;
    display: inline-block;
    vertical-align: middle;
}

.ModMisEventosC #content_info {
    margin-top: 40px;
}

.ModMisEventosC .ax-lbl {
    width: 30%;
    display: inline-block;
}

.ModMisEventosC .ax-lbl:nth-child(1) {
    text-align: left;
}

.ModMisEventosC .ax-boton input[type="submit"],
.ModMisEventosC .ax-boton .dxbButtonSys.dxbTSys {
    padding: 10px;
    width: 25px;
    height: 25px;
    color: transparent;
    border: none;
    font-size: 0;
    margin: 0;
}

.ModMisEventosC .ax-boton input[type="submit"]:hover,
.ModMisEventosC .ax-boton .dxbButtonSys.dxbTSys:hover {
    font-size: 0;
    color: transparent;
}

.ModMisEventosC .ax-boton.detalle input {
    background: url(/Portals/_default/Skins/Fepep/images/buscar-event.png) no-repeat center;
    background-size: 100%;
}

.ModMisEventosC .ax-boton.editar input {
    background: url(/Portals/_default/Skins/Fepep/images/edit-event.png) no-repeat center;
    background-size: 100%;
}

.ModMisEventosC .ax-boton.cancelar input {
    background: url(/Portals/_default/Skins/Fepep/images/cancel-event.png) no-repeat center;
    background-size: 100%;
}

.ModMisEventosC .ax-boton.requiere input {
    background: url(/Portals/_default/Skins/Fepep/images/pago-event.png) no-repeat center;
    background-size: 100%;
}

.ModMisEventosC .ax-boton .dxbButton span {
    display: none !important;
}

.ModMisEventosC .dxucControl {
    margin: 0;
}

/*DETALLE EVENTO INSCRITO*/

.ModDetallesEventoInscritoC {
    text-align: center;
}

.ModDetallesEventoInscritoC .ax-form fieldset.ax-contenedor-boton {
    display: block;
    width: 28%;
    margin: 0 auto;
    padding: 20px;
}

.ModDetallesEventoInscritoC .ax-form fieldset.ax-contenedor-boton .ax-campo {
    width: auto;
}

.ModDetallesEventoInscritoC .ax-form fieldset.ax-contenedor-boton .ax-tooltip:hover .ax-msj-tool {
    top: -7px;
    right: 118px;
}

.ModDetallesEventoInscritoC #title_content {
    margin-bottom: 38px;
}

@media (min-width:769px) {
    .gridResponsive {
        display: none;
    }
}

@media (max-width:769px) {
    .gridSinResponsive {
        display: none;
    }

}

/*ESTILOS FEDE  NUEVOS FORMULARIO*/

.ax-form {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    text-align: left;
}

.ax-fieldset2,
.ax-form fieldset {
    display: inline-block;
    position: relative;
    width: 45%;
    vertical-align: top;
    margin: 0 2% 20px;
    text-align: left;
}

.ax-form fieldset table {
    width: 100%;
    margin: 0 0 0 0;
}

.ax-fieldset2 > span,
.ax-form fieldset > span,
.ax-form fieldset > span > span {
    color: #004f97;
    font-size: 18px;
}

.ax-form fieldset > span > span {
    margin: 0 0 0 5px;
}

.ax-form span {
    font-size: 16px;
    color: #929497;
    font-family: var(--quicksand-medium);
}

.ax-tooltip,
.ax-campo {
    display: inline-block;
    vertical-align: middle;
}

.ax-tooltip {
    width: 4%;
    margin-left: 2%;
}

.ax-campo {
    width: 94%;
    position: relative;
    margin-top: 5px;
}

.ax-campo input[type="checkbox"] {
    width: auto;
}

.ax-tooltip img {
    width: 100%;
}

.ax-msj-tool {
    display: none;
}

.ax-tooltip:hover .ax-msj-tool {
    display: block;
    position: absolute;
    top: -5px;
    right: 0;
    background: #929497;
    font-size: 12px;
    color: #ffffff;
    padding: 2px 10px;
    border-radius: 50px;
}

.ax-tooltip:hover .ax-msj-tool:after {
    content: "";
    width: 0;
    height: 0;
    border-left: #929497 10px solid;
    border-bottom: transparent 10px solid;
    border-top: transparent 0 solid;
    position: absolute;
    bottom: -8px;
    right: 9px;
}

.DnnModule-Actualizacindedatos .alinearADerecha,
.ax-contenedor.ax-simple,
.ax-contenedor-interna .content_captcha_registro,
.text_field_content,
.ax-centrar {
    text-align: center;
}

.ax-centrar {
    margin: 20px 0;
    justify-content: center;
}

.ax-full-form {
    width: 87%;
    margin: 0 auto;
    display: block;
}

.ax-fieldset .ax-tooltip,
fieldset .ax-spans + .ax-tooltip {
    width: 8%;
}

.ax-spans {
    display: inline-block;
    width: 80%;
    vertical-align: middle;
}

.ax-spans span:first-child {
    font-size: 18px;
}

.ax-fieldset .ax-tooltip:hover .ax-msj-tool,
fieldset .ax-spans + .ax-tooltip:hover .ax-msj-tool {
    top: -20px;
}

.ax-campo .dxeTextBox {
    border: none;
}

/*Lista Datos*/

.ax-datos {
    width: 100%;
    position: relative;
}

.ax-datos fieldset,
.ax-fieldset {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    margin: 2% 1% 3% 0;
    position: relative;
}

.trescolumnas fieldset,
.ax-tasaC fieldset {
    width: 31%;
}

.ax-datos fieldset span + br + span,
.ax-fieldset span + br + span,
.ax-tasa fieldset span + br + img + span,
.ax-tasaC fieldset span + br + img + span {
    color: #004f97;
    font-size: 20px;
}

.ax-tasa fieldset span + br + img + span,
.ax-tasaC fieldset span + br + img + span {
    vertical-align: middle;
}

.ax-tasa fieldset span + br + img {
    width: 10%;
    margin: 0 10px 0 0;
}

.ax-tasaC fieldset span + br + img {
    width: 7%;
    margin: 0 10px 0 0;
}

.ax-tasaC fieldset ol {
    margin: 15px 0 0 !important;
}

.ax-full {
    width: 96%;
    margin: 0 auto;
    display: block;
}

.ax-full table,
.ax-full table tr td {
    width: 100%;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.dxucBrowseButton {
    background: none !important;
}

.dxucBrowseButton a,
.dxucButton a {
    border: 1px solid #004f97;
    background: #004F97;
    padding: 10px 30px;
    color: #ffffff !important;
    border-radius: 33px;
    font-weight: bold;
    cursor: pointer;
    margin-right: 10px;
}

.dxucBrowseButton a:hover,
.dxucButton a:hover {
    border: 1px solid #004f97;
    background: #e4e4e4;
    color: #888888 !important;
}

.ax-full p {
    text-align: justify;
}

.rango1ano {
    width: 97% !important;
    margin: 0 !important;
}

.dxtcLite > .dxtc-content,
.rango1ano tr td {
    border: 0 !important;
}

/*Link Aqui*/

.ax-aqui {
    background: rgb(2, 139, 255) url(../images/arrow-aqui.png) no-repeat 90% center !important;
    background-size: 14px !important;
    display: inline-block;
    border-radius: 30px;
    border: rgb(2, 139, 255) 1px solid;
    padding: 7px 40px 7px 20px;
    margin: 10px;
    text-align: center;
    font-weight: 600;
    color: #ffffff !important;
    cursor: pointer;
    text-decoration: none !important;
    transition: all .2s ease-in-out;
    letter-spacing: 1;
    vertical-align: middle;
}

.ax-aqui:hover,
.ax-aqui:active {
    background: rgb(255, 255, 255) url(../images/arrow-aqui-h.png) no-repeat 90% center !important;
    background-size: 14px !important;
    color: rgb(2, 139, 255) !important;
}

li .ax-aqui {
    vertical-align: top;
}

/*DatePicker*/

table.dxeCalendar,
table.dxeCalendar tr td table,
table.dxeCalendar tr td table tr td table,
.dxeCalendarFastNav div table {
    margin: 0 !important;
}

table.dxeCalendar tr td,
table.dxeCalendar tr td table tr td,
table.dxeCalendar tr td table tr td table tr td,
.dxeCalendarFastNavFooter,
.dxeCalendarFastNavFooter table tr td {
    background: none !important;
    padding: 5px !important;
    border: none !important;
}

.dxeCalendarWeekend {
    color: #00adee;
}

.dxeCFS {
    display: none;
}

.dxeCalendarFastNavMonthSelected,
.dxeCalendarFastNavYearSelected {
    background: #00adee !important;
}

.dxeCalendarFastNavMonth,
.dxeCalendarFastNavYear {
    color: #929497 !important;
}

/*Celdas parqueadero*/

.ax-form.ax-centrar h3 {
    text-align: center;
}

/*Modal PQR*/
body .ui-dialog p {
    text-align: center !important;
}

#dnn_ctr1131_SolicitudQRS_chkAutorizacion + label {
    display: none;
}

#filtrosBusqueda > div.mensaje span {
    color: red;
}

/*MODULO VIDEOS*/

body .fp-help {
    width: 0px !important;
}

.ax-50 {
    display: inline-block;
    vertical-align: top;
    margin: 0 2% 2% 0;
    width: 49%;
}

.ax-50:nth-child(even) {
    margin: 0 0 2% 0;
}

.ax-informate-list {
    width: 100%;
    margin: 0 0 15px;
    position: relative;
}

.ax-informate-list img {
    width: 20%;
    margin: 0 15px 15px 0;
    display: inline-block;
    vertical-align: middle;
}

.ax-informate-list h3 {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
}

.campoRequerido table tr,
.ax-campo table tr,
.campoRequerido table tr td,
.ax-campo table tr td {
    border: none !important;
}

.dxeBase {
    font-size: 16px;
    color: #929497;
    line-height: 22px;
    margin-bottom: 15px;
    display: block;
}

/*TABS*/

.ax-contenedor-interna section ul.nav-tabs li.active a {
    background-color: #00adee !important;
    color: #fff !important;
}

.ax-contenedor-interna section ul.nav-tabs li a {
    color: #aaa;
    border-radius: 0px
}

.ax-contenedor-interna section ul.nav-tabs li:hover a {
    color: #00519b;
}

.ax-contenedor-interna section ul.nav-tabs {
    position: relative;
}

.ax-contenedor-interna section ul.nav-tabs:before {
    position: absolute;
    content: "";
    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);
    bottom: -5px;
    left: 0px;
    z-index: 7;
    height: 4px;
    width: 100%;
}

.ax-parqueadero p {
    display: inline-block;
}

.ax-parqueadero {
    text-align: center;
}

.dxeButtonEditSys td.dxic {
    padding: 2px 2px 1px 2px !important;
}

.lineaTiempoNuestraHistoria .EDGmain .title span + br + span p {
    color: #929497 !important;
    font-size: 16px;
    text-align: center;
}

.ax-cambiar .ax-form fieldset {
    display: block;
    margin: 0 auto 20px;
}

.ax-campo > span {
    margin-left: 15px;
}

.ModConsultarTasaCDATC .dxgvControl tr td table tr td table tr td:nth-child(2),
.ModConsultarTasaAhorroC .dxgvControl tr td table tr td table tr td:nth-child(2),
.ModConsultarTasaCreditoC .dxgvControl tr td table tr td table tr td:nth-child(2),
.divCuotas .dxgvControl tr td div div table tr td table tr td:nth-child(2),
.dxgvCSD table tr:nth-child(1) {
    display: none;
}

.divCuotas .dxgvControl tr td div div table {
    margin: 0;
}

.ModConsultarTasaCDATC .dxgvControl tr td table tr,
.ModConsultarTasaAhorroC .dxgvControl tr td table tr,
.ModConsultarTasaCreditoC .dxgvControl tr td table tr,
.dxgvDataRow td.dxgvIndentCell {
    background: none !important;
    border-bottom: none !important;
}

.dxgvCSD {
    height: auto !important;
    overflow: auto !important;
}

/*MAPA DEL SITIO */

.ax-mapa {
    margin: 0;
    padding: 0;
}

.ax-mapa li {
    margin: 10px 1%;
    padding: 5px 2%;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    position: relative;
}

.ax-mapa li:before {
    content: "\02022";
    display: inline;
    color: rgba(0, 163, 227, 1);
    font-size: 20px;
    left: -6px;
    margin-left: -7px;
}

.ax-mapa li a {
    color: #929497;
    letter-spacing: 1px;
    display: inline-block;
    padding: 5px 0px;
    font-weight: bold;
}

.ax-mapa li ul {
    position: relative;
    overflow: initial;
    display: block;
    max-height: initial;
}

.ax-mapa li a:hover {
    color: #00adee;
}

.dxgvEditFormDisplayRow td.dxgv,
.dxgvDetailCell td.dxgv,
.dxgvDataRow td.dxgv,
.dxgvDetailRow.dxgvADR td.dxgvAIC {
    border-right: 1px Solid #CFCFCF !important;
    border-left: 1px Solid #CFCFCF !important;
    border-top: 1px Solid #CFCFCF !important;
    border-bottom: 1px Solid #CFCFCF !important;
}

.dxgvDataRow td.dxgv.dxgvIndentCell {
    border: none !important;
}

#dnn_ctr639_ConsultarTasaCredito_rgTasas_DXDataRow72 td {
    border-bottom: 1px Solid #CFCFCF !important;
}

#dnn_ctr639_ConsultarTasaCredito_rgTasas_DXDataRow72 td:nth-child(1) {
    border-bottom: 0 !important;
}

dnn_ctr948_SimularCredito_rgRenovar_cell0_0_chkSeleccion_0_S_D {
    background-image: none;
}

#dnn_ctr879_LineaEtica_ru_linea + br + span {
    display: block;
    margin: 25px 0;
    font-size: 12px;
}

#dnn_ctr861_ModificarCuota_rgConceptos_DXMainTable tr td:first-child,
#dnn_ctr1183_ModificarCuota_rgConceptos_DXMainTable tr td:first-child {
    border-left: 1px Solid #CFCFCF !important;
}

.dxKBSW {
    font-size: 0;
    display: block;
    width: 21px;
}

.dxWeb_edtCheckBoxUnchecked {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: #e2e2e2 !important;
    background-image: none !important;
    padding: 13px !important;
    position: relative !important;
    top: 0 !important;
    border-radius: 5px !important;
    margin-right: 2% !important;
    display: block !important;
    opacity: 1 !important;
    height: 25px !important;
    width: 25px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-width: 0 !important;
    left: 0;
    color: #e2e2e2 !important;
    cursor: pointer !important;
}

.dxWeb_edtCheckBoxChecked {
    background: #e2e2e2 url(../images/check.png) no-repeat center center !important;
    background-size: 56% !important;
    height: 25px !important;
    width: 25px !important;
}

body section table tr td .dxWeb_edtCheckBoxChecked input[type="text"] {
    padding: 0 !important;
}

input#dnn_ctr948_SimularCredito_rgRenovar_cell0_0_chkSeleccion_0_S {
    display: none;
    visibility: hidden;
    opacity: 0;
}

#dnn_ctr948_SimularCredito_rgRenovar table tr td {
    border: none !important;
}

#textdialog,
#textdialog span {
    margin: 0 !important;
}

.selectize-input.items.full.has-options.has-items input[type="text"] {
    padding: 0px;
    background: none;
}

/*MODAL SIMULADOR CREDITOS*/

form[action="/mis-transacciones/simulador/proyecta-tu-credito"] .ui-widget.ui-widget-content {
    height: 600px !important;
    width: 50% !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: auto !important;
}

#PestanaUbicacionAfiliacion .dxgvControl.dxgv tr td > div > div,
.ax-form .dxgvControl.dxgv tr td > div > div {
    width: 100% !important;
}

#PestanaUbicacionAfiliacion .dxgvControl.dxgv tr td > div,
.ax-form .dxgvControl.dxgv tr td > div {
    padding: 0px !important;
}

span#dnn_ctr1050_SimularCredito_lblMensajeDocumento {
    margin: 25px 0;
    display: block;
}

p.note,
#dnn_ctr946_SimularCredito_lblMensajeDocumento {
    margin: 25px 0;
    display: block;
}

p.note span {
    margin: 0;
}

p.note span + br {
    display: none;
}

.dxucControl a[unselectable="on"] {
    margin: 0;
}

/*Tabla de resultados Credito*/

td.dxrpHeader span.dxrpHT {
    padding: 10px;
    text-align: center;
    width: 100%;
}

.ax-banner-bvnd,
.ocultar {
    display: none;
}

form[action="/mis-transacciones/home-usuario"] .ax-banner-bvnd {
    display: flex;
}

.dxucEditArea,
input[type="text"].dxucEditArea {
    width: auto !important;
    margin: 10% 0;
}

.ax-full .dxucNameCell span {
    background: #e2e2e2;
    color: #333;
    margin: 0 14px 0 0;
    padding: 10px 43px;
    border-radius: 20px;
}

.ax-full .dxucFileList li {
    margin-bottom: 10px;
}

.ax-full .dxucFileList li > div {
    display: inline-block;
    float: none;
    vertical-align: middle;
}

.ocultar_file .dxucBrowseButton,
.ocultar_file .dxucEditArea,
input[type="text"].dxucEditArea {
    display: none;
}

.dialogTerminosYC {
    width: 90% !important;
    left: 5% !important;
    right: 5%;
    top: 15vh !important;
    margin: 0 !important;
}

.eds_news_FEPEP.eds_template_List_Article_Eventos_User > div {
    text-align: center;
}

@media print {
    header,
    footer {
        display: none;
    }

    .ModRespuestaPSEC .ax-form fieldset .ax-campo span {
        position: relative;
        box-sizing: border-box;
        padding: 10px !important;
        border-radius: 30px !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #e2e2e2 !important;
        font-size: 16px;
        color: #0b0b0b !important;
        width: 100%;
        display: block;
    }

    .ax-form fieldset > span {
        font-size: 18px;
    }
}

.dxBB.dxucBrowseButton a[tabindex="-1"] {
    display: none;
}

#PestanaAdjuntos .textoarchivo {
    display: none;
}

#dnn_ctr779_FormularioAfiliacion_ASPxPageControl1_tabDeclaracion_hlFirma {
    background: rgb(2, 139, 255);
    background-size: 14px !important;
    display: inline-block;
    border-radius: 30px;
    border: rgb(2, 139, 255) 1px solid;
    padding: 7px 25px;
    margin: 10px;
    text-align: center;
    font-weight: 600;
    color: #ffffff !important;
    cursor: pointer;
    text-decoration: none !important;
    transition: all .2s ease-in-out;
    letter-spacing: 1;
    vertical-align: middle;
}

.selectmovil {
    background-image: url(../images/ico-select.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 96% center;
    background-color: #e2e2e2;
    padding: 10px 20px;
    display: inline-block;
    text-align: left;
    width: 100%;
    border-radius: 30px;
    box-sizing: border-box;
    color: #333 !important;
}

form[action="/contactanos/puntos-de-servicio/fepep-movil"] .eds_template_List_Article_puntosmovil {
    display: none;
}

.node.level_1 a {
    display: block;
}

.ModAutenticacionPortalPrivadoC .ax-formularios ul li {
    position: relative;
}

.ModAutenticacionPortalPrivadoC .ax-formularios ul li:nth-child(1):before {
    content: '\0046';
    position: absolute;
    background: none;
    font-family: 'fepep icon';
    color: #004f97;
    font-weight: 900;
    display: block;
    left: -40px;
    font-size: 25px;
    top: 27px;
}

.ModAutenticacionPortalPrivadoC .ax-formularios ul li:nth-child(2):before {
    content: "";
    position: absolute;
    left: -40px;
    height: 30px;
    top: 22px;
    width: 26px;
    background: url(../images/candado.png) no-repeat 50% 50%;
    background-size: cover;
}


/*MODAL HOME*/

.ax-home .modal {
    position: fixed;
    z-index: 1000;
    padding-top: 9%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.ax-home .modal .modal-content {
    margin: auto;
    padding: 20px;
    width: 41%;
    position: relative;
    display: block;
}

.modal .modal-content .close {
    text-decoration: none;
    cursor: pointer;
    float: none;
    top: 31px;
    position: relative;
    font-size: 27px;
    background: #2196F3;
    left: 74%;
    border: 1px solid;
    border-radius: 20px;
    padding: 1px 9px;
    color: #ffff;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 1000;
}

.close:Hover {
    background: none;
    color: #2196F3;
}

.modal-content img {
    max-width: 63%;
    text-align: center;
    display: block;
    width: 100%;
    margin: 0 auto;
}

.modal .modal-content a {
    display: block;
    z-index: 99;
}

.febrero img {
    height: 35%;
    float: left;
    margin: 0 0 5px 0;
}

.mayo {
    padding: 3% 0;
}

.mayo > img {
    float: left;
    width: 18%;
}

.mayo > div {
    display: inline-block;
    width: 82%;
}

.mayo > div > img {
    float: right;
    width: 35%;
}

.mayo > div p {
    width: 65%;
    padding: 16px;
}

.octubre img {
    height: 57%;
    float: left;
    margin: 0 0 10px 0;
}
/*CHECK BOX MODULO ACTUALIZACION DE DATOS  PERSONALES */

.ax-contenedor-radio  input[type="radio"] + label {
        background: #e2e2e2;
        position: relative;
        top: 9px;
        border-radius: 5px;
        height: 36px;
        width: 36px !important;
        margin-right: 25%;
        display: inline-block !important;
}

.ax-contenedor-radio  table tr td{
    position: relative;
}
.ax-contenedor-radio  input[type="radio"]{
    display:none !important;
}

.ax-contenedor-radio span.ax-label {
    position: absolute;
    left: 39px;
    top: 7px;
}

.ax-contenedor-radio input[type="radio"]:checked + label{
        background: #e2e2e2 url(/Portals/_default/Skins/Fepep/images/check.png) no-repeat center center;
        z-index: 999;
}

.ax-total-pagar{    
    font-size: 20px;
    float: right;;
}

.ax-total-pagar b, .ax-total-pagar span {
    display: inline-block;
    margin-right: 5px;
}

.ax-capitalize{
    text-transform: capitalize;;
}

div.ModRecaudocuotaC {
    width: 80%;
    margin: 0 auto;
}

div.ModRecaudocuotaC > div > table > tbody > tr > td > table:nth-child(1) > tbody > tr:nth-child(1) > td > table > tbody > tr{
    text-align: center;
}

div.ModRecaudocuotaC > div > table > tbody > tr > td > table:nth-child(1) > tbody > tr:nth-child(1) > td > table > tbody > tr > td{
    display:inline-block;
}

div.ModRecaudocuotaC > div > table > tbody > tr > td > table:nth-child(1) > tbody > tr:nth-child(n+2) > td:nth-child(3) { 
    text-align:center;
}

div.ModRecaudocuotaC > div > table > tbody > tr > td > table:nth-child(1) > tbody > tr:nth-child(n+2) > td:nth-child(3) span { 
    float:none;
}

.DnnModule-Recaudocuota .dxWeb_edtCheckBoxUncheckedDisabled {
    background-position: 0 0;
    width: 20px;
    height: 20px;
    border: 1px #b5b5b5 dotted;
}

.edMaps_infoMessage.edMaps_error {
    display: none;
}

.ax-red {
    color: red;
    margin-left: 0px!important;
    text-align: left;
}

.ax-candidato,
.ax-convocatoria {
    width: 32%;
    display: inline-block;
    text-align: center;
    padding: 35px 20px;
    box-sizing: border-box;
    margin: 0 2% 30px 0;
    background: #e2e2e2fa;
    vertical-align: top;
    position: relative;
    border-radius: 18px;
    box-shadow: 3px 3px 6px #9e9e9ec7;
}

.ax-candidato:nth-child(3n+3),
.ax-convocatoria:nth-child(3n+3) {
    margin-right: 0;
}

.ax-candidato h3,
.ax-convocatoria h3 {
    text-align: center;
color: #00b0f0;
}

.ax-convocatoria .ax-fechas strong {
    font-size: 18px;
    margin-bottom: 20px;
    color: #004f97;
    font-weight: 100;
    line-height: 22px;
}

.ax-candidato p,
.ax-fechas p {
    text-align: center;
}

.ax-buscadorConvocatoria {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

.ax-buscadorConvocatoria input[type="text"] {
    max-width: 300px;
    width: 100%;

}

.ax-btn-votar {
    text-align: center;
}

.ax-mensaje-seleccion {
    color: #00adee;
    text-align: center;
    display: inline-block;
    width: 100%;
    font-size: 25px;
    font-weight: 600;
}

.requerido {
    border: 1px solid red;
}

.ax-form .resultado-delegado {
    color: #818383;
    background: #e2e2e2;
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 18px;
    color: #000;
}
 
.ax-form.inscripcion-delegado fieldset {
    width: 100%;
    margin: 0 0 20px 0;
}
 
.ax-form.inscripcion-delegado fieldset span{
    margin: 0 10px 0 0;
}

.siguientep{
    text-align: center;
}

.siguientep td{
    display: inline-block;
    width:auto;
    border:none;
}

.siguientep a{
    color:#ffffff!important;
    display: inline-block;
    width: 150px;
    text-align: center;
    background: #00b0f0;
    border-radius: 20px;
    margin:0 5px;
    padding:5px ;
}




#content_tabs_afiliacion table {
    margin: 0 0 0px !important;
}

#content_tabs_afiliacion table .dxgvCSD {
    height: auto !important;
}

div#content_tabs_afiliacion .opcionTitulo {
    width: 100%;
}

div#content_tabs_afiliacion > div > div > ul {
    position: relative;
}

div#content_tabs_afiliacion > div > div > ul:before {
    position: absolute;
    content: "";
    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);
    bottom: 0;
    left: 0px;
    z-index: 7;
    height: 4px;
    width: 100%;
}

div#content_tabs_afiliacion > div > div > ul li {
    height: auto !important;
    border: none;
    background: #fff;
}

div#content_tabs_afiliacion > div > div > ul li.dxtc-activeTab {
    background: #00adee;
}

div#content_tabs_afiliacion > div > div > ul li.dxtc-activeTab a span {
    color: #fff
}

div#content_tabs_afiliacion > div > div > ul li a {
    padding: 11px 43px 17px;
}

.ModLineaEticaC .ax-campo > span {
    font-size: 14px;
}

.ModSimularCreditoC tr td {
    min-width: 100px;
}

.ModSimularCreditoC div[id*="SimularCredito_DivAdjunto"] {
    margin-top: 20px;
}

.ModConsultarTasaCreditoC span[id*="ConsultarTasaCredito_lblLeyenda"],
.ModConsultarTasaCDATC span[id*="ConsultarTasaCDAT_lblLeyenda"] {
    display: block;
    color: var(--black);
    font-size: 18px;
    line-height: 22px;
    font-family: var(--quicksand-medium);
    margin-bottom: 25px;
}