﻿@charset "utf-8";
/* @font-face {
    font-family: 'VAGRoundedLTCom-Light';
    src: url('../fonts/288C4D_0_0.eot');
    src: url('../fonts/288C4D_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/288C4D_0_0.woff') format('woff'), url('../fonts/288C4D_0_0.ttf') format('truetype');
} */

/*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';
}

* {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

/* html,
body {
    width: 100%;
    height: 100%;
} 

No habilitar, genera conflicto con la administracion
*/

body {
    color: #000000;
    overflow-x: hidden;
    /* font-family: 'VAGRoundedLTCom-Light'; */
}
/* 
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000;
    margin: 0;
    padding: 0 0 20px;
    font-weight: normal;
    line-height: normal;
    font-family: 'VAGRoundedLTCom-Light';
}

h1 {
    font-size: 36px;
    font-weight: 600;
}

h2 {
    font-size: 36px;
    font-weight: 700;
}

h3 {
    font-size: 25px;
    font-weight: 400;
}

h4 {
    font-size: 20px;
    font-weight: 300;
} */

strong {
    /* font-size: 18px;
    margin-bottom: 20px;
    line-height: 22px;
    font-family: 'VAGRoundedLTCom-Light'; */
}

p {
    /* color: #929497;
    text-align: justify;
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 20px;
    line-height: 22px;
    font-family: 'VAGRoundedLTCom-Light'; */
}

.ax-interna section:nth-child(4) ul:not(".redactor-toolbar") li a {
    color: #00adee !important;
}

.ax-olvido {
    margin-right: 8%;
}

li,
span,
label,
section {
    font-size: 18px;
    /* color: #929497;
    font-weight: 200;
    line-height: 22px;
    font-family: 'VAGRoundedLTCom-Light'; */
}

a,
a:visited,
a:hover,
a:active {
    /* color: initial;
    color: #929497;
    text-decoration: none;
    font-size: 16px;
    font-family: 'VAGRoundedLTCom-Light'; */
}

p a {
    /* color: #00adee;
    font-weight: 900; */
}

ol li a.ax-aqui {
    display: inline-block;
    margin: 5px !important;
}

ol li a {
    text-decoration: underline;
}

p a:hover,
li a:hover {
    text-decoration: underline;
    font-weight: bold;
}

img {
    max-width: 100%;
    border: 0;
}

ul:after {
    content: "";
    display: block;
    clear: both;
}

span {
    /* font-size: 16px;
    font-family: 'VAGRoundedLTCom-Light';
    color: #929497;
    line-height: 22px; */
}

/* ul li,
ol li {
    font-size: 18px;
    font-family: 'VAGRoundedLTCom-Light';
    color: #929497;
    line-height: 22px;
} */

::selection {
    background: #00adee;
    color: #fff;
}

::-moz-selection {
    background: #00adee;
    color: #fff;
}

::-ms-selection {
    background: #00adee;
    color: #fff;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"],
select,
table tr td input[type="text"],
textarea {
    /* background-color: #e2e2e2 !important;
    font-size: 14px;
    color: #0b0b0b !important; */
}

select {
    /* background-image: url(../images/ico-select.png);
    background-repeat: no-repeat;
    background-size: 3%;
    background-position: 96% center; */
}

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;
}

.DNNEmptyPane {
    margin: 0 !important;
    padding: 0 !important;
}

body.dnnEditState {
    margin-bottom: 90px;
}

body.dnnEditState .dnnModuleDialog {
    top: 5% !important;
    position: fixed !important;
}

.dnnModuleManager .DnnModule.floating {
    top: 50% !important;
    left: 50% !important;
}

/*HEADER*/

/* header {
    height: 180px;
}

.dnnEditState header{
    height:400px;
} */

.ax-sup {
    position: fixed;
    top: 0px;
    z-index: 99;
    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);
    height: 40px;
}

.dnnEditState .ax-sup {
    position: relative;
    height: auto;
}

.ax-redes ul {
    position: relative;
    text-align: right;
    margin: 0;
}

.ax-redes ul li {
    display: inline-block;
    padding: 12px 20px;
    box-sizing: border-box;
    vertical-align: middle;
}

.ax-redes ul li a {
    color: #ffffff;
}

/*BUSCADOR*/

.ax-search {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: transparent;
    overflow: hidden;
    z-index: 100;
    transition: .3s ease all;
    text-align: center;
}

.ax-search a {
    display: inline-block;
}

.icon-fepep-search:before {
    line-height: 40px;
    color: #ffffff;
}

.ax-search.active {
    width: 100%;
    overflow: initial;
}

/* .searchInputContainer {
    width: 230px;
    position: absolute !important;
    margin: 0 !important;
    left: 120%;
} */

.search .search__item {
    background: url(/Portals/_default/Skins/Ex-asociados/images/icon-search.svg) no-repeat;
    background-position: center;
}

.ax-search.active .searchInputContainer,
.ax-search-resp.active .searchInputContainer {
    left: 0;
    transition: .3sss ease all;
}

.searchInputContainer .searchSkinObjectPreview {
    max-width: 100%;
    box-sizing: border-box;
    right: 0px;
}

.searchInputContainer input {
    border: none;
    width: 100%;
    height: 30px;
    padding: 10px;
    border-radius: 30px;
    margin-top: 5px;
}

.ax-search-button,
.searchInputContainer a.dnnSearchBoxClearText {
    display: none !important;
}

#dnn_dnnSearch_ClassicSearch {
    margin: 0;
}

.ax-cont-search {
    float: right;
}

/*LOGO*/

.ax-logo img {
    width: 60%;
    margin: 16px auto;
    display: block;
}

/*MENU*/

.ax-menu .ax-mainmenu {
    position: relative;
    text-align: right;
    width: 100%;
    margin: 0;
}

.ax-menu .ax-mainmenu > li{
    display: inline-block;
    vertical-align: middle;
    height: 140px;
}

.ax-menu .ax-mainmenu > li > a{
    position: relative;
    color: #929497;
    font-weight: 600;
    padding: 0 17px;
    height: 140px;
    text-decoration: none;
    max-width: 90px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    line-height: 16px;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.transacciones {
    display: inline-block;
}

.transacciones a {
    border: 1px solid var(--verde);
    border-radius: 50px;
    color: var(--verde);
    cursor: pointer;
    display: inline-block;
    font-family: var(--quicksand-semibold);
    padding: 15px 25px 15px 45px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: all .2s ease-in-out;
}

.transacciones a:before {
    color: var(--verde);
    content: '\0046';
    display: block;
    font-family: 'fepep icon';
    font-size: 20px;
    font-weight: bold;
    left: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.transacciones a:hover:before {
    color: #ffffff;
}

.transacciones a:hover {
    color: #ffffff;
    background: var(--verde);
}

.ax-menu .ax-mainmenu > li > a:hover{
    color: #ffffff;
    background: #008f57;
    -webkit-box-shadow: inset 0px -42px 60px -31px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: inset 0px -42px 60px -31px rgba(0, 0, 0, 0.27);
    box-shadow: inset 0px -42px 60px -31px rgba(0, 0, 0, 0.27);
}

/*MEGA MENÚ*/

.ax-header {
    position: fixed !important;
    top: 40px;
    z-index: 98;
    background: #fff;
}

.ax-header,
.ax-header .ax-grid_7,
.ax-header .ax-grid_7 .ax-container,
.ax-header .ax-grid_7 .ax-container ul {
    position: static;
}

.dnnEditState .ax-container.ax-header.ax-header-fixe,
.dnnEditState .ax-header{
    position:relative!important;
}

.ax-megaMenu,
.menuP,
.ax-search-resp {
    display: none;
}

.ax-menu .ax-mainmenu li:hover .ax-megaMenu,
.ax-menu .ax-mainmenu li:hover .ax-subnav {
    display: block;
    position: absolute;
    left: 0;
    z-index: 100;
    width: 100%;
    background: #008f57;
}

.ax-menu .ax-mainmenu li:hover .ax-megaMenu {
    padding: 30px 0;
}

.ax-menu .ax-mainmenu li:hover .ax-megaMenu ul,
.ax-menu .ax-mainmenu li:hover .ax-subnav ul {
    margin: 0;
}

body .ax-header .ax-grid_7 .ax-container .ax-megaMenu ul.ax-subnav {
    font-size: 0;
    width: 100%;
    max-width: 1250px !important;
    margin: 0 auto !important;
    position: relative !important;
    text-align: left;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ax-megaMenu ul.ax-subnav li {
    display: inline-block;
    position: relative;
}

.ax-megaMenu ul.ax-subnav li:before {
    content: "•";
    position: absolute;
    color: #e7be06;
    top: 0;
    left: 0;
}

.ax-megaMenu ul.ax-subnav li a {
    color: #ffffff;
    box-sizing: border-box;
    padding: 0 20px;
    text-decoration: none;
    display: block;
}

.ax-megaMenu ul.ax-subnav li.division {
    width: 30%;
    box-sizing: border-box;
    vertical-align: top;
    padding-right: 2%;
    margin-right: 2%;
}

.ax-megaMenu ul.ax-subnav li.division::before {
    content: "" !important;
    position: absolute;
    width: 2px;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    right: 0;
    top: 0;
    left: auto;
}

.ax-megaMenu ul.ax-subnav li.division:last-child::before {
    content: none !important;
}

.ax-megaMenu ul.ax-subnav li.division:last-child {
    border-right: none;
}

.ax-megaMenu ul.ax-subnav li.division a {
    padding: 0;
    text-decoration: none;
}

.ax-megaMenu ul.ax-subnav li.division h3 {
    color: #ffffff;
    font-size: 35px;
    font-weight: 600;
}

.ax-megaMenu ul.ax-subnav li .ax-subMega li {
    display: block;
}

.ax-megaMenu ul.ax-subnav li .ax-subMega li:before {
    top: 0 !important;
}

.ax-megaMenu ul.ax-subnav li .ax-subMega li a {
    padding: 0 0 10px 20px;
    color: #ffffff;
    text-decoration: none;
}

.ax-megaMenu ul.ax-subnav li a:hover,
.ax-megaMenu ul.ax-subnav li .ax-subMega li a:hover {
    text-decoration: underline;
}

.ax-banner-home-resp,
.ax-responsiveMenuButton,
.ax-banner-interna-resp {
    display: none;
}

/*MENU FIXE*/

.ax-container.ax-header.ax-header-fixe {
    position: fixed !important;
    z-index: 98;
    max-width: 100%;
    background: #fff;
    top: 37px;
    box-shadow: -20px 1px 5px 0 #8e8e8e;
}

.ax-container.ax-header.ax-header-fixe .ax-logo img {
    width: 37%;
}

.ax-container.ax-header.ax-header-fixe .ax-menu .ax-mainmenu > li > a,
.ax-container.ax-header.ax-header-fixe .transacciones a,
.ax-container.ax-header.ax-header-fixe .ax-menu .ax-mainmenu > li,
.ax-container.ax-header.ax-header-fixe .transacciones {
    height: 100px;
}

.ax-container.ax-header.ax-header-fixe .transacciones a:before {
    top: 40px;
}

/*MIGA DE PAN*/

.ax-miga {
    margin: 0 auto;
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
}

.ax-miga .ax-container {
    max-width: 1280px;
}

.ax-miga > .ax-container > span {
    display: inline-block;
    padding: 10px;
    background: rgba(0, 143, 87, 0.8);
    border-radius: 0 0 15px 15px;
}

.ax-miga span,
.ax-miga span a {
    color: #ffffff;
    /* text-shadow: 2px 2px 2px #000; */
    padding: 0 5px;
    box-sizing: border-box;
    font-family: var(--quicksand-regular);
}

span.sep-bc {
    color: #004f97;
}

span.sep-bc:nth-last-child(2) {
    color: #00adee !important;
}

/*BANNER*/

.ax-banner-home .ax-grid_12,
.ax-banner-interna .ax-grid_12 {
    padding: 0;
}

.ax-banner-home .overview {
    width: 50%;
    top: 22% !important;
    left: 11%;
}

.ax-banner-home .chameleon_slider .scrollable_box,
.ax-banner-home .chameleon_slider.NewsOne .scrollable_box .viewport,
.ax-banner-interna .chameleon_slider .scrollable_box,
.ax-banner-interna .chameleon_slider.NewsOne .scrollable_box .viewport {
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    background: transparent !important;
}

.ax-banner-home .chameleon_slider.NewsOne .scrollable_box .viewport h1 {
    color: #fff;
}

.ax-banner-home .chameleon_slider.NewsOne .scrollable_box .viewport h2 {
    color: #6a6a6a;
    font-size: 12em;
    font-family: 'VAGRoundedLTCom-Light';
    font-weight: 400;
}

.ax-banner-home .item_info .overview > h2:nth-child(1) {
    display: none;
}

.ax-banner-home .chameleon_slider.NewsOne .scrollable_box .viewport h3 {
    color: #6a6a6a;
    font-size: 6em;
    font-family: 'VAGRoundedLTCom-Light';
    font-weight: 400;
    margin: -49px 0 0;
}

.ax-banner-home .chameleon_slider.NewsOne .scrollable_box .viewport a {
    background: #095194;
    padding: 15px 35px;
    display: inline-block;
    margin: 15px 0 0;
    border-radius: 30px;
    transition: all .2s ease-in-out;
    color: #fff !important;
}

.ax-banner-home .chameleon_slider.NewsOne .scrollable_box .viewport a:hover {
    background: none;
    border: 1px solid #095194;
    color: #095194;
}

.ax-banner-home .chameleon_slider.NewsOne a.navigation_button {
    background: #095194 url(../images/fepep-arrow.svg) no-repeat center center;
    opacity: 1 !important;
    background-size: 66%;
    transition: all .2s ease-in-out;
}

.ax-banner-home .chameleon_slider.NewsOne a.navigation_button.prev {
    transform: rotate(180deg);
}

.ax-banner-home .chameleon_slider.NewsOne a.navigation_button.prev:hover,
.ax-banner-home .chameleon_slider.NewsOne a.navigation_button.next:hover {
    background-position: center center !important;
    opacity: .7 !important;
}

.chameleon_slider.NewsOne .pagination {
    margin: 0 0 5px 5px;
    bottom: 35px !important;
    width: auto !important;
    height: auto !important;
}

.chameleon_slider.NewsOne .pagination .pages_container {
    width: auto !important;
    height: auto !important;
}

.chameleon_slider.NewsOne .pagination .pages_container li {
    background: #ffffff;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    border-radius: 30px;
    border: 5px solid #fff;
}

.chameleon_slider.NewsOne .pagination .pages_container li.current {
    background: #ffffff00;
}

/*BANNER LATERAL HOME*/

.ax-banner-left-home {
    width: 100%;
    margin: 50px 0;
    position: relative;
}

.ax-banner-left-home img {
    width: 100%;
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
}

body.dnnEditState .ax-banner-left-home img {
    position: relative;
}

.ax-noticias-home .ax-verde {
    background: #17a554;
    color: #fff;
}

.ax-cont-noticia {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 5%;
    width: 40%;
    margin: 20% 0 0;
}

.ax-cont-noticia h2 {
    font-size: 60px;
    color: #00adee;
    font-weight: bold;
    padding: 0 0 5px;
}

.ax-cont-noticia h3 {
    font-size: 25px;
    color: #004f97;
}

.ax-cont-noticia .summary p {
    color: #6a6a6a;
}

/* .ax-fepep-btns {
    display: inline-block;
    border-radius: 30px;
    padding: 8px 60px;
    text-align: center;
    color: #ffffff !important;
    cursor: pointer;
    transition: all .2s ease-in-out;
} */

section .ax-azul {
    background: #00adee;
    border: 1px solid #00adee;
    color: #fff;
}

section .ax-azulosc {
    background: #095194;
    border: 1px solid #095194;
    color: #fff;
}

section.ax-verde {
    background: #17a554;
    border: 1px solid #17a554;
    color: #fff;
}

section .ax-azul:hover {
    background: none;
    border: 1px solid #00adee;
    color: #00adee;
}

section .ax-azulosc:hover {
    background: none;
    border: 1px solid #095194;
    color: #095194;
}

section .ax-verde:hover {
    background: none;
    border: 1px solid #17a554;
    color: #17a554;
}

/*NOTICIAS HOME*/

.ax-noticias-home {
    margin: 50px 0;
    box-sizing: border-box;
    padding: 0 10%;
    position: relative;
    text-align: center;
}

.ax-noticias-home h2 {
    text-align: center;
    color: #00a650;
}

.ax-noticias-home .summary {
    width: 100%;
    position: relative;
}

.ax-noticias-home .summary:before {
    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: 18px;
    top: -18px;
    left: 0;
    z-index: 2;
}

.ax-noticias-home .summary p {
    box-sizing: border-box;
    text-align: left;
    color: #929497;
    padding: 5%;
}

/*CUADROS CON COLORES*/

.ax-momentos,
.ax-informate,
.ax-ultimo,
.ax-experiencias {
    padding: 0;
    position: relative;
    overflow: hidden;
}

.ax-momentos img {
    width: 100%;
    position: relative;
    z-index: 1;
    transition: all .2s ease-in-out;
}

.ax-momentos:hover img,
.ax-experiencias:hover img {
    transform: scale(1.2);
}

.ax-momentos .ax-info,
.ax-experiencias .ax-info {
    position: absolute;
    z-index: 2;
}

.ax-momentos .ax-info {
    top: 35%;
    right: 5%;
}

.ax-experiencias .ax-info {
    top: 35%;
    left: 5%;
}

.ax-momentos .ax-info span,
.ax-experiencias .ax-info span,
.ax-informate span,
.ax-ultimo span {
    color: #ffffff;
    font-size: 70px;
    display: inline-block;
    vertical-align: middle;
}

.ax-experiencias .ax-info span {
    font-size: 84px;
}

.ax-momentos .ax-info span {
    margin: 0 15px 0px 0;
}

.ax-experiencias .ax-info span {
    margin: 0 15px 0 0;
}

.ax-momentos .ax-info p,
.ax-experiencias .ax-info p {
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    font-size: 25px;
}

.ax-momentos .ax-info p {
    margin: 5px 0 0;
}

.ax-momentos .ax-info p strong,
.ax-momentos .ax-info p b {
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
    font-size: 43px;
    margin: 8px 0 0;
}

.ax-experiencias img {
    width: 100%;
    transition: all .2s ease-in-out;
}

.ax-experiencias .ax-info p,
.ax-experiencias .ax-info p {
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
    font-size: 43px;
    margin: 8px 0 0;
    font-weight: lighter;
}

.ax-experiencias .ax-info p strong,
.ax-experiencias .ax-info p b {
    font-size: 28px;
    margin: 7px 0 0;
    display: block;
}

.ax-fila-am {
    background: #e7be06;
    text-align: center;
    position: relative;
    display: flex;
}

.ax-fila-am:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #e7be06;
    top: 0;
    right: -99%;
}

.ax-fila-roja {
    background: #e90000;
    text-align: center;
    position: relative;
    display: flex;
}

.ax-fila-roja:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #e90000;
    top: 0;
    left: -99%;
}

.ax-informate p,
.ax-ultimo p {
    color: #ffffff;
    font-size: 35px;
    display: inline-block;
    vertical-align: middle;
}

.ax-informate .ax-info,
.ax-ultimo .ax-info {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: auto;
    transform: translate(-50%, -50%);
}

/*LINKS INTERIORES HOME*/

.ax-links-inf {
    width: 100%;
    text-align: center;
    position: relative;
    display: block;
    margin: 40px 0 60px;
}

.ax-links-inf a {
    display: block;
    width: 100%;
}

.ax-links-inf a span {
    font-size: 75px;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    transition: all .2s ease-in-out;
}

.ax-links-inf a span + p {
    color: #004f97;
    font-weight: 600;
    font-size: 18px;
    width: 30%;
    line-height: 18px;
    margin: 15px auto 0;
    text-align: center;
}

.ax-links-inf a span.icon-fepep-proveedores {
    color: #e7be06;
}

.ax-links-inf a span.icon-fepep-parqueaderos {
    color: #00a650;
}

.ax-links-inf a span.icon-fepep-trabaje {
    color: #e90000;
}

.ax-links-inf:hover a span {
    transform: translateY(-15px);
}

/*INTERNAS*/

.ax-banner-interna .overview {
    width: 40%;
    top: 40% !important;
    left: 10%;
}

.ax-banner-interna .chameleon_slider.NewsOne .scrollable_box .viewport p {
    font-size: 55px;
    color: #6a6a6a;
    margin: 20px;
    line-height: 55px;
    font-family: 'VAGRoundedLTCom-Light';
}

/*DESCRIPCION PAGINAS*/

.ax-desp-page {
    background: #fafafa;
    text-align: center;
    box-sizing: border-box;
    margin: 0 0 20px;
}

.ax-desp-page p {
    margin: 0 auto;
    font-size: 25px;
    padding: 2% 0;
    width: 60%;
    line-height: 28px;
}

.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;
} */

/*FOOTER*/

footer {
    background: rgba(0, 163, 227, 1);
    background: -moz-linear-gradient(-45deg, rgba(0, 163, 227, 1) 0%, rgba(0, 163, 227, 1) 12%, rgba(1, 80, 153, 1) 52%, rgba(1, 80, 153, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 163, 227, 1)), color-stop(12%, rgba(0, 163, 227, 1)), color-stop(52%, rgba(1, 80, 153, 1)), color-stop(100%, rgba(1, 80, 153, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(0, 163, 227, 1) 0%, rgba(0, 163, 227, 1) 12%, rgba(1, 80, 153, 1) 52%, rgba(1, 80, 153, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(0, 163, 227, 1) 0%, rgba(0, 163, 227, 1) 12%, rgba(1, 80, 153, 1) 52%, rgba(1, 80, 153, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0, 163, 227, 1) 0%, rgba(0, 163, 227, 1) 12%, rgba(1, 80, 153, 1) 52%, rgba(1, 80, 153, 1) 100%);
    background: linear-gradient(135deg, rgba(0, 163, 227, 1) 0%, rgba(0, 163, 227, 1) 12%, rgba(1, 80, 153, 1) 52%, rgba(1, 80, 153, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3e3', endColorstr='#015099', GradientType=1);
    display: inline-block;
    width: 100%;
    margin-top: 30px;
}

.ax-footer {
    display: -ms-flexbox;
    -ms-flex-align: center;
    -ms-flex-direction: row-reverse;
}

.ax-logo-footer {
    background: #ffffff;
    float: right;
    margin: 0 0 0 40px;
    padding: 2%;
    transform: skew(-4deg);
}

.ax-logo-footer:before {
    content: "";
    position: absolute;
    width: auto;
    height: auto;
    top: -13px;
    right: -13px;
    border-right: 15px solid #a5afad;
    border-top: 12px solid transparent;
    z-index: 2;
    transform: rotate(90deg);
}

.ax-logo-footer img {
    transform: skew(4deg);
    width: 60%;
    display: block;
    margin: 0 auto;
}

.ax-info-footer ul {
    text-align: right;
}

.ax-info-footer .ax-links {
    margin: 0 0 0 0;
}

.ax-info-footer ul li {
    color: #ffffff;
    display: inline-block;
    padding: 0 15px;
    border-right: 1px solid #ffffff;
}

.ax-info-footer ul.ax-info li:nth-child(3n) {
    border-right: none;
}

.ax-info-footer ul.ax-info li {
    font-weight: 600;
}

.ax-info-footer ul.ax-links li:last-child {
    border-right: none;
}

.ax-info-footer ul li,
.ax-info-footer ul li a {
    color: #ffffff;
}

.ax-info-footer {
    float: left;
    width: 71%;
    padding: 1% 0;
}

ol li a:hover {
    text-decoration: underline;
}

/* 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: 700px;
    max-width: 95%;
}

.ax-formularios ul > li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    text-align: center;
    width: 60%;
    margin: 5px 0;
    padding-left: 40px;
    font-size: 0;
    box-sizing: border-box;
}

/* .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 {
    display: block;
    text-align: left;
    /* width: 100%;
    padding-left: 21px;
    color: #004f97;
    box-sizing: border-box; */
}

section input[type="text"],
section input[type="password"],
section input[type="email"],
section input[type="date"],
section select,
section table tr td input[type="text"],
section textarea {
    /* position: relative;
    border: 0;
    box-sizing: border-box;
    padding: 10px !important;
    border-radius: 30px !important;
    font-family: 'VAGRoundedLTCom-Light';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; */
}

/* section input[type="submit"] {
    border: 1px solid #004f97;
    background: #004F97;
    padding: 10px 30px;
    color: #fff;
    border-radius: 33px;
    cursor: pointer;
    font-family: 'VAGRoundedLTCom-Light';
    margin: 0 0 10px 10px;
    font-size: 16px;
} */

section input[type="submit"]:hover {
    background: none;
    color: #004F97 !important;
}

section input[type="file"] {
    display: none;
}

section input[type="file"] + label {
    position: relative;
}

section 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;
}

section 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;
}

/* .ax-formularios .ax-fepep-btns {
    width: auto;
    font-weight: 600;
    font-size: 15px;
} */

/*CAMBIAR  CLAVE*/

.ax-cambiar ul li {
    width: 70%;
}

/*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%;
}

/*TABLAS*/

table {
    position: relative;
    width: 100%;
    border-collapse: collapse;
    border: 0 !important;
    margin: 0 0 30px;
    font-size: 16px;
}

#content_tabs_afiliacion table {
    margin: 0 0 0px !important;
}

#content_tabs_afiliacion table .dxgvCSD {
    height: auto !important;
}

table tr th {
    background: #ececec;
    border: 1px solid #ddd;
    color: #004f97;
    padding: 7px !important;
    width: 1%;
}

table tr {
    border-bottom: 1px solid #ddd;
}

table tr:first-child,
table tr:last-child,
table tr:nth-last-child(2) {
    border: 0 !important;
}

table tr td {
    text-align: left;
    padding: 7px !important;
    width: 1%;
    border: 1px solid #ddd;
    color: #929497;
}

td.ax-derecha {
    text-align: right !important;
}

table tr th:first-child td:first-child {
    border-radius: 30px 0 0 30px;
}

table tr td h3 {
    font-size: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
}

table.ax-table-50 {
    width: 49%;
    display: inline-block;
    margin: 0 2% 2% 0;
    vertical-align: top;
}

table.ax-table-50:nth-child(odd) {
    margin: 0 0 2% 0;
}

/*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;
}

/* Resultados de busqueda */

.dnnSearchResultItem-Subset,
.dnnSearchResultItem-Others,
.dnnSearchBoxPanel {
    display: none;
}

.dnnSearchResultContainer .dnnSearchResultItem-Description {
    margin: 5px 0 !important;
    font-size: 16px;
}

.dnnSearchResultPanel {
    max-width: 100% !important;
}

/*NEWS-ICONOS*/

.ax-franja-verde,
.ax-franja-azul,
.ax-franja-azul-claro {
    background: rgba(0, 143, 87, 0.8);
    margin: 0 0 20px 0;
}

.ax-franja-azul-claro {
    background: #00ADEE;
    margin: 0 0 20px 0;
}

.ax-franja-verde h2,
.ax-franja-azul h2,
.ax-franja-azul-claro h2 {
    color: #ffff;
    display: block;
    margin-left: 3%;
    padding: 9px 0;
    font-size: 29px;
}

.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/Ex-asociados/images/iconoubicacion.png);
    margin-top: 4px;
    height: 5%;
    display: block;
    max-width: 100%;
    background-size: 16%;
    background-repeat: no-repeat;
    top: -10px;
    position: relative;
    left: 74%;
}

.ax-filtro .field span {
    color: transparent;
}

.ax-evento-principal .ax-contendor-imagen {
    width: 46%;
    position: relative;
}

.ModBuscarEventosC .ax-evento-principal .ax-contendor-imagen .ax-imagen-evento {
    height: auto;
}

.ax-evento-principal .ax-eventos .ax-contenedor-eventos-full {
    width: 50%;
    vertical-align: top;
    margin-left: 2%;
}

.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-eventos {
    width: 100%;
    margin: 32px 0;
}

.ax-evento-principal .ax-titulo-evento span {
    font-size: 34px;
    line-height: 32px;
}

.ax-evento-principal .ax-contenedor-eventos-full .ax-fecha-evento {
    margin-top: 14px;
    margin-bottom: 10px;
}

.ax-evento-principal .ax-contenedor-eventos-full .ax-fecha-evento span {
    font-size: 18px;
}

.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-descripcion-evento {
    margin-bottom: 20px;
}

.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;
}

.ax-evento-principal .ax-contenedor-eventos-full .ax-lugar-eventos span {
    font-size: 17px;
}

.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"] {
    border: 1px solid #004f97;
    background: #004F97;
    padding: 5px 15px;
    color: #ffff;
    border-radius: 0 20px 20px 0px;
    font-weight: bold;
    cursor: pointer;
    top: -28px;
    position: relative;
    margin-left: 0;
}

.ax-evento-principal .ax-contenedor-eventos-full .ax-ver-evento input[type="submit"]:hover {
    background: none;
    color: #004F97;
}

.ax-eventos {
    width: 47%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin: 0 2% 2% 0;
}

.ax-eventos:nth-child(3) {
    margin: 0;
}

.ModBuscarEventosC #content_info .ax-eventos:last-child:nth-child(odd) {
    display: block;
}

.ax-contendor-imagen {
    width: 60%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.ax-contendor-imagen img {
    width: 100%;
}

.ax-contenedor-eventos-full {
    width: 37%;
    display: inline-block;
    vertical-align: top;
    margin-left: 2%;
}

.ax-titulo-evento span {
    color: #E7BE06;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 18px;
}

.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-lugar-eventos span {
    color: #00ADEE;
    font-size: 15px;
    font-weight: bold;
}

.ax-pago {
    top: -10px;
    position: relative;
}

.ax-ver-evento input[type="submit"] {
    border: 1px solid #004f97;
    background: #004F97;
    padding: 5px 15px;
    color: #ffff;
    border-radius: 0 20px 20px 0px;
    font-weight: bold;
    cursor: pointer;
    top: -5px;
    position: relative;
    margin-left: 0;
    font-size: 14px;
}

.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;
}

/*MODULO DETALLE EVENTOS*/

.ax-content-detallevent .ax-contenedor-eventos-full {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-left: 16px;
}

.ax-content-detallevent .ax-contenedor-tituloevento span {
    display: block;
    margin: 40px 0;
    text-align: center;
    font-size: 25px;
}

.ax-content-detallevent .ax-contendor-imagen {
    width: 46%;
    display: inline-block;
    vertical-align: middle;
}

.ax-tipo-evento span {
    color: #00ADEE;
    font-size: 15px;
    font-weight: bold;
}

.ModDetallesEventoC .ax-contendor-imagen .ax-fecha-evento span {
    display: block;
    font-size: 18px;
}

.ModDetallesEventoC .ax-contendor-imagen .ax-fecha-evento span + span {
    display: block;
    font-size: 33px;
    margin: 5px 0;
}

.ax-contenedor-botones-detalles input {
    border: 1px solid #004f97;
    background: #004F97;
    padding: 6px;
    color: #ffff;
    border-radius: 33px;
    width: 27%;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.ax-contenedor-botones-detalles input:hover {
    background: none;
    color: #004f97;
}

.ax-contenedor-botones-detalles input:nth-child(2) {
    margin-left: 9%;
}

span#dnn_ctr623_DetallesEvento_txtLugarEncuentro {
    display: none;
}

.ax-contenedor-ciudad {
    width: 100%;
    display: inline-block;
    top: 0;
    position: relative;
    margin-bottom: 22px;
}

.ax-departamento-evento {
    width: 15%;
    display: inline-block;
    vertical-align: top;
}

.ax-ciudad-evento {
    width: 100%;
    display: inline-block;
}

.ax-contenedor-ciudad span {
    color: #00ADEE;
    font-size: 13px;
    font-weight: bold;
}

.ax-contenedor-botones-detalles {
    top: 20px;
    position: relative;
}

.ModDetallesEventoC .ax-contenedor-eventos-full .ax-fecha-evento2 {
    position: relative;
    text-align: center;
    background: #00A650;
    border-radius: 0px 20px 20px 0px;
    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;
    width: 7%;
    margin-bottom: 20px;
}

.ModDetallesEventoC .ax-fecha-evento2 span {
    display: block;
    font-size: 18px;
}

.ModDetallesEventoC .ax-contenedor-eventos-full .ax-fecha-evento2 :first-child {
    display: block;
    font-size: 33px;
    margin: 5px 0;
    font-weight: bold;
}

.ModDetallesEventoC .ax-contenedor-eventos-full .ax-fecha-evento2 span {
    color: #fff;
}

.ModDetallesEventoC .ax-contendor-imagen .ax-fecha-evento {
    padding: 20px 40px 17px;
}

.ax-banner-interna .chameleon_slider.NewsOne .scrollable_box .viewport h2 a {
    display: none;
}

.ax-contenedor-botones-detalles input[type="submit"] {
    width: 30%;
}

.contenedorgris {
    padding: 20px 10%;
    background: #eee;
    text-align: center;
}

.eligirubicacion {
    padding: 10px 0;
}

.eligirubicacion img {
    display: inline-block;
    width: 5%;
    margin: 0 1% 0 0;
    vertical-align: middle;
}

.eligirubicacion p {
    display: inline-block;
    width: 91%;
    margin: 0 3% 0 0;
    text-align: left;
    vertical-align: middle;
}

.eligirubicacion select {
    display: inline-block;
    width: 30%;
    vertical-align: middle;
}

article.puntos {
    padding: 2% 0 0 0;
    display: inline-block;
    vertical-align: top;
    width: 45%;
    margin: 0 4% 0 0;
}

.puntos {
    opacity: 0;
}

.puntos h2 {
    color: #00adee;
    font-weight: 600;
    text-align: center
}

.puntosmovil.mapa .edn_article_map,
.mapa.puntos > div {
    position: relative;
}

.puntosmovil.mapa .edn_article_map:before,
.mapa.puntos > div:before {
    content: "";
    z-index: 3;
    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: 8px;
    bottom: 0;
    right: 0;
}

.puntosmovil.informacion span.informacion,
.puntosmovil.mapa span.mapa,
.puntosmovil.mapa .summary,
.puntosmovil.mapa h3,
.puntosmovil.mapa h4 {
    display: none;
}

.puntosmovil.informacion {
    padding: 2% 0 0 0;
    display: inline-block;
    vertical-align: top;
    width: 45%;
    margin: 0 4% 0 0;
}

.puntosmovil.mapa .edn_article_map {
    max-width: 100% !important;
    height: 400px !important;
    width: 100% !important;
}

#filtrosBusqueda > div {
    width: 24%;
    display: inline-block;
    text-align: center;
    margin: 5px 0;
}

#filtrosBusqueda > div.mensaje {
    text-align: center;
    width: 100%;
}

#filtrosBusqueda > div.alinearADerecha {
    width: 100%
}

#filtrosBusqueda > div.alinearADerecha input[type="submit"] {
    background: #00a650;
    color: #fff;
    border: 0;
    padding: 12px 70px;
    width: auto !important;
    border-radius: 25px;
}

#filtrosBusqueda > div input,
#filtrosBusqueda > div select {
    width: 85% !important;
}

/* Convenios */

.ModDirectorioConveniosC tr,
#todosConvenios table tr td {
    border: none;
}

.ModDirectorioConveniosC {
    max-width: 87%;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.contentConvenio {
    width: 40%;
    display: inline-block;
    margin: 0 10% 6% 0;
    vertical-align: top;
    position: relative;
}

.ModDirectorioConveniosC #filtrosBusqueda > div.alinearADerecha {
    margin: 26px 0;
}

.contentConvenio .nombreConvenio {
    text-align: center;
    margin: 0 0 10px 0;
}

.contentConvenio .nombreConvenio span {
    text-transform: capitalize;
    color: rgba(0, 163, 227, 1);
    font-weight: bold;
    font-size: 28px;

}

.logo img {
    width: 100%
}

.logo {
    position: relative;
    z-index: 3;
}

.contentConvenio .descuentoConvenio > span {
    background: url(/Portals/_default/Skins/Ex-asociados/images/porciento.png) no-repeat 0 0;
    background-size: contain;
    color: #fff;
    position: absolute;
    z-index: 9;
    top: 78px;
    text-align: left;
    height: 38px;
    width: 73px;
    left: 100%;
    padding: 29px 0px 0px 11px;
    font-size: 28px;
}

.contentConvenio .descuentoConvenio > span.ax-hasta,
#detalleDelConvenio .descuentoDetalle span.ax-hasta {
    background: none;
    color: #fff;
    font-size: 14px;
    z-index: 20;
    top: 54px;
}

#detalleDelConvenio .descuentoDetalle span.ax-hasta {
    display: block;
    position: relative;
    top: -10px;
    left: -28px;
}

#detalleDelConvenio .descuentoDetalle span.ax-hasta + span {
    position: relative;
    top: -27px;
    left: -4px;
    display: block;
}

.descuentoConvenio {
    margin-top: 20px;
}

.contentConvenio .descripcionConvenio {
    width: 60%;
    margin: 0 5% 0 0;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

.verDetalleConvenio {
    display: inline-block;
    vertical-align: top;
    background: #00b0f0;
    text-align: center;
    border-radius: 45px
}

.verDetalleConvenio a {
    color: #fff;
    padding: 7px 19px;
    display: inline-block;
}

div#todosConvenios table tr td {
    width: 1%
}

#detalleDelConvenio {
    margin-top: 30px;
    position: relative;
    text-align: initial;
}

#detalleDelConvenio .logoDetalle {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin: 0 2% 0 0;
}

#detalleDelConvenio .logoDetalle img {
    width: 100% !important;
}

#detalleDelConvenio .descuentoDetalle {
    background: url(/Portals/_default/Skins/Ex-asociados/images/porciento.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 10px;
    height: 40px;
    width: 71px;
    left: 0px;
    padding: 13px 0px 10px 11px;
    transform: rotate(90deg);
}

#detalleDelConvenio .descuentoDetalle span {
    font-size: 28px;
    color: #fff;
    transform: rotate(-90deg) !important;
}

#detalleDelConvenio .descuentoConvenio {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

#detalleDelConvenio .descuentoConvenio .nombreConvenio span {
    font-size: 40px;
    line-height: 38px;
}

#detalleDelConvenio .descuentoConvenio h3 {
    color: #00abcd;
    padding: 0;
    margin-top: 10px;
}

#detalleDelConvenio .descuentoConvenio > span:last-child {
    background: #00abcd;
    color: #fff;
    display: block;
    padding: 10px;
    border-radius: 0 15px 15px 0;
}

#detalleDelConvenio .descuentoConvenio > span:last-child br {
    display: none;
}

.informacionconvenio {
    background: #eee;
    padding: 15px;
}

.informacionconvenio div {
    display: inline-block;
    width: 49%;
    margin: 0 0 15px 0;
    vertical-align: top;
}

.informacionconvenio div span {
    width: 100%;
    display: inline-block;
    margin: 0px;
}

.informacionconvenio div span:first-child {
    font-weight: bold;
}

#detalleDelConvenio .ax-contenedor-certificado {
    text-align: center;
    margin-bottom: 40px;
}

#detalleDelConvenio .ax-contenedor-certificado img {
    margin: 20px 0 20px 0;
}

#detalleDelConvenio .ax-contenedor-certificado a {
    cursor: pointer;
}

#detalleDelConvenio a.ax-boton-rojo {
    width: 13%;
    display: block;
    margin: 20 0 20 0;
    background: rgba(235, 0, 0, 1);
    border: 1px solid rgba(235, 0, 0, 1);
    padding: 11px 28px;
    color: #fff;
    border-radius: 33px;
    cursor: pointer;
    margin: 0 auto;
}

#detalleDelConvenio a.ax-boton-rojo:hover {
    background: none;
    color: red;
}

.paginadorConvenios input[type="submit"] {
    background: #00b0f0;
    border: 1px solid #00b0f0;
}

.paginadorConvenios {
    max-width: 87%;
    margin: 57px 0 57px 0;
}

.paginadorConvenios input[type="submit"]:hover {
    color: #00b0f0;
}

/*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*/

#title_content {
    width: 100%;
    text-align: center;
    margin: 20px 0 20px 0;
    font-size: 33px;
    line-height: 35px;
    color: #00adee;
    font-weight: bold;
    padding: 0 0 0 0%;
}

.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;
}

.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/Ex-asociados/images/mas.png) no-repeat 0 0;
    background-size: cover;
}

.dxgvControl .dxGridView_gvExpandedButton {
    background: url(/Portals/_default/Skins/Ex-asociados/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;
    font-family: 'VAGRoundedLTCom-Light';
    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;
    font-family: 'VAGRoundedLTCom-Light';
    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 table {
    position: relative;
    width: 100%;
    border-collapse: collapse;
    border: 0 !important;
    margin: 0 0 30px;
}

.ModHistoricoMovimientosC table tr {
    border: none;
}

.ModHistoricoMovimientosC table tr td {
    border-bottom: none;
}

.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_ctr876_ConsultarMovimientos_content_ahorros table > tbody tr:nth-child(3) td div table > tbody tr:last-child td:nth-child(5),
.ModHistoricoMovimientosC #dnn_ctr876_ConsultarMovimientos_content_ahorros table > tbody tr:nth-child(5) td div table > tbody tr:last-child td:nth-child(5),
.ModHistoricoMovimientosC #dnn_ctr876_ConsultarMovimientos_content_ahorros table > tbody tr:nth-child(4) td div table > tbody tr:last-child td:nth-child(5),
.ModHistoricoMovimientosC #dnn_ctr876_ConsultarMovimientos_content_ahorros table > tbody tr:nth-child(6) td div table > tbody tr:last-child td:nth-child(5),
.ModHistoricoMovimientosC #dnn_ctr876_ConsultarMovimientos_content_ahorros table > tbody tr:nth-child(7) td div table > tbody tr:last-child td:nth-child(5),
.ModHistoricoMovimientosC #dnn_ctr876_ConsultarMovimientos_content_creditos table > tbody tr:nth-child(4) td div table > tbody tr:last-child td:nth-child(6),
.ModHistoricoMovimientosC #dnn_ctr876_ConsultarMovimientos_content_creditos table > tbody tr:nth-child(3) td div table > tbody tr:last-child td:nth-child(6),
.ModHistoricoMovimientosC #dnn_ctr876_ConsultarMovimientos_content_creditos table > tbody tr:nth-child(5) td div table > tbody tr:last-child td:nth-child(6),
.ModHistoricoMovimientosC #dnn_ctr876_ConsultarMovimientos_content_servicios table > tbody tr:nth-child(3) td div table > tbody tr:last-child td:nth-child(5),
.ModHistoricoMovimientosC #dnn_ctr876_ConsultarMovimientos_content_servicios table > tbody tr:nth-child(4) td div table > tbody tr:last-child td:nth-child(5),
.ModHistoricoMovimientosC #dnn_ctr876_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_ctr876_ConsultarMovimientos_content_ahorros table > tbody tr:nth-child(3) td div table > tbody tr:last-child td:nth-child(3),
.ModHistoricoMovimientosC #dnn_ctr876_ConsultarMovimientos_content_ahorros table > tbody tr:nth-child(5) td div table > tbody tr:last-child td:nth-child(3),
.ModHistoricoMovimientosC #dnn_ctr876_ConsultarMovimientos_content_ahorros table > tbody tr:nth-child(4) td div table > tbody tr:last-child td:nth-child(3),
.ModHistoricoMovimientosC #dnn_ctr876_ConsultarMovimientos_content_ahorros table > tbody tr:nth-child(6) td div table > tbody tr:last-child td:nth-child(3),
.ModHistoricoMovimientosC #dnn_ctr876_ConsultarMovimientos_content_ahorros table > tbody tr:nth-child(7) td div table > tbody tr:last-child td:nth-child(3),
.ModHistoricoMovimientosC #dnn_ctr876_ConsultarMovimientos_content_creditos table > tbody tr:nth-child(3) td div table > tbody tr:last-child td:nth-child(3),
.ModHistoricoMovimientosC #dnn_ctr876_ConsultarMovimientos_content_creditos table > tbody tr:nth-child(4) td div table > tbody tr:last-child td:nth-child(3),
.ModHistoricoMovimientosC #dnn_ctr876_ConsultarMovimientos_content_creditos table > tbody tr:nth-child(5) td div table > tbody tr:last-child td:nth-child(3),
.ModHistoricoMovimientosC #dnn_ctr876_ConsultarMovimientos_content_servicios table > tbody tr:nth-child(3) td div table > tbody tr:last-child td:nth-child(3),
.ModHistoricoMovimientosC #dnn_ctr876_ConsultarMovimientos_content_servicios table > tbody tr:nth-child(4) td div table > tbody tr:last-child td:nth-child(3),
.ModHistoricoMovimientosC #dnn_ctr876_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-interna .content_captcha_registro input {
    width: 174px !important;
}

#dnn_mistransacciones {
    position: relative;
}

#dnn_mistransacciones #content_detalles_evento2 div {
    /* padding: 0px;
    height: 0px;
    margin: 0; */
}

#dnn_mistransacciones #content_detalles_evento2 .content_info{
    padding: 15px;
}

#dnn_mistransacciones:hover #content_detalles_evento2 div {
    /* height: auto; */
}

/* #content_detalles_evento2 {
    border-radius: 15px;
    overflow: hidden;
    top: 100%;
    right: 0px;
    z-index: 10;
    margin: 10px 0 0 0;
    position: absolute;
    transition: 0.4s all ease;
    border: 1px solid var(--verde);
    background: var(--white);
    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; */
    color: var(--black);
    font-family: var(--quicksand-medium);
    font-size: 18px;
    line-height: 22px;
}

.account__list a {
    margin: 0 0 7px 0;
    text-decoration: none;
    color: var(--white);
    white-space: nowrap;
    cursor: pointer;
    background: none;
    border: none;
    display: block;
}

.account__list a:hover {
    text-decoration: underline;
}

.account__list .content_info span {
    color: #fff;
    display: none;
}

#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: 50px;
    padding: 10px 15px 10px 15px;
    /* font-size: 0px; */
    text-align: center;
    color: var(--white);
    border: 1px solid var(--verde);
    background: var(--verde);
    margin: 10px 0;
    cursor: pointer;
    transition: .4s ease;
    /* top: 22px; */
    position: relative;
    font-family: var(--quicksand-bold);
}

#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: var(--white);
    color: var(--verde) !important;
}

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;
    text-align: center;
}

.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;
}

.ui-dialog .ui-dialog-content p {
    color: #999;
    margin: 0;
}

.ui-dialog .ui-dialog-buttonpane button {
    background: #00b0f0;
    color: #fff;
    font-weight: 100;
    font-family: 'VAGRoundedLTCom-Light';
    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;
    font-family: 'VAGRoundedLTCom-Light';
    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;
    font-family: 'VAGRoundedLTCom-Light';
    color: #929497;
    line-height: 31px;
    width: 100%;
}

.ModConsultaEstadoCuentaC .opciones_pdf_xls {
    display: flex;
    margin: 35px 0px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 50px;
}

.ModConsultaEstadoCuentaC .alinearADerecha.total_pie_pagina span {
    display: block;
    font-size: 24px;
    margin-left: 50px;
	text-align: right;
    font-family: var(--quicksand-semibold);
}

.ModConsultaEstadoCuentaC .alinearADerecha.total_pie_pagina span:first-child {
    color: #004f97;
    margin-left: 0;
    font-size: 23px;
    line-height: 26px;
}

.ModConsultaEstadoCuentaC .subtitulo {
    display: block;
    font-size: 29px;
    color: var(--dark-blue);
    margin-bottom: 20px;
    font-family: var(--quicksand-semibold);
}

.ModConsultaEstadoCuentaC .ax-contenedor-gris.ax-datos fieldset span {
    font-family: var(--quicksand-medium);
}

.ModConsultaEstadoCuentaC td.footerGrid,
.ShowTotal {
    background: #E7E7E8;
    font-weight: 600;
}

/*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: 3%;
    font-family: var(--quicksand-semibold);
}

@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;
        border: none;
        /*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;
        border: none;
    }
}

@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*/
    }

    .ModConsultaEstadoCuentaC .OcultarResponsive {
        display: block;
    }

    .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%;
    padding: 0 0 0 3%;
    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;
}

/*PAGINA DE RESULTADOS*/

.dnnSearchResultPanel {
    background-color: #dedede;
}

.dnnSearchResultPanel .dnnSearchResultSortOptions li a {
    background: #fff;
    font-size: 15px;
    color: #666;
}

.dnnSearchResultPanel .dnnSearchResultSortOptions li.active a {
    background: #ddd;
}

.dnnSearchResultPanel .dnnSearchResultSortOptions li:hover a {
    background: #eee;
}

.dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Description b {
    color: #01a851;
}

/*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/Ex-asociados/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/Ex-asociados/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: absolute;
    top: 7px;
    opacity: .5;
    left: 0px;
    width: 20px;
    background: url(/Portals/_default/Skins/Ex-asociados/images/calendario.jpg) no-repeat;
    background-size: cover;
}

.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/Ex-asociados/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*/

.ModBienvenidaC span,
.ModBienvenidousuarioC span {
    color: var(--white);
    display: block;
    font-family: var(--quicksand-medium);
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 25px;
    text-align: center;
}

.ModBienvenidaC #title_content,
.ModBienvenidousuarioC #title_content {
    /* margin-top: 70px; */
}

.ModBienvenidaC span:first-child,
.ModBienvenidousuarioC span:first-child {
    font-family: var(--quicksand-bold);
    font-size: 70px;
    line-height: 74px;
    margin-bottom: 20px;
}

.ex__container {
    margin: 40px 0 40px 0;
}

.ex__item {
    margin-bottom: 25px;
}

.ex__container .ax-productos {
    height: 100%;
}

.ax-productos .content {
    align-items: center;
    border-radius: 15px 15px 0 0;
    display: flex;
    height: 65px;
    justify-content: center;
    padding: 10px 15px 10px 15px;
}

.ex__item:nth-child(1) .content {
    background: var(--rojo);
}

.ex__item:nth-child(2) .content {
    background: var(--verde);
}

.ex__item:nth-child(3) .content {
    background: var(--azul-claro);
}

.ax-productos .content img {
    filter: invert(100%) saturate(0) brightness(200%);
    width: 45px;
}

.ax-productos .content h2 {
    color: var(--white);
    font-family: var(--quicksand-bold);
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 0 10px;
}

.ex__container .summary {
    background: var(--gray-medium);
    border-radius: 0 0 15px 15px;
    height: calc(100% - 65px);
    padding: 15px 0 15px 0;
}

.ex__container .summary li {
    margin: 0 0 15px 0;
    padding: 0 30px 0 30px;
}

.ex__container .summary li a{
    color: var(--black);
}

#dnn_mistransacciones #content_detalles_evento2 .col-md-3 {
    width: 100%;
}

/*MODULO FORMULARIO AFILIACION*/

.ax-interna div#content_tabs_afiliacion .opcionTitulo {
    width: 100%;
}

.ax-interna div#content_tabs_afiliacion > div > div > ul {
    position: relative;
}

.ax-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-interna div#content_tabs_afiliacion > div > div > ul li {
    height: auto !important;
    border: none;
    background: #fff;
}

.ax-interna div#content_tabs_afiliacion > div > div > ul li.dxtc-activeTab {
    background: #00adee;
}

.ax-interna div#content_tabs_afiliacion > div > div > ul li.dxtc-activeTab a span {
    color: #fff
}

.ax-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;
}

.ax-fecha-fin-inscripcion-evento span:nth-child(1),
.ax-fecha-inscripcion-evento span:nth-child(1) {
    color: #666666;
    font-weight: 900;
}

.ax-fecha-fin-inscripcion-evento,
.ax-fecha-inscripcion-evento {
    margin: 0 0 10px 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/Ex-asociados/images/buscar-event.png) no-repeat center;
    background-size: 100%;
}

.ModMisEventosC .ax-boton.editar input {
    background: url(/Portals/_default/Skins/Ex-asociados/images/edit-event.png) no-repeat center;
    background-size: 100%;
}

.ModMisEventosC .ax-boton.cancelar input {
    background: url(/Portals/_default/Skins/Ex-asociados/images/cancel-event.png) no-repeat center;
    background-size: 100%;
}

.ModMisEventosC .ax-boton.requiere input {
    background: url(/Portals/_default/Skins/Ex-asociados/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 {
    /* display: block;
    color: #004f97;
    font-size: 18px;
    margin-left: 15px;
    box-sizing: border-box; */
}

.ax-form fieldset > span > span {
    margin: 0 0 0 5px;
}

.ax-tooltip,
.ax-campo {
    display: inline-block;
    vertical-align: middle;
}

.ax-tooltip {
    width: 15px;
    margin-left: 5px;
    margin-bottom: 17px;
}

.ax-campo {
    width: calc(100% - 40px);
    position: relative;
    margin: 0 0 15px;
}

.ax-campo input[type="text"],
.ax-campo input[type="password"],
.ax-campo input[type="email"],
.ax-campo input[type="date"],
.ax-campo input[type="number"],
.ax-campo select,
.ax-campo textarea,
.ax-campo table tr td input {
    width: 100%;
}

.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;
    bottom: 60px;
    right: 0;
    background: #929497;
    font-size: 12px;
    color: #ffffff;
    padding: 10px 10px;
    border-radius: 10px;
    font-family: var(--quicksand-medium);
}

.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;
}

span.ax-lbl {
    font-family: var(--quicksand-regular);
    color: #081828;
}

.DnnModule-Actualizacindedatos .alinearADerecha,
.ax-contenedor.ax-simple,
.ax-interna .content_captcha_registro,
.text_field_content,
.ax-centrar {
    text-align: center;
}

.ax-centrar {
    margin: 20px 0;
}

.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-fieldset .ax-tooltip:hover .ax-msj-tool,
fieldset .ax-spans + .ax-tooltip:hover .ax-msj-tool {
    top: -20px;
}

/*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;
}

/*DNN Container*/

.ModDNNHTMLC ul li {
    /* position: relative;
    padding: 0 15px 0 0;
    margin: 0 0 0 15px; */
}

section .ModDNNHTMLC ul li:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    /* background: #9ƒ9497; */
    top: 8px;
    left: 0px;
    border-radius: 50%;
}

.active-module .ModDNNHTMLC ul li:before {
    content: none;
}

/*Celdas parqueadero*/

.ax-form.ax-centrar h3 {
    text-align: center;
}

/*Modal PQR*/

/* body .ui-dialog {} */

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;
    font-family: 'VAGRoundedLTCom-Light';
    color: #929497;
    line-height: 22px;
    margin-bottom: 15px;
    display: block;
}

/*TABS*/

.ax-interna section ul.nav-tabs li.active a {
    background-color: #00adee !important;
    color: #fff !important;
}

.ax-interna section ul.nav-tabs li a {
    color: #aaa;
    border-radius: 0px
}

.ax-interna section ul.nav-tabs li:hover a {
    color: #00519b;
}

.ax-interna section ul.nav-tabs {
    position: relative;
}

.ax-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,
.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,
.dxgvDetailRow.dxgvADR td.dxgvAIC {
    border-right: none ;
    border-left: none;
    border-top: 1px Solid #CFCFCF !important;
    border-bottom: 1px Solid #CFCFCF !important;
}

#dnn_ctr858_ConsultarTasaCredito_rgTasas_DXDataRow72 td {
    border-bottom: 1px Solid #CFCFCF !important;
}

#dnn_ctr858_ConsultarTasaCredito_rgTasas_DXDataRow72 td:nth-child(1) {
    border-bottom: 0 !important;
}

dnn_ctr1083_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,
.dxWeb_edtCheckBoxUncheckedDisabled {
    -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_edtCheckBoxUnchecked,
.dxWeb_edtCheckBoxUnchecked input {
    cursor: pointer !important;
}

.dxWeb_edtCheckBoxUncheckedDisabled,
.dxWeb_edtCheckBoxUncheckedDisabled input {
    cursor: not-allowed !important;
}

.dxWeb_edtCheckBoxChecked {
    background: #e2e2e2 url(../images/check.png) no-repeat center center !important;
    background-size: 56% !important;
    height: 25px !important;
    width: 25px !important;
    border-radius: 5px !important;
}

body section table tr td .dxWeb_edtCheckBoxChecked input[type="text"] {
    padding: 0 !important;
}

input#dnn_ctr1083_SimularCredito_rgRenovar_cell0_0_chkSeleccion_0_S {
    display: none;
    visibility: hidden;
    opacity: 0;
}

#dnn_ctr1083_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_ctr1084_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="/"] .ax-banner-bvnd,
form[action="/mis-transacciones/home-usuario"] .ax-banner-bvnd,
form[action="/exasociados/"] .ax-banner-bvnd {
    display: flex;
}

.dxeEditAreaSys,
.dxeMemoEditAreaSys,
input[type="text"].dxeEditAreaSys,
input[type="password"].dxeEditAreaSys {
    font-size: 14px;
}

.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,
    .ax-miga,
    .ax-banner-interna,
    .ax-fepep-btns,
    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;
    }
}

.chameleon_slider .main_panel .media_link {
    z-index: 2 !important;
}

.chameleon_slider .pages_container,
.chameleon_slider .overview,
.chameleon_slider .navigation_button {
    z-index: 5 !important;
}

.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;
}

.DnnModule-973 {
    width: 60%;
    display: inline-block;
    vertical-align: middle;
}

.ax-desp-page .DnnModule-EasyDNNnewsCategoriesMenu {
    width: 29%;
    display: inline-block;
    vertical-align: middle;
}

.edn_category_menu_wrapper > li {
    position: relative;
}

.edn_category_menu_wrapper > li > ul {
    position: absolute;
    background: #fff;
    width: 100%;
    left: 0;
    border: 1px solid #ddd;
    margin: 0;
    text-align: left;
    padding: 3%;
    z-index: 2;
}

.edn_category_menu_wrapper > li > ul li {
    padding: 5px 0;
}

form[action="/contactanos/puntos-de-servicio/fepep-movil"] .eds_template_List_Article_puntosmovil {
    display: none;
}

.node.level_1 a {
    display: block;
}

.ModAutenticaconExAsociadoC .ax-formularios ul > li,
.ModAutenticacionPortalPrivadoC .ax-formularios ul > li {
    position: relative;
}

.ModAutenticaconExAsociadoC .ax-formularios ul > li:nth-child(1):before,
.ModAutenticacionPortalPrivadoC .ax-formularios ul > li:nth-child(1):before,
.ModOlvidoContraseñaExAsociadoC .ax-formularios ul > li:nth-child(1):before {
    content: '\0046';
    position: absolute;
    font-family: 'fepep icon';
    color: #004f97;
    font-weight: 900;
    display: block;
    left: 0;
    font-size: 25px;
    top: 27px;
}

.ModAutenticaconExAsociadoC .ax-formularios ul > li:nth-child(2):before,
.ModAutenticacionPortalPrivadoC .ax-formularios ul > li:nth-child(2):before,
.ModCambiarContraseniaExasociadoC .ax-formularios ul > li:nth-child(1):before,
.ModCambiarContraseniaExasociadoC .ax-formularios ul > li:nth-child(2):before,
.ModCambiarContraseniaExasociadoC .ax-formularios ul > li:nth-child(3):before {
    content: "";
    position: absolute;
    left: 0;
    height: 30px;
    top: 22px;
    width: 29px;
    background: url(../images/candado.png) no-repeat 50% 50%;
    background-size: contain;
}


/*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;
}

.ModavtTabsProC table tr {
    margin: 10px;
}

.ModavtTabsProC table tr th {
    color: #fff;
    text-align: center;
    font-size: 26px;
    background: #015099;
}

.ModavtTabsProC table tr:nth-child(2n + 2) th {
    background: #028bff;
}

.ModavtTabsProC strong {
    color: #028bff;
}

.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/Ex-asociados/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;
}

@media screen and (max-width: 769px){
	.chameleon_slider {
	    overflow: hidden!important;
	    padding-bottom: 15%!important;
	}
}

.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;
            font-family: 'VAGRoundedLTCom-Light';
    }
 
        .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 ;
}


/*Login*/

#content_login_fepep .ax-formularios {
    background: var(--gray-medium);
    border-radius: 10px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
    margin: 0 auto;
    padding: 30px 10px 10px 10px;
    transform: translateY(-120px);
    width: 85%;
}

.banner__ex .eds_rotatorWrapper {
    display: none;
}

.banner__ex {
    border-radius: 20px;
    height: 225px;
    overflow: hidden;
    width: 100%;
}

.banner__ex p {
    margin: 0;
}

.banner__ex img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

#content_login_fepep .ax-formularios ul li input[type="text"],
#content_login_fepep .ax-formularios ul li input[type="password"] {
    background: #fff;
}

.ex__income #dnn_mistransacciones:hover #content_detalles_evento2 {
    display: none;

}

.ModConsultaEstadoCuentaC .ax-contenedor-gris {
    background: none;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    margin: 0 auto 50px 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:after{
    content: normal;
}

.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%;
}

.ModConsultaEstadoCuentaC .informacion .table tbody tr:first-child th {
    background: var(--dark-blue);
    border: none;
    font-family: var(--quicksand-bold);
    padding: 16px 30px !important;
    text-align: right;
}

.ModConsultaEstadoCuentaC .informacion .table tbody tr:first-child th:first-child {
    border-radius: 20px 0 0 0;
}

.ModConsultaEstadoCuentaC .informacion .table tbody tr:first-child th:last-child {
    border-radius: 0 20px 0 0;
}

.ModConsultaEstadoCuentaC .informacion .table tbody tr:first-child th a {
    color: var(--white);
    font-family: var(--quicksand-bold);
    font-size: 16px;
}

.ModConsultaEstadoCuentaC .OcultarCampoGrid, 
.ModConsultaEstadoCuentaC td.ax-derecha,
.ModConsultaEstadoCuentaC td {
    border: none;
    border-bottom: 1px solid #ddd;
    font-family: var(--quicksand-medium);
    padding: 16px 30px !important;
    text-align: right;
}

.ModConsultaEstadoCuentaC .informacion {
    width: 100%;
    overflow-x: auto;
}

.ModConsultaEstadoCuentaC .content_grid {
    margin: 0 0 60px 0;
}

.ModConsultaEstadoCuentaC .alinearADerecha.total_pie_pagina {
    margin: 0 0 40px 0;
}

.account__list .content_info .col-md-3 {
    width: 100%;
}

.account__list .content_info input[type="submit"].botonVerde {
    background: none;
    border: none;
    color: #fff !important;
    font-size: 18px;
    line-height: 22px;
    margin: 7px 0 0 0;
    padding: 0;
}

.account__list .content_info input[type="submit"].botonVerde:hover {
    text-decoration: underline;
}

.dxgvControl tr td .dxgvTable tr td.dxgvHeader {
    background: var(--dark-blue);
    padding: 0 !important;
}

.dxgvControl tr td .dxgvTable tr td.dxgvHeader tr td{
    color: var(--white);
    font-family: var(--quicksand-bold);
    padding: 18px 15px 18px 15px !important;
    text-align: right;
}

.dxgvControl tr td .dxgvTable tr td.dxgvHeader:first-child {
    border-radius: 20px 0 0 0;
}

.dxgvControl tr td .dxgvTable tr td.dxgvHeader:last-child {
    border-radius: 0 20px 0 0;
}

.dxgvControl .dxgvDataRow td.dxgv{
    color: #000;
    font-family: var(--quicksand-medium);
}

.dxgvControl .dxgvDataRow td.dxgv {
    border-right: none ;
    border-left: none;
    border-top: none !important;
    border-bottom: 1px Solid #CFCFCF !important;
    color: #000;
    font-family: var(--quicksand-medium);
    padding: 7px 15px 7px 15px !important;
    text-align: right
}

.dxgvControl tr td .dxgvTable tr td.dxgvHeader tr td:last-child {
    display: none;
}

form[action="/exasociados/"] .ax-row.ax-banner-bvnd {
    display: none;
}