@charset "UTF-8";
@import '../rebranding/css/tokens_rebranding.css';

* {
    font-family: var(--font-text-regular);
    color: var(--blue-400);
    font-size: var(--size-14);
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
ol,
ul {
    list-style: disc
}
blockquote,
q {
    quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.check_acepto img {
    float: left;
}

html {
    overflow-y: scroll;
}

#aLOGINBNP_t705_s100 .overlay,
.overlay {
    background: rgba(0, 30, 34, 0.60);
    display: none;
    height: 100% !important;
    left: 0 !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 999999;
}

.overlay_trans {
    background: none;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}

.floatL {
    display: block;
    float: left;
}

.floatR{
    float: right;
    text-align: right;
}

#amountHead span {
    float: right !important;
}

.clear {
    clear: both !important;
}

.header .top .top_menu .cortina {
    overflow: hidden;
}

.overflowV {
    overflow: visible;
}

.normal {
    font-weight: 400 !important;
}

.display {
    display: block !important;
}

.displayNone,
.grid-banner-card .grid-text-desktop {
    display: none !important;
}

.displayib {
    display: inline-block !important;
}

.textCenter {
    text-align: center;
}

.textR {
    text-align: right !important;
}

.textL {
    text-align: left !important;
}

.left-10 {
    left: -10px;
    position: relative;
}

.left18 {
    left: 18px;
    position: relative;
}

.left30 {
    left: 30px;
    position: relative;
}

.sup {
    font-size: 10px;
}

.letter-spacing-1 {
    letter-spacing: -1px;
}

select {
    font-size: 12px;
}

a {
    outline: 0;
}

input[type="password"] {
    height: 50px;
    border-radius: var(--border-radius-m);
    border: 1px solid var(--blue-400);
}

input[type="text"] {
    height: 20px;
    border-radius: var(--border-radius-m);
    border: 1px solid var(--blue-400);
}

input[type="checkbox"],
input[type="radio"] {
    appearance: none;
    width: 16px;
    height: 16px;
    margin: 0 !important;
    cursor: pointer !important;
    display: flex;
}

input[type="checkbox"] {
    border-radius: var(--border-radius-xs);
    border: 2px solid var(--blue-300);
}

input[type="radio"] {
    border-radius: 100px;
    border: 2px solid var(--blue-300);
    position: relative;
    width: 16px !important;
    height: 16px !important;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {    
    border-color: var(--red-300);
    width: 16px !important;
}

input[type="checkbox"][disabled],
input[type="checkbox"][disabled]:checked,
input[type="radio"][disabled]:checked,
input[type="radio"][disabled] {
    border-color: var(--neutral-300);
}

input[type="checkbox"]:checked {
    background: var(--red-300);
}

input[type="checkbox"][disabled]:checked,
input[type="checkbox"][disabled]:checked[type=checkbox]::before,
input[type="radio"][disabled]:checked::before {
    background: var(--neutral-300);
}

input[type="radio"]:checked::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background-color: var(--red-300);
    border-radius: 50%;
}

input[type="checkbox"]:checked[type=checkbox] {
    font-family: 'Banamex-Icons';
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: var(--neutral-0);
    font-size: var(--size-10);
}

input[type="checkbox"]:checked[type=checkbox]::before {
    content: '\F05B';
    color: var(--neutral-0);
    background: var(--red-300);
    margin: auto;
}

.input_calendar {
    background: url(../img/avatar/img/calendar.gif) no-repeat right;
    cursor: pointer;
    padding-right: 20px;
    width: 90px;
}

.input_des {
    background: #f7f7f7;
}

#contenedor {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: auto;
} 

.top-10 {
    position: relative;
    top: -10px;
}

.bg_demo {
    background: url(../img/avatar/img/bg_demo.gif) repeat;
    height: 460px;
    position: absolute;
    width: 920px;
    z-index: -999;
}

.bgF5F5F5 {
    background: #f5f5f5;
}

.padding15_20 {
    padding: 15px 20px;
}

.padding15_35 {
    padding: 15px 35px;
}

.padding12_35 {
    padding: 12px 35px;
}

.padding13_18 {
    padding: 13px 18px;
}

.padding11_17 {
    padding: 11px 17px;
}

.padding30T15B0 {
    padding: 15px 30px 30px;
}

#modal_timeoutPreLogin .padding30T15B0 {
    padding: 10px 10px 30px 30px;
}

.padding5T15B02 {
    padding: 5px 20px 0 30px;
}

.padding20 {
    padding: 20px;
}

.paddingT0 {
    padding-top: 0 !important;
}

.paddingT1 {
    padding-top: 1px;
}

.paddingT3 {
    padding-top: 3px;
}

.paddingT4 {
    padding-top: 4px;
}

.header .top .menu ul li.separador {
    padding-top: 5px;
}

.paddingT8 {
    padding-top: 8px !important;
}

.paddingT9 {
    padding-top: 9px !important;
}

.paddingT10 {
    padding-top: 10px;
}

.paddingT12 {
    padding-top: 12px !important;
}

.paddingT13 {
    padding-top: 13px !important;
}

.paddingT15 {
    padding-top: 15px;
}

.paddingT18 {
    padding-top: 18px;
}

.paddingT25 {
    padding-top: 25px !important;
}

.paddingT30 {
    padding-top: 30px;
}

.paddingT50 {
    padding-top: 50px !important;
}

.paddingR1 {
    padding-right: 1px !important;
}

.paddingR2 {
    padding-right: 2px;
}

.paddingR5 {
    padding-right: 5px;
}

.paddingR15 {
    padding-right: 15px !important;
}

.paddingR28 {
    padding-right: 28px;
}

.paddingR40 {
    padding-right: 40px;
}

.paddingR75 {
    padding-right: 75px !important;
}

.paddingB0 {
    padding-bottom: 0 !important;
}

.paddingB3 {
    padding-bottom: 3px !important;
}

.paddingB4 {
    padding-bottom: 4px;
}

.paddingB6 {
    padding-bottom: 6px;
}

.paddingB7 {
    padding-bottom: 7px;
}

.paddingB9 {
    padding-bottom: 9px;
}

.paddingB10 {
    padding-bottom: 10px;
}

.paddingB12 {
    padding-bottom: 12px;
}

.paddingB13 {
    padding-bottom: 13px !important;
}

.paddingB14 {
    padding-bottom: 14px !important;
}

.paddingB15 {
    padding-bottom: 15px;
}

.paddingB16 {
    padding-bottom: 16px !important;
}

.paddingB18 {
    padding-bottom: 18px !important;
}

.paddingB20 {
    padding-bottom: 20px;
}

.paddingB25 {
    padding-bottom: 25px;
}

.paddingB26 {
    padding-bottom: 26px;
}

.paddingB30 {
    padding-bottom: 30px;
}

.paddingB40 {
    padding-bottom: 40px !important;
}

.paddingB46 {
    padding-bottom: 46px !important;
}

.paddingB60 {
    padding-bottom: 60px !important;
}

.paddingB95 {
    padding-bottom: 95px !important;
}

.paddingB100 {
    padding-bottom: 100px !important;
}

.paddingB150 {
    padding-bottom: 150px !important;
}

.paddingB180 {
    padding-bottom: 165px;
}

.paddingL5 {
    padding-left: 5px;
}

.paddingL6 {
    padding-left: 6px;
}

.paddingL10 {
    padding-left: 10px;
}

.paddingL15 {
    padding-left: 15px;
}

.paddingL20 {
    padding-left: 20px;
}

.paddingL27 {
    padding-left: 27px;
}

.paddingL45 {
    padding-left: 45px;
}

.paddingL47 {
    padding-left: 47px !important;
}

.paddingL75 {
    padding-left: 75px !important;
}

.paddingL82 {
    padding-left: 82px;
}

.padding_T_B_60_85 {
    padding-bottom: 85px;
    padding-top: 60px;
}

.marginT0 {
    margin-top: 0 !important;
}

.marginT2 {
    margin-top: 2px;
}

.marginT7 {
    margin-top: 7px;
}

.marginT6 {
    margin-top: 6px;
}

.marginT3 {
    margin-top: 3px;
}

.marginT4 {
    margin-top: 4px !important;
}

.marginT10 {
    margin-top: 10px;
}

.marginT11 {
    margin-top: 11px !important;
}

.marginT12,
.preSignonLinksLogin2 {
    margin-top: 12px !important;
}

.marginT15 {
    margin-top: 15px !important;
}

.marginT18 {
    margin-top: 18px !important;
}

.marginT20 {
    margin-top: 20px;
}

.margin-top25 {
    margin-top: 25px !important;
}

.marginT30 {
    margin-top: 30px !important;
}

.marginT34 {
    margin-top: 34px !important;
}

.marginT44 {
    margin-top: 44px !important;
}

.marginT45 {
    margin-top: 45px !important;
}

.marginT47 {
    margin-top: 47px !important;
}

.marginT50 {
    margin-top: 50px !important;
}

.marginT51 {
    margin-top: 51px !important;
}

.marginT54 {
    margin-top: 54px !important;
}

.marginT70 {
    margin-top: 32px !important;
    margin-top: 70px !important;
}

.marginT95 {
    margin-top: 95px !important;
}

.marginT287 {
    margin-top: 287px;
}

.alert.margin-top32 {
    margin-top: 32px;
}

.marginR-30 {
    margin-right: -30px !important;
}

.marginB11 {
    margin-bottom: 11px;
}

.marginB13 {
    margin-bottom: 13px !important;
}

.marginB16 {
    margin-bottom: 16px !important;
}

.marginB20 {
    margin-bottom: 20px;
}

.marginB_1 {
    margin-bottom: -1px;
}

.marginT_2 {
    margin-top: -2px;
}

.marginR2 {
    margin-right: 2px;
}

.marginR6 {
    margin-right: 6px;
}

.marginR10,
#aSEEEBANKINGTRANSACTION_t999_sseeebankingtransactionflowSEBT-PaymentsPage input#authNumberId {
    margin-right: 10px;
}

.marginR20 {
    margin-right: 20px;
}

.marginR30 {
    margin-right: 30px;
}

.marginR75 {
    margin-right: 75px;
}

.marginT_16 {
    margin-top: -16px !important;
}

.marginT_13 {
    margin-top: -13px !important;
}

.marginT_9 {
    margin-top: -9px !important;
}

.marginT_12 {
    margin-top: -12px !important;
}

.marginL0 {
    margin-left: 0px;
}

.marginL7 {
    margin-left: 7px;
}

.marginL10 {
    margin-left: 10px;
}

.minWidth550 {
    min-width: 550px !important;
}

.widthAuto {
    width: auto;
}

.width87 {
    width: 87px;
}

.width100 {
    width: 100px;
}

.width110 {
    width: 110px !important;
}

.width115 {
    width: 115px !important;
}

.width130 {
    width: 130px;
}

.width135 {
    width: 135px;
}

.width145 {
    width: 145px;
    width: 160px;
    width: 248px;
}

.width160 {
    width: 160px !important;
}

.width166 {
    width: 166px;
}

.width170 {
    width: 170px;
}

.width200 {
    width: 200px;
}

.width210 {
    width: 210px;
}

.width270 {
    width: 270px;
}

.width675 {
    width: 675px;
}

.width49p {
    width: 49%;
}

.width50p {
    width: 50%;
}

.contenido_cuentas table,
.alert .caption-container {
    width: 100%;
}

.widthauto {
    width: auto !important;
}

.height30 {
    height: 30px;
}

.height180 {
    height: 180px;
}

.height228 {
    height: 228px;
}

.height241 {
    height: 241px;
}

.height270 {
    height: 270px;
}

.height300 {
    height: 300px;
}

.height325 {
    height: 325px;
}

.height330 {
    height: 330px;
}

.height380 {
    height: 380px;
}

.height800 {
    height: 800px;
}

.scroll_x {
    overflow-x: scroll;
}

.scroll_y {
    margin: 0;
    width: auto;
}

.scroll_y .overview {
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
}

.scroll_y .scrollbar {
    display: none;
    background-position: 0 0;
    background: transparent url(../img/avatar/img/bg-scrollbar-track-y.png) no-repeat 0 0;
    float: right;
    position: relative;
    width: 7px;
}

.scroll_y .track {
    background: transparent url(../img/avatar/img/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
    height: 100%;
    padding: 0 1px;
    position: relative;
    width: 30px;
}

.scroll_y .thumb {
    background: transparent url(../img/avatar/img/bg-scrollbar-thumb-y.png) no-repeat 0 100%;
    cursor: pointer;
    height: 20px;
    overflow: visible;
    position: absolute;
    top: 0;
    width: 30px;
}

.scroll_y .thumb .end {
    background: transparent url(../img/avatar/img/bg-scrollbar-thumb-y-end.png) no-repeat;
    height: 5px;
    margin-top: 2px;
    overflow: hidden;
    position: relative;
    top: -2px;
    width: 6px;
}

.scroll_y .grip {
    background: transparent url(../img/avatar/img/scroll_grip.png) no-repeat;
    height: 5px;
    margin-left: 2px;
    width: 3px;
}

.border1DADADA {
    border: 1px solid #dadada;
}

.borderT1dotted333 {
    border-top: 1px dotted #333;
}

.borderT1dottedCCC {
    border-top: 1px dotted #ccc;
}

.borderB1dottedCCC {
    border-bottom: 1px dotted #ccc;
}

.borderT1solidCCC {
    border-top: 1px solid #ccc;
}

.borderR1D9D9D9 {
    border-right: 1px solid #d9d9d9;
}

.borderBnone {
    border-bottom: none !important;
}

.borderTf0f0f0 {
    border-top: solid 1px #f0f0f0;
}

.line_h16 {
    line-height: 16px !important;
}

.line_h18 {
    line-height: 18px !important;
}

.f11 {
    font-size: 11px;
}

.f33 {
    font-size: 33px !important;
}

.contenido_cuentas table td.monto p {
    color: #000;
}

.color333 {
    color: #333;
}

.color888 {
    color: #888;
}

.color02589d {
    color: #02589d;
}

.color00589d {
    color: #00589d !important;
}

.colorFFF {
    color: #fff !important;
}

.colorff0000 {
    color: red !important;
}

.btn_az {
    border: none;
    color: var(--neutral-0);
    cursor: pointer;
    font-family: var(--font-text-semibold);
    font-size: var(--size-16);
    font-weight: 600;
    text-align: center;
    overflow: visible;
    text-decoration: none;
    border-radius: var(--radius-s, 8px);
    background: var(--blue-300);
    display: flex;
    height: 48px;
    min-width: 160px;
    padding: var(--size-14) var(--size-24);
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

#modal_logout .btn_az {
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: 'Banamex Text Semibold', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    border-radius: 12px;
    background: #003746 !important;
    height: 48px;
    min-width: 160px;
    padding: 14px 24px;
    box-sizing: border-box;
}

#modal_logout .titulo.modaltitulo p{
    font-family: 'Banamex Text Regular', sans-serif;
    color: #001E22;
    font-size: 18px;
    font-weight: 600;
}

#modal_logout.popup.call-us .contenido{
    max-height: 520px;
}

#modal_logout.popup.call-us div#accordion {
    overflow-y: scroll;
    height: 370px !important; 
    margin-right: -20px;
}
#modal_logout.popup.call-us div#accordion::-webkit-scrollbar {
    width: 10px;
}

#modal_logout.popup.call-us div#accordion::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 10px;
}
#modal_logout.popup.call-us div#accordion::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

#modal_logout.popup.call-us div#accordion hr{
    border: 1px solid #DAE9EE;
}

#modal_logout.popup.call-us div#accordion a{
    color: #007C94;
    text-decoration: underline;
}

.is-medium {
    min-width: 160px;
}

.is-large {
    min-width: 200px !important;
}

.btn_az.hover {
    /* background-repeat: repeat-x !important;
    background-size: 1px 20px !important;
    background: linear-gradient(to bottom,
            #6aaee9 0%,
            #63a7e2 21%,
            #478bc6 74%,
            #3c80bb 100%) !important; */
}

.header .top {
    background: url(../img/avatar/img/bg_header_top.gif) repeat-x;
    clear: both;
    color: #fff;
    font-size: 10px;
    height: 22px;
    overflow: hidden;
    padding-left: 30px;
    padding-right: 30px;
    width: auto;
}

.footer .contenidoFooter {
    margin-left: auto;
    margin-right: auto;
    width: 950px;
}

.header .top .fecha {
    float: left;
    padding-top: 5px;
}

.pagos_opc {
    float: right;
}

.header .top .menu ul {
    list-style: none;
}

.header .top .menu ul li {
    float: left;
    height: 11px;
}

.header .top .menu ul li a {
    color: #fff;
    display: block;
    padding: 5px 10px 0;
    text-decoration: none;
}

#avatar-bookmark:hover {
    text-decoration: underline;
}

.header .top .menu ul li a.flecha {
    background: url(../img/avatar/img/flecha_header.gif) 11px 9px no-repeat;
    padding: 5px 10px 5px 25px;
}

.header .top .menu ul li a.flecha_hover {
    background: #606060 url(../img/avatar/img/cerrar_header.gif) 8px 6px no-repeat;
    padding: 5px 10px 4px 25px;
}

.header .top .top_menu {
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    z-index: 9999999;
}

.header .top .top_menu .box {
    background: url(../img/avatar/img/bg_top_menu.png) repeat-y;
    clear: both;
    margin-top: 0;
    overflow: hidden;
    padding: 20px 48px 0;
    width: 206px;
}

.header .top .top_menu .box a {
    background: #fff;
    color: #333;
    display: block;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 5px;
    padding: 12px 0 12px 37px;
    text-decoration: none;
    width: auto;
}

.header .top .top_menu .box a.enviar {
    background: #fff url(../img/avatar/img/enviar.gif) 10px 13px no-repeat;
}

.header .top .top_menu .box a.enviar:hover {
    background: #fff url(../img/avatar/img/enviar_h.gif) 11px 13px no-repeat;
    color: #00589d;
}

.header .top .top_menu .box a.llamar {
    background: #fff url(../img/avatar/img/llamar.gif) 10px 11px no-repeat;
}

.header .top .top_menu .box a.llamar:hover {
    background: #fff url(../img/avatar/img/llamar_h.gif) 10px 11px no-repeat;
    color: #00589d;
}

.header .top .top_menu .box a.escucharte {
    background: #fff url(../img/avatar/img/escucharte.gif) 15px 14px no-repeat;
}

.header .top .top_menu .box a.escucharte:hover {
    background: #fff url(../img/avatar/img/escucharte_hover.gif) 15px 14px no-repeat;
    color: #00589d;
}

.sinMarginBottom {
    margin-bottom: 0 !important;
}

.header .top .top_menu .box_bottom {
    background: url(../img/avatar/img/bg_bottom_top_menu.png) no-repeat;
    height: 48px;
    width: 302px;
}

.header .top .buscador {
    float: right;
    overflow: hidden;
    padding-top: 3px;
    width: 170px;
}

.header .top .buscador input[type="text"] {
    background: url(../img/avatar/img/buscador.gif) no-repeat;
    border-radius: 0;
    border: none;
    float: right;
    font-size: 10px;
    font-weight: 700;
    height: 15px;
    margin: 0;
    padding-bottom: 0;
    padding-left: 25px;
    width: 110px;
}

.header .top .buscador .ir {
    background: url(../img/avatar/img/buscador.gif) right no-repeat;
    border: none;
    color: #666;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 10px;
    font-weight: 700;
    height: 13px;
    padding-top: 2px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 30px;
}

#header .bottom {
    background: url(../img/avatar/img/bg_header_bottom.gif) repeat-x;
    clear: both;
    height: 85px;
    overflow: hidden;
    padding-left: 30px;
    padding-right: 30px;
    width: auto;
}

#header .bottom .logo {
    background: url(../img/avatar/img/logo.gif) no-repeat;
    float: left;
    height: 85px;
    width: 199px;
}

#header .bottom .divisor_logos {
    border-left: 1px solid #badef8;
    float: left;
    height: 48px;
    margin: 17px;
}

#header .bottom .BancaNet {
    background: url(../img/avatar/img/logo_bancanet.gif) no-repeat;
    float: left;
    height: 85px;
    width: 128px;
}

#header .bottom .banner_header {
    background: url(../img/avatar/img/banner_header.gif) no-repeat;
    float: right;
    height: 85px;
    margin-right: -30px;
    width: 509px;
}

#header .utilities_nav #nav_home .buscador {
    float: right;
    height: 15px;
    overflow: hidden;
    padding-top: 2px;
    width: 170px;
}

#header .utilities_nav #nav_home input[type="text"] {
    background: url(../images/header/buscador.gif) no-repeat scroll 0 0 transparent !important;
    border-radius: 0 0 0 0;
    border: medium none;
    float: right;
    font-size: 10px;
    font-weight: 700;
    height: 15px;
    margin: 0;
    padding-bottom: 0;
    padding-left: 25px;
    width: 103px;
}

#header .utilities_nav #nav_home .buscador .ir {
    background: url(../images/header/buscador.gif) no-repeat scroll right center transparent;
    border: medium none;
    color: #666;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 10px;
    font-weight: 700;
    height: 13px;
    padding: 2px 0 0;
    text-align: center;
    text-decoration: none;
    width: 30px;
}

table.gsc-search-box td.gsc-input {
    padding-right: 0 !important;
}

#header .utilities_nav #nav_home .search_wrapper {
    background: url(../images/header/bg_searchwrapper.png) no-repeat;
    height: 15px;
    margin: 2px 0 0;
    width: 166px;
}

#header .utilities_nav #nav_home .search_wrapper a.iblock {
    line-height: 15px;
}

#header .utilities_nav #nav_home .search_wrapper form {
    margin: 0 0 0 25px;
}

#header .utilities_nav #nav_home .search_wrapper form a.iblock {
    color: #666;
    float: right;
    font-size: 10px;
    height: 15px;
    padding: 0;
    text-align: center;
    width: 31px;
}

#header .utilities_nav #nav_home .search_wrapper form div.pipe {
    color: #FFFFFF;
    float: right;
    line-height: 13px;
    width: 1px;
}

#header .utilities_nav #nav_home .search_wrapper form input {
    background: none;
    border: none;
    color: #000;
    font-size: 10px;
    height: 13px;
    width: 103px;
}

/* #flyoutContact .opciones a {
    display: inline-block;
    float: left;
    font-size: 11px !important;
    font-weight: 700;
    text-decoration: none;
} */

/* #flyoutContact .opciones a.email {
    background: url(../images/header/branding_main.png) no-repeat 0 -591px;
    margin-right: 5px;
    margin-top: 9px;
    padding-left: 29px;
} */

/* #flyoutContact .opciones a.email:hover {
    background-position: 0 -650px;
} */

/* #flyoutContact .opciones a.telefono {
    background: url(../images/header/branding_main.png) no-repeat 0 -831px;
    margin-right: 5px;
    margin-top: 9px;
    padding-left: 29px;
} */

#flyoutContact .opciones a.telefono:hover {
    background-position: 0 -891px;
}

/* #flyoutContact .opciones a.chat {
    background: url(../images/header/branding_main.png) no-repeat 0 -712px;
    margin-right: 5px;
    margin-top: 12px;
    padding-left: 29px;
}

#flyoutContact .opciones a.chat:hover {
    background-position: 0 -772px;
} */

#flyoutContact a {
    color: var(--blue-400) !important;
}

.bluel {
    color: #00589d !important;
    text-decoration: none !important;
}

.flyout {
    -moz-border-radius: 0 0 0.8em 0.8em;
    -ms-border-radius: 0 0 0.8em 0.8em;
    -o-border-radius: 0 0 0.8em 0.8em;
    -webkit-border-radius: 0 0 0.8em 0.8em;
    margin-left: 2px;
    margin-top: 14px;
    position: absolute;
    width: 240px;
    z-index: 20;
}

.flyout .opciones {
    background-color: #fff;
    float: left;
    height: 20px;
    padding: 18px 16px;
    width: 208px;
    border-left: var(--gray-300) solid 1px;
    border-right: var(--gray-300) solid 1px;
    border-bottom: var(--gray-300) solid 1px
}

input.gsc-search-button {
    background: url(../images/header/searchButton.jpg) no-repeat scroll right center transparent !important;
    border: medium none !important;
    color: #666;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 10px;
    height: 15px;
    margin-left: 2px;
    margin: -1px 0 0 !important;
    padding: 0;
    text-align: center;
    width: 31px;
}

.gsc-input {
    color: #666;
}

span.pipe {
    line-height: 17px;
}

#header .utilities_nav {
    background-color: var(--blue-300);
    height: 16px;
    padding: 8px 0px;
}

#header .utilities_nav #nav_home {
    float: right;
}

#header .utilities_nav a {
    color: #fff;
}

#header .utilities_nav #nav_home li a {
    _float: left;
    _height: 100%;
    _margin: 0 10px;
    _padding: 0 10px;
    _text-decoration: none;
}

#header .utilities_nav #nav_home>li>a {
    float: left;
    margin: 0 10px;
    text-decoration: none;
}

#header .utilities_nav #nav_home a.arrow {
    margin-left: 10px;
}
/* header logout geolocalization  */
#header .utilities_nav #nav_home a.align-elements { 
    display: flex;
    flex-direction: row;
    align-items: center;
}

.space-right { 
    margin-right: 8px;
}

/* #header .utilities_nav #nav_home a.arrow.active {
    background: #707070 url(../images/header/close_utilities.jpg) scroll no-repeat 0px 3px;
} */

#header .utilities_nav #nav_home>li {
    float: left;
    position: relative;
}

#header .utilities_nav #nav_home li {
    _float: left;
    _margin-top: 1px;
    _position: relative;
}

.menu_principal #menu {
    background: url(../img/avatar/img/bg_menuprinc.gif) repeat-x;
    height: 27px;
    padding: 0 30px;
    width: auto;
}

.menu_principal #menu a {
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    padding: 6px 9px;
    text-decoration: none;
}

.menu_principal #menu a:hover {
    text-decoration: none;
}

.menu_principal #menu a.selected {
    background: url(../img/avatar/img/bg_menuprinc_sel.gif) repeat-x;
}

.menu_principal #menu a.salir {
    background: url(../img/avatar/img/bg_salir.gif) repeat-x;
    float: right;
    margin-top: 1px;
    padding: 5px 15px;
}

.menu_principal .bottom {
    background: #b2dbea;
    height: 2px;
    width: auto;
}

.bienvenido {
    border-bottom: 1px solid #ccc;
    color: #000;
    font-size: 12px;
    height: 34px;
    margin: 0 30px;
    width: auto;
}

.bienvenido p {
    padding-top: 12px;
}

.cont_busqueda_esp .div_porperiodo p {
    display: block;
    float: left;
}

.bienvenido p a {
    color: #000;
    text-decoration: none;
}

.bienvenido p a:hover {
    color: #00589d;
    text-decoration: none;
}

.bienvenido p .divisor {
    padding: 0 5px;
}

.bienvenido p .mensajes {
    background: url(../img/avatar/img/mensajes.gif) no-repeat;
    display: block;
    float: left;
    font-size: 11px;
    height: 15px;
    margin-right: 5px;
    padding-left: 0;
    padding-top: 1px;
    text-align: center;
    width: 17px;
}

.menu_izq {
    background: url(../img/avatar/img/bg_menuizq.png) repeat-y right;
    float: left;
    height: 440px;
    margin-right: 25px;
    margin-top: -35px;
    width: 215px;
}

.menu_izq .opciones {
    border-top: 1px dotted #000;
    margin-right: 10px;
    margin-top: 40px;
}

.menu_izq .opciones .opcion {
    background: url(../img/avatar/img/flecha_menuizq_1.gif) no-repeat right;
    border-bottom: 1px dotted #000;
    cursor: pointer;
    font-size: 12px;
    padding: 13px 25px 12px 5px;
}

.menu_izq2 .opciones .subopciones .subopcion:hover {
    color: #39c;
}

.menu_izq .opciones .opcion_sel {
    background: url(../img/avatar/img/flecha_menuizq_2.gif) no-repeat right;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    padding: 13px 25px 12px 5px;
}

.menu_izq .opciones .subopciones {
    border-bottom: 1px dotted #000;
    padding-bottom: 15px;
}

.menu_izq .opciones .subopciones .subopcion {
    cursor: pointer;
    padding: 6px 0 6px 20px;
}

.menu_izq .opciones .subopciones .subopcion_sel {
    background: #f3f3f3;
    cursor: pointer;
    padding: 6px 0 6px 20px;
}

.footer {
    margin-top: 25px;
    overflow: hidden;
    background-color: #FFF6F3;
    width: 100%;
}

.footer .top {
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 1px 3px;
    clear: both;
    overflow: hidden;
    width: 100%;
}
.cusExpFooter{
    margin: auto;
}
.footer .top a {
    color: #007C94;
    text-decoration: underline;
    font-family: var(--font-micro-bold);
    line-height: var(--line-height-16);
    font-size: var(--size-12);
}

.footer .top a:hover {
    color: #056dae;
    text-decoration: none;
    text-decoration: underline;
}

.footer .bottom {
    width: 100%;
}

.modal {
    color: var(--blue-400);
    display: none;
    position: fixed;
    top: 0;
    z-index: 9999999;
    border-radius: var(--radius-m, 12px);
    background: var(--background-base-neutral, #FFF);
}

.modal .content {
    width: 572px;
    border-radius: var(--radius-m, 12px);
    background: var(--background-base-neutral, #FFF);
    border: none;
}

div#modal_commonError .modal .content {
    padding: 30px;
}

.popup .content .bottom_contenido {
    background: #f7f7f7;
    height: 47px;
    margin-left: 10px;
    margin-right: 13px;
    width: auto;
}

.popup .content .bottom_contenido .titulo {
    float: left;
    font-size: 20px !important;
    padding: 15px 0 0 30px;
}

.popup .content .bottom_contenido .links {
    float: right;
    font-size: 12px;
    padding: 15px 30px 0 0;
}
/* // escucharte  */
.popup .titulo.modaltitulo p {
    /* headline-01 */
    font-family: var(--font-text-semibold);
    font-size: var(--size-24);
    line-height: var(--line-height-28);
    color: var(--blue-400);
}
.popup .content .close { 
    display: flex;
    flex-direction: row-reverse;
    cursor: pointer;
}
.popup .close::before { 
    content: '\F065';
    text-align: center;    
    font-family: 'Banamex-Icons';
    font-size: 15px;
    color: var(--blue-300);
    position: absolute;    
    font-weight: bold;
}
.popup .overflow .titulocontenido p {
    /* headline-03 */
    font-family: var(--font-text-semibold);
    font-size: var(--size-20);
    line-height: var(--line-height-24);
    color: var(--blue-400);

}
.popup .contenido .textocontenido ul li {
    list-style: none !important;
    padding-bottom: 10px;
    /* label-04 */
    font-family: var(--font-text-regular);
    font-size: var(--size-14);
    line-height: var(--line-height-18);
    color: var(--blue-300);

}

.popup .contenido .puntos  { 
    border-bottom: 1px solid var(--gray-300);
}
.popup .contenido {
    background: #fff;
    border: 1px solid var(--blue-400);
    color: #000;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    min-width: 428px;
    padding: 30px 30px 20px 35px;
    width: auto;
    max-height: 400px;
    border-radius: var(--border-radius-m);
}
.popup .contenido .points-button  { 
    margin-top: 40px;
    border-top: 1px solid var(--gray-300);
}
.popup .contenido input.btn_az.floatR { 
    margin-top: 15px;
}
.bottom_contenido .links a {
    padding: 7px 0 5px 35px;
    text-decoration: none;
    font-family: var(--font-text-semibold);
    font-size: var(--size-16);
    line-height: var(--line-height-20);
    color: var(--gray-600);
}

.bottom_contenido .links a.enviar {
    background: url(../img/avatar/img/enviar.gif) 10px 9px no-repeat;
}

.bottom_contenido .links a.enviar:hover {
    background: url(../img/avatar/img/enviar_h.gif) 11px 9px no-repeat;
    color: #39c;
}

.bottom_contenido .links a.llamar::before {
    font-family: 'Banamex-Icons';
    content: '\F0F7';
    margin-right: 8px;
    font-size: var(--size-16);
    color: var(--gray-600);
    font-weight: 600;
}

.bottom_contenido .titulo {
    font-family: var(--font-text-semibold);
    font-size: var(--size-16);
    line-height: var(--line-height-20);
}

.modal .close {
    background: url(/JFP/images/icons-citi-small-line-close.png) no-repeat;
    clear: both;
    cursor: pointer;
    float: right;
    height: 15px;
    overflow: hidden;
    width: 15px;
}

.tooltip_left .close:hover {
    background: url(../img/avatar/img/cerrar_modalHOVER.gif) no-repeat;
    clear: both;
    cursor: pointer;
    float: right;
    height: 15px;
    overflow: hidden;
    width: 15px;
}

.modal .close2 {
    clear: both;
    cursor: pointer;
    float: right;
    height: 15px;
    overflow: hidden;
    width: 15px;
}

.modal .titulo,
.modal .titulo p {
    font-family: var(--font-text-semibold);
    font-size: var(--size-20);
    line-height: var(--line-height-24);
    padding: 12px 0px;
}

.popup .contenido .titulocontenido {
    font-size: 12px;
    font-weight: 700;
    padding-bottom: 10px;
    width: auto;
}

.popup .contenido .titulocontenido p{
    font-size: 16px;
    color: #001E22;
    font-family: "Banamex Text Regular", sans-serif !important;
}

#modal_logout #accordion .ui-accordion-content p, #modal_logout #accordion .ui-accordion-content{
    color: #001E22;
    font-family: "Banamex Text Regular", sans-serif !important;
}

.modal .contenido .titulocontenido_normal {
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 10px;
    width: auto;
}

.popup .contenido .puntos {
    /* background: url(../img/avatar/img/puntos.png) bottom repeat-x; */
    overflow: hidden;
}

.popup .contenido .puntos_foot {
    /* background: url(../img/avatar/img/puntos.png) top repeat-x; */
    overflow: hidden;
}

.modal .contenido .titulocontenido_ico {
    font-family: var(--font-text-semibold);
    font-size: var(--size-14);
    line-height: var(--line-height-18);
    padding-bottom: 10px;
    width: 420px;
    display: flex;
    font-weight: 600;
}

.modal .contenido .titulocontenido_ico::before {
    font-family: 'Banamex-Icons';
    content: '\F13C';
    font-size: var(--size-20);
    color: var(--orange-400);
    font-weight: 600;
    margin-right: 8px;
}

.modal .contenido .textocontenido {
    font-family: var(--font-text-regular);
    font-size: var(--size-14);
    line-height: var(--line-height-18);
    min-height: 144px;
    padding-bottom: 10px;
    width: auto;
}

.modal .contenido .textocontenido ul li {
    list-style: disc !important;
    padding-bottom: 9px;
}

#contenido_pag.contract .contenido a {
    text-decoration: underline;
}

.modal .contenido .label_porimporte {
    float: left;
    margin-right: 5px;
}

.popup {
    /* background: url(../img/avatar/img/bg_popup.gif) repeat; */
    color: #333;
    display: block;
    height: 100%;
    min-width: 550px !important;
    overflow: hidden;
    width: auto;
}

.popup .content {
    margin-left: auto;
    margin-right: auto;
    min-width: 550px;
    padding-bottom: 30px;
    width: auto;
}

.popup .close {
    /* background: url(../img/avatar/img/cerrar_modal.gif) no-repeat; */
    cursor: pointer;
    float: right;
    height: 15px;
    left: 12px;
    position: relative;
    width: 15px;
}

.popup .close::before{
    font-family: 'Banamex-Icons';
    content: '\F065';
    font-size: 16px;
    color: var(--blue-300);
    font-weight: 600;
}

.popup .close:hover {
    /* background: url(../img/avatar/img/cerrar_modalHOVER.gif) no-repeat; */
}

.popup .titulo {
    clear: both;
    font-weight: 20px;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
}

.popup .contenido {
    background: #fff;
    border: 1px solid #DAE9EE;
    color: #000;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    min-width: 428px;
    padding: 30px 30px 20px 35px;
    width: auto;
    border-radius: 12px;
}

.modal .contenido .titulocontenido_icook {
    background: url(../img/avatar/img/input_correcto.gif) 0 2px no-repeat;
    font-size: 12px;
    font-weight: 700;
    padding-bottom: 10px;
    padding-left: 25px;
    width: 420px;
}

.popup .contenido .textocontenido {
    font-size: 12px;
    min-height: 176px;
    padding-bottom: 10px;
    width: auto;
}

.popup .contenido .textocontenido ul li {
    list-style: none !important;
    padding-bottom: 9px;
}

#cambiaImagen2 {
    height: 520px;
    margin-left: auto;
    margin-right: auto;
    max-width: 984px;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}

#contenido_login {
    clear: both;
    clear: none !important;
    height: 235px;
    height: 355px;
    height: 470px;
    height: auto;
    overflow: hidden;
    overflow: initial !important;
    padding-top: 24px !important;
    width: 100%;
}

.bg_0 {
    background: #fff url(../img/avatar/img/bg_login/bg_0.jpg) center no-repeat;
}

.bg_1 {
    background: #fff url(../img/avatar/img/bg_login/bg_05.jpg) center no-repeat;
}

.bg_2 {
    background: #fff url(../img/avatar/img/bg_login/bg_2.jpg) center no-repeat;
}

.bg_3 {
    background: #fff url(../img/avatar/img/bg_login/bg_3.jpg) center no-repeat;
}

.bg_4 {
    background: #fff url(../img/avatar/img/bg_login/bg_4.jpg) center no-repeat;
}

.bg_en_1 {
    background: #fff url(../img/avatar/img/bg_login/bg_en_05.jpg) center no-repeat;
}

.bg_en_2 {
    background: #fff url(../img/avatar/img/bg_login/bg_en_2.jpg) center no-repeat;
}

.bg_en_3 {
    background: #fff url(../img/avatar/img/bg_login/bg_en_3.jpg) center no-repeat;
}

.bg_en_4 {
    background: #fff url(../img/avatar/img/bg_login/bg_en_4.jpg) center no-repeat;
}

.contenido_movimientos {
    clear: both;
    overflow: hidden;
}

#contenido_login #login {
    float: left;
    height: 428px !important;
    height: 515px !important;
    height: 531px !important;
    height: 546px !important;
    margin: 0px !important;
    margin: 45px 0 0 30px;
    margin: 56px 0 0 30px !important;
    min-width: 288px !important;
    position: relative;
    width: 210px;
    width: 296px !important;
    width: 568px !important;
    width: auto !important;
}

#contenido_login #login .top {
    background: rgba(47, 64, 89, 0.4);
    border-radius: 10px 10px 0 0;
    height: 0;
    width: 210px;
}

#contenido_login #login #content2 {
    height: 140px;
    margin-left: auto;
    margin-right: auto;
    padding: 16px 1px 28px 24px;
    padding: 16px 7px 28px 160px;
    padding: 16px 7px 28px 17px;
    padding: 20px 10px 20px 20px;
    width: 186px;
    width: 248px;
    width: 271px;
}

#contenido_login #login #content3 {
    height: 160px;
    height: 180px;
    margin-left: auto;
    margin-right: auto;
    padding: 16px 7px 28px 160px;
    padding: 16px 7px 28px 17px;
    padding: 16px 7px 28px 20px;
    padding: 16px 7px 28px 24px;
    width: 186px;
    width: 248px;
}

#contenido_login #login .content {
    background: #ffffff !important;
    background: rgba(47, 64, 89, 0.4);
    border-radius: 10px 10px 0 0;
    font-size: 12px;
    height: 250px;
    padding: 24px 10px 20px 20px;
    width: 180px;
}

.loginContrasea {
    color: #333333 !important;
    color: #666666 !important;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    height: 18px;
    letter-spacing: normal;
    line-height: 1.5;
    line-height: 20px !important;
    width: 100px;
    width: 158px;
}

.loginCard {
    background-color: #ffffff !important;
    background-color: #ffffff;
    border-radius: 4px !important;
    border-radius: 4px;
    box-shadow: 0 12px 24px 0 rgba(130, 167, 217, 0.32) !important;
    box-shadow: 0 12px 24px 0 rgba(130, 167, 217, 0.32);
    float: none !important;
    height: 411px !important;
    margin: 56px 0px 0px 30px !important;
    position: absolute !important;
    position: initial !important;
    top: 88px !important;
    width: 211px !important;
    width: 211px;
    width: 296px;
    z-index: 2;
}

.RectangleInput {
    background-color: #ffffff;
    border-radius: 2px;
    border: solid 1px #666666;
    height: 12px;
    width: 12px;
}

.Button-Area2 {
    background-color: #056dae;
    border-radius: 2.7px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    height: 32px;
    height: 48px;
    margin-top: 3px !important;
    position: relative;
    text-align: center;
    top: 8px;
    width: 176px;
    width: 248px;
}

.Button-Area-label {
    color: #ffffff !important;
    display: block;
    font-size: 12px;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    height: 12px;
    height: 35px;
    letter-spacing: normal;
    line-height: 1;
    line-height: 20px;
    padding-top: 13px;
    position: relative;
    text-align: center;
    top: 0px;
    top: 10px;
    width: 55px;
    width: auto;
}

#contenido_login #login .content p {
    color: #fff;
    line-height: 12px;
    padding-bottom: 13px;
}

#contenido_login #login .content input[type="password"] {
    border: none;
    font-weight: 700;
    height: 15px;
    width: 165px;
}

#aBLOCKUSER_t3504_sblockuserflowNoActivityBNP_5 a.btn_az {
    color: #fff;
}

.form_login {
    margin-bottom: 10px;
}

.paginacion a.num {
    padding-left: 5px;
    padding-right: 5px;
}

#contenido_login #login .content a.verifica {
    border-bottom: 1px dotted #fff;
}

.tooltip_verifica {
    display: none;
    position: absolute;
    z-index: 99999999;
}

.tooltip_left .close {
    background: url(../img/avatar/img/cerrar_modal.gif) no-repeat;
    clear: both;
    cursor: pointer;
    float: right;
    height: 15px;
    left: 20px;
    overflow: hidden;
    position: relative;
    top: -5px;
    width: 15px;
}

.tooltip_verifica .flecha {
    background: url(../img/avatar/img/flecha_tooltip_verifica.png) no-repeat;
    height: 7px;
    margin-left: 50px;
    position: relative;
    width: 18px;
    z-index: 999;
}

.tooltip_verifica .box {
    background: #fff;
    border: 1px solid #ccc;
    color: #666;
    font-size: 11px;
    max-width: 200px;
    padding: 15px 30px 15px 15px;
    position: relative;
    top: -1px;
    z-index: 99;
}

.tooltip_left .box a {
    color: #666 !important;
    font-size: 11px;
    text-decoration: underline !important;
}

.tooltip_verifica .box a:hover {
    color: #02589d !important;
    font-size: 11px;
    text-decoration: underline !important;
}

#contenido_login .bottom {
    background: none !important;
    background: url(../img/avatar/img/bottom_login.png) bottom no-repeat;
    font-size: 12px;
    height: 110px;
    padding-top: 3px;
    position: relative;
    right: 25px;
    width: 210px;
}

#contenido_login .bottom .herramienta {
    color: #00589d;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -1px;
    padding-left: 3px;
}

#contenido_login .bottom a.vermas {
    font-weight: 700;
    margin-left: 0px;
    margin-left: 28px;
    margin-top: 10px;
    text-decoration: none !important;
    width: auto;
}

.pagos_frec a:hover {
    text-decoration: underline !important;
}

#contenido_login #texto_bg {
    color: #fff;
    float: left;
    margin-left: 35px;
    margin-top: 210px;
    width: auto;
}

#contenido_login #texto_bg .texto {
    font-size: 17px;
    padding-left: 8px;
    padding-top: 30px;
}

#contenido_login #texto_bg .link {
    padding-left: 8px;
    padding-top: 15px;
}

#contenido_login #texto_bg a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}


/* #contenido_pag {
    min-height: 400px;
    overflow: hidden;
    padding: 0 30px;
} */

#contenido_pag.contract .titulo2 {
    border-bottom: solid 2px #c5c5c5;
    overflow: hidden;
    padding: 25px 0 12px;
}

#contenido_pag.busqueda .text_titulo {
    font-size: 20px;
}


#contenido_pag.contract .contenido ul {
    list-style: disc;
    padding-left: 15px;
}

#contenido_pag.contract .contenido ul li {
    padding-bottom: 13px;
}

#contenido_pag.contract .contenido ul li a {
    border-bottom: 1px dotted #000;
    color: #000;
    text-decoration: none;
}

#contenido_pag.contract .contenido ul li a:hover {
    border-bottom: 1px dotted #00589d;
    color: #00589d;
    text-decoration: none;
}

#contenido_pag.contract .pie_contenido {
    clear: both;
    height: auto;
    overflow: hidden;
    padding-top: 20px;
    width: 100%;
}

.accion_back {
    background: #fff url(../img/avatar/img/flecha_gris_l.gif) 0 3px no-repeat;
    color: #00589d;
    display: block;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 7px;
    padding-left: 10px;
    text-decoration: none;
}

.accion {
    display: block;
    margin-left: 20px;
    margin-top: 7px;
    padding-left: 10px;
    text-decoration: none;
}

.accion2 {
    display: block;
    margin-top: 3px;
    padding-left: 10px;
    text-decoration: none !important;
}

.accion3 {
    display: block;
    margin-left: 20px;
    margin-top: 4px;
    padding-left: 10px;
    text-decoration: none;
}

.accion4 {
    display: block;
    margin-left: 20px;
    margin-top: 7px;
    padding-left: 10px;
    text-decoration: none;
}

#contenido_pag.contract .contenidoScroll {
    border-bottom: solid 1px #f0f0f0;
    clear: both;
    color: #333;
    font-size: 12px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-decoration: none;
}

#contenido_pag.contract .contenidoScroll .texto {
    padding: 25px 30px;
}

#contenido_pag.contract .contenidoScroll .scrollbar {
    height: 173px !important;
    margin-top: 3px;
    padding-right: 2px;
}

.form_conten {
    clear: both;
    margin-bottom: 11px;
    margin-top: 7px;
    overflow: inherit;
    padding-left: 82px;
}

.form_conten input[type="text"] {
    padding: 3px 7px;
}

.form_label {
    clear: both;
    margin-top: 1px;
    overflow: hidden;
}

.form_label span {
    float: left;
    padding-top: 3px;
    width: 177px;
}

.form_label span.select {
    float: left;
    padding-left: 10px;
    padding-top: 0;
    width: 169px;
}

.form_label input {
    color: #a1a1a1;
    float: left;
    font-size: 13px;
    margin: 0;
}

input.revisar {
    background: #fefed3 !important;
}

label.error {
    margin-top: -13px;
    position: absolute;
}

span.error2 {
    float: none !important;
    height: 48px;
    margin-left: 2px;
    margin-top: -13px;
    overflow: hidden;
    position: absolute;
    width: 307px;
    z-index: 2;
}

span.largeError {
    float: none !important;
    height: 48px;
    margin-left: 2px;
    margin-top: -13px;
    overflow: hidden;
    position: absolute;
    width: 350px;
    z-index: 2;
}

span.largerError {
    float: none !important;
    height: 48px;
    margin-left: 2px;
    margin-top: -13px;
    overflow: hidden;
    position: absolute;
    width: 450px;
    z-index: 2;
}

span.largerError2 {
    float: none !important;
    height: 48px;
    margin-left: 2px;
    margin-top: -13px;
    overflow: hidden;
    position: absolute;
    width: 750px;
    z-index: 2;
}

span.largerError2 .flecha {
    background: url(../img/avatar/img/flecha_tooltip_error.png) repeat-x;
    display: block;
    float: left;
    height: 48px;
    width: 25px;
}

span.largerError2 .content {
    background: url(../img/avatar/img/content_tooltip_error.png) repeat-x;
    display: block;
    float: left;
    height: 33px;
    padding-top: 15px;
    width: auto;
}

span.largerError2 .fin {
    background: url(../img/avatar/img/fin_tooltip_error.png) repeat-x;
    display: block;
    float: left;
    height: 48px;
    width: 20px;
}

.copyF11 {
    position: relative;
    top: -3px;
    vertical-align: baseline;
}

.tooltip_left {
    display: none;
    position: absolute;
    width: 180px;
    z-index: 99999999;
}

.tooltip_left .flecha {
    background: url(../img/avatar/img/flecha_tooltip_left.png) no-repeat;
    float: left;
    height: 20px;
    left: 2px;
    margin-top: 20px;
    position: relative;
    width: 10px;
}

.tooltip_left .box {
    background: #fff;
    border: 1px solid #bfbfbf;
    color: #333;
    float: left;
    font-size: 11px;
    padding: 15px 30px 15px 15px;
    width: 115px;
}

.popup #accordion {
    color: #333;
    min-width: 420px;
    outline: 0 none;
    width: auto;
}

.popup #accordion .h3 {
    /* background: url(../img/avatar/img/bg_h3_popup.gif) repeat-x; */
    cursor: pointer;
    display: block;
    outline: 0 none;
    width: auto;
    border-bottom: 1px solid var(--gray-300);
}

.popup #accordion .h3 p {
    /* background: url(../img/avatar/img/h3_popup_close.gif) right no-repeat; */
    outline: 0 none;
    padding: 0;
}

.popup #accordion .h3 p::after{
    font-family: 'Banamex-Icons';
    content: '\F05E';
    font-size: 16px;
    color: #007C94;
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    margin-top: -16px;
}

.popup #accordion .ui-state-focus p {
    /* background: url(../img/avatar/img/h3_popup_open.gif) right no-repeat; */
    outline: 0 none;
    padding: 0;
    font-family: 'Banamex Text Regular', sans-serif;
    color: #001E22;
}

.popup #accordion .ui-state-focus p::after{
    font-family: 'Banamex-Icons';
    content: '\F061';
    font-size: 16px;
    color: #007C94;
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    margin-top: -16px;
}

.popup #accordion div {
    outline: 0 none;
    overflow: visible !important;
    padding: 7px 0;
}

.contenido_account_summary {
    clear: both;
    overflow: hidden;
    padding-bottom: 0;
}

.contenido_account_summary .error_cuenta {
    color: red !important;
    font-weight: 700 !important;
    width: 195px;
}

.expandir_contraer {
    float: right;
    overflow: hidden;
}

.expandir_contraer a {
    display: block;
    float: right;
    font-size: 12px;
    margin-left: 15px;
    padding: 0 0 1px 20px;
    text-decoration: none !important;
}

#contenido_pag.busqueda.pagination .inactivo:hover {
    text-decoration: none !important;
}

.expandir_contraer a.habilitado {
    color: #000 !important;
}

.expandir_contraer a.deshabilitado {
    color: #808182 !important;
    cursor: default;
}

.expandir {
    background: url(../img/avatar/img/ico_expandir.gif) no-repeat;
}

.contraer {
    background: url(../img/avatar/img/ico_contraer.gif) no-repeat;
}

.titulo_cuentas {
    border-bottom: 1px solid #000;
    clear: both;
    cursor: pointer;
    margin-top: 30px;
    overflow: hidden;
    padding: 0 10px 10px;
}

.titulo_cuentas .ico {
    float: left;
    height: 15px;
    margin-right: 15px;
    margin-top: 45px;
    width: 15px;
}

.titulo_cuentas .text {
    color: #000;
    float: left;
    font-size: 14px;
    font-weight: 700;
    margin-top: 45px;
}

.titulo_cuentas .resumen_total {
    float: right;
    width: auto;
}

.titulo_cuentas .resumen_total p {
    color: #000;
    font-weight: 700;
    line-height: 18px;
    padding: 27px 70px 0 0;
    text-align: right;
}

.contenido_cuentas {
    clear: both;
    display: none;
    font-size: 12px;
    overflow: hidden;
}

.contenido_cuentas table th p {
    color: #000;
    padding: 5px 35px 5px 75px;
}

.contenido_cuentas table td.last p {
    padding-right: 75px;
}

.contenido_cuentas table th.descripcion {
    width: 575px;
}

.contenido_cuentas table th.monto {
    font-weight: 400;
    text-align: right;
    width: auto;
}

.contenido_cuentas table td {
    border-top: 1px solid #ccc;
}

.movimientos .table_movimientos tbody td.first {
    background: url(../img/avatar/img/bg_cuentas.png) repeat-x;
}

.contenido_cuentas table td p {
    color: #888;
    line-height: 25px;
    padding: 9px 35px 9px 20px;
}

.contenido_cuentas table td p a {
    color: #000 !important;
    text-decoration: underline !important;
}

.contenido_cuentas table td.descripcion p {
    padding-left: 75px;
}

.contenido_cuentas table td.monto {
    font-weight: 700;
    text-align: right;
    width: auto;
}

.contenido_cuentas table td.foot {
    background: #f5f5f5;
    border-top: 1px solid #ccc;
}

.contenido_cuentas table td.foot p {
    line-height: 15px;
    padding-bottom: 12px !important;
    padding-top: 12px !important;
}

.bienvenido .selected {
    color: #00589d;
}

.busqueda .pagination ul {
    display: inline;
    margin: 0;
    padding-left: 0 !important;
}

#contenido_pag.busqueda .titulo {
    border-bottom: solid 2px #f0f0f0;
    overflow: hidden;
    padding: 30px 0 4px;
}

#contenido_pag.busqueda .contenido {
    border-bottom: solid 1px #f0f0f0;
    clear: both;
    color: #333;
    font-size: 12px;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 20px;
}

.pagination {
    margin: 30px auto;
    width: 350px;
}

#contenido_pag.busqueda .pagination ul li {
    display: inline;
    list-style: none outside none;
}

#contenido_pag.busqueda .pagination .next {
    border-bottom: none;
    color: #177495;
    padding: 5px;
    text-decoration: none;
}

#contenido_pag.busqueda .pagination ul li a.hover {
    background-color: #177495;
    color: #fff;
}

#contenido_pag.busqueda .inactivo {
    color: #ccc !important;
}

.tabla_info {
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 20px;
    margin-top: 10px;
    width: 405px;
}

.tabla_info .titulo_navegadres {
    border-bottom: 1px solid #999;
    color: #333;
    font-weight: 700;
    padding: 5px 10px 5px 0;
    width: auto;
}

.tabla_info .titulos {
    border-bottom: 1px solid #cfcfcf;
    clear: both;
    overflow: hidden;
}

.tabla_info .titulos div {
    color: #000;
    font-weight: 700;
    padding: 5px 10px;
}

.tabla_info .gradiente {
    background: url(../img/avatar/img/bg_cuentas.png) repeat-x;
    clear: both;
    overflow: hidden;
}

.tabla_info .tabla_contenido div {
    padding: 5px 10px;
}

.tabla_info td {
    padding: 10px;
}

.tabla_info thead th {
    border-bottom: 1px solid #999;
    color: #333;
    font-weight: 700;
    text-align: left;
}

.tabla_info tbody th {
    border-bottom: 1px solid #cfcfcf;
    color: #000;
    font-weight: 700;
    text-align: left;
}

.filtrar {
    background: url(../img/avatar/img/filtrar.gif) 0 1px no-repeat;
    display: block;
    font-weight: 700;
    overflow: visible;
    padding: 5px 0 5px 28px;
    position: relative;
    top: -5px;
}

.paginacion {
    padding: 2px 0 !important;
}

.paginacion a {
    color: #00589d !important;
    text-decoration: none !important;
}

.paginacion a.num_sel {
    border: 1px solid #666;
    color: #666 !important;
    font-weight: 700;
    height: 25px;
    padding: 1px 5px;
}

.paginacion a.anterior {
    background: url(../img/avatar/img/flecha_gris_l.gif) left no-repeat;
    padding-left: 10px;
    padding-right: 5px;
}

.paginacion a.siguiente {
    background: url(../img/avatar/img/flecha_gris_r.gif) right no-repeat;
    padding-left: 5px;
    padding-right: 10px;
}

.paginacion a.pag_iz {
    background: url(../img/avatar/img/pag_iz.gif) center no-repeat;
    height: 9px;
    width: 7px;
}

.paginacion a.pag_der {
    background: url(../img/avatar/img/pag_der.gif) center no-repeat;
    height: 9px;
    width: 7px;
}

.busqueda_especifica {
    margin: 0;
    padding: 0;
}

.busqueda_especifica .titulo_busqueda_esp {
    font-size: 14px;
    font-weight: 700;
    margin: 10px 0 0;
}

.busqueda_especifica .cont_busqueda_esp {
    float: left;
    margin-top: 30px;
}

.cont_busqueda_esp .div_porperiodo {
    clear: both;
    margin-top: 10px;
    overflow: hidden;
}

.cont_busqueda_esp .botones {
    clear: both;
    margin-top: 17px;
    overflow: hidden;
    width: 315px;
}

.busqueda_especifica .que_deseas {
    border-left: 1px solid #ccc;
    float: right;
    height: 120px;
    margin: 12px 90px 0 0;
    padding: 0 0 0 14px;
}

.busqueda_especifica .que_deseas .que_deseas_tit {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 0 20px;
}

.movimientos {
    margin-top: 30px;
}

.pagos_frec a {
    color: #00589d !important;
    margin-top: 0 !important;
    text-decoration: none !important;
}

.movimientos .titulo_movimientos {
    clear: both;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 8px;
}

.movimientos .div_cargando {
    color: #ccc;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.pagos_frec .table_pagos_frec {
    border-bottom: 1px solid #ccc;
    clear: both;
    font-size: 12px;
    width: 100%;
}

.movimientos .table_movimientos thead th {
    border-top: 1px solid #9a9a9a;
    font-weight: 700;
    padding: 8px 10px 8px 3px;
    text-align: left;
}

.movimientos .table_movimientos tbody .no_resultados {
    color: #999;
    font-size: 18px;
    padding: 20px 0;
    text-align: center;
}

.movimientos .table_movimientos tbody td {
    border-top: 1px solid #ccc;
    padding: 19px 10px 19px 3px;
}

.movimientos .table_movimientos tbody td.descripcion {
    border-top: none !important;
    padding: 0 !important;
}

.pagos_frec .table_pagos_frec tbody .mov {
    clear: both;
    display: none;
    overflow: hidden;
}

.movimientos .table_movimientos tbody .div_descripcion {
    border-top: 1px dotted #ccc;
    padding: 14px 0 14px 38px;
}

.movimientos .table_movimientos tbody .div_descripcion_error {
    border-top: 1px dotted #ccc;
    color: red;
    font-weight: 700;
    padding: 60px 8px 56px;
    text-align: center;
}

.movimientos .table_movimientos tbody .ico {
    cursor: pointer;
    height: 15px;
    left: 12px;
    position: relative;
    top: 4px;
    width: 15px;
}

.movimientos .table_movimientos tbody td.last {
    background: url(../img/avatar/img/bg_cuentas_last.png) bottom repeat-x;
}

.movimientos .table_descripcion {
    clear: both;
    color: #888;
    width: 100%;
}

.movimientos .table_descripcion td {
    border-top: none !important;
    padding: 2px 0 !important;
}

.pagos_frec .table_pagos_frec tbody .mov .mov1 {
    padding-bottom: 100px;
}

.movimientos .table_movimientos .expandir {
    background: url(../img/avatar/img/ico_expandir2.gif) no-repeat;
}

.movimientos .table_movimientos .contraer {
    background: url(../img/avatar/img/ico_contraer2.gif) no-repeat;
}

.sort_black {
    background-image: url(../img/avatar/img/sort_black.gif);
    float: left;
    height: 7px;
    margin: 5px 0 0 6px;
    width: 8px;
}

.sort_grey {
    background-image: url(../img/avatar/img/sort_grey.gif);
    float: left;
    height: 7px;
    margin: 5px 0 0 6px;
    width: 8px;
}

.sort_grey_r {
    background-image: url(../img/avatar/img/sort_grey.gif);
    float: right;
    height: 7px;
    margin: 5px 0 0 6px;
    width: 8px;
}

.autocomplete {
    display: none;
    position: absolute;
    width: 250px;
}

.autocomplete a {
    background: url(../img/avatar/img/bg_a_autocomplete.png) no-repeat;
    color: #333;
    display: block;
    font-size: 11px;
    height: 19px;
    padding: 9px 0 0 20px;
    text-decoration: none;
    width: auto;
}

.autocomplete a:hover {
    background: url(../img/avatar/img/bg_a_autocomplete_h.png) no-repeat;
    text-decoration: none;
}

.autocomplete a.last {
    height: 18px;
}

.autocomplete .bottom_autocmplt {
    background: url(../img/avatar/img/bottom_autocomplete.png) no-repeat top left;
    height: 17px;
    width: 250px;
}

#imprimir_contenido {
    margin-left: auto;
    margin-right: auto;
    padding: 35px 50px 0;
    width: 605px;
}

#imprimir_contenido .header {
    background: url(../img/avatar/img/LogoBanamex.gif) no-repeat;
    border-bottom: 1px solid #dfdfdf;
    height: 55px;
    width: auto;
}

#imprimir_contenido .titulo {
    border-bottom: 1px dotted #999;
    color: #000;
    font-size: 12px;
    padding: 24px 20px;
}

#imprimir_contenido .titulo_cuenta {
    border-bottom: 1px solid #9e9e9e;
    color: #4e4e4e;
    font-size: 12px;
    font-weight: 700;
    padding: 25px 20px 8px;
}

#imprimir_contenido .tabla_cuentas {
    border-bottom: 1px solid #9e9e9e;
    clear: both;
    font-size: 12px;
    margin-bottom: 25px;
    width: 100%;
}

#imprimir_contenido .tabla_cuentas th {
    border-bottom: 1px solid #d7d7d7;
    font-weight: 700;
    padding: 5px 20px 5px 0;
}

#imprimir_contenido .tabla_cuentas td {
    padding: 15px 20px 15px 0;
}

#imprimir_contenido .tabla_movimientos {
    clear: both;
    font-size: 12px;
    width: 100%;
}

#imprimir_contenido .tabla_movimientos td {
    border-bottom: 1px solid #d7d7d7;
    padding: 15px;
}

#imprimir_contenido .footer {
    border-top: 1px solid #dfdfdf;
    clear: both;
    font-size: 11px;
    margin-top: 61px;
    padding: 10px 20px;
}

.titulo_compatibilidad {
    color: #666;
    font-size: 16px;
    position: relative;
    top: -15px;
}

.fnd_ctas {
    background-image: url(../img/avatar/img/fnd_ctas.png);
}

.div_cargando {
    padding-bottom: 460px;
    background-color: #fff !important;
    color: #ccc;
    filter: alpha(opacity=90);
    font-size: 14px;
    font-weight: 700;
    height: 100%;
    max-width: 984px;
    opacity: 0.9;
    padding-bottom: 300px;
    position: absolute;
    width: 100%;
    z-index: 99999;
}

.loader {
    margin-right: 60px;
    position: relative;
    text-align: center;
}

.pagos_opc li {
    border-bottom: 1px solid #ccc;
    color: #ccc;
    cursor: pointer;
    float: left;
    font-size: 11px;
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0 0 2px !important;
    width: 105px;
}

.pagos_opc li.selected {
    border-bottom: 3px solid #666;
    color: #000;
    padding: 0 0 2px !important;
}

.pagos_opc li.confirma {
    border-bottom: 1px solid #666;
    color: #333;
    padding: 0 0 2px !important;
}

.pagos_opc li.respuesta {
    background: url(../img/resp_line.gif) bottom right no-repeat;
}

.pagos_opc li.respuesta2 {
    background: url(../img/resp_line2.gif) bottom right no-repeat;
}

.pagos_tit {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin: 5px 0 0;
}

.pagos_txt {
    font-size: 12px;
    margin: 20px 0 0;
}

.pagos_table {
    margin: 25px 0 0;
    padding: 0 0 3px;
    width: 100%;
}

.pagos_table2 {
    margin: 0;
    padding: 0 0 15px;
    width: 100%;
}

.pagos_table3 {
    margin: 0;
    padding: 0;
    width: 100%;
}

.pagos_table td {
    font-size: 12px;
    padding-bottom: 9px\9;
    padding: 0 0 14px;
    vertical-align: middle;
}

.pagos_table2 td {
    font-size: 12px;
    padding: 0 0 15px;
    vertical-align: middle;
}

.pagos_table3 td {
    font-size: 12px;
    padding: 0 0 20px;
    vertical-align: top;
}

.pagos_conf {
    font-size: 12px;
    font-weight: 700;
    height: 15px;
    margin: 22px 0 0;
}

.menu_izq .opciones .opcion_pagos {
    border-bottom: 1px dotted #000;
    cursor: pointer;
    font-size: 12px;
    padding: 13px 25px 12px 5px;
}

.valign_top {
    vertical-align: top !important;
}

.ico_adv {
    background: url(../img/ico_advertencia.gif) no-repeat;
    float: left;
    height: 12px;
    margin: 0 5px 0 0;
    width: 12px;
}

span.error2 .flecha {
    background: url(../img/flecha_tooltip_error.png) repeat-x;
    display: block;
    float: left;
    height: 48px;
    width: 25px;
}

span.error2 .content {
    background: url(../img/content_tooltip_error.png) repeat-x;
    display: block;
    float: left;
    height: 33px;
    padding-top: 15px;
    width: auto;
}

span.error2 .fin {
    background: url(../img/fin_tooltip_error.png) repeat-x;
    display: block;
    float: left;
    height: 48px;
    width: 20px;
}

.comboH {
    top: -1px;
    display: inline;
    position: relative;
}

.selhoras {
    background: url(../img/select_arrow.gif) top right no-repeat;
    cursor: pointer;
    margin: 0 0 0 10px;
    width: 65px;
}

.horas_M {
    margin-top: 20px;
    background: #fff;
    border: 1px solid #ccc;
    display: none;
    height: 88px;
    left: 10px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    width: 67px;
}

#horasM li {
    margin-left: -15px;
    background-color: #fff;
    border-bottom: 1px dotted #ccc;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    list-style: none;
    padding: 1px 0 0 12px;
    width: 90px;
}

#horasM li:hover {
    background-color: #e3e3e4;
}

.brd_dot_table {
    padding-bottom: 4px;
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    margin: 0;
    padding: 15px 0 5px;
}

#contenido_pag.contract .pie_contenido1 {
    height: 45px;
    padding: 15px 0 0 115px;
}

input[type="text"][disabled] {
    border-color: var(--neutral-300) !important;
    color: var(--neutral-300) !important;
}

.palomita {
    background: url(../img/avatar/img/input_correcto2.gif) top left no-repeat;
    height: 13px;
    margin: 0;
    width: 15px;
}

.pagos_cal_scroll {
    margin: 15px 0 0 24px;
}

.check_guardar {
    display: block;
    list-style: none;
    margin: 0 0 0 2px;
}

.check_guardar .guardaOp {
    display: block;
    float: left;
    padding: 0 0 0 5px;
}

.check_guardar .disabled {
    background-image: url(images/disabled.png) !important;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.pagos_frec {
    margin-top: 19px;
    position: relative;
}

.pagos_frec2 {
    margin-top: 18px;
    position: relative;
}

.pagos_frec .titulo_pagos_frec {
    clear: both;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-left: 12px;
    padding-bottom: 5px;
}

.pagos_frec .table_pagos_frec thead th {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #000;
    font-weight: 700;
    padding: 5px 10px 5px 0;
    text-align: left;
}

.pagos_frec .table_pagos_frec tbody td {
    padding: 0 10px 0 0;
}

.pagos_frec .table_pagos_frec tbody .tipos td {
    padding: 12px 0 !important;
    vertical-align: middle;
}

.pagos_frec .table_pagos_frec tbody .ico {
    cursor: pointer;
    height: 13px;
    margin: 0 0 0 15px;
    width: 10px;
}

.pagos_frec .table_pagos_frec tbody td.first {
    background: url(../img/bg_cuentas_f.png) repeat-x;
}

.last_div {
    background: url(../img/bg_cuentas_last.png) bottom repeat-x;
}

.pagos_frec .table_pagos_frec tbody td.descripcion {
    padding: 0 !important;
}

.pagos_frec .table_descripcion {
    clear: both;
    color: #333;
    width: 100%;
}

.pagos_frec .table_descripcion td {
    border-top: none !important;
    padding: 10px 0 10px 2px !important;
    vertical-align: middle;
}

.pagos_frec .table_pagos_frec .expandir {
    background: url(../img/ico_expandir2.gif) no-repeat;
}

.pagos_frec .table_pagos_frec .contraer {
    background: url(../img/ico_contraer2.gif) no-repeat;
}

.pagos_frec .table_pagos_frec tbody .div_descripcion {
    border-bottom: 1px solid #ccc;
    height: 70px;
    padding: 6px 20px 6px 0;
}

.pagos_frec .table_pagos_frec tbody .div_descripcion2 {
    height: 70px;
    padding: 6px 20px 6px 0;
}

.pagos_frec .no_registro {
    line-height: 18px;
    margin-top: 24px;
}

.accion6 {
    background: #fff url(../img/flecha_accion.gif) 0 5px no-repeat;
    color: #00589d;
    display: block;
    font-size: 12px;
    margin-left: 33px;
    margin-top: 7px;
    padding-left: 10px;
    text-decoration: none;
}

.no_reg {
    background: url(../img/alert_azul.png) top left no-repeat;
    display: inline-block;
    line-height: 13px;
    margin: 0;
    padding: 0 0 0 20px;
    word-spacing: -0.5px;
}

span.error_der {
    background: url(../img/error5.png) 0 0 no-repeat;
    height: 55px;
    margin-top: -33px;
    overflow: hidden;
    padding: 29px 0 0 31px;
    position: absolute;
    right: 178px;
    width: 180px;
    z-index: 2;
}

span.error_izq {
    background: url(../img/error4.png) 0 0 no-repeat;
    height: 33px;
    margin-top: -19px;
    overflow: hidden;
    padding: 22px 0 0 34px;
    position: absolute;
    width: 168px;
    z-index: 2;
}

input.revisar1 {
    background: #ff9 !important;
}

#contratoCheq #updateHolder {
    border: 1px solid #ccc;
    color: #333;
    height: 255px;
    margin-top: 0;
    overflow: hidden;
    width: 100%;
}

#listaHoras #updateScollBar {
    background-image: url(../img/scroll_fnd2.png);
    background-repeat: no-repeat;
    cursor: default;
    position: absolute;
    right: 0;
    top: 0;
    width: 7px;
}

#contratoCheq .scroll_y {
    padding: 5px 0 9px;
}

#contratoCheq .viewport {
    height: 154px;
}

#listaHoras2 {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333;
    margin-top: 0;
    overflow: hidden;
    width: 65px;
}

#listaHoras2 #updateHolder {
    height: 90px;
    overflow: hidden;
}

.list_abs {
    margin-top: 20px;
    left: 10px;
    position: absolute;
}

.cmbClaves1 {
    line-height: 19px;
    padding: 7px 0 29px;
    text-align: justify;
}

.cmbClaves2 {
    border-top: 1px solid #ccc;
    line-height: 19px;
    padding: 7px 0 0;
}

.revisar2 {
    background: #ff9;
    opacity: 0.9;
}

.contrato_chequera_p {
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    margin: 20px 0 0;
    padding: 26px 0 27px;
}

.contrato_chequera_p2 {
    border-top: 1px dotted #ccc;
    margin: 20px 0 0;
    padding: 26px 0 27px;
}

.contrato_chequera {
    color: #666;
    padding: 4px 10px 30px 12px;
    word-spacing: -1.3px;
}

.contrato_chequera p {
    padding: 15px 0 0;
    padding: 19px;
}

.paddingB5ie9 {
    padding-bottom: 18px !important;
}

.pie_contenido2 {
    height: 45px;
    padding: 15px 0 0;
}

.menu_izq2 {
    background: url(../img/bg_menuizq.png) repeat-y right;
    float: left;
    height: 440px;
    margin-right: 25px;
    margin-top: -35px;
    width: 215px;
}

.menu_izq2 .opciones {
    border-top: 1px dotted #000;
    margin-right: 10px;
    margin-top: 54px;
}

.menu_izq2 .opciones .opcion {
    background: url(../img/flecha_menuizq_1.gif) no-repeat right;
    border-bottom: 1px dotted #000;
    cursor: pointer;
    font-size: 12px;
    padding: 13px 25px 12px 5px;
}

.menu_izq2 .opciones .opcion_sel {
    background: url(../img/flecha_menuizq_2.gif) no-repeat right;
    border-bottom: none !important;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    padding: 13px 25px 12px 5px;
}

.menu_izq2 .opciones .subopciones {
    padding-bottom: 17px;
    border-bottom: 1px dotted #000;
    padding-bottom: 37px / IE9;
    padding-bottom: 40px;
}

.menu_izq2 .opciones .subopciones .subopcion {
    cursor: pointer;
    margin-top: 3px;
    padding: 6px 30px 6px 42px;
}

.menu_izq2 .opciones .subopciones .subopcion_sel {
    background: #f3f3f3;
    cursor: pointer;
    margin: 3px 1px 0 0;
    padding: 6px 30px 6px 42px;
}

.menu_izq2 .opciones .opc_sub {
    background: url(../img/opc_sub.png) 160px center no-repeat;
    font-weight: 700;
    margin: 7px 0 6px 25px;
}

.tt-box {
    position: relative;
}

#aceptoTerm span.error_der {
    left: -215px;
    margin-top: -37px;
}

.pagos_tit_cheqp {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin: 22px 0 0;
}

.check_acepto {
    display: block;
    list-style: none;
    margin: 16px 0 0;
    position: relative;
}

.check_acepto .termycond {
    float: left;
    padding: 0 0 0 5px;
}

.check_acepto span.acepto {
    background: url(../img/disabled.png) no-repeat;
    float: left;
    height: 14px;
    width: 15px;
}

.cuenta_cheques {
    margin: 21px 0 0;
}

.cuenta_cheques table td {
    height: 28px;
    vertical-align: middle;
}

.radios1 {
    float: left;
    margin: 0 9px 0 0;
}

#tick_img_radio3 {
    margin-top: 4px;
    margin-top: 2px;
}

.chkpagInicio {
    margin: 2px 5px 0 0;
}

.acepto_contrato_lic {
    margin: 0 0 0 4px;
}

span.largeErrorB {
    float: none !important;
    height: 61px;
    margin-left: 2px;
    margin-top: -22px;
    overflow: hidden;
    position: absolute;
    width: 350px;
    z-index: 2;
}

span.largerErrorB {
    float: none !important;
    height: 61px;
    margin-left: 2px;
    margin-top: -22px;
    overflow: hidden;
    position: absolute;
    width: 450px;
    z-index: 2;
}

span.largerError2B {
    float: none !important;
    height: 61px;
    margin-left: 2px;
    margin-top: -22px;
    overflow: hidden;
    position: absolute;
    width: 750px;
    z-index: 2;
}

span.largerError2B .flecha {
    background: url(../img/avatar/img/errorB_flecha_izq1.png) repeat-x;
    display: block;
    float: left;
    height: 62px;
    width: 34px;
}

span.largerError2B .content {
    background: url(../img/avatar/img/errorB_cont_izq1.png) repeat-x;
    display: block;
    float: left;
    height: 38px;
    padding-top: 24px;
    width: auto;
}

span.largerError2B .fin {
    background: url(../img/avatar/img/errorB_fin_izq1.png) repeat-x;
    display: block;
    float: left;
    height: 62px;
    width: 26px;
}

span.errorB .fin {
    background: url(../img/avatar/img/errorB_fin_izq1.png) repeat-x;
    display: block;
    float: left;
    height: 83px;
    width: 26px;
}

x:default {
    margin-left: -6px !important;
}

span.errorC {
    float: none !important;
    height: 83px;
    margin-left: 2px;
    margin-top: -33px;
    overflow: hidden;
    position: absolute;
    right: 77px;
    width: 307px;
    z-index: 2;
}

span.errorC .flecha {
    background: url(../img/avatar/img/errorC_flecha_der1.png) no-repeat;
    display: block;
    float: left;
    height: 83px;
    width: 35px;
}

span.errorC .content {
    background: url(../img/avatar/img/errorC_cont_der1.png) repeat-x;
    display: block;
    float: left;
    height: 55px;
    padding-top: 27px\9;
    padding-top: 28px;
    width: auto;
}

span.errorC .fin {
    background: url(../img/avatar/img/errorC_fin_der1.png) repeat-x;
    display: block;
    float: left;
    height: 83px;
    width: 29px;
}

.check_acepto span.errorC {
    float: none !important;
    height: 83px;
    margin-left: 2px;
    margin-top: -34px;
    overflow: hidden;
    position: absolute;
    right: 569px;
    width: 307px;
    z-index: 2;
}

.wspace_1 {
    word-spacing: -1px;
}

.sAdmiracion {
    float: left;
    margin-right: 8px;
    margin-top: -2px;
}

.sAdmiracion:before {
    font-family: 'Banamex-Icons';
    content: '\F13C';
    color: var(--orange-400);
    font-size: var(--size-18);
    font-weight: 600;
}

.revisar3 {
    background-color: #ff9 !important;
}

.item {
    list-style: inherit outside none;
}

.citibank-containerImg {
    padding: 40px 0px 20px 0px;
}

#citibank-logo {
    background: url(../../../JFP/regional/images/layout/logo_banamex.png) no-repeat scroll 0 0 transparent;
    float: left;
    height: 86px;
    width: 388px;
}

#citibank-image {
    background: url(../../../JFP/regional/images/layout/imageHeaderCiti.png) no-repeat scroll 0 0 transparent;
    float: left;
    height: 86px;
    width: 100%;
}

#server-info {
    color: var(--blue-300);
    height: 16px;
}

.clear_change {
    clear: both;
    height: 1px;
}

.borderRight {
    border-right: 1px solid #ccc;
}

.width470 {
    width: 470px !important;
}

.margin-right29 {
    margin-right: 29px !important;
}

.width30 {
    width: 30px;
}

.margin-right3 {
    margin-right: 3px;
}

.margin-bottom20 {
    margin-bottom: 20px;
}

.margin-bottom15 {
    margin-bottom: 15px;
}

.width400 {
    width: 400px !important;
}

.margin-left5 {
    margin-left: 5px !important;
}

.margin-top3 {
    margin-top: 3px !important;
}

.error-x {
    float: left;
    height: 15px;
    margin-right: 9px;
    width: 15px;
}

.error {
    background-color: #ff9;
}

.tt-char {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 8px 0 #cfcfcf;
    padding: 15px;
}

.char-row a {
    color: #00589d;
    display: block;
    float: left;
    font-weight: 700;
    height: 15px;
    margin-right: 3px;
    text-align: center;
    text-decoration: none !important;
    width: 15px;
}

.char-row a:hover {
    border: 1px solid #00589d;
    height: 14px !important;
    margin-left: -1px;
    margin-top: -1px;
    width: 14px !important;
}

.tt-box h4 {
    background: none repeat scroll 0 0 #eee;
    padding: 10px;
    text-align: center;
}

h4 {
    font-size: 12px;
    margin-bottom: 20px;
}

.tt-box .tt-char-arrow {
    background: url(../../../JFP/regional/images/layout/tt-char-arrow.png) no-repeat scroll 0 0;
    height: 9px;
    position: absolute;
    width: 15px;
}

.char-row a.chActive {
    border: 1px solid #666;
    color: #666;
    height: 15px;
    margin-left: -2px;
    margin-top: -1px;
    width: 15px;
}

ul.bulletList li {
    display: list-item !important;
    list-style-type: disc !important;
    margin-bottom: 15.3px;
    margin-left: 13px;
    padding-bottom: 0;
}

ul.bulletList {
    padding-left: 0;
}

.boxInstructions {
    border: 1px solid #ccc;
    float: left;
    padding: 30px;
    width: 375px;
}

.padding-right35 {
    padding-right: 35px !important;
}

.width452 {
    width: 452px !important;
}

.overlay-error .scroll_y {
    border: none !important;
    margin: 0 0 0;
    width: auto;
}

.overlay-error .scroll_y .viewport {
    width: 422px !important;
    overflow: hidden;
    position: relative;
    width: auto;
}

.overlay-error .scroll_y .overview {
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}

.overlay-error .scroll_y .scrollbar {
    background-position: 0 0;
    float: right;
    margin-right: -22px !important;
    margin-top: 5px;
    position: relative;
    width: 8px;
}

.overlay-error .scroll_y .flechaUp {
    margin-left: 0 !important;
    margin-left: 0 !important;

    background: transparent url(../images/scrollbar/flecha_up.png) no-repeat;
    float: right;
    height: 4px;
    margin-bottom: -4px;
    margin-right: -21px;
    width: 7px;
}

.overlay-error .scroll_y .flechaUp2 {
    background: transparent url(../images/scrollbar/flecha_up.png) no-repeat;
    float: right;
    height: 4px;
    margin-bottom: 5px;
    margin-right: -3px;
    width: 7px;
}

.overlay-error .scroll_y .flechaUp_over {
    background: transparent url(../images/scrollbar/flecha_up_over.png) no-repeat;
    float: right;
    height: 4px;
    width: 7px;
}

.overlay-error .flechaDown {
    background: transparent url(../images/scrollbar/flecha_down.png) no-repeat;
    float: right;
    height: 4px;
    margin-right: -21px;
    margin-top: 14px;
    width: 7px;
}

.overlay-error .flechaDown2 {
    background: transparent url(../images/scrollbar/flecha_down.png) no-repeat;
    float: right;
    height: 4px;
    margin-right: -3px;
    margin-top: 5px;
    width: 7px;
}

.overlay-error .flechaDown_over {
    background: transparent url(../images/scrollbar/flecha_down_over.png) no-repeat;
    height: 4px;
    width: 7px;
}

.overlay-error .scroll_y .track {
    height: 100%;
    margin-top: 6px;
    padding: 0;
    position: relative;
    width: 7px;
}

.overlay-error .scroll_y .thumb {
    cursor: pointer;
    height: 20px;
    overflow: visible;
    position: absolute;
    top: 0;
    width: 7px;
}

.overlay-error .scroll_y .thumb_over {
    background: transparent url(../images/scrollbar/bg-scrollbar-thumb-y_over.png) no-repeat 0 100%;
    cursor: pointer;
    height: 20px;
    overflow: visible;
    position: absolute;
    top: 0;
    width: 7px;
}

.overlay-error .scroll_y .thumb .end {
    height: 5px;
    margin-top: -3px;
    overflow: hidden;
    position: relative;
    top: -2px;
    width: 7px;
}

.overlay-error .scroll_y .thumb .end_over {
    background: transparent url(../images/scrollbar/bg-scrollbar-thumb-y-end_over.png) no-repeat !important;
    height: 5px;
    margin-top: -3px;
    overflow: hidden;
    position: relative;
    top: -2px;
    width: 7px;
}

.overlay-error #scrollbar .scroll_y {
    color: #333;
    padding: 0;
}

.overlay-error #scrollbar .viewport {
    height: 188px;
}

input.width30 {
    width: 1.5em;
}

#summaryTooltip-info .row {
    background: none repeat scroll 0 0 #fff;
    height: auto;
    margin-top: 16px;
    min-height: 150px;
    position: relative !important;
    width: auto;
}

#summaryTooltip-info .col {
    background: none repeat scroll 0 0 #fff;
    height: auto;
    min-width: 250px;
    position: relative !important;
    width: auto;
}

.overlay-iframe {
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.overlay-bg {
    background-color: #f7f7f7;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
}

.overlay-box {
    -moz-box-shadow: 0 0 40px 0 #666;
    -webkit-box-shadow: 0 0 40px 0 #666;

    background: #fff;
    box-shadow: 0 0 40px 0 #666;
    height: 550px;
    left: 50%;
    margin-left: -325px;
    margin-top: -360px;
    padding: 20px;
    position: absolute;
    top: 50%;
    width: 630px;
}

.overlay-close {
    background: #00589d;
    border-radius: 11px;
    border: 2px solid #fff;
    color: #fff;
    display: block;
    font-size: 15px;
    height: 18px;
    line-height: 15px;
    margin-right: -9px;
    margin-top: -9px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 18px;
}

.errorposition {
    left: 447px;
    left: 467px;
    position: absolute;
}

#avatar-bookmark {
    color: white;
    display: none !important;
    display: none;
    float: right;
    font-size: 12px;
    padding-right: 100px;
    padding-top: 42px;
    text-transform: uppercase;
}

#aSEEEBANKINGTRANSACTION_t999_sseeebankingtransactionflowSEBT-PaymentsPage .largerErrorB {
    margin-left: -12px;
}

#aACTIVATEINTERNETPASSWORD_t4008_s100 .width470 {
    width: 450px !important;
}

#aACTIVATEINTERNETPASSWORD_t4008_s100 #div_num_key {
    min-width: 450px !important;
    width: 450px !important;
}

.btn_azul_overlay {
    background: url(../img/avatar/img/btn_azul.gif) repeat-x !important;
    border-radius: 0;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    height: 20px;
    overflow: visible;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    width: 93px;
}

.whiteLock {
    background: url("../img/avatar/img/spritePreSignOn.png") no-repeat -22px -5px;
    display: inline-block;
    height: 11px;
    margin-left: 5px;
    width: 9px;
}

#header .utilities_nav #nav_home .arrowDown {
    background: url("/JPS/portal/rebranding/assets/down.svg") no-repeat -5px -4px;
    display: inline-block;
    height: 6px;
    padding-right: 7px;
    width: 6px;
}

#contenido_login .bottom .arrowVermas {
    background: url("../img/avatar/img/spritePreSignOn.png") no-repeat -159px -5px;
    display: inline-block;
    height: 7px;
    padding-right: 5px;
    width: 5px;
}

#contenido_login #texto_bg .link .arrowAzulR {
    background: url("../img/avatar/img/spritePreSignOn.png") no-repeat -112px -5px;
    display: inline-block;
    height: 8px;
    padding-right: 6px;
    width: 6px;
}

#contenido_login #texto_bg .link .arrowBlanca {
    background: url("../img/avatar/img/spritePreSignOn.png") no-repeat -128px -5px;
    display: inline-block;
    height: 8px;
    padding-right: 6px;
    width: 6px;
}

#contenido_login .bottom .noinstaladoImg {
    background: url("../img/avatar/img/noinstall.png");
    background: url("../img/avatar/img/spritePreSignOn.png") no-repeat -77px -5px;
    display: inline-block;
    height: 25px;
    width: 25px;
    width: 27px;
}

#contenido_login .bottom .instaladoImg {
    background: url("../img/avatar/img/installed.png");
    background: url("../img/avatar/img/spritePreSignOn.png") no-repeat -41px -5px;
    display: inline-block;
    height: 25px;
    height: 26px;
    width: 25px;
    width: 27px;
}

#aUNBLOCKCODE_t4037_s100 #userIdErrorToolTip {
    padding-left: 20px;
}

.popup.call-us .contenido .textocontenido {
    padding-right: 20px;
}

.popup.call-us #accordion .ui-accordion-content {
    height: auto !important;
    overflow: hidden !important;
    padding-bottom: 17px;
}

.popup.call-us .viewport {
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.footer a {
    font-size: 12px;
}

.footer .bottom p {
    color: #001E22;
}

#footerContainer.footer-noresponsive-container {
    max-width: 1092px;
}

.bottonBanner {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-width: 576px;
    max-width: 768px;
    padding: 0px !important;
    padding: 0px 0%;
    padding: 0px 3px;
    padding: 0px 5%;
    position: initial;
    position: relative;
}

.bottonBanner img {
    height: 216px;
    height: 282px;
    height: auto;
    max-width: 576px;
    max-width: 768px;
    max-width: 930px;
    max-width: 984px !important;
    width: 576px;
    width: 768px;
    width: 984px;
}

.xmuiSpinner {
    background: url(../img/avatar/img/spinner.gif) !important;
}

#transmitContainerSpinner {
    position: absolute;
    z-index: 999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#transmitContainerSpinner img {
    height: 100px;
}

.blqmnuhome {
    background: none !important;
}

.preSignonLinksLogin1 {
    background: none !important;
    padding-top: 12px !important;
    padding-top: 6px !important;
    width: 250px !important;
}

.arrowRight {
    background: url(../../../JFP/regional/images/layout/triangle.png) no-repeat !important;
}

.preSignonLinksLogin1 a {
    background: none !important;
    color: #333333 !important;
    font-size: 10px;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    height: 10px;
    height: 12px;
    letter-spacing: normal;
    line-height: normal;
}

.Captura-de-Pantalla-2020-08-31-a-las-211738-Copy {
    height: 358px;
    object-fit: contain;
    width: 945px;
}

.newLoginLabel {
    position: relative;
    top: 14px;
    top: 20px;
    width: 280px;
    width: 560px;
}

.newLoginLabel2 {
    position: relative;
    top: 0px;
    width: 650px;
}

.newLoginRemember {
    position: relative;
    top: 12px;
    top: 15px;
    top: 9px;
    width: 210px;
    width: 248px;
}

#remember_usertext {
    bottom: 0px;
    bottom: 1px;
    color: #333333 !important;
    font-size: 10px !important;
    font-size: 14px !important;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300 !important;
    height: 10px;
    letter-spacing: normal;
    line-height: normal;
    margin-left: 8px;
    margin-top: 6px !important;
    position: relative;
    top: 1px;
    width: 100px;
    width: 142px;
}

.info_icon {
    background: url(../../../JFP/regional/images/layout/icons-citi-small-bordered-help-copy.png) no-repeat scroll center center transparent !important;
    position: relative;
    right: 52px;
}

#linkIBM[onclick] {
    cursor: pointer;
}

.activeSlide {
    background-color: #006dae !important;
    background-color: #ffffff;
    border-radius: 4px !important;
    border-radius: 4px;
    height: 8px !important;
    height: 8px;
    width: 16px !important;
    width: 16px;
}

.Rectangle-Copy {
    background-image: linear-gradient(to bottom,
            rgba(102, 102, 102, 0.1),
            #333333);
    border-radius: 3.2px;
    height: 286px;
    width: 984px;
}

.Eres-nuevo {
    color: #333333;
    font-size: 12px;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
    height: 14px;
    left: 0px;
    left: 16px;
    left: 24px;
    letter-spacing: normal;
    line-height: 1.17;
    line-height: 14px;
    position: relative;
    top: 17px;
}

.RegButton {
    border-radius: 2.8px;
    border: solid 1.1px #054bae;
    cursor: pointer;
    height: 32px;
    height: 48px;
    left: 0px;
    left: 15px;
    left: 24px;
    margin-top: 16px;
    position: relative;
    text-align: center;
    top: 16px;
    top: 18px;
    top: 8px;
    width: 177px;
    width: 248px;
}

.RegButton a {
    color: #054bae !important;
    display: block;
    font-size: 12px;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    height: 14px;
    letter-spacing: normal;
    line-height: 1.17;
    line-height: 20px;
    margin-top: 10px !important;
    margin-top: 11px !important;
    margin-top: 7px !important;
    position: relative;
    text-align: center;
    width: auto;
}

.bottom .preSignonLinksLogin1 {
    padding-left: 42px !important;
}

.installImg {
    height: 14px;
    left: 12px;
    object-fit: contain;
    position: relative;
    top: 2px;
    width: 16px;
}

#contenido_login .bottom .instaladonoComp {
    background: url("../img/avatar/img/spritePreSignOn.png") no-repeat -77px -5px;
    display: inline-block;
    height: 25px;
    width: 25px;
}

#aSEETAX_t_s100 td.subrow-lasttd {
    padding-left: 8px !important;
}

/* styles modify for modal login, information correcta */
/* R10.2024 | MRCB-413 | modal loginm | voladores de papantla */
.modal .contenido {
    background: var(--neutral-0);
    width: 480px;
}

.psswrdErrorUXFTAHeader {
    background-color: var(--neutral-0);
    height: 32px !important;
    max-height: 32px !important;
    padding: 0px !important;
}

.unblockcode_5_UXFTATitle {
    margin-top: 24px;
}

.psswrdErrorUXFTAContent {
    margin-top: 16px !important;
    padding-left: 40px !important;
    margin-right: 40px !important;    
}
.psswrdErrorUXFTAIconText {
    display: flex;
    flex-direction: row;    
}

.psswrdErrorUXFTAIconText i {
    margin-right: 5px;
}

.tituloCommonErrorHeaderContent { 
    margin-left: 40px !important;
    margin-bottom: 24px !important;
}
.psswrdErrorUXFTABotom {    
    display: flex;
    width: 560px !important;
    margin-right: 40px !important;
    max-height: 76px !important;
    margin-right: 0 !important;
    background: #FFFF !important;
    margin-left: 0px !important;
    border-top: 1px solid var(--gray-300);
    padding-top: 16px;
}

.bottom__modal__error { 
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    float: none !important;
}

.psswrdErrorUXFTALinks {
    left: 0px !important;
    padding: 0px 40px !important;
    position: relative !important;
    top: 0px !important;
}

.psswrdErrorUXFTALinks .floatLeft {
    display: flex;
    justify-content: space-between;
    float: none;
}

#aLOGINBNP_t713_sloginbnpflowCommonError .psswrdErrorUXFTALinks .floatLeft {
    justify-content: end;
}

.psswrdErrorUXFTAButton {
    width: 120px;
    height: 48px;    
    text-align: center;
    background-color: var(--blue-300);
    color: var(--neutral-0);
    font-family: var(--font-text-regular);
    font-size: 16px !important;
    padding: 14px 24px;
    border-radius: var(--border-radius-s);
    border: none;
    cursor: pointer;
}

.psswrdErrorUXFTAHeader a.ui-state-hover {
    border: 0px;
}

.psswrdErrorUXFTACloseBtn {
    background-image: url(../../../apps/commonUI/lib/images/icons1x.png);
}

.psswrdErrorUXFTATitle h1 {
    color: #333333;
    font-weight: normal !important;
    height: 20px;
    margin: 0px;
    padding-bottom: 15px;
    text-transform: none;
}

.unblockcode_5_UXFTAIconText {
    display: flex;
    font-size: 14px;
    font-weight: bold;
}

.unblockcode_5_UXFTAIconText p {
    padding-left: 8px;
}

.unblockcode_5_UXFTAIconText span {
    font-family: 'Banamex-Icons';
    font-weight: bold;
    font-size: var(--size-20);
    color: var(--red-300);

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.unblockcode_5_UXFTAIconText span:before {
    content: '\F13C';
}

.unblockcode_5_UXFTAText {
    font-size: 14px !important;
}

.psswrdErrorUXFTA {
    background-color: #fff;
}

.psswrdErrorUXFTAsello {
    display: inline-block;
    margin-left: 40px !important;
    margin-top: 40px !important;
}

.psswrdErrorUXFTAContainer {
    display: flex;
    margin-top: 12px;
    cursor: pointer;
    padding: 0px 8px;
}

.psswrdErrorUXFTAIcon {
    font-weight: bold;
    padding-right: 8px;
}

.unblockcode_en {
    background: url(../images/header/arrow_down_utilities.png) scroll no-repeat 90px 5px !important;
    padding: 0 13px !important;
}

.padding0 {
    padding: 0px !important;
}

.unblockcode_5_UXFTACloseButton {
    background-image: url("../../../apps/commonUI/lib/images/icons1x.png");
    background-size: 12px;
    float: right;
    position: relative;
    height: 12px;
    width: 12px;
    top: -60px;
    left: -10px;
}

.unblockcode_5_UXFTAContainer {
    border-bottom: 1px solid #eee;
}

.unblockcode_5_UXFTAContent {
    border: 0px !important;
    box-sizing: border-box;
    margin: 0px !important;
    padding: 0 40px 20px !important;
    width: 100% !important;
}

.unblockcode_5_UXFTABottomContainer {
    border-top: 1px solid #eee;
    padding: 16px 40px 24px 40px !important;
}

.unblockcode_5_UXFTASello {
    display: inline-block;
    margin-left: 0px !important;
    margin-top: 30px !important;
}

.unblockcode_5_UXFTALinkContainer {
    display: inline-block;
    float: right;
}

.unblockcode_5_UXFTALink {
    background-image: unset !important;
    background-position: unset !important;
    color: var(--gray-600) !important;
    cursor: pointer;
    font-family: var(--font-text-semibold);
    font-size: 16px !important;
    font-weight: bold;
    margin: 0px !important;
    padding: 14px 24px !important;
}

.unblockcode_5_UXFTAButton {
    background-color: var(--blue-300) !important;
    color: var(--neutral-0);
    font-size: var(--size-16);
    line-height: var(--line-height-20);
    font-weight: 600;
    padding: 14px 24px;
}

.widthResp320 {
    margin-left: 16px !important;
    margin-right: 16px !important;
    max-width: auto !important;
}

.widthp100 {
    max-width: 100% !important;
    width: 100% !important;
}

.bottomBannerimgMobile img {
    height: 216px;
    max-width: 100%;
    width: 100%;
}

.bottomBannerimgMobile {
    display: initial !important;
    padding: 0px !important;
    width: 100% !important;
}

.footer .bottom .copyF11 {
    color: #666666;
    font-size: 12px !important;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.17;
}

#area_login {
    clear: none !important;
    margin-bottom: 60px;
    overflow: initial !important;
}

.Subttulo-Copy1 {
    color: #333333;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    height: 21px;
    left: 0px;
    letter-spacing: normal;
    line-height: 1.5;
    position: relative;
    right: 0px;
    top: 10px;
    width: auto;
}

.registerWrapper {
    border-bottom: 1px solid #fff;
    height: 20px;
    line-height: 20px;
    margin-bottom: 44px !important;
    margin-left: 160px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5px;
    padding-left: 13px;
    width: 100%;
    width: 248px !important;
}

.PromCitiText1 {
    color: #333333 !important;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    left: 0px;
    letter-spacing: normal;
    line-height: 18px !important;
    margin-left: 8px;
    margin-right: 8px;
    padding-top: 8px;
    position: relative;
    top: 0px;
    width: auto;
}

.PromCitiText2 {
    color: #666666 !important;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    left: 0px;
    letter-spacing: normal;
    line-height: 18px !important;
    margin-left: 8px;
    margin-right: 8px;
    padding-bottom: 8px;
    position: relative;
    top: 0px;
    width: auto;
}

.PromCitiText3 {
    color: #056dae;
    font-size: 14px;
}


#content3 .Button-Area-label {
    color: #ffffff !important;
    display: block;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    height: 35px;
    letter-spacing: normal;
    line-height: 20px;
    padding-top: 15px;
    position: relative;
    text-align: center;
    top: 0px;
    width: 55px;
    width: auto;
    z-index: 2;
}

.Slide-rectangle-CopyMobile1 {
    background-image: none;
    border-radius: 3.2px;
    display: initial !important;
    height: 78px;
    width: 288px !important;
}

.slideshow-containerMobile1 {
    left: 0px;
    margin: auto;
    max-width: 1000px;
    position: relative;
    width: 100%;
}

.loginSlideImageMobile1TextCard {
    background-color: #ffffff !important;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: -2px 8px 18px 1px rgba(130, 167, 217, 0.32);
    height: auto;
    left: 0px !important;
    margin: 0px;
    position: relative;
    text-align: left;
    top: 0px;
    transition: transform 0.2s;
    width: 100% !important;
}

.imgBannerMobile288 {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: auto;
    width: 100% !important;
}

.slideDotContainerMobile1 {
    bottom: 35px;
    position: relative;
    text-align: center;
    top: 3px;
}

.sliderDotMobile1 {
    background-color: #006dae;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin: 0 2px;
    transition: background-color 0.6s ease;
    width: 8px;
}

.widthResp576 {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 576px !important;
}

.widthResp576Maintenance {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 576px;
}

.Subttulo-Copy2 {
    color: #333333;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    height: 21px;
    letter-spacing: normal;
    line-height: 1.5;
    position: relative;
    right: 32px;
    top: -18px;
    width: 448px;
}

.carrouselLogin_container {
    display: initial !important;
    height: 154px;
    margin-top: 42px;
    overflow: hidden;
    width: 1500px;
}

.car_leftLstLogin {
    cursor: pointer;
    display: inline-block;
    float: left;
    position: relative;
    top: 60px;
    transform: rotate(90deg);
}

.car_overLogin {
    filter: grayscale(100%);
    pointer-events: none;
}

.carouselArrowsLogin {
    height: 30px;
    width: 30px;
}

.carouselLogin {
    margin-left: 45px;
    margin-right: 45px;
    overflow: hidden;
    position: relative;
    width: auto;
}

.car_rightLstLogin {
    cursor: pointer;
    display: inline-block;
    left: 541px;
    position: relative;
    top: -123px;
    transform: rotate(270deg);
}

.mainCarouselLogin-inner {
    height: 160px;
    transform: translateX(0px);
    transition-duration: 0.5s;
    width: 1450px;
}

.carouselBanners1Login {
    background: #ffffff;
    border-radius: 2.8px;
    box-shadow: 0 3px 6px 0 rgba(130, 167, 217, 0.32);
    cursor: pointer;
    display: inline-block;
    height: 145px;
    width: 305px;
}

.carouselBannersImgDivLogin {
    background-color: #c6007e;
    border-radius: 13.5px;
    height: 0px;
    margin-left: 12.3px;
    margin-top: 8px;
    padding: 0px 11.4px 22px 3.6px;
    position: absolute;
    width: 51px;
}

.carouselBannersTextOfferLogin {
    color: #ffffff;
    display: block;
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-left: 12px;
    margin-top: 3px;
    position: relative;
    width: auto;
}

.carouselBannersTextDivLogin {
    background: #ffffff;
    border-color: red;
    border-radius: 8px;
    height: 64px;
}

.carouselBannersText1Login {
    color: #292c33;
    font-size: 13px;
    line-height: 18px;
    margin-left: 8.3px;
    margin-top: 5px;
    position: absolute;
    width: 300px;
}

.carouselBannersText2Login {
    color: #292c33;
    font-size: 13px;
    line-height: 18px;
    margin-left: 8.3px;
    margin-top: 26px;
    position: absolute;
    width: 264px;
}

.carouselBannersText2ImgLogin {
    height: 12px;
    margin-left: 5px;
    position: relative;
    top: 2px;
}

.carouselBanners2Login {
    background: #ffffff;
    border-radius: 2.8px;
    box-shadow: 0 3px 6px 0 rgba(130, 167, 217, 0.32);
    cursor: pointer;
    display: inline-block;
    height: 145px;
    height: 48px;
    margin-left: 16px;
    width: 305px;
}

.carouselImgLogin {
    height: 84px;
    width: 305px;
}

.widthResp768 {
    margin-left: auto;
    margin-right: auto;
    max-width: 768px;
}

.imgMainBanner768 {
    display: none !important;
    height: 223px;
    width: 768px !important;
}

#loginCustomerBox .width145 {
    width: 155px !important;
}

#legends1 {
    margin-top: 8px;
}

.imgTabletText {
    color: #ffffff;
    display: initial !important;
    font-size: 24px;
    left: 348px;
    position: absolute;
    top: 69px;
    width: 366px;
}

.imgTabletSubText {
    color: #ffffff;
    display: initial !important;
    font-size: 16px;
    left: 348px;
    position: absolute;
    top: 138px;
    width: 366px;
}

.imgMainBanner768Tablet {
    display: initial !important;
    height: 223px;
    width: 768px !important;
}

.widthResp {
    margin-left: auto;
    margin-right: auto;
    max-width: 984px;
}

.footResp .top {
    margin-left: 50px;
    margin-right: 50px;
    padding: 0px 0px 8px !important;
    width: auto !important;
}

.footResp .bottom {
    padding: 18px 50px 0 !important;
}

#aelectronicstatements_t_selectronicstmtsflowelectStmtAccpage #subapp-box {
    visibility: hidden;
}

.alert {
    border-radius: var(--border-radius-s);
    display: none;
    padding: 16px 16px 17px;
    width: 572px;
}

.alert.warning {
    background: #fff9d9;
}

.alert.warning .icon-warning-container {
    font-family: 'Banamex-Icons', sans-serif;
    font-size: var(--size-20);
    font-weight: 600;
    color: var(--orange-400);
    padding-right: 12px;
}

.alert.warning .icon-warning-container::before {
    content: '\F13C';
}

.alert.warning .icon-warning {
    display: none;
}

.alert .alert-container {
    display: flex;
}

.alert .caption-container {
    padding-right: var(--margin-s);
}

.alert .caption-container .title {
    color: var(--blue-400);
    font-size: var(--size-14) !important;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    line-height: var(--line-height-18);
}

.alert .caption-container .head-title {
    color: #292c33;
    font-size: 14px !important;
    font-weight: bold;
    line-height: 1.29;
    margin-bottom: 8px;
}

.alert img.icon-warning {
    margin: 0 12px 14px 0;
    object-fit: contain;
}

.alert img.icon-close {
    object-fit: contain;
}

.alert.margin-bottom32 {
    margin-bottom: 32px;
}

.alert.margin-top-10 {
    margin-top: -10px;
}

.alert.margin-bottom-10 {
    margin-bottom: -10px;
}

.alert.margin-tdcotherbank {
    margin-bottom: 32px;
    margin-top: 8px;
}

.alert.margin-otherbank {
    margin-bottom: 32px;
    margin-top: 24px;
}

.alert.margin-orderpayment {
    margin-bottom: 60px;
    margin-top: 8px;
}

.alert.margin-recap {
    margin-bottom: 20px;
    margin-top: 50px;
}

.banner-card-description .grid-link-ibm {
    color: #0061b9;
}

.card-description-mobile {
    display: block;
    display: none;
}

.grid-banner-card .banner-card-description a {
    font-size: 12px;
    font-weight: lighter;
}

.grid-banner-card .grid-text-tablet {
    display: block !important;
    display: none;
}

.grid-banner-card span {
    color: var(--gray-600) !important;
    cursor: pointer;
    text-decoration: underline var(--gray-600);
}

/* 
    BEGIN 
    R10.2024 | MRCB-419, MRCB-413 | Voladores de Papantla
    Online - Rebranding Banamex
    Desktop first design
*/

/*Header section start*/
.top-header-content{
    color: #FFFFFF;
}
.header-divider{
    background-color: #FFFFFF;
    height: 16px;
    width: 1px;
}
.header-arrow{
    padding-right: 4px;

}
#opciones-top.opciones{
    border-top: var(--gray-300) solid 1px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;

}
#opciones-bottom.opciones{
    border-bottom: var(--gray-300) solid 1px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.header-container-contract{
    height: 20px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 1092px;
}
.header-container-top{
    display: flex;
    justify-content: space-between;
    max-width: 1092px;
    height: 16px;
    margin: auto;
}
#citibank-imageb{
    display: none;
}
.text-brand{
    color: var(--blue-300);
    font-size: 18px;
    width: 93px;
    height: 22px;
    line-height: 22px;
    font-weight: 600;
}

#header .utilities_nav #nav_home>li#helpLinkHeader>a {
    margin-right: 0px;
}
/*Header section end*/

/*Footer section start*/
#footerContainer.footer-noresponsive-container {
    max-width: 1092px;
}
.footer-logo-container{
    padding-bottom: 16px;
}
.footer-brand-logo{
    height: 14.96px;
    width: 79.2px;
}
.footer-server-container{
    padding: 12px 0px 22px;
}
.footer-links-container{
    display: flex;
    gap: 24.68px;
}
.footer-bottom-container{
    padding: 40px 0px;
}

.footer-bottom {
    position: absolute;
    bottom: 0px;
}
/*Footer section end*/

/* Card login */
.card-login {
    position: relative;
    height: 618px;
    margin-top: 27px;
    overflow: hidden;
    border-radius: 0 var(--border-radius-xl) var(--border-radius-xl) var(--border-radius-xl);
    background-repeat: no-repeat;
    background-size: cover;
}

.card-login:has(.message_loginNewLogin) {
    height: 675px;
}

.card-login__label {
    width: 247px;
    height: 48px;
    background-color: var(--neutral-0);
    border-bottom-right-radius: var(--border-radius-xl);
}

.card-login__label::before {
    content: '';
    position: absolute;
    background-color: transparent;
    top: 48px;
    left: 0px;
    width: 20px;
    height: 40px;
    border-top-left-radius: var(--border-radius-xl);
    box-shadow: 0 -20px 0 0 var(--neutral-0);
}

.card-login__label::after {
    content: '';
    position: absolute;
    background-color: transparent;
    top: 0px;
    left: 247px;
    width: 20px;
    height: 40px;
    border-top-left-radius: var(--border-radius-xl);
    box-shadow: 0 -20px 0 0 var(--neutral-0);
}

.card-login__label-content {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 0px;
}

#logoBrand {
    width: 120px;
    height: 24px;
}

.divider-brand {
    width: 1px;
    height: 24px;
    background-color: var(--blue-300);
    margin: 0px 14px;
}

.footer-divider{
    width: 100%;
    height: 1px;
    background-color: var(--gray-300);
}

.card-login__content {
    position: absolute;
    z-index: 1;
}

a.card-login__action-offer {
    position: absolute;
    width: 100%;
    height: 100%;
} 


.card-login__content-caption {
    position: absolute;
    top: 81px;
    left: 413px;
}

.container-roseta {
    position: relative;
    width: 555px;
    top: -535px;
    left: 560px;
}

#rosetaLogin {
    position: absolute;
    width: 126%;
    top: -70px;
    right: -66px;
}

.card-login__content-form {
    max-width: 275px;
    min-height: 486px;
    background-color: var(--neutral-0);
    padding: 16px 24px;
    border-radius: var(--border-radius-l);
    margin: 24px;
}

.title-form {
    margin-bottom: 16px;
    font-size: var(--size-20);
    line-height: var(--line-height-24);
}

.input-form {
    height: 20px;
    font-size: var(--size-24);
    padding: 14px 16px;
    border-radius: var(--radius-m);
    border: 1px solid var(--blue-400);
    margin-top: 6px;
}

input.input-form[type="text"]:focus, 
input.input-form[type="text"]:hover, 
input.input-form[type="password"]:focus,
input.input-form[type="password"]:hover  {
    border: 2px solid var(--blue-200);
}

.card-login__content-form .input-form {
    width: 100%;
}

.card-login__content-form button {
    width: 100%;
}

.check-form {
    display: flex;
    padding: 8px 0px;
}

.check-form input[type="checkbox"]:checked {
    appearance: none;
    cursor: pointer;
    background-color: var(--red-300);
    background-image: url("/JPS/portal/rebranding/assets/icons/check.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    color: var(--neutral-0);
    border-radius: var(--border-radius-xs);
}

.check-form label {
    margin-left: 5px;
}

.btn-primary {
    background-color: var(--blue-300);
    color: var(--neutral-0);
    font-family: var(--font-text-semibold);
    font-size: var(--size-16);
    padding: 14px 24px;
    margin-top: 8px;
    border-radius: var(--border-radius-m);
    border: none;
    cursor: pointer;
}

.list-form {
    margin-top: 16px;
}

.list-form ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.list-form ul li {
    height: 44px;
    display: flex;
    align-items: center;
    gap: 4px;
    align-self: stretch;
}

.list-form ul li:not(:last-child) {
    border-bottom: 1px solid var(--gray-300);
}

li#legends5.noRapport {
    border-bottom: none;
}

.list-form ul li a {
    flex: 1;
}

.list-form ul li:after {
    content: url("/JPS/portal/rebranding/assets/icons/chevron-right.png");
}

.error-tooltip {
    position: absolute;
    z-index: 1;
}

.error-tooltip__poiter-item {
    background: url("/JPS/portal/img/avatar/img/errorB_flecha_izq2.png");
    position: relative;
    width: 8px;
    height: 16px;
    top: 18px;
}

.error-tooltip__content {
    display: block;
    width: 240px;
    min-height: 36px;
    border-radius: var(--border-radius-s, 8px);
    background: var(--red-100, #FFE5EA);
    padding: 8px 16px;
}

#error_username {
    left: 327px;
    top: 101px;
}

#error_userKey, #error_userKeyLenght {
    left: 327px;
    top: 180px;
}

.card-login__content-form .title {
    padding: 10px 0px;
}

.card-login__content-form .initials {
    padding: 10px 0px;
}

#legends11 {
    margin-bottom: 16px;
}

.btn-login-clave {
    margin-top: 16px;
}

/* Slider offers */
.slider-dots, 
.slider-dots-mobile {
    display: flex;
    justify-content: center;
    padding-top: 24px;
    position: relative;
    z-index: 1;
}

.slider-dots .item, 
.slider-dots-mobile .item {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: var(--blue-300);
    margin-right: 12px;
}

.slider-dots .item.active,
.slider-dots-mobile .item.active {
    background-color: var(--red-300);
}

@keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
}
/* Slider offeres */

/* Banner intermitance */
#flashMessage {
    position: absolute;
    z-index: 2;
    background-color: var(--orange-100);
    width: -webkit-fill-available;
    min-height: 45px;
    padding: 18px 0px;
}

.alert-intermittence {
    display: flex;
    justify-content: space-between;
}

.alert-intermittence__content {
    display: flex;
    justify-content: space-between;
}

.alert-intermittence__content .content-caption {
    padding: 0px 12px;
}

.alert-intermittence__content .content-caption__text {
    margin-top: 8px;
    color: var(--blue-300);
}

/* section destacados and operations  */

/* card destacados */
.card__main__destacado {
    min-height: 212px;
    border-radius: 20px;
    padding: 22px 24px 0px 24px;
    overflow: hidden;
    background-color: var(--gray-200);
    position: relative;
    margin-top: 24px;
}

.card__destacado__title {
    padding: 16px 0px 16px 0px;
}

.card__destacado__grid {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 32px;
}

.card__destacado__body {    
    width: 23%;
    min-height: 112px;
    border-radius: 0 var(--border-radius-m) var(--border-radius-m) var(--border-radius-m);
    overflow: hidden;
    position: relative;
    background-color: var(--neutral-0);
}

.card__destacado__background {
    width: 40px;
    height: 40px;
    background-color: var(--gray-200);
    position: absolute;    
    border-bottom-right-radius: var(--border-radius-m);
    padding: 0px 4px 4px 0px;
}

.card__destacado__body .atm {
    width: 100%;
}

.card__destacado__background::before {
    content: "";
    position: absolute;
    background-color: var(--neutral-0);
    top: 44px;
    left: 0;    
    height: 40px;
    width: 12px;
    border-top-left-radius: var(--border-radius-m);
    box-shadow: 0 -12px 0 0 var(--gray-200);
}

.card__destacado__img {
    width: 20px;
    height: 20px;
    border-radius: var(--border-radius-m);    
    position: relative;
    padding: 10px;
}

.card__destacado__background::after {
    content: "";
    position: absolute;
    background-color: var(--neutral-0);
    top: 0px;
    left: 44px;
    height: 40px;
    width: 12px;
    border-top-left-radius: var(--border-radius-m);
    box-shadow: 0 -12px 0 0 var(--gray-200);
}

.card__destacado__content {
    position: relative;
    color: var(--neutral-0);    
    box-sizing: border-box;
    overflow: hidden;
}

.card__destacado__content .text {
    padding: 58px 16px 10px 16px;
    color: var(--blue-400);
}

/* estilos section operaciones  */
.banner__container {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 48px;    
}

.title__section {
    color: var(--blue-400);    
    min-height: 20px;
    padding: 10px 0px 16px 24px;
}

.banner__grid {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex: 1;
    width: 100%;
}

.card__operations {
    width: 49%;
    min-height: 218px;
    border-radius: 26px;
    background-color: var(--cream-200);
    display: flex;
    flex-direction: column;
    align-items: flex-start;    
}

.card__icon {
    width: 64px;
    height: 64px;    
    margin-top: 24px;
    margin-left: 24px;
    border-radius: var(--border-radius-m);
}

.card__operations__text { 
    padding: 16px 24px 24px 24px;
}

.card__operations__subtitle {    
    color: var(--blue-400);
    padding-bottom: 10px;
}


.card__operations__p {        
    color: var(--blue-300);
    padding-bottom: 10px;
}

.card__operations__link {    
    color: var(--gray-600) !important;
}

/* end section destacados  */

/* estilos aceptacion de contrato */
#contenido_pag.contract {
    margin: 32px auto 48px;
    max-width: 1092px;
    min-height: 545px;
}

#formchangepassword.contract {
    margin: 32px auto 48px;
    max-width: 1092px;
    min-height: 545px;
    display: grid;
}

#contenido_pag.contract .titulo {
    align-items: center;
    border: none;
    display: block;
    height: var(--size-32);
    justify-content: space-between;
    margin: 10px 0 32px 0;
}

#jfpHelpLinkDiv{
    float: right;
}



#contenido_pag.contract  ul li {
    color: var(--blue-300);
}

#contenido_pag.contract .text_titulo,
#contenido_pag.contract .titulo .floatR {
    /* float: initial; */
    font-family: var(--font-text-regular);
    font-size: var(--size-20);
    font-weight: 600;
    line-height: var(--line-height-24);
    width: initial;
    display: flex;
    align-items: center;
}

#contenido_pag.contract .text_titulo p {
    font-family: var(--font-text-regular);
    font-size: var(--size-20);
    font-weight: 600;
    line-height: var(--line-height-24);
}

#contenido_pag .titulo .floatR #link_printEC {
    padding: 0 .5rem 0 0;
    display: inline-flex;
}

#contenido_pag .titulo .floatR .accion {
    background: none;
    color: var(--gray-600);
    font-family: var(--font-text-regular),  sans-serif;
    font-size: var(--size-16);
    margin: 0;
    padding: 0 var(--size-16) 0;
}

form[name=subappform] #contenido_pag.contract .contenido {
    color: var(--blue-300);
    font-family: var(--font-text-regular), sans-serif;
    font-weight: 400;
    font-size: var(--size-16);
    line-height: var(--line-height-20);
    padding: 0;
}

#contenido_pag.contract .contenido p {
    color: var(--blue-400);
}

form[name=formchangepassword] #contenido_pag.contract .titulo,
form[name=activePwdform] #contenido_pag.contract .titulo {
    height: auto;
    margin: var(--margin-l) 0;
}

form[name=formchangepassword] .contract .titulo p,
form[name=activePwdform] .contract .titulo p {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-20);
    font-weight: 600;
    line-height: var(--line-height-20);
    color: var(--blue-400);

    padding: var(--margin-xs) 0;
}

form[name=formchangepassword] #contenido_pag.contract .contenido p.margin-bottom20,
form[name=formchangepassword] #contenido_pag.contract .contenido p.margin-bottom20 b,
form[name=activePwdform] #contenido_pag.contract .contenido p.label-02,
form[name=activePwdform] #contenido_pag.contract .contenido p.label-02 b {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-16);
    font-weight: 400;
    line-height: var(--line-height-20);

    color: var(--blue-300);
}

form[name=formchangepassword] #contenido_pag.contract .contenido p.margin-bottom15,
form[name=activePwdform] #contenido_pag.contract .contenido p.label-03 {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-14);
    font-weight: 600;
    line-height: var(--line-height-18);

    color: var(--blue-400);
    margin: 0;
    padding: 0;
}

form[name=formchangepassword] #contenido_pag.contract .contenido p.margin-bottom15 {
    padding-top: var(--margin-xs);
}

form[name=subappform] #contenido_pag.contract .paddingT12 {
    color: var(--blue-300);
    font-family: var(--font-micro-regular), sans-serif;
    font-size: var(--size-12);
    line-height: var(--size-16);
}

form[name=subappform] #contenido_pag.contract .contenido a {
    color: var(--gray-600);
}

form[name=subappform] #contenido_pag.contract .contenido a.bnmxref_convenio-pdf:hover {
    font-size: var(--size-16);
}

form[name=subappform] #contenido_pag.contract .contenido a:hover {
    font-size: var(--size-12);
    margin: 0;
    padding: 0;
}

form[name=subappform] #contenido_pag.contract .form_conten {
    display: grid;
    grid-row-gap: var(--size-16);
    grid-template-columns: 60% 40%;
    grid-template-rows: 1fr 1fr 1fr;
    margin: 0;
    padding: var(--size-32) 0;
}

form[name=subappform] #contenido_pag.contract .form_conten .form_label {
    display: grid;
    grid-template-columns: 60% 40%;
    grid-column-gap: var(--margin-s);
    overflow: initial;
    padding: 8px 0;
    margin: 0;
    position: relative;
}

form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(1) {
    grid-column-start: 1;
    grid-row-start: 1;
}

form[name=subappform] #contenido_pag.contract .form_conten .form_label span.errorB2 .content_big:before,
form[name=subappform] #contenido_pag.contract .form_conten .form_label span.errorB2 .content_big:after {
    display: block;
}

form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(1) span[id=firstEmailErrors],
form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(2) span[id=secondEmailErrors],
form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(3) span[id=cellphoneErrors] {
    bottom: 0;
    grid-column-start: 2;
    padding: 0;
    position: absolute;
}

form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(1) span[id=firstEmailErrors] span.errorB2,
form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(2) span[id=secondEmailErrors] span.errorB2,
form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(3) span[id=cellphoneErrors] span.errorB2 {
    position: initial !important;
    margin: 0 !important;
}

form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(1) span[id=firstEmailErrors] span.errorB2 .flecha2,
form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(2) span[id=secondEmailErrors] span.errorB2 .flecha2,
form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(3) span[id=cellphoneErrors] span.errorB2 .flecha2  {
    height: 0;
    margin: 0 !important;
}

form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(1) span[id=firstEmailErrors] span.errorB2 .content_big,
form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(2) span[id=secondEmailErrors] span.errorB2 .content_big,
form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(3) span[id=cellphoneErrors] span.errorB2 .content_big {
    background-color: var(--red-100);
    border: none;
    border-radius: var(--border-radius-s);
    margin: 0;
    max-width: 100% !important;
    padding: var(--margin-xs) var(--margin-s);
    height: 38px;
    width: 240px;
    display: flex;
    align-items: center;
}

form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(1) span[id=firstEmailErrors] span[id=email1WrongChars] .content_big,
form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(2) span[id=secondEmailErrors] span[id=email2Wrong] .content_big,
form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(3) span[id=cellphoneErrors] span[id=cellphoneLength] .content_big {
    padding: .5rem 1rem;
    width: 85%;
}

form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(2) {
    grid-column-start: 1;
    grid-row-start: 2;
}

form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(3) {
    grid-column-start: 1;
    grid-row-start: 3;
}

form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(1) span:first-child,
form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(2) span:first-child,
form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(3) span:first-child,
form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(1) input,
form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(2) input,
form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(3) input {
    grid-column-start: 1;
}

form[name=subappform] #contenido_pag.contract .form_conten .form_label input.revisar2 {
    background: none;
    border: 2px solid var(--red-400);
}

form[name=subappform] #contenido_pag.contract .form_conten .form_label:nth-child(3) span.select {
    grid-column-start: 2;
    padding: 0;
}

form[name=subappform] #contenido_pag.contract .form_conten .form_label span {
    color: var(--blue-400);
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-14);
    font-weight: 600;
    left: initial;
    line-height: var(--size-18);
    padding: 0 0 7px 0;
    position: relative;
    width: 100%;
}

form[name=subappform] #contenido_pag.contract .form_conten .form_label input {
    border-radius: var(--border-radius-m);
    border: 1px solid var(--blue-400);
    color: var(--blue-400);
    font-size: var(--size-16);
    font-weight: 600;
    padding: .88rem 1rem;
}

form[name=subappform] #contenido_pag.contract span.select::before {
    content: 'Telefonía';
    margin-top: -1.5rem;
    position: absolute;
}

form[name=subappform] #contenido_pag.contract select {
    border-radius: var(--border-radius-m);
    border: 1px solid var(--blue-400);
    font-family: var(--font-display-regular), sans-serif;
    font-size: var(--size-16);
    font-weight: 600;
    padding: .88rem 1rem;
    width: calc(var(--size-10) * 20);
}

form[name=subappform] #contenido_pag.contract select option {
    font-size: 20px;
}

#contenido_pag .accion2 {
    background: var(--cream-200);
    border-radius: var(--border-radius-s);
    color: var(--red-300);
    float: none;
    font-family: var(--font-text-semibold);
    font-size: var(--size-16);
    font-weight: 600;
    margin: 0;
    min-width: 160px;
    height: 48px;
    padding: var(--size-12) 0;
    position: relative;
    text-align: center;
    width: initial;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

#contenido_pag .accion2::after {
    color: var(--red-300);
    display: inline-block;
    margin: auto;
    position: absolute;
    visibility: visible;
}

#contenido_pag.contract .pie_contenido {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--size-32);
    padding: 0;
}

/* end aceptacion de contrato */

/* estilos activacion y cambio de contrasenia */

body[id=aLOGINBNP_t705_s100] form[name=formchangepassword]  #contenido_pag .contenido {
    width: 100%;
}

body[id=aLOGINBNP_t705_s100] form[name=formchangepassword]  #contenido_pag .titulo {
    padding-bottom: var(--margin-l);
}

form[name=formchangepassword]  #contenido_pag .contenido {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

form[name=formchangepassword]  #contenido_pag .contenido div.float-left.padding-right35.width452 {
    width: 50% !important;
    padding: 0 !important;
}

form[name=formchangepassword]  #contenido_pag .contenido div.boxInstructions {
    width: 45% !important;
    box-sizing: border-box;
}

form[name=formchangepassword]  #contenido_pag .contenido .clear_change {
    display: none;
}

form[name=activePwdform] #contenido_pag .contenido > div:nth-child(1) {
    padding-right: 2rem;
}

form[name=formchangepassword]  #contenido_pag h4.margin-bottom20,
form[name=activePwdform] #contenido_pag h4.label-01 {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-16);
    font-weight: 600;
    line-height: var(--line-height-20);

    color: var(--blue-400);
    margin: var(--margin-m) auto;
}

form[name=activePwdform] #contenido_pag #div_alfa_key .label-03 {
    color: var(--blue-400);
    padding: .5rem 0 !important;
}

form[name=formchangepassword] #contenido_pag #alfaPass,
form[name=formchangepassword] #contenido_pag #alfaConfPass,
form[name=activePwdform] #contenido_pag #div_alfa_key #alfaPass,
form[name=activePwdform] #contenido_pag #div_alfa_key #alfaConfPass {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    column-gap: .5rem;
    padding-bottom: .5rem;
    align-items: center;
}

form[name=formchangepassword] #contenido_pag #alfaPass,
form[name=formchangepassword] #contenido_pag #alfaConfPass {
    padding: var(--margin-xs) 0;
}

form[name=formchangepassword] #contenido_pag #div_alfa_key div.clear_change.margin-bottom20,
form[name=activePwdform] #contenido_pag #div_alfa_key div.clear_activate.margin-bottom20 {
    margin-bottom: var(--margin-m);
    display: flex;
}

form[name=formchangepassword] #contenido_pag #alfaPass span,
form[name=formchangepassword] #contenido_pag #alfaConfPass span,
form[name=activePwdform] #contenido_pag #div_alfa_key #alfaPass span,
form[name=activePwdform] #contenido_pag #div_alfa_key #alfaConfPass span {
    display: none;
}

form[name=formchangepassword] #contenido_pag #div_alfa_key input,
form[name=activePwdform] #contenido_pag #div_alfa_key input {
    width: 3rem;
    height: 3rem;
    border-radius: var(--border-radius-m);
    border: 1px solid var(--blue-400);
    box-sizing: content-box;
}

form[name=formchangepassword] #contenido_pag #div_alfa_key input:focus {
    border: 1px solid var(--blue-200);
}

form[name=activePwdform] #contenido_pag #div_alfa_key input:focus {
    border-color: var(--blue-200);
    box-shadow: 0 0 0 1px rgba(0, 81, 98, 1);
}

form[name=formchangepassword] #contenido_pag #div_alfa_key input.error,
form[name=activePwdform] #contenido_pag #div_alfa_key input.error {
    background-color: initial;
    border: 2px solid var(--red-400);
}

form[name=formchangepassword] #contenido_pag #div_alfa_key input.error:focus,
form[name=activePwdform] #contenido_pag #div_alfa_key input.error:focus {
    border-color: none;
    box-shadow: none;
}

form[name=formchangepassword]  #contenido_pag .contenido div.boxInstructions p.margin-bottom15,
form[name=formchangepassword]  #contenido_pag .contenido div.boxInstructions p.margin-bottom15 strong {
    font-family: var(--font-text-regular);
    font-size: var(--size-14);
    font-weight: 400;
    line-height: var(--line-height-18);

    color: var(--blue-300);
    padding-top: 0;
}

form[name=formchangepassword]  #contenido_pag .contenido div.boxInstructions p.margin-bottom15 {
    padding: 10px 0;
    margin-bottom: var(--margin-xs);
}

form[name=activePwdform] #contenido_pag .error-x,
form[name=activePwdform] #contenido_pag .greenCheck,
form[name="formchangepassword"] .boxInstructions .error-x,
form[name="formchangepassword"] .boxInstructions .greenCheck {
    font-family: 'Banamex-Icons';
    font-size: var(--size-24);
    font-weight: 600;
    background: none;
    display: inline;
}

form[name=activePwdform] #contenido_pag .error-x,
form[name=activePwdform] #contenido_pag .greenCheck,
form[name="formchangepassword"] .boxInstructions .error-x,
form[name="formchangepassword"] .boxInstructions .greenCheck {
    font-size: var(--size-32);
    line-height: .7;
    margin-left: 0 !important;
    font-weight: 400;

    padding-right: 0;
}

form[name=activePwdform] #contenido_pag .content_text .error-x,
form[name=activePwdform] #contenido_pag .content_text .greenCheck {
    line-height: .9;
}

form[name=activePwdform] .content_text .error-x,
form[name="formchangepassword"] .boxInstructions .error-x {
    font-size: var(--size-24);
    line-height: .6;
    margin-left: 0 !important;
    font-weight: 400;

    width: 0;
    height: 0;
}

form[name=activePwdform] #contenido_pag .content_text .greenCheck {
    margin-top: -4px;
}

form[name=activePwdform] #contenido_pag #alfaPass .greenCheck, 
form[name=activePwdform] #contenido_pag #alfaConfPass .greenCheck {
    font-size: var(--size-40);
}

form[name=activePwdform] #contenido_pag .greenCheck,
form[name="formchangepassword"] .boxInstructions .greenCheck {
    color: var(--green-400);
    background: none !important;

    width: 0;
    height: 0;
}

form[name=activePwdform] #contenido_pag .error-x,
form[name="formchangepassword"] .boxInstructions .error-x {
    color: var(--red-300);
    background: none;
}


form[name=activePwdform] #contenido_pag .error-x::before,
form[name="formchangepassword"] .boxInstructions .error-x::before {
    content: '\F145';
}

form[name=activePwdform] #contenido_pag .content_text .error-x::before,
form[name="formchangepassword"] .boxInstructions .error-x::before {
    margin-left: -36px;
}

form[name=activePwdform] #contenido_pag .content_text .error-x::before {
    font-size: var(--size-24);
}

form[name=activePwdform] #contenido_pag .greenCheck::before,
form[name="formchangepassword"] .boxInstructions .greenCheck::before {
    content: '\F144';
    margin-left: -36px;
    font-size: var(--size-24);
    display: inline;
    position: initial;
}

form[name=formchangepassword]  #contenido_pag div.boxInstructions,
form[name=activePwdform] #contenido_pag .content_text {
    padding: 2rem;
    border-radius: var(--border-radius-xl);
    border: 1px solid var(--gray-300);
    font-size: 14px;
}

form[name=activePwdform] #contenido_pag .content_text p {
    margin-bottom: 1.5rem;
    color: var(--blue-300);
}

form[name=activePwdform] #contenido_pag .content_text p:nth-child(2) {
    color: var(--blue-400);
}

form[name=formchangepassword] #contenido_pag .boxInstructions #validationPwd li,
form[name=activePwdform] #contenido_pag .content_text #validationPwd li {
    color: var(--blue-300);
    padding: 0;
    padding-right: 4rem;
    margin-bottom: 1.5rem;
}

form[name=formchangepassword] #contenido_pag .boxInstructions #validationPwd li a,
form[name=activePwdform] #contenido_pag .content_text #validationPwd li a {
    color: var(--gray-600);
    text-decoration: underline;
    border: none;
}

form[name=formchangepassword] #contenido_pag .boxInstructions #validationPwd li a:hover,
form[name=activePwdform] #contenido_pag .content_text #validationPwd li a:hover {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

form[name=formchangepassword] #contenido_pag .boxInstructions #validationPwd li div[id*="valid"] {
    margin: 0 !important;
}

form[name=formchangepassword] #contenido_pag .boxInstructions #validationPwd li:has(div[id=""]) {
    width: 100% !important;
}

form[name=formchangepassword] #contenido_pag .pie_contenido,
form[name=activePwdform] #contenido_pag .pie_contenido {
    justify-content: flex-start;
}

form[name=activePwdform] #contenido_pag .pie_contenido .btn_az {
    width: 160px !important;
    min-width: 160px !important;
}

form[name=formchangepassword] #actualPwdState,
form[name=formchangepassword] #alfaPass .greenCheck,
form[name=formchangepassword] #alfaConfPass .greenCheck,
form[name=formchangepassword] #alfaPass .error-x,
form[name=formchangepassword] #alfaConfPass .error-x {
    font-family: 'Banamex-Icons';
    font-size: var(--size-40);
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    background: none !important;
    height: auto;
}

form[name=formchangepassword] #alfaPass .error-x,
form[name=formchangepassword] #alfaConfPass .error-x {
    font-size: var(--size-40);
    font-weight: 400;
    padding-left: 0;
    margin-left: -10px;
}

form[name=formchangepassword] #actualPwdState {
    padding-left: var(--margin-xs);
}

form[name=activePwdform] #alfaPass .greenCheck::before,
form[name=activePwdform] #alfaConfPass .greenCheck::before,
form[name=formchangepassword] #actualPwdState::before,
form[name=formchangepassword] #alfaPass .greenCheck::before,
form[name=formchangepassword] #alfaConfPass .greenCheck::before {
    content: '\F144';
    color: var(--green-400);
    margin: 0 0 0 -6px;
    font-size: var(--size-40);
    position: initial;
}

form[name=activePwdform] #alfaPass .greenCheck::before,
form[name=activePwdform] #alfaConfPass .greenCheck::before {
    line-height: .1;
}

form[name=formchangepassword] #alfaPass .error-x::before,
form[name=formchangepassword] #alfaConfPass .error-x::before {
    content: '\F145';
    color: var(--red-300);
}

form[name=formchangepassword] #contenido_pag .boxInstructions #validationPwd li .tooltip_left {
    margin-top: -6px !important;
    margin-left: 13px;
}

form[name=activePwdform] #contenido_pag .tooltip_left .box, 
form[name=formchangepassword] .tooltip_left .box {
    background: var(--granate-400);
    border-radius: var(--border-radius-s);
    border: none;
    padding: .5rem 1rem;
    width: max-content;
}

form[name=activePwdform] #contenido_pag .tooltip_left .box::after,
form[name=formchangepassword] .tooltip_left .box::after {
    content: "";
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translateY(-50%);
    border: 10px solid var(--granate-400);
    border-color: transparent var(--granate-400) transparent transparent;
}

form[name=formchangepassword] #contenido_pag .tooltip_left .box p,
form[name=activePwdform] #contenido_pag .tooltip_left .box p,
form[name=activePformchangepasswordwdform] .tooltip_left .box p {
    color: var(--neutral-0);
    font-family: var(--font-text-semibold);
    font-size: var(--size-14);
    line-height: var(--line-height-18);
    font-weight: 600;
    margin: 0;
}

form[name=activePformchangepasswordwdform] .tooltip_left .box p {
    color: var(--neutral-0);
}

form[name=activePwdform] #contenido_pag .tooltip_left .flecha,
form[name=formchangepassword] .tooltip_left .flecha,
form[name=activePwdform] #contenido_pag .tooltip_left .close,
form[name=formchangepassword] .tooltip_left .close {
    display: none;
}

form[name=activePwdform] #contenido_pag .tt-char,
form[name=formchangepassword] .tt-char {
    border: none;
    background: var(--blue-50);
    border-radius: var(--border-radius-l);
    padding: var(--margin-xs) var(--margin-s) var(--margin-s) var(--margin-s);
    box-shadow: none;
    margin-top: -16px;
}

form[name=formchangepassword] .tt-char {
    width: 598px;
}

form[name=activePwdform] #contenido_pag .tt-box h4,
form[name=formchangepassword] .tt-box h4 {
    background: none;
    font-family: var(--font-text-regular);
    font-size: var(--size-14);
    font-weight: 600;
    line-height: var(--line-height-18);
    border-bottom: 1px solid var(--gray-300);
    padding: 10px 0 1rem;
}

form[name=activePwdform] #contenido_pag .tt-box a,
form[name=formchangepassword] .tt-box a {
    color: var(--blue-200);
    font-family: var(--font-micro-bold);
    font-size: var(--size-12);
    line-height: var(--line-height-16);
    padding: 4px;
    margin: 0;
}

form[name=activePwdform] #contenido_pag .tt-box a:hover,
form[name=formchangepassword] .tt-box a:hover {
    font-size: var(--size-12);
    margin-top: 0;
    margin-left: 0;
    border: none;
    color: var(--neutral-0);
    background-color: var(--blue-300);
    border-radius: var(--border-radius-xs);
    padding: 4px;
}

form[name=activePwdform] #contenido_pag .char-row a.chActive,
form[name=formchangepassword] .char-row a.chActive {
    border-radius: var(--border-radius-xs);
    border: none;
    background: var(--blue-300);
    color: var(--neutral-0);
}

form[name=activePwdform] #contenido_pag .tt-box .tt-char-arrow,
form[name=formchangepassword] .tt-box .tt-char-arrow {
    background: none;
}

form[name=activePwdform] #contenido_pag .tt-box .tt-char-arrow::after,
form[name=formchangepassword] .tt-box .tt-char-arrow::after {
    content: "";
    position: absolute;
    top: 100%;
    transform: translateY(-36%);
    border: 10px solid var(--granate-400);
    border-color: var(--blue-50) transparent transparent transparent;
}
/* end activacion y cambio de contrasenia */


/* Estilos de modales success */
.modal {
    border-radius: var(--border-radius-m);
}

.modal .close2 {
    background: none;
    color: var(--blue-300);
    display: inline-block;
    font-family: 'Banamex-Icons';
    font-size: var(--size-12);
    font-weight: 600;
    height: auto;
    margin: 10px 10px 0 0;
    width: auto;
}

.modal .close2::before {
    content: '\F065';
}

.modal .close2 img {
    display: none;
}

.modal .content {
    background: var(--neutral-0);
    border-radius: var(--border-radius-m);
    border: none;
    padding: 0;
    width: 560px;
}

.modal .content .titulocontenido_normal,
.modal .content .bold {
    color: var(--blue-400);
    font-family: var(--font-display-regular), sans-serif;
    font-size: var(--size-14);
    font-weight: 600;
    margin: .5rem auto;
    padding: 0;
}

.modal .content .textocontenido {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-14);
    line-height: var(--size-18);
    color: var(--blue-300);
}

.modal .content .cmbClaves1,
.modal .content .cmbClaves2,
.modal .content .cmbClaves3 {
    border-top: none;
    line-height: normal;
    padding: 0;
    text-align: initial;
    color: var(--blue-300);
}

.modal .content .paddingT5 {
    padding: 0;
}

.modal .content .bottom_contenido {
    background: none;
    border-top: 1px solid var(--gray-300);
    box-sizing: border-box;
    display: flex;
    height: auto;
    justify-content: space-between;
    margin: 0;
    padding: 24px 40px;
    width: 100%;
}

.modal .content .bottom_contenido .titulo {
    float: initial;
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-16);
    font-weight: 600;
    line-height: var(--line-height-20);
    padding: 0;
}

.modal .content .bottom_contenido .links {
    float: initial;
    flex: initial;
    padding: 0;
}

.modal .content .titulo {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-20);
    font-weight: 600;
    line-height: var(--line-height-24);
    margin: 0;
    padding: 24px 40px;
}

.modal .contenido {
    margin: 0;
    padding: 0 40px;
    width: auto;
}

.modal .contenido .palomita {
    font-family: 'Banamex-Icons';
    font-size: var(--size-16);
    font-weight: 600;
    background: none;
    display: inline-block;
    color: var(--green-400);
    margin-right: .5rem;
}

.modal .contenido .palomita::before {
    content: '\F05B';
}

.modal .contenido .floatR {
    margin-bottom: .5rem;
}

.modal .top,
.modal .bottom {
    background: none;
    height: 0;
    width: 0;
}

.modal .bottom_contenido .links i {
    font-weight: 600;
}

.modal .bottom_contenido .links a.llamar {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-16);
    font-weight: 600;
    color: var(--gray-600);
    line-height: var(--line-height-20);
    background: none;
    padding: 0 0 0 var(--margin-xs);
}

/* end estilos de modales success */

/* Estilos modal success cambio de contraseña */
div[id=modal-changepassword-success] {
    border-radius: 0;
}
/* end estilos modal success cambio de contraseña */

/* Estilos modal de error contraseña no coincide */
#wrap:has(div[id=modal-changepassword-success]),
#wrap:has(div[id=modal_commonErrorPostLogin]) {
    position: inherit;
}

div[id=modal-changepassword-success],
div[id=modal_commonErrorPostLogin] {
    top: 0 !important;
    left: 0 !important;
    margin: auto;
    width: 100%;
    height: 100vh;
    background: rgba(0, 30, 34, 0.6);
}

div[id=modal-changepassword-success] .overlay-content,
div[id=modal_commonErrorPostLogin] .overlay-content {
    width: 100%;
    height: 100%;
}

div[id=modal-changepassword-success] .external-tranfer,
div[id=modal_commonErrorPostLogin] .external-tranfer {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0;
    height: fit-content;
    
    background: var(--neutral-0);
    border: none;
    border-radius: var(--border-radius-s);
    transform: none;
}

div[id=modal-changepassword-success] .external-tranfer .external-tranfer-content,
div[id=modal_commonErrorPostLogin] .external-tranfer .external-tranfer-content {
    position: initial;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 !important;
}


div[id=modal-changepassword-success] .external-tranfer .dot-bottom,
div[id=modal_commonErrorPostLogin] .external-tranfer .dot-bottom {
    padding: var(--margin-m) var(--margin-xl);
    height: auto;
}

div[id=modal-changepassword-success] .external-tranfer .dot-bottom span,
div[id=modal_commonErrorPostLogin] .external-tranfer .dot-bottom span {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-20);
    font-weight: 600;
    line-height: var(--line-height-24);
    color: var(--blue-400);
}

div[id=modal-changepassword-success] .external-tranfer .error-content{
    height: fit-content;
    padding: 0 var(--margin-xl) var(--margin-s) !important;
}

div[id=modal_commonErrorPostLogin] .external-tranfer .error-content {
    height: fit-content;
    padding: 0 var(--margin-xl) var(--margin-l) !important;
}

div[id=modal-changepassword-success] .external-tranfer .error-content .scroll_y,
div[id=modal_commonErrorPostLogin] .external-tranfer .error-content .scroll_y {
    height: fit-content !important;
}

div[id=modal-changepassword-success] .external-tranfer .error-content .scroll_y .viewport {
    width: 100% !important;
    height: fit-content !important;
}

div[id=modal-changepassword-success] .external-tranfer .error-content .scroll_y .overview,
div[id=modal_commonErrorPostLogin] .external-tranfer .error-content .scroll_y .overview {
    position: initial;
}

div[id=modal-changepassword-success] .external-tranfer .error-content .greenCheck {
    font-family: 'Banamex-Icons';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: .7;

    background: none !important;
    display: block;
    width: auto;
    height: auto;
    margin-right: 3px;
    position: initial;

}

div[id=modal-changepassword-success] .external-tranfer .error-content .greenCheck::before {
    content: '\F144';
    color: var(--green-400);
    font-size: var(--size-24);
}

div[id=modal_commonErrorPostLogin] .external-tranfer .error-content .scroll_y .overview .pl-puntos {
    display: flex;
    align-items: center;
    column-gap: var(--margin-xs);
    background: none;
    margin-bottom: var(--margin-s);
}

div[id=modal_commonErrorPostLogin] .external-tranfer .error-content .scroll_y .overview .sAdmiracion {
    float: none;
    height: auto !important;
    margin: 0;
}

div[id=modal_commonErrorPostLogin] .external-tranfer .error-content .scroll_y .overview .sAdmiracion::before {
    color: var(--red-300);
}

div[id=modal-changepassword-success] .external-tranfer .error-content .scroll_y .overview p.strong,
div[id=modal_commonErrorPostLogin] .external-tranfer .error-content .scroll_y .overview p.topNotes {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-14);
    font-weight: 600;
    line-height: var(--line-height-18);
    color: var(--blue-400);
    margin: 0;
}

div[id=modal-changepassword-success] .external-tranfer .error-content .scroll_y .overview p.strong {
    margin-top: var(--margin-s) !important;
    margin-bottom: var(--margin-xs) !important;
    margin-left: 25px;
}

div[id=modal-changepassword-success] .external-tranfer .error-content .scroll_y .overview span.strong {
    color: var(--blue-300);
}

div[id=modal-changepassword-success] .external-tranfer .error-content .scroll_y .overview .margin-bottom30 {
    margin-bottom: var(--margin-m) !important;
}

div[id=modal-changepassword-success] .external-tranfer .error-content .scroll_y .overview p,
div[id=modal_commonErrorPostLogin] .external-tranfer .error-content .scroll_y .overview p {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-14);
    font-weight: 400;
    line-height: var(--line-height-18);
    color: var(--blue-400);
}

div[id=modal-changepassword-success] .external-tranfer .error-content .scroll_y .overview p {
    color: var(--blue-300);
}

div[id=modal_commonErrorPostLogin] .external-tranfer .error-content .scroll_y .overview .overflow > p.paddingT15 {
    font-weight: 600;
    padding-top: var(--margin-s) !important;
}

div[id=modal_commonErrorPostLogin] .external-tranfer .error-content .scroll_y .overview .overflow p.paddingT5 {
    color: var(--blue-300);
    padding-top: var(--margin-xs) !important;
}

div[id=modal_commonErrorPostLogin] .external-tranfer .error-content .scroll_y .overview .overflow p.paddingB20 {
    padding-bottom: var(--margin-m) !important;
}

div[id=modal_commonErrorPostLogin] .external-tranfer .error-content .scroll_y .overview .content-table {
    display: flex;
    column-gap: var(--margin-xs);

    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-14);
    font-weight: 600;
    line-height: var(--line-height-18);
    color: var(--blue-400);
}

div[id=modal_commonErrorPostLogin] .external-tranfer .error-content .scroll_y .overview .for-table {
    width: auto;
    height: auto;
    margin: 0;
}

div[id=modal-changepassword-success] .external-tranfer .error-content .cF-bottomNav {
    position: initial;
    width: 100%;
    height: fit-content;
    padding: var(--margin-m) 0 0 0 !important;
    margin: 0 !important;
    border: none !important;
}

div[id=modal_commonErrorPostLogin] .external-tranfer .error-content .pl-modal-footer {
    background: none;
    padding: 0 !important;
}

div[id=modal_commonErrorPostLogin] .external-tranfer .error-content .pl-modal-footer .btn_az {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-16) !important;
    font-weight: 600;
    line-height: var(--line-height-20);
    color: var(--neutral-0);
    background: var(--blue-300);

    padding: 14px 24px;
    height: auto;
    width: auto;
    cursor: pointer;
    border: none;
    border-radius: var(--border-radius-s);
}

div[id=modal-changepassword-success] .external-tranfer .content-footer,
div[id=modal_commonErrorPostLogin] .external-tranfer .content-footer {
    margin: 0;
    padding: var(--margin-m) var(--margin-xl);
    width: 100%;
    float: none;
    height: auto;
    text-transform: initial;
    position: initial;
    box-sizing: border-box;

    border-top: 1px solid var(--gray-300);

    display: flex;
    justify-content: space-between;
}

div[id=modal-changepassword-success] .external-tranfer .content-footer .title,
div[id=modal_commonErrorPostLogin] .external-tranfer .content-footer .title {
    float: none;
    margin: 0;

    font-family: var(--font-text-regular);
    font-size: var(--size-16);
    font-weight: 600;
    line-height: var(--line-height-20);
}

div[id=modal-changepassword-success] .external-tranfer .content-footer .telefono,
div[id=modal_commonErrorPostLogin] .external-tranfer .content-footer .telefono {
    width: auto;
    height: auto;
    float: none;
    margin: 0;
}

div[id=modal-changepassword-success] .external-tranfer .content-footer .telefono a::before,
div[id=modal_commonErrorPostLogin] .external-tranfer .content-footer .telefono a::before {
    padding-right: 6px;
}

div[id=modal-changepassword-success] .external-tranfer .content-footer .lineaDivisoria,
div[id=modal_commonErrorPostLogin] .external-tranfer .content-footer .lineaDivisoria {
    display: none;
}

div[id=modal-changepassword-success] .external-tranfer .external-tranfer-close,
div[id=modal_commonErrorPostLogin] .external-tranfer .external-tranfer-close {
    top: 10px;
    right: 10px;
    padding: 0 !important;
}

div[id=modal-changepassword-success] .external-tranfer .external-tranfer-close::before,
div[id=modal_commonErrorPostLogin] .external-tranfer .external-tranfer-close::before {
    padding: 0;
    top: 0;
    right: 0;
}

div[id=modal-changepassword-success] .external-tranfer .external-tranfer-content .content-top,
div[id=modal_commonErrorPostLogin] .external-tranfer .external-tranfer-content .content-top {
    margin: 0 !important;
    width: 100%;
}

div[id=modal_commonErrorPostLogin] .external-tranfer .sello {
    position: absolute;
    margin: 0 !important;
    padding: 0;
    bottom: 75px;
    left: var(--margin-xl);
}

div[id=modal_commonErrorPostLogin] .external-tranfer .sello p {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-14);
    line-height: var(--line-height-18);
    color: var(--neutral-300);
}
/* End estilos modal de error contraseña no coincide */


/* R1.2025 | MRCB-449 | MRCB-3118 rebranding tranferencias y pagos mis cuentas | Los Voladores de Papantla */
.mb-medium {
    margin-bottom: var(--margin-m) !important;
}

.step-0::before {
    content: '1';
}

.step-1::before {
    content: '2';
}

.step-2::before {
    content: '3';
}

.step-3::before {
    content: '4';
}

.step-4::before {
    content: '5';
}

.cbolui-divider-nav.cbolui-divider-topMargin {
    display: none;
}
/* for space in elements impuestos */
#cbolui-PaymentsAndTransfers-MyReceipts-searchPage #formSeetaxSearch .cbolui-grid-row.cbolui-row-contains-select {     
    margin: 32px 0px 24px 0px;    
}
#subapp-box .cbolui-container #formSeetaxSearch p  {
    margin-bottom: 40px;
}

/* input date initial CEP lef */
#cbolui-PaymentsAndTransfers-MyReceipts-searchPage #formSeetaxSearch .cbolui-grid-row #paymentCEPFrom-wrapper input#paymentCEPFrom { 
    width: 314px !important;
}
/* input date finnally CEP right */
#cbolui-PaymentsAndTransfers-MyReceipts-searchPage #formSeetaxSearch .cbolui-grid-row #paymentCEPTo-wrapper input#paymentCEPTo { 
    width: 314px !important;
}

.cbolui-container .cbolui-form-group .cbolui-form-label-wrapper label {
    font-weight: 600;
}

#destinationInstanceID-button > span.ui-selectmenu-status > span > span.ui-selectmenu-item-header,
#ExternalTransferTo-button > span.ui-selectmenu-status > span > span {
    width: 100%;
}

#destinationInstanceID-button > span.ui-selectmenu-status > span > span:has(~span.ui-selectmenu-item-content.cbolui-form-select-account-resolver-wrapper) {
    width: auto;
}

#destinationInstanceID-button > span.ui-selectmenu-status span.cbolui-form-select-account-number,
#multiDestinationAccountBlock #destinationInstanceID span.cbolui-form-select-account-number,
#ExternalTransferTo-button > span.ui-selectmenu-status span.cbolui-form-select-account-number,
#dropdown-deposit-button > span.ui-selectmenu-status > span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    width: 100%;
}

#moneyMovementWizard .cbolui-icon-wrapper,
#locictfrInputForm .cbolui-icon-wrapper,
#InternalTransferWizard .cbolui-icon-wrapper {
    margin-bottom: 0;
}

#subapp-box .cbolui-container #ProgressIndicator,
#subapp-box .cbolui-container #InterCitiTransfersProgressIndicator,
.cbolui-module-widget-progressbar-container {
    margin-bottom: var(--margin-xl);
}

#subapp-box .cbolui-container form[id=moneyMovementWizard] #moneyMovementWizard_EnterDetailsInstructions {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-14);
    font-weight: 400;
    line-height: var(--line-height-18);
    color: var(--blue-300);
    margin-bottom: 30px;
}

/* Transferencias y pagos, confirmacion entre mis cuentas */
#subapp-box .cbolui-container form[id=locConfirm] #dynamicDisclimer,
#subapp-box .cbolui-container form[id=locConfirm] #dynamicDisclimer b {
    font-size: var(--size-14);
    color: var(--blue-300);
    line-height: var(--line-height-18);
}

#subapp-box .cbolui-container form[id=locConfirm] .cbolui-icon-globalSpriteBase::before {
    font-size: var(--size-64);
    position: absolute;
    top: 96px;
}

#subapp-box .cbolui-container form[id=locConfirm] .cbolui-icon-redErrorFlat::before {
    color: var(--orange-400);
    font-weight: 400;
}

#subapp-box .cbolui-container form[id=locConfirm] {
    padding-top: 88px;
}

#subapp-box .cbolui-container form[id=locConfirm] #dynamicDisclimer {
    margin-top: var(--margin-xs);
}

#subapp-box .cbolui-container form[id=locConfirm] #anotherTransfer {
    min-width: 232px;
}

#subapp-box .cbolui-container form[id=locConfirm] #intertran_print {
    background: var(--neutral-0);
    color: var(--gray-600);
}


#subapp-box .cbolui-container form[id=locConfirm] .cbolui-icon-wrapper .cbolui-icon_text strong,
#subapp-box .cbolui-container form[id=locConfirm] .cbolui-icon-wrapper .cbolui-icon_text p {
    color: var(--blue-300);
    font-family: var(--font-text-regular),  sans-serif;
    font-weight: 400;
    line-height: var(--line-height-18);
}

#subapp-box .cbolui-container form[id=locConfirm] .cbolui-icon-wrapper span.cbolui-icon_text > p {
    margin-bottom: 0 !important;
}

#subapp-box .cbolui-container form[id=locConfirm] > div.margintop10 {
    margin-top: 0 !important;
}

#subapp-box #cbolui-PaymentsAndTransfers-LocalInterCiti-Input #InternalTransferWizard #commonPaymentAmountOptions .cbolui-form-label-wrapper {
    margin: 0;
    padding: var(--margin-xs) 0;
}

#subapp-box #cbolui-PaymentsAndTransfers-LocalInterCiti-Input #InternalTransferWizard #commonPaymentAmountOptions .cbolui-form-label-wrapper label {
    font-size: var(--size-14);
}

#subapp-box #cbolui-PaymentsAndTransfers-LocalInterCiti-Input #InternalTransferWizard #commonPaymentAmountOptions .cbolui-form-radio {
    margin: 0 0 var(--margin-xs) 0 !important;
    padding: 0;
}

#subapp-box #cbolui-PaymentsAndTransfers-LocalInterCiti-Input #InternalTransferWizard #commonPaymentAmountOptions #InternalTransferAmount #Debit-withtext-label {
    font-size: var(--size-14);
    font-weight: 600;
}

#subapp-box #cbolui-PaymentsAndTransfers-LocalInterCiti-Input #InternalTransferWizard #commonPaymentAmountOptions #InternalTransferAmount .cbolui-form-amount-input-currency-left input {
    padding: 14px 30px 14px 55px;
}

#subapp-box #cbolui-PaymentsAndTransfers-LocalInterCiti-Input #InternalTransferWizard #commonPaymentAmountOptions #InternalTransferAmount .cbolui-form-amount-input-wrapper {
    flex-wrap: wrap;
    align-items: flex-start;
}

#subapp-box #cbolui-PaymentsAndTransfers-LocalInterCiti-Input #InternalTransferWizard #commonPaymentAmountOptions #InternalTransferAmount .cM-lastElementVertical input {
    padding: 14px 30px 14px 31px;
}

#subapp-box #cbolui-PaymentsAndTransfers-LocalInterCiti-Input #InternalTransferWizard #commonPaymentAmountOptions .cbolui-form-radio .cbolui-form-control {
    min-width: 314px;
    font-weight: 600;
}

#subapp-box #cbolui-paymentAndTransfer-moneyMovementWizard-input .cbolui-row-contains-select {
    margin-bottom: var(--margin-m);
}

#cbol_exttra_dispAdditionalInputFields #cbol_exttra_InputFiscalChk-wrapper {
    margin-bottom: var(--margin-m);
}

/* Hidden inputs (Programar a fecha futura) */
#DateBlock {
    margin-left: var(--margin-m) !important;
    margin-bottom: var(--margin-m);
    display: flex;
    column-gap: var(--margin-m);
}

#legacyConcentratrFields {
    margin-left: var(--margin-m) !important;
}

#sendMailToBeneficiary-section,
#cbol_exttra_InputEmailChk-section,
#cbol_exttra_InputFiscalChk-section {
    padding: 0 !important;
    margin-left: var(--margin-m) !important;
}

#DateBlock > div:first-child,
#DateBlock #interCitidateSection {
    width: 290px !important;
    float: initial !important;
    margin: 0 !important;
}

#DateBlock > div:first-child > .cbolui-form-simpleControls {
    width: 290px;
}

#DateBlock > div:first-child > .cbolui-form-simpleControls > div.cbolui-form-group {
    width: 100%;
    margin: 0;
}

#DateBlock #txnDate-wrapper > button {
    right: 19px;
}

#DateBlock #timeoftransfers #hours-button > span.ui-selectmenu-status > span,
#DateBlock #cbol_exttra_hours-button > span.ui-selectmenu-status > span {
    font-family: var(--font-text-regular), sans-serif;
    font-weight: 600;
    color: var(--blue-400) !important;
}

#DateBlock #hours-button {
    min-width: 264px !important;
    width: 264px !important;
}

#DateBlock #cbol_exttra_hours-button {
    min-width: 293px !important;
    width: 293px !important;
}

#DateBlock #hours-button {
    min-height: 48px !important;
    box-sizing: border-box;
}

#dateTimeBlock #applicationTime-button {
    min-width: 260px !important;
    width: 260px !important;
}

#dateTimeBlock div.cbolui-form-group.cbolui-grid-col-11.marginleft30 {
    margin-left: var(--margin-m);
}

#dateTimeBlock #applicationDate-wrapper #applicationDate {
    min-width: 290px !important;
}

#big-c84_1735316141315,
#big-c168_1735315897323,
#big-c35_1735316245475,
#hours-menu {
    min-width: 264px !important;
    width: 264px !important;
}

#cbol_exttra_hours-menu {
    min-width: 293px !important;
    width: 293px !important;
}

#big-c35_1735322718463,
#applicationTime-menu {
    min-width: 256px !important;
    width: 256px !important;
}

/* R1.2025 | MRCB-449 | MRCB-451 tranferencias ordenes de pago | Los Voladores de Papantla */
#subapp-box #cbolui-PaymentsAndTransfers-OrderPayment-input .cbolui-form-group {
    margin-bottom: var(--margin-m);
}

/* Ordenes de pago */
#inputOrderPayment #otherFields div:has(#btnbranchDirectoryOverlay){
    margin-top: 0 !important;
    margin-bottom: var(--margin-xs);
}

#recapOrderPayment p {
    margin-bottom: 24px;
}

/* Transferencias, pagos interbancarios, servicios y ordenes de pago */
#subapp-box .cbolui-container {
    padding-bottom: 0;
}

#moneyMovementWizard .cbolui-container .cbolui-disabled.cbolui-cta-large, .cbolui-container a.cbolui-cta-large {
    min-width: 160px;
}

#moneyMovementWizard .cbolui-bottom-nav #updatePayee {
    margin-top: -24px;
}

#cbolui-paymentAndTransfer-moneyMovementWizard-input .ui-selectmenu-menu.jfpw-select15 .cbolui-form-select-account-option span.cbolui-form-select-account-number.cbolui-form-select-noTruncation {
    color: var(--blue-400);
}

#InternalTransferWizard #DateBlock #txnDate,
#cbol_exttra_dispAdditionalInputFields #DateBlock #cbol_exttra_InputDate {
    width: 290px !important;
    font-weight: 600;
}

/* Transferencias tarjetas de credito */

#InternalTransferWizard #txnAmountAndDate #commonPaymentAmountOptions span.cbolui-labelText,
#InternalTransferWizard #txnAmountAndDate #commonPaymentAmountOptions span.cA-otherAmt_OneTime,
#InternalTransferWizard #txnAmountAndDate #commonPaymentAmountOptions span.cA-otherAmt_Recurring {
    font-size: var(--size-14);
    width:400px;
}

form[id=InternalTransferWizard] div[id=commonPaymentAmountOptions] .cbolui-form-radio input[data-inputdata=otherAmount],
form[id=locictfrInputForm] .cbolui-form-control.bnmxref_out-mount {
    padding: 14px 16px 14px 52px;
}

div[id="0-withtext-wrapper"] input {
   padding-left: 56px !important;
}

form[id=InternalTransferWizard] div[id=commonPaymentAmountOptions] #choiceAmount > .cbolui-form-label-wrapper {
    margin-bottom: var(--margin-s) !important;
}

/* Styles for input currency */
#InternalTransferWizard #txnAmountAndDate #commonPaymentAmountOptions input[type=text]:hover,
#InternalTransferWizard #txnAmountAndDate #commonPaymentAmountOptions input[type=text]:focus {
    border: 2px solid var(--blue-200);
}

#InternalTransferWizard #txnAmountAndDate #commonPaymentAmountOptions div.cbolui-form-amount-input-wrapper:has(input[type=text]:hover) .cbolui-form-amount-input-currency,
#InternalTransferWizard #txnAmountAndDate #commonPaymentAmountOptions div.cbolui-form-amount-input-wrapper:has(input[type=text]:focus) .cbolui-form-amount-input-currency {
    color: var(--blue-400);
}

#InternalTransferWizard #txnAmountAndDate #commonPaymentAmountOptions div.cbolui-form-amount-input-wrapper:has(input[type=text]:hover)::before,
#InternalTransferWizard #txnAmountAndDate #commonPaymentAmountOptions div.cbolui-form-amount-input-wrapper:has(input[type=text]:focus)::before{
    color: var(--blue-400);
}
/* End styles for input currency */

#InternalTransferWizard #txnAmountAndDate #DateBlock div:has(div[id=timeoftransfers]) {
    margin-top: 0 !important;
}

#ExternalTransferFromMulti,
#ExternalTransferToMulti {
    margin-bottom: var(--margin-m);
}

#ExternalTransferInput #cbol_exttra_dispAdditionalInputFields {
    margin-top: var(--margin-m);
}

#ExternalTransferInput #cbol_exttra_dispAdditionalInputFields #cbol_exttra_hourDropdown .jfpw-select15-wrapper {
    margin-top: 13px;
}

/* Entre mis cuentas */
#DateBlock #hourText > div.cbolui-form-static-label {
    width: auto;
}

#DateBlock #hourText {
    padding: var(--margin-xs) 0 !important;
}

/* Transferencias otras cuentas Banamex y Servicios */
form[id=locictfrConfirmationForm] #TrxDetailsH3 {
    margin: var(--margin-m) 0 0 0 !important;
}

/* Pago de créditos */
form[id=InternalTransferWizard] #txnAmountAndDate #DateAndAmountOptions #commonPaymentAmountOptions input[type=radio] {
    width: 16px !important;
    height: 16px !important;
    padding: 0;
}

form[id=InternalTransferWizard] #txnAmountAndDate #DateAndAmountOptions #amountOptionsWithoutText > .cbolui-clearfix.cbolui-form-radio > label > span,
form[id=InternalTransferWizard] #txnAmountAndDate #DateAndAmountOptions .cbolui-clearfix.cbolui-form-radio > label > span {
    margin-left: var(--margin-l);
    font-weight: 400 !important;
}

/* Importe transferencias y cuentas */
#locictfrInputForm .cbolui-form-simpleControls {
    margin-bottom: var(--margin-m);
}

form[id=locictfrInputForm] #amount-wrapper input[id=amount] {
    min-width: 314px;
}

form[id=InternalTransferWizard] .cbolui-form-checkbox,
form[id=billPayInputForm] .cbolui-form-checkbox,
form[id=locictfrInputForm] .cbolui-form-checkbox,
form[id=ExternalTransferInput] .cbolui-form-checkbox  {
    margin: 0 0 24px 0 !important;
}

form[id=InternalTransferWizard] .cbolui-form-checkbox label,
form[id=billPayInputForm] .cbolui-form-checkbox label,
form[id=locictfrInputForm] .cbolui-form-checkbox label,
form[id=ExternalTransferInput] .cbolui-form-checkbox label {
    padding: 8px 0;
}

form[id=billPayInputForm] div[id=appendTemplate] > .cbolui-form-simpleControls.cbolui-grid-row.cbolui-row-contains-select {
    margin-bottom: var(--margin-m);
}

form[id=billPayInputForm] div[id=appendTemplate] > .cbolui-form-simpleControls.cbolui-grid-row.cbolui-row-contains-select:has(.cbolui-has-error) {
    margin-bottom: 0;
}

form[id=billPayInputForm] div[id=appendTemplate] .cbolui-form-group.cbolui-grid-col-18 {
    padding-bottom: var(--margin-xs);
}

form[id=billPayInputForm] div[id=appendTemplate] .captureln_withPayee {
    margin-top: var(--margin-xs);
    margin-bottom: var(--margin-xs) !important;
}

form[id=billPayInputForm] div[id=appendTemplate] .captureln_withPayee ~ #cbolui-iconDomID-capturaHelp #cbolui-iconDomID-capturaHelp-iconChild {
    margin-top: 1px;
}

form[id=billPayInputForm] div[id=appendTemplate] .cbolui-form-group.cbolui-grid-col-11.width100 {
    padding-bottom: var(--margin-xs);
}

form[id=billPayInputForm] div[id=appendTemplate] > .cbolui-form-simpleControls.cbolui-grid-row.cbolui-row-contains-text {
    width: 100%;
}

form[id=billPayInputForm] div[id=appendTemplate] #input-capturaWP {
    width: 469px;
}

form[id=billPayInputForm] div[id=appendTemplate] #amount-wrapper {
    width: 100% !important;
}

form[id=billPayInputForm] div[id=appendTemplate] #amount-wrapper #amount {
    width: 361px !important;
}

form[id=billPayInputForm] input[id=amount] {
   min-width: 314px; 
}

form[id=billPayInputForm] div[id=inputPageTemplate] div[id=referenceFields] .cbolui-form-label-wrapper {
    display: flex;
}

form[id=billPayInputForm] div[id=appendTemplate] > .cbolui-form-checkbox  {
    display: flex;
}

form[id=locictfrInputForm] div[id=sendMailToBeneficiary-wrapper] div[id=beneficiaryEmailAddressSection] .cbolui-form-group,
form[id=ExternalTransferInput] div[id=cbol_exttra_InputEmailChk-wrapper] div[id=cbol_exttra_InputEmailChk-section] .cbolui-form-group {
    width: 100% !important;
}

form[id=locictfrInputForm] div[id=sendMailToBeneficiary-wrapper] div[id=beneficiaryEmailAddressSection] .cbolui-form-label-wrapper,
form[id=ExternalTransferInput] div[id=cbol_exttra_InputEmailChk-wrapper] div[id=cbol_exttra_InputEmailChk-section] .cbolui-form-label-wrapper {
    display: flex;
}

form[id=locictfrInputForm] div[id=sendMailToBeneficiary-wrapper] div[id=beneficiaryEmailAddressSection] .cbolui-form-label-wrapper #cbolui-iconDomID-email,
form[id=ExternalTransferInput] div[id=cbol_exttra_InputEmailChk-wrapper] div[id=cbol_exttra_InputEmailChk-section] .cbolui-form-label-wrapper #cbolui-iconDomID-email {
    margin-left: -6px;
}

form[id=locictfrInputForm] div[id=sendMailToBeneficiary-wrapper] div[id=beneficiaryEmailAddressSection] .cbolui-form-label-wrapper #cbolui-iconDomID-email-iconChild,
form[id=ExternalTransferInput] div[id=cbol_exttra_InputEmailChk-wrapper] div[id=cbol_exttra_InputEmailChk-section] .cbolui-form-label-wrapper #cbolui-iconDomID-email-iconChild {
    position: initial !important;
}

body[id=acbol_pnt_locictfr_t_sinput]:has(form[id=locictfrInputForm]) div[id=ui-tooltip-cbolui-iconDomID-email-iconChild],
body[id=acbol_pnt_locexttra_t_sInput]:has(form[id=ExternalTransferInput]) div[id=ui-tooltip-cbolui-iconDomID-email-iconChild] {
    margin-left: 0;
}

body[id=alatam_pnt_billpay_t_sinput]:has(form[id=billPayInputForm]) div[id=ui-tooltip-cbolui-iconDomID-aliasCheck-iconChild] {
    margin-left: -12px;
    margin-top: 2px;
}

body[id=alatam_pnt_billpay_t_sinput] #printSettingsOverlay-parent #printSettingsOverlay {
    height: auto !important;
    padding-bottom: var(--margin-s) !important;
}

body[id=alatam_pnt_billpay_t_sinput] #printSettingsOverlay-parent .cbolui-overlay .cbolui-container .cbolui-overlay-complexContent .cbolui-overlay-fixedCTAs {
    padding-top: var(--margin-s) !important;
}

/* Label helpers for inputs */
#appBody span.additionalInfoText {
    font-family: var(--font-micro-regular);
    font-size: var(--size-12);
    font-weight: 400;
    line-height: var(--line-height-16);
}

#ExternalTransferFromMulti .additionalInfoTextCLABE,
#ExternalTransferToMulti .additionalInfoText {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

form[id=ExternalTransferInput] #ExternalTransferFromMulti .additionalInfoTextCLABE,
form[id=ExternalTransferInput] #ExternalTransferToMulti .additionalInfoText {
    margin-top: var(--margin-xs) !important;
}

#cbol_locexttra_RecapForm #cbol_locexttra_RecapToSection span.additionalInfoText  {
    font-family: var(--font-text-regular);
    font-size: var(--size-14) !important;
    color: var(--gray-600) !important;
    margin: 0 !important;
}

/* Tercer boton de navegacion cancelar */
#recapOrderPayment .cbolui-bottom-nav #recapBtnCancel,
#cbolui-cbol_pnt-locexttra-recap .cbolui-bottom-nav #cbol_locexttra_CancelButton,
#cbolui-PaymentsAndTransfers-billPay-RecapPage .cbolui-bottom-nav #inputCancel,
#cbol_locexttra_ConfirmForm .cbolui-bottom-nav #cbol_locexttra_ConfirmViewRecord,
#billPaymentConfirmation .cbolui-bottom-nav #clickPrint,
#billpayConfirmPageForm .cbolui-bottom-nav #print {
    color: var(--gray-600);
    background: var(--neutral-0);
}

/* Espaciado de inputs en transferencias entre mis cuentas */
#InternalTransferWizard #InternalTransferFromMulti,
#InternalTransferWizard #InternalTransferToMulti,
#cbolui-PaymentsAndTransfers-billPay-Inputpage #inputPageTemplate div.cbolui-form-simpleControls {
    margin-bottom: var(--margin-m);
}

#cbolui-PaymentsAndTransfers-billPay-Inputpage #inputPageTemplate #referenceFields {
    margin-bottom: var(--margin-l);
}

#billPayInputForm #inputPageTemplate #referenceFields input[type=text] {
    width: 601px !important;
}

/* Tabla de verificacion */
#appBody .cbolui-form-static-label-value {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-14);
    font-style: normal;
    font-weight: 600;
    line-height: var(--line-height-18);
    color: var(--blue-400);
}

#mmwCancelDialogBox a.cbolui-cta{
    width: 120px;
}

#mmwCancelDialogBox .cbolui-secondary-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cream-200);
    color: var(--red-300);
    border-radius: var(--border-radius-s);
}

.additionalInfoTextCLABE,
.additionalInfoText {
    margin: var(--margin-xs) 0 18px 0 !important;
    font-size: var(--size-12) !important;
    color: var(--blue-300) !important;
    line-height: var(--line-height-16) !important;
}

.cbolui-labelText {
    font-size: var(--size-14);
}

#interBankTfrDisclaimer {
    font-size: var(--size-14);
    color: var(--blue-300);
    font-weight: 400;
}

#interBankTfrDisclaimer b {
    font-weight: 600;
}

#ExternalTransferInput #amount-wrapper {
    align-items: flex-start;
}

/* Mensajes de confirmacion para interbancario */
#subapp-box:has(form[id=cbol_locexttra_ConfirmForm]) h2 {
    margin: var(--margin-m) 0 10px 0;
}

#subapp-box:has(form[id=cbol_locexttra_ConfirmForm]) #ProgressIndicator,
#subapp-box:has(form[id=billPaymentConfirmation]) #billPayProgressIndicator,
#subapp-box:has(form[id=billpayConfirmPageForm]) #billPayProgressIndicator,
#subapp-box:has(form[id=Mkp1]) #ProgressIndicator {
    margin-bottom: 130px !important;
}

#appBody:has(#cbolui-cbol_pnt-locexttra-confirm) :has(#ProgressIndicator) {
    margin-top: 0;
}

form[id=cbol_locexttra_ConfirmForm] #cbolui-iconDomID-locexttra-invitationTxt-iconText {
    display: flex;
}

form[id=cbol_locexttra_ConfirmForm] #cbolui-iconDomID-locexttra-helpRecurring {
    display: contents;
    position: initial;
    width: 50px;
    height: 50px;
}
form[id=cbol_locexttra_ConfirmForm] #cbolui-iconDomID-locexttra-helpRecurring #cbolui-iconDomID-locexttra-helpRecurring-iconChild {
    display: block;
    position: initial;
    width: 50px;
    height: 50px;
}

body[id=acbol_pnt_locexttra_t_sInput]:has(form[id=cbol_locexttra_ConfirmForm]) #ui-tooltip-cbolui-iconDomID-locexttra-helpRecurring-iconChild {
    margin-left: -12px;
}

body[id=aINVESTMENTBUYMUTUALFUND_t_sbuyMutualFundRecapView] .cS-structMainContainer:has(form[id=buymutualfundForm] div[id=modal_error]),
body[id=aINVESTMENTBUYMUTUALFUND_t_sbuyMutualFundRecapView] .cS-structBodyContainer:has(form[id=buymutualfundForm] div[id=modal_error]),
body[id=aINVESTMENTBUYMUTUALFUND_t_sbuyMutualFundRecapView] #content #subapp-box:has(form[id=buymutualfundForm] div[id=modal_error]) {
    position: initial !important;
}

body[id=aINVESTMENTBUYMUTUALFUND_t_sbuyMutualFundRecapView] #content #subapp-box form[id=buymutualfundForm] div[id=modal_error] {
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    margin: auto;
    width: 100%;
    height: 100vh;
    border-radius: 0;

    background: rgba(0, 30, 34, 0.6);
}

body[id=aINVESTMENTBUYMUTUALFUND_t_sbuyMutualFundRecapView] #content #subapp-box form[id=buymutualfundForm] div[id=modal_error] .external-tranfer {
    left: 48%;
} 

body[id=aINVESTMENTBUYMUTUALFUND_t_sbuyMutualFundRecapView] #content #subapp-box form[id=buymutualfundForm] div[id=modal_error] .cF-sideBySide.cF-bottomNav.pin {
    margin-bottom: 0;

}

body[id=aINVESTMENTBUYMUTUALFUND_t_sbuyMutualFundRecapView] #content #subapp-box form[id=buymutualfundForm] div[id=modal_error] .overlay-error {
    top: 25% !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto;
}

body[id=aUPDATECHECKBOOKREQUESTSTATUS_t2087_s110] form[id=updatecheckbookrequeststatus] div[id=modal_error] .external-tranfer {
    height: 438px;
}

body[id=aUPDATECHECKBOOKREQUESTSTATUS_t2087_s110] form[id=updatecheckbookrequeststatus] div[id=modal_error] .external-tranfer .cF-sideBySide.cF-bottomNav {
    padding-bottom: 0 !important;
}
form[id=cbol_locexttra_ConfirmForm] #cmlink_LOCEXTTRA_recrIntrdctnCTA {
    color: var(--gray-600);
    margin-left: 5px;
}

form[id=cbol_locexttra_ConfirmForm] #cbolui-iconDomID-locexttra-invitationTxt {
    padding-left: 0;
}

form[id=cbol_locexttra_ConfirmForm] #cbolui-iconDomID-locexttra-invitationTxt-iconChild {
    display: none;
}

form[id=cbol_locexttra_ConfirmForm] #cbolui-iconDomID-locexttra-invitationTxt-iconText {
    padding-left: 0;
    font-weight: 600 !important;
}

form[id=cbol_locexttra_ConfirmForm] .cbolui-form-staticControls.cbolui-grid-row {
    display: block;
}

form[id=cbol_locexttra_ConfirmForm] #rectangleDisclaimerId {
    width: auto;
    padding: 0;
    border-radius: 0;
    float: initial;
    margin-bottom: 0;
}

form[id=cbol_locexttra_ConfirmForm] #rectangleDisclaimerId img {
    display: none;
}

form[id=cbol_locexttra_ConfirmForm] #rectangleDisclaimerId:has(div[id=textDisclaimerId]) {
    font-family: 'Banamex-Icons';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

form[id=cbol_locexttra_ConfirmForm] .cbolui-icon-globalSpriteBase.cbolui-icon-check {
    top: -138px !important;
}

form[id=cbol_locexttra_ConfirmForm]:has(div[id=cbolui-iconDomID-locexttra-invitationTxt]) .cbolui-icon-globalSpriteBase.cbolui-icon-check {
    top: -177px !important;
}

form[id=cbol_locexttra_ConfirmForm] #rectangleDisclaimerId:has(div[id=textDisclaimerId])::before {
    content: '\F13C';
    color: var(--orange-400);
    font-size: var(--size-64);
    position: absolute;
    top: 106px;
}



form[id=cbol_locexttra_ConfirmForm] #divDisclaimerId .seguridadTransferInterbankClass,
form[id=cbol_locexttra_ConfirmForm] #divDisclaimerId .numAutorizacionInterbankClass,
form[id=cbol_locexttra_ConfirmForm] #divDisclaimerId .textDisclaimerInterbankClass {
    font-family: var(--font-text-regular), sans-serif !important;
    font-size: var(--size-14) !important;
    font-weight: 600;
    line-height: var(--line-height-18);
    color: var(--blue-300);

    width: auto;
    height: auto;
    margin: 0;
}

form[id=cbol_locexttra_ConfirmForm] #divDisclaimerId .textDisclaimerInterbankClass {
    width: 100%;
    height: auto;
    font-weight: 400;
    margin: var(--margin-m) 0;
}

form[id=cbol_locexttra_ConfirmForm] .cbolui-icon_text,
form[id=cbol_locexttra_ConfirmForm] strong,
form[id=cbol_locexttra_ConfirmForm] b {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-14);
    font-weight: 400;
    color: var(--blue-300);
}

form[id=cbol_locexttra_ConfirmForm] span.additionalInfoText.staticControl {
    font-family: var(--font-text-regular), sans-serif !important;
    font-size: var(--size-14) !important;
    color: var(--gray-600) !important;
    margin: 0 0 0 0 !important;
    line-height: var(--line-height-18) !important;
}

form[id=cbol_locexttra_ConfirmForm] .cbolui-icon-wrapper > span.cbolui-icon-globalSpriteBase.cbolui-icon-redErrorFlat::before {
    font-size: 64px;
    position: absolute;
    top: -140px;
    font-weight: 400;
}

#acbol_pnt_locexttra_t_sInput #cbolui-cbol_pnt-locexttra-confirm form[id=cbol_locexttra_ConfirmForm] .cbolui-icon-wrapper > span.cbolui-icon-globalSpriteBase.cbolui-icon-redErrorFlat::before {
    position: absolute;
    top: 94px;
}

/* Mensajes de confirmacion para servicios */
form[id=billPaymentConfirmation] .cbolui-icon-wrapper .cbolui-icon-globalSpriteBase.cbolui-icon-check {
    top: -135px;
}

form[id=billPaymentConfirmation] #cbolui-iconDomID-billPayConfirmText-iconText strong {
    color: var(--blue-300);
}

/* Mensaje de confirmacion para ordenes de pago */
#rectangleDisclaimerId .seguridadTransferPayOrderClass,
#rectangleDisclaimerId .numAutorizacionPayOrderClass,
#rectangleDisclaimerId .numDocumentoPayOrderClass {
    font-family: var(--font-text-regular), sans-serif !important;
    font-size: var(--size-14) !important;
    font-weight: 700;
    line-height: var(--line-height-18);
    color: var(--blue-300);
}

#rectangleDisclaimerId .textDisclaimerPayOrderPrintClass {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-14);
    font-weight: 400;
    line-height: var(--line-height-18);
    color: var(--blue-300);
}

a[id=Confirm_PrintCTA] {
    color: var(--gray-600) !important;
    background: var(--neutral-0) !important;
}

#aapps_orderpayment_t_sorderpaymentflowcapture .cbolui-form-simpleControls.cbolui-grid-row.cbolui-row-contains-text {
    display: flex;
    flex-direction: row !important;
    align-items: flex-end;
}

/* End Transferencias, pagos interbancarios, servicios y ordenes de pago */


/* Softoken en transferencias y pagos */

#HardTokenOverlay-parent.ui-dialog.jfpw-overlay {
    background: var(--neutral-0) !important;
    height: fit-content !important;
}

#HardTokenOverlay-parent .ui-widget-header {
    height: 0;
}

#HardTokenOverlay #HardTokenOverlay-header {
    font-family: var(--font-text-regular), sans-serif;
    color: var(--blue-400);
    line-height: var(--line-height-24);
    font-weight: 600;
}

#HardTokenOverlay {
    padding: 0 40px 24px 40px;
    width: 100% !important;
    height: 444px !important;
    box-sizing: border-box;
    border-radius: 0 0 var(--margin-m) var(--margin-m);
}

#HardTokenOverlay #cbolui-common-overlay-wrapper-HardTokenOverlay h1 {
    height: 0 !important;
    padding-bottom: 24px !important;
}

#HardTokenOverlay #hardTokenForm:has(#transmitContainer ~ .softTokenChallenge) {
    display: grid;
    grid-template-areas:
        "item2 item1"
        "item4 item3";
    grid-template-rows: 25px 220px;
    grid-template-columns: 280px 150px;
}

#HardTokenOverlay #hardTokenForm:has(.softTokenChallenge) #cbolui-iconDomID-hardTokenError {
    position: absolute;
    left: 20px;
}

#HardTokenOverlay #hardTokenForm:has(.softTokenChallenge) #cbolui-iconDomID-hardTokenError .cbolui-icon-globalSpriteBase.cbolui-icon-redErrorFlat {
    position: initial;
}

#HardTokenOverlay #hardTokenForm:has(.softTokenChallenge) #cbolui-iconDomID-hardTokenError .cbolui-icon_text {
    margin-bottom: 0;
}

#HardTokenOverlay #hardTokenForm:has(#cbolui-iconDomID-hardTokenError) .softTokenChallenge #dynamic_code_8_message,
#HardTokenOverlay #hardTokenForm:has(#cbolui-iconDomID-hardTokenError) .softTokenChallenge #enter_dynamic_code_message {
    top: 86px;
}

#HardTokenOverlay #hardTokenForm #dynamic_code_8_message .cbolui-icon-globalSpriteBase,
#HardTokenOverlay #hardTokenForm #enter_dynamic_code_message .cbolui-icon-globalSpriteBase {
    width: 6px;
}

#HardTokenOverlay #hardTokenForm .softTokenChallenge .cbolui-error-field {
    margin-bottom: var(--margin-xl);
}

#HardTokenOverlay #hardTokenForm .softTokenChallenge #dynamic_code_8_message,
#HardTokenOverlay #hardTokenForm .softTokenChallenge #enter_dynamic_code_message {
    position: absolute;
    width: 100%;
    left: 190px;
    top: 74px;
}

#HardTokenOverlay #hardTokenForm .softTokenChallenge .cbolui-error-ta-background {
    background: var(--neutral-0) !important;
    border: 2px solid var(--red-400) !important;
}

#HardTokenOverlay #hardTokenForm .softTokenChallenge #dynamic_code_8_message .cbolui-icon-redX,
#HardTokenOverlay #hardTokenForm .softTokenChallenge #enter_dynamic_code_message .cbolui-icon-redX {
    display: none;
}

#HardTokenOverlay #hardTokenForm .softTokenChallenge #dynamic_code_8_message .cbolui-icon_text,
#HardTokenOverlay #hardTokenForm .softTokenChallenge #enter_dynamic_code_message .cbolui-icon_text {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-14);
    font-weight: 400;
    line-height: var(--line-height-18);
    color: var(--red-300);
}

#HardTokenOverlay #countdown {
    padding: 0;
}

#HardTokenOverlay #countdown label {
    font-family: var(--font-text-regular);
    font-size: var(--size-24);
    font-weight: 600;
    line-height: var(--line-height-28);
}

#HardTokenOverlay #hardTokenForm .cbolui-icon-wrapper {
    grid-area: item1;
}

#HardTokenOverlay #hardTokenForm h4 {
    grid-area: item2;
    margin-bottom: 0 !important;
}

#HardTokenOverlay #hardTokenForm #transmitContainer {
    grid-area: item4;
    margin-left: -27px;
    margin-top: -6px;
}

#HardTokenOverlay #hardTokenForm #cbolui-iconDomID-SeetaxChallengeInfText {
    padding: 0 !important;
    line-height: 1;
    min-height: auto;
}

#HardTokenOverlay #hardTokenForm #nameToolTip {
    grid-area: item3;
}

#HardTokenOverlay #hardTokenForm #nameToolTip #tt_container,
#HardTokenOverlay #hardTokenForm #nameToolTip #tt_container ul {
    background: var(--granate-400);
    padding: 0;
    margin: 0;
    border-radius: var(--border-radius-s);

    position: initial;
    border: none;
}

#HardTokenOverlay #hardTokenForm #nameToolTip .transmitInstructionList {
    padding: var(--margin-xs) var(--margin-s);
}

#HardTokenOverlay #hardTokenForm #nameToolTip #tt_container ul li {
    color: var(--neutral-0);
    margin: 0;
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-14);
    font-weight: 600;
    line-height: var(--line-height-18);
}

#HardTokenOverlay #transmitContainer ~ .softTokenChallenge .challenge {
    margin: 0 0 0 164px;
}

#HardTokenOverlay .softTokenChallenge .challenge {
    margin: 0 0 0 66px;
}

#HardTokenOverlay #cbolui-overlay-HardTokenOverlay-contentWrapperId {
    height: 294px !important;
    padding-top: var(--margin-s);
}

#HardTokenOverlay #cbolui-overlay-HardTokenOverlay-contentWrapperId #transmitContainer ~ .softTokenChallenge {
    position: absolute;
    top: 112px;
}

#HardTokenOverlay #hardTokenForm #cbolui-iconDomID-SeetaxChallengeInfText {
    padding: 0;
    margin: 0;
    float: none;
}

#HardTokenOverlay .cbolui-overlay-aboveContent {
    margin: 0;
    padding: 0;
}

#HardTokenOverlay .softTokenChallenge .cbolui-form-simpleControls {
    flex-direction: column;
}

#HardTokenOverlay .softTokenChallenge .labelChallenge {
    font-family: var(--font-text-regular), sans-serif !important;
    font-size: var(--size-14);
    font-weight: 600 !important;
    line-height: var(--line-height-18);
    color: var(--blue-400);
} 

#HardTokenOverlay .softTokenChallenge #countdown p {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-14);
    font-weight: 600 !important;
    line-height: var(--line-height-18);
    color: var(--blue-400);
    padding-bottom: 4px;
}

#HardTokenOverlay .softTokenChallenge #countdown .cbolui-icon-globalSpriteBase {
    background: none;
}

#HardTokenOverlay .softTokenChallenge #countdown #cbolui-iconDomID-transmitClock {
    margin: 0 !important;
}

#HardTokenOverlay .softTokenChallenge #countdown #cbolui-iconDomID-transmitClock-iconChild {
    position: initial;
}

#HardTokenOverlay .cbolui-overlay-fixedCTAs.cbolui-clearfix {
    padding: 0 !important;
    margin-left: -40px;
    margin-right: -40px;
}

#HardTokenOverlay .cbolui-overlay-fixedCTAs.cbolui-clearfix .cbolui-bottom-nav.cbolui-clearfix {
    padding-top: var(--margin-s);
    padding-right: var(--margin-xl);
}

#HardTokenOverlay #hardTokenForm #cbolui-iconDomID-SeetaxChallengeInfText-iconChild {
    background: none;
    font-family: 'Banamex-Icons';
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;

    margin-top: 0;
    top: 0 !important;
}

#HardTokenOverlay #hardTokenForm #cbolui-iconDomID-SeetaxChallengeInfText-iconChild::before {
    content: '\F0AB';
    color: var( --gray-600);
    font-size: var(--size-16);
    position: initial;
}

#HardTokenOverlay .softTokenChallenge #cbolui-iconDomID-transmitClock-iconChild::before {
    font-family: 'Banamex-Icons';
    content: '\F064';
    font-size: var(--size-16);
    color: var(--blue-300);
    font-weight: 600;
}

#HardTokenOverlay .softTokenChallenge #cbolui-iconDomID-transmitClock-iconChild {
    margin-top: 3px;
}

#ContinueTransmit {
    display: none;
}

/* End softoken en transferencias y pagos */


/* R1.2025 | MRCB-449 | MRCB-508 Cambiar claves de acceso | Los Voladores de Papantla */
#subapp-box form[name="formchangepassword"] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    font-family: var(--font-text-regular), sans-serif !important;
}

#subapp-box form[name="formchangepassword"] .cF-bottomNav {
    grid-column-start: 1;
}

#subapp-box form[name="formchangepassword"] .helper_text {
    font-size: var(--size-14);
    font-weight: 400;
    color: var(--blue-300);
    margin: var(--margin-xl) auto;
}

#subapp-box form[name="formchangepassword"] .not_bold b {
    font-weight: 400 !important;
    color: var(--blue-300);
}

#subapp-box form[name="formchangepassword"] .input_label {
    font-size: var(--size-14);
    font-weight: 600;
    color: var(--blue-400);
    margin-bottom: var(--margin-xs);
}

#subapp-box form[name="formchangepassword"] .cF-bottomNav:has(#cmlink_chPassAcceptButtonValidatePwd) {
    display: flex;
    column-gap: 20px;
}

#subapp-box form[name="formchangepassword"] .cF-bottomNav #flechaLinks {
    padding: 0;
    margin: 0;
}

#subapp-box form[name="formchangepassword"] .cF-bottomNav #cmlink_chPassCancelButton,
#subapp-box form[name="formchangepassword"] .cF-bottomNav #cmlink_chPassAcceptButtonValidatePwd {
    font-family: var(--font-text-regular);
    padding: 14px 24px;
    box-sizing: border-box;
    min-width: 160px;
    text-decoration: none !important;
    text-align: center;
    font-size: var(--size-16);
    font-weight: 600;
    border-radius: var(--border-radius-s);
    display: block;
    line-height: var(--line-height-20);
}

#subapp-box form[name="formchangepassword"] .cF-bottomNav #cmlink_chPassAcceptButtonValidatePwd {
    background: var(--blue-300);
    color: var(--neutral-0);
}

#subapp-box form[name="formchangepassword"] .cF-bottomNav #cmlink_chPassCancelButton {
    background: var(--cream-200);
    color: var(--red-300);
}

#subapp-box form[name="formchangepassword"] input[id="actualPwd"] {
    padding: 14px 16px;
    border-radius: var(--border-radius-m);
    border: 1px solid var(--blue-400);
    width: 326px;
    margin-bottom: var(--margin-l) !important;
    font-size: var(--size-32);
}

#subapp-box form[name="formchangepassword"] #alfaPass input[type="password"],
#subapp-box form[name="formchangepassword"] #alfaPass input[type="text"],
#subapp-box form[name="formchangepassword"] #alfaConfPass input[type="password"],
#subapp-box form[name="formchangepassword"] #alfaConfPass input[type="text"] {
    padding: 14px 16px;
    border-radius: var(--border-radius-m);
    border: 1px solid var(--blue-400);
    height: 48px;
    width: 38px;
    min-width: 38px;
    box-sizing: border-box;
    margin: 0 !important;
}

#subapp-box form[name="formchangepassword"] #alfaPass input[type="password"]:focus,
#subapp-box form[name="formchangepassword"] #alfaConfPass input[type="password"]:focus {
    border-color: var(--blue-200);
    box-shadow: 0 0 0 1px rgba(0, 81, 98, 1);
}

#subapp-box form[name="formchangepassword"] #alfaPass input[type="password"].error:focus,
#subapp-box form[name="formchangepassword"] #alfaConfPass input[type="password"].error:focus {
    border-color: none;
    box-shadow: none;
}

#subapp-box form[name="formchangepassword"] #alfaPass span.float-left,
#subapp-box form[name="formchangepassword"] #alfaConfPass span.float-left {
    display: none;
}

#subapp-box form[name="formchangepassword"] #alfaPass,
#subapp-box form[name="formchangepassword"] #alfaConfPass {
    display: flex;
    column-gap: var(--margin-xs);
    align-items: center;
}

#subapp-box form[name="formchangepassword"] #alfaPass {
    margin-bottom: var(--margin-m);
}

form[name=formchangepassword] #actualPwdEmpty,
form[name="formchangepassword"] #alfaPass #alfaPassErrors,
form[name="formchangepassword"] #alfaConfPass #alfaConfPassErrors {
    width: 200px;
    margin: 0 0 0 var(--margin-xs) !important;
    overflow: inherit;
    position: initial !important;
}

form[name=formchangepassword] #actualPwdEmpty {
    position: absolute !important;
    margin: var(--margin-xs) 0 0 var(--margin-s) !important;
}

form[name=formchangepassword] #actualPwdEmpty span.flecha2,
form[name="formchangepassword"] #alfaPass #alfaPassErrors span.flecha2,
form[name="formchangepassword"] #alfaConfPass #alfaConfPassErrors span.flecha2 {
    display: none;
}

form[name=formchangepassword] #actualPwdEmpty .content_big,
form[name="formchangepassword"] #alfaPass #alfaPassErrors .content_big,
form[name="formchangepassword"] #alfaConfPass #alfaConfPassErrors .content_big {
    margin: 0 !important;
    background: var(--red-100);
    border-radius: var(--border-radius-s);
    border: none;
    padding: .5rem 1rem;

    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-14);
    line-height: var(--line-height-18);
    font-weight: 600;
    color: var(--blue-400);
    width: 164px !important;
    position: relative;
}

form[name=formchangepassword] #actualPwdEmpty .content_big::after,
form[name="formchangepassword"] #alfaPass #alfaPassErrors .content_big::before,
form[name="formchangepassword"] #alfaConfPass #alfaConfPassErrors .content_big::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 16px;
    transform: translateY(-50%);
    border: 10px solid var(--red-100);
    border-color: transparent var(--red-100) transparent transparent;
}

#subapp-box form[name="formchangepassword"] .boxInstructions  {
    box-sizing: border-box;
    padding: 34px var(--margin-m);
    border: 1px solid var(--gray-300);
    border-radius: var(--border-radius-xl);
    width: 400px;
    height: 460px;
}

#subapp-box form[name="formchangepassword"] .boxInstructions p,
#subapp-box form[name="formchangepassword"] .boxInstructions span.strong {
    font-size: var(--size-14);
    font-weight: 400 !important;
    color: var(--blue-300);
    margin: 0 0 8px 0 !important;
    padding: 10px 0;
}

#subapp-box form[name="formchangepassword"] .tooltip_left {
    margin-top: -5px !important;
    margin-left: 12px;
}

#subapp-box form[name="formchangepassword"] .tooltip_left .box p {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-14);
    font-weight: 600;
    color: var(--neutral-0);
    margin: 0 !important;
    padding: 0;
}

form[name=formchangepassword] .boxInstructions ul[id=validationPwd],
form[name=activePwdform] .content_text ul[id=validationPwd],
#subapp-box form[name="formchangepassword"] .boxInstructions ul[id=validationPwd] {
    padding: 10px 0 10px 4px !important;
}

#subapp-box form[name="formchangepassword"] .boxInstructions a {
    background: none;
    text-decoration: underline;
    color: var(--gray-600)
}

form[name="formchangepassword"] .boxInstructions #validationPwd li,
form[name=activePwdform] .content_text #validationPwd li,
#subapp-box form[name="formchangepassword"] .boxInstructions #validationPwd li {
    font-size: var(--size-14);
    font-weight: 400;
    color: var(--blue-300);
    margin-bottom: 0;
    margin-left: 0;

    display: flex !important;
    column-gap: 0;
}

#subapp-box form[name="formchangepassword"] .boxInstructions #validationPwd li > div:nth-child(2) > div:nth-child(1) {
    margin-bottom: 0 !important;
}

form[name="formchangepassword"] .boxInstructions #validationPwd li::before,
form[name=activePwdform] .content_text #validationPwd li::before,
#subapp-box form[name="formchangepassword"] .boxInstructions #validationPwd li::before {
    content: '\00B7';
    font-size: 22px;
    line-height: .7;
    padding: 0 8px;
}

form[name="formchangepassword"] .boxInstructions #validationPwd li::before,
form[name=activePwdform] .content_text #validationPwd li::before {
    font-size: 30px;
    line-height: .6;
}

#subapp-box #cbolui-PaymentsAndTransfers-OrderPayment-input .cbolui-form-checkbox .cbolui-labelText {
    font-size: var(--size-14);
}

#subapp-box #cbolui-PaymentsAndTransfers-OrderPayment-input .cbolui-grid-row.cbolui-row-contains-text {
    display: flex;
    flex-direction: column;
}

#subapp-box #cbolui-PaymentsAndTransfers-OrderPayment-input .cbolui-grid-row.cbolui-row-contains-text .cbolui-form-group:has(input[id=branch]) {
    margin-bottom: var(--margin-xs);
}

#subapp-box #cbolui-PaymentsAndTransfers-OrderPayment-input .cbolui-grid-row.cbolui-row-contains-text #btnbranchDirectoryOverlay {
    font-family: var(--font-text-semibold);
    font-size: var(--size-16);
    line-height: var(--line-height-20);
    color: var(--gray-600);
}

#subapp-box #cbolui-PaymentsAndTransfers-OrderPayment-input .cbolui-grid-row.cbolui-row-contains-text .content_action {
    margin: var(--margin-xs) 0 var(--margin-m) !important;
}

/* Modal beneficiario recurrente */
div[id=recurringPayOverlay-parent]:has(button[id=remind-fixed-link]) {
    max-height: 312px;
    min-height: 312px;
}

/* Modal inicio de sesion rechazada */
div[id=modal_login_inputError-parent] div[id=modal_login_inputError] {
    padding: 0 0;
    min-height: 442px !important;
}

div[id=modal_login_inputError-parent] div[id=modal_login_inputError] .tituloCommonErrorHeaderContent p {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-20);
    font-weight: 600;
    line-height: var(--line-height-24);
    color: var(--blue-400);
}

div[id=modal_login_inputError-parent] div[id=modal_login_inputError] .padding30T15B0DVA{
    padding: 0;
}

div[id=modal_login_inputError-parent] div[id=modal_login_inputError] .contenido.paddingT0 {
    padding-bottom: var(--margin-m) !important;
}

div[id=modal_login_inputError-parent] div[id=modal_login_inputError] .overflow.paddingT30 {
    padding-top: 12px;
}

div[id=modal_login_inputError-parent] div[id=modal_login_inputError] .paddingT10.puntos_foot.clear.overflow {
    padding-top: var(--margin-m);
}

div[id=modal_login_inputError-parent] div[id=modal_login_inputError] .contenido .floatR {
    margin-bottom: var(--margin-m);
}

div[id=modal_login_inputError-parent] div[id=modal_login_inputError] .sello {
    margin-left: var(--margin-xl);
}

div[id=modal_login_inputError-parent] div[id=modal_login_inputError] .bottom_contenido {
    border-top: 1px solid var(--gray-300);

    margin-top: 0;
    margin-left: 0;

    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;

    padding: var(--margin-m) 0;
    margin: var(--margin-s) 0;
}

div[id=modal_login_inputError-parent] div[id=modal_login_inputError] .bottom_contenido .tituloDVA,
div[id=modal_login_inputError-parent] div[id=modal_login_inputError] .bottom_contenido .links,
div[id=modal_login_inputError-parent] div[id=modal_login_inputError] .bottom_contenido .links a {
    float: initial;
    padding: 0;
    margin: 0;
}

div[id=modal_login_inputError-parent] div[id=modal_login_inputError] .bottom_contenido .links a.enviar {
    display: none;
}

div[id=modal_login_inputError-parent] div[id=modal_login_inputError] .bottom_contenido .tituloDVA {
    padding-left: var(--margin-xl);
}

div[id=modal_login_inputError-parent] div[id=modal_login_inputError] .bottom_contenido .links {
    position: initial;
}

div[id=modal_login_inputError-parent] div[id=modal_login_inputError] .bottom_contenido .links .paddingL10 {
    display: none;
}

/* Modal ordenes de pago */
#branchDirectoryOverlay h1 {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-20);
    font-weight: 600;
    line-height: var(--line-height-24);
    color: var(--blue-400);
}

#branchDirectoryOverlay .cbolui-overlay-complexContent {
    margin-top: 0;
}

#branchDirectoryOverlay .cbolui-overlay-complexContent h4.marginB7 {
    font-family: var(--font-text-regular), sans-serif;
    font-size: var(--size-14);
    font-weight: 600;
    line-height: var(--line-height-18);
    color: var(--blue-400);
}

#branchDirectoryOverlay .cbolui-container .cbolui-table thead tr th {
    padding: var(--margin-xs) 0;
}

#cbolui-common-overlay-cancel-InternalTransferCancelDialogueBox .cbolui-overlay-nav .cbolui-bottom-nav {
    display: flex;
    justify-content: end;
    align-items: center;
    width: 100%;
}

#cbolui-common-overlay-cancel-InternalTransferCancelDialogueBox .cbolui-overlay-nav .cbolui-bottom-nav #cancelOverlayNo {
    margin: 0;
    padding: 14px 24px;
    background: var(--cream-200);
    color: var(--red-300);
    font-family: var(--font-text-semibold);
    font-size: var(--size-16);
    line-height: var(--line-height-20);
    border-radius: var(--border-radius-s);
    box-sizing: border-box;
    text-align: center;
}

#cbolui-common-overlay-cancel-InternalTransferCancelDialogueBox .cbolui-overlay-nav .cbolui-bottom-nav #cancelOverlayNo,
#cbolui-common-overlay-cancel-InternalTransferCancelDialogueBox .cbolui-overlay-nav .cbolui-bottom-nav #cancelOverlayYes {
    width: 120px;
}

#stateDropdown-menu li:nth-child(1) {
    background: none;
    display: none;
}

#stateDropdown-menu li:hover {
    background: var(--cream-400);
}

#stateDropdown-menu + div .jfpw-slider-wrap-vertical {
    display: none;
}

#cbolui-common-overlay-wrapper-branchDirectoryOverlay .cbolui-overlay-fixedCTAs nav.cbolui-bottom-nav {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

#branchDirectoryOverlay .cbolui-overlay-fixedCTAs nav.cbolui-bottom-nav #cmlink_BranchDirOverlayCanLink {
    margin: 0;
    padding: 14px 24px;
    background: var(--cream-200);
    color: var(--red-300);
    font-family: var(--font-text-semibold);
    font-size: var(--size-16);
    font-weight: 600;
    line-height: var(--line-height-20);
    border-radius: var(--border-radius-s);
    min-width: 160px;
    height: 48px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* R1.2025 | MRCB-505 | styles for screen payment and trsnfer cdmx, for detail of operation | voladores de papantla */
.cbolui-container .cbolui-form-group label, label i.italicComment {
    font-family: var(--font-text-semibold);
    font-size: var(--size-14);
    line-height: var(--line-height-18);
    color: var(--blue-400);
}

.cbolui-container .cbolui-form-group label {
    font-weight: 400;
}

.cbolui-container .cbolui-form-group label {
    font-weight: 400;
}

.cbolui-container .cbolui-form-group .cbolui-form-label-wrapper {
    margin: 8px 0;
}

/* Logout manual */
.carouselBannersText2 {
    text-decoration: underline;
    text-underline-position: from-font;
    cursor: pointer;
}
/* Logout manual */

/* Estilos logout autenticacion */
.logout-autenticacion #content{
    min-height: 495px !important;
}
.logout-autenticacion{
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    max-width: 1100px;
    margin: 48px auto !important;
}

.contract{
    min-height: 100px;
}

.floatLI{
    text-transform: lowercase;
    margin-bottom: 32px;
}

.floatLI::first-letter{
    text-transform: capitalize;
}

.container-logout{
    display: flex;
    margin-bottom: 32px;
}

.container-logout .icon{
    display: inline-block;
    margin: 0 8px 0 0;
}

.question--help{
    display: inline-block;
    margin-bottom: 32px;
}

.margin-bottom16{
    margin-bottom: 16px !important;
}

.list-logout{
    padding-left: 8px;
    margin-bottom: -5px;
}

.callus-logout{
    margin-top: 20px;
    margin-bottom: 12px !important;
}

.callus-logout_paragraph{
    margin-top: -30px;
}

.logout-clave{
    margin-bottom: 0;
}

.cN-primaryNav{
    margin-left: -10px;
}

.cN-primaryNavButton a{
    font-family: var(--font-text-semibold);
    font-size: var(--size-16);
    line-height: var(--line-height-20);
    background-color: var(--blue-300);
    min-width: 160px;
    height: 48px;
    text-align: center;
    padding: 14px 24px;
    text-decoration: none;
    border-radius: var(--border-radius-s);
    line-height: normal;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cN-primaryNavButton a::first-letter {
    text-transform: capitalize;
}

.cF-bottomNav{
    margin-top: 32px;
}

a.float-left{
    font-family: var(--font-text-semibold);
    font-size: var(--size-16);
    line-height: var(--line-height-20);
    background-color: var(--cream-200);
    display: block;
    width: 218px;
    height: 20px;
    text-align: center;
    padding: 14px 24px;
    text-decoration: none;
    color: var(--red-300) !important;
    border-radius: 8px;
    margin-top: 12px !important;
}

.logout-remember{
    margin-top: 22px;
}

.letterspacing02{
    display: block;
    margin-top: 10px;
    color: var(--blue-300);
}

.cF-sideBySide ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.logout-separador{
    margin-right: 8px;
}

.logout-autenticacion .cF-bottomNav{
    border-top: none !important;
}
/* end - Estilos logout autenticacion */


/* Estilos logout no-autorizado */
.logout-noautorizado-container{
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    max-width: 1100px;
    margin: 48px auto !important;
    min-height: 402px !important;
}
.floatL p{
    text-transform: lowercase;
}

.floatL p::first-letter{
    text-transform: capitalize;
}

.logout-h4{
    padding: 10px 0px;
    margin-top: 32px !important;
    margin-bottom: 32px;
}

.logout-noautorizado{
    margin-bottom: 32px;
}

.border-top{
    background-image: none !important;
}

.normal{
    font-weight: 600 !important;
}

.logout-list{
    margin-bottom: 16px;
}

.logout-question{
    display: block;
    margin-bottom: 16px !important;
}

.logout-link{
    margin-bottom: 0;
}

.logout-link .link{
    background-color: var(--blue-300) !important;
    display: block;
    width: 218px;
    height: 20px;
    text-align: center;
    padding: 14px 24px !important;
    text-transform: lowercase;
    color: #FFFFFF !important;
    border-radius: 8px;
    text-decoration: none !important;
    margin-top: 32px;
}

.logout-link .link:hover{
    font-size: 16px !important;
    margin: 0px !important;
    margin-top: 32px !important;
}

.logout-link .link::first-letter{
    text-transform: capitalize;
}

.logout-bulletList{
    margin-left: -9px;
    margin-bottom: 20px;
}

.logout-bulletList li{
    margin-bottom: 16px !important;
}

.logout-noautorizado-container .titulo{
    margin-bottom: 0.5rem !important;
}
/* end - Estilos logout no-autorizado */

/* Begin - Pagar impuestos */
body#aapps_billtax_t_sbilltaxflowTaxPaymentInput #time-button.ui-selectmenu {
    width: 288px !important;
}

body#aapps_billtax_t_sbilltaxflowTaxPaymentInput select#time {
    width: 290px !important;
}

form#payAnother {
    margin-top: 117px;
}

/* style link button */
#subapp-box #cmlink_TaxPaymentRef_RecapPage_Cancel, 
#subapp-box #TaxPayment_print,
form#AddPayeeRecapForm a#recapBtnCancel,
form#AddPayeeConfirmForm button#Confirm_PrintCTA {
    color: var(--gray-600);
    background: var(--neutral-0);
}

form#mainTaxForm .cbolui-form-group.cbolui-grid-col-11 {
    margin-right: 24px;
}

body#aapps_billtax_t_sbilltaxflowTaxPaymentInput #cbolui-pnt-billtax-Input #billTaxProgressIndicator {
    margin-bottom: 80px;
}

body#aapps_billtax_t_sbilltaxflowTaxPaymentRecapReferenciado #cbolui-pnt-loctfr-recap #billTaxProgressIndicator {
    margin-bottom: 40px;
}

#aapps_billtax_t_sbilltaxflowTaxPaymentInput .ui-dialog.jfpw-overlay {
    border-radius: var(--border-radius-l);
}

#cancel_modal nav.cbolui-bottom-nav {
    display: flex;
    justify-content: end;
    align-items: center;
}

span#cbolui-iconDomID-infoText-iconText.cbolui-icon_text,  
span#cbolui-iconDomID-infoText-iconText.cbolui-icon_text b {
    color: var(--blue-200);
}

#mainTaxForm p.instructions,
#recapTaxForm p {
    margin-bottom: 24px;
}

#addPayeeInputForm .cbolui-form-simpleControls {
    margin-top: 24px;
}

#aapps_billtax_t_sbilltaxflowTaxPaymentInput .cbolui-container .cbolui-grid-row {
    margin-top: 24px;
}

#aapps_billtax_t_sbilltaxflowTaxPaymentInput .cbolui-container .cbolui-form-control,
#aapps_billtax_t_sbilltaxflowTaxPaymentInput form#mainTaxForm #amount-wrapper {
    width: 288px !important;
}

body#aapps_billtax_t_sbilltaxflowTaxPaymentInput form#mainTaxForm {
    margin-top: -45px;
}
/* End - Pagar impuestos */

/* Modificar altas */
#cbolui-editPay-pnt-recap a#EditPayee_Cancel {
    background: transparent;
}

#cbolui-common-overlay-cancel-deletecreditDialogBox .cbolui-icon_text {
    color: var(--blue-400);
    font-family: var(--font-text-regular);
    font-size: var(--size-14);
    font-weight: 400;
    line-height: var(--line-height-18);
}

#cbolui-common-overlay-cancel-deletecreditDialogBox .cbolui-divider-dotted {
    width: -webkit-fill-available;
    margin-left: -40px;
    margin-right: -40px;
}

#cbolui-common-overlay-cancel-deletecreditDialogBox .cbolui-overlay-aboveContent h1 {
    color: var(--blue-400);
}

#deletecreditDialogBox nav.cbolui-bottom-nav {
    display: flex;
    justify-content: end;
}

#cmlink_DeletePayeeOverlay_No {
    background: var(--cream-200);
    color: var(--red-300);
    border-radius: var(--border-radius-s);
}

#cA-pm-pageContainer .cbolui-container .cbolui-table .cbolui-table-centerAlign {
    text-align: left;
}

#cA-pm-pageContainer #filters-button {
    width: 248px !important;
}

/* transferencias y pagos modificar altas, icono input */
#acbol_pnt_mngpayee_t_sManagepayee #cA-pm-tablemainContent #search-wrapper span.cbolui-icon-close::before { 
    content: '\F065';
    font-size: 20px;
    text-align: center;
    font-family: 'Banamex-Icons';
}

#acbol_pnt_mngpayee_t_sManagepayee #cA-pm-pageContainer #search-wrapper .cbolui-modules-predictiveSearch-selectedContainer.cbolui-pull-left .cbolui-icon-wrapper.cbolui-icon-wrapper-hoverable {         
    top: -3px;
    right: 19px;
}
#acbol_pnt_mngpayee_t_sManagepayee #cA-pm-pageContainer #search-wrapper .cbolui-modules-predictiveSearch-selectedSearch { 
    margin-top: 9px !important;
}
#acbol_pnt_mngpayee_t_sManagepayee #cA-pm-pageContainer #search-wrapper .cbolui-modules-predictiveSearch-selectedContainer.cbolui-pull-left { 
    display: flex;
    flex-direction: column;
    width: 97%;    
}

#acbol_pnt_mngpayee_t_sManagepayee #cA-pm-pageContainer .cbolui-tables-tableFilterWrapper.cbolui-table-relatedTo-cA-pm-table #search-wrapper .cbolui-modules-predictiveSearch-inputContainer {
    width: 412px !important;
    flex-direction: row-reverse;
    display: flex;
    align-items: center;
}

#cA-pm-pageContainer .cbolui-container #cA-pm-table.cbolui-table tbody td.iconalign {
    padding: 18px 16px;
}

#cbolui-paymentAndTransfer-mngpayee-input .cbolui-container .cbolui-modules-predictiveSearch-dropDown {
	margin-left: 32px;
    width: 375px !important;
	min-height: 30px !important;
    border-radius: 8px;
}

#taxIdNumber {
    width: 314px !important;
}

#acbol_pnt_mngpayee_t_sManagepayee .jfpw-select15-wrapper {
    width: 248px !important;
}

#acbol_pnt_mngpayee_t_sManagepayee ul.ui-selectmenu-menu {
    width: fit-content !important;
}

#acbol_pnt_mngpayee_t_sManagepayee .cbolui-container #cA-pm-table.cbolui-table thead tr th:nth-child(4) {
    width: 100px;
}

#cbolui-deletPayee-pnt-deletePage nav.cbolui-bottom-nav {
    display: flex;
    margin-top: 40px;
}

#cbolui-deletPayee-pnt-deletePage #viewRec {
    background: transparent;
    color: var(--gray-600);
}

#cbolui-deletPayee-pnt-deletePage {
    margin-top: 81px;
}

#beneficiaryLimit {
    padding: 14px 16px 14px 56px;
}

#cbolui-paymentAndTransfer-mngpayeeLanding-input .cbolui-container td.cbolui-table-tablebody-col:last-child .cbolui-cta {
    float: none;
}

#acbol_pnt_edipay_t_sEditPayeeInput #ui-tooltip-cbolui-iconDomID-beneficiaryLimit-MerchanttoolTip-iconChild-content {
    top: 8px;
}

form#editPayeeForm .cbolui-form-simpleControls {
    margin-bottom: 24px;
}

#subapp-box form#EditPayee_ConfirmForm nav.cbolui-bottom-nav .cbolui-cta.cbolui-secondary-cta {
    background: transparent;
    color: var(--gray-600);
}
/* Modificar altas */

/* Comprobantes->Impuestos */
#formSeetaxSearch input.cbolui-form-control {
    width: 304px !important;
}
/* Comprobantes->Impuestos */

/* Keep alive */
.modal #timer {
    font-weight: 600;
}
/* Keep alive */

/* Token afore */

.numCont{
    padding: 35.56px 32px;
    top: 8px;
    left: 4px;
    text-align: center;
    /* background: red; */
}

.contentSteps {
   width: 628px;
   height: 72px;
   margin-bottom: 1px;
   margin-right: -2.5px;
   margin-right: -2px;
   float: right;  /* progress bar issue in R11*/
}
.step1,
.step2,
.step3 {
   width: 128px;
   height: 72px;
   float: left;
   color: var(--blue-300);
   margin-left: 10px;
   padding-bottom: 10px;
}

.barrita,
.barritaFinal {
    background: var(--blue-200);
   height: 4px;
   width: 2px;
   float: left;
   border-left: 1px solid #cccccc;
   margin-top: -5px;
   display: none;
}
.barritaFinal {
   margin-top: -7px !important;
}
.barrita.active,
.barritaFinal.active {
   border-left: 1px solid #999999;
}

 /*Fondos de Inversion inicio*/

.form-row input{
    display: inline;
    width: 314px !important;
    height: 48px !important;
    border-radius: 12px !important;
    border: 1px solid var(--blue-300);
    margin-bottom: 18px;
}
#aINVESTMENT.SEESUMMARY_t947_sinvestmentseesummaryflowviewSummary #rdTypOper2{
    display: none;
}

/*Fondos de Inversion fin*/
.for-table{
    width: 314px;
    height: 18px;
    display: block;
    margin-bottom: 6px;
}
 
 
.bottomNav-Border{
    border-top: 2px solid transparent !important;
}
 

#content{
    min-height: 600px !important;
}

.instructions{
    color: var(--blue-300);
}

.cH-appPanelHead{
    margin-bottom: 10px;
}

.accion{
    margin-right: 0px;
}

/* TOKS Ver_movimientos */
#table_EBT-wrapper #table_EBT .cbolui-table-tablebody-row .tablesorter-headerRow{
	vertical-align: super !important;
}

/*Altas de cuentas*/
#addInterCitiPayee .cbolui-form-simpleControls .cbolui-form-group {
	margin-top: 28px !important;
    width: 628px !important;
}
#cbolui-cardServices-addicpayee-input #ProgressIndicatorAccType{
    margin-bottom: 34px !important;
}

#acbol_pnt_addicpayee_t_sinput #inputPageMexWrapper .cbolui-form-simpleControls .cbolui-form-group,
#acbol_pnt_addicpayee_t_sinput #inputPageMexWrapper .cbolui-form-simpleControls input {
    width: 400px !important;
}

#email-label i{
	font-weight: 600 !important;
}
#rfcCurp-label i{
    font-weight: 600 !important;
}
a#cmlink_Go_To_First_Error{
    /* margin-left: 25px !important; */
    color: var(--blue-400) !important;
    font-family: var(--font-text-semibold) !important;
    font-size: var(--size-14) !important;
    line-height: var(--line-height-18);
}
a#cmlink_Go_To_First_Error .cbolui-numErrors{
    color: var(--blue-400) !important;
}

form #commonPageLevelError {
    margin-top: 30px !important;
}
/*Fin Altas de cuentas*/


/*Personalizar cuentas*/
#alatam_svc_peracc_t_sprsonlzdaccountflowaccDetailsPage #subapp-box {
    margin: 30px 0px 0px 22px;
}
#account-Cash_Pesos .degrade #txt_AccId213, #txt_AccId691, #txt_AccId280, #txt_AccId280,
#txt_AccId197, #txt_AccId777, #txt_AccId233, #txt_AccId634{
    width: 212px !important;
    height: 44px !important;
    border: 1px solid var(--blue-400);
    border-radius: var(--border-radius-m);
    padding: 0px 0px;
}
#perAccInitialForm p{
    width: 628px;
    font-family: var(--font-text-regular);
    font-size: var(--size-14) !important;
    color: var(--blue-300);
    font-style: normal !important;
}
#mx-Cash, #mx-Inv, #mx-Credits, #mx-Afore, #mx-Card,
#tables-Cash_Pesos, #tables-Inv_AlSight, #tables-Card_Credit, #tables-Credits_Pesos, #tables-Afore, #tables-Inv_FxdTrmPesos,
#tables-Inv_FxdTrmDollars, #tables-Card_Premia, #mx-Accitrade, #tables-Accitrade{
    font-family: var(--font-text-regular);
    font-size: var(--size-14) !important;
    color: var(--blue-400) !important;
    font-weight: 600;
}
/* Styles for table */
#account-Cash_Pesos th.borderLabels,
#account-Inv_AlSight th.borderLabels,
#account-Inv_FxdTrmPesos th.borderLabels,
#account-Card_Credit th.borderLabels,
#account-Credits_Pesos th.borderLabels,
#account-Afore th.borderLabels,
#account-Card_Premia th.borderLabels,
#account-Inv_FxdTrmDollars th.borderLabels,
#account-Accitrade th.borderLabels{
    padding: 14px 12px 14px 20px !important;
}
#account-Cash_Pesos .float-left, 
#account-Inv_AlSight .float-left, 
#account-Inv_FxdTrmPesos .float-left,
#account-Card_Credit .float-left, 
#account-Credits_Pesos .float-left, 
#account-Afore .float-left,
#account-Card_Premia .float-left,
#account-Inv_FxdTrmDollars .float-left,
#account-Accitrade .float-left{
    font-family: var(--font-text-regular);
    color: var(--neutral-0) !important;
    text-align: left;
    font-size: var(--size-14);
    font-weight: 400;
}
#account-Cash_Pesos th.pad15:first-of-type, 
#account-Inv_AlSight th.pad15:first-of-type, 
#account-Inv_FxdTrmPesos th.pad15:first-of-type,
#account-Card_Credit th.pad15:first-of-type, 
#account-Credits_Pesos th.pad15:first-of-type, 
#account-Afore th.pad15:first-of-type,
#account-Card_Premia th.pad15:first-of-type,
#account-Inv_FxdTrmDollars th.pad15:first-of-type,
#account-Accitrade th.pad15:first-of-type{
    padding: 14px 16px 14px 16px !important;
}
#account-Cash_Pesos .for-table, 
#account-Inv_AlSight .for-table, 
#account-Inv_FxdTrmPesos .for-table,
#account-Card_Credit .for-table, 
#account-Credits_Pesos .for-table, 
#account-Afore .for-table,
#account-Card_Premia .for-table,
#account-Inv_FxdTrmDollars .for-table,
#account-Accitrade .for-table{
    width: 120px !important;
}
#account-Cash_Pesos tr.degrade, 
#account-Inv_AlSight tr.degrade, 
#account-Inv_FxdTrmPesos tr.degrade,
#account-Card_Credit tr.degrade, 
#account-Credits_Pesos tr.degrade, 
#account-Afore tr.degrade,
#account-Card_Premia tr.degrade,
#account-Inv_FxdTrmDollars tr.degrade,
#account-Accitrade tr.degrade{
    background: var(--neutral-0) !important;
}
#account-Cash_Pesos input.Alias.text-information.alphanumeric, 
#account-Inv_AlSight input.Alias.text-information.alphanumeric,
#account-Inv_FxdTrmPesos input.Alias.text-information.alphanumeric,
#account-Card_Credit input.Alias.text-information.alphanumeric, 
#account-Credits_Pesos input.Alias.text-information.alphanumeric,
#account-Afore input.Alias.text-information.alphanumeric,
#account-Card_Premia input.Alias.text-information.alphanumeric,
#account-Inv_FxdTrmDollars input.Alias.text-information.alphanumeric,
#account-Accitrade input.Alias.text-information.alphanumeric{
    background-color: var(--neutral-0) !important;
    width: 212px !important;
    height: 44px;
    border-radius: var(--radius-m, 12px);
    border: 1px solid var(--blue-400);
    box-sizing: border-box;
    padding: 12px;
}
#account-Cash_Pesos input.Alias.text-information.alphanumeric:hover, #account-Cash_Pesos input.Alias.text-information.alphanumeric:focus,
#account-Inv_AlSight input.Alias.text-information.alphanumeric:hover, #account-Inv_AlSight input.Alias.text-information.alphanumeric:focus,
#account-Inv_FxdTrmPesos input.Alias.text-information.alphanumeric:hover, #account-Inv_FxdTrmPesos input.Alias.text-information.alphanumeric:focus,
#account-Card_Credit input.Alias.text-information.alphanumeric:hover, #account-Card_Credit input.Alias.text-information.alphanumeric:focus,
#account-Credits_Pesos input.Alias.text-information.alphanumeric:hover, #account-Credits_Pesos input.Alias.text-information.alphanumeric:focus,
#account-Afore input.Alias.text-information.alphanumeric:hover, #account-Afore input.Alias.text-information.alphanumeric:focus
#account-Card_Premia input.Alias.text-information.alphanumeric:hover, #account-Card_Premia input.Alias.text-information.alphanumeric:focus,
#account-Inv_FxdTrmDollars input.Alias.text-information.alphanumeric:hover, #account-Inv_FxdTrmDollars input.Alias.text-information.alphanumeric:focus,
#account-Accitrade input.Alias.text-information.alphanumeric:hover, #account-Accitrade input.Alias.text-information.alphanumeric:focus{
    border: 1px solid var(--blue-400) !important;
}
#account-Cash_Pesos input.Alias.text-information.aliasPresent:hover, #account-Cash_Pesos input.Alias.text-information.aliasPresent:focus,
#account-Inv_AlSight input.Alias.text-information.aliasPresent:hover, #account-Inv_AlSight input.Alias.text-information.aliasPresent:focus,
#account-Inv_FxdTrmPesos input.Alias.text-information.aliasPresent:hover, #account-Inv_FxdTrmPesos input.Alias.text-information.aliasPresent:focus,
#account-Card_Credit input.Alias.text-information.aliasPresent:hover, #account-Card_Credit input.Alias.text-information.aliasPresent:focus,
#account-Credits_Pesos input.Alias.text-information.aliasPresent:hover, #account-Credits_Pesos input.Alias.text-information.aliasPresent:focus,
#account-Afore input.Alias.text-information.aliasPresent:hover, #account-Afore input.Alias.text-information.aliasPresent:focus,
#account-Card_Premia input.Alias.text-information.aliasPresent:hover, #account-Card_Premia input.Alias.text-information.aliasPresent:focus,
#account-Inv_FxdTrmDollars input.Alias.text-information.aliasPresent:hover, #account-Inv_FxdTrmDollars input.Alias.text-information.aliasPresent:focus,
#account-Accitrade input.Alias.text-information.aliasPresent:hover, #account-Accitrade input.Alias.text-information.aliasPresent:focus{
    border: 1px solid var(--neutral-200) !important;
}
#account-Cash_Pesos input[type="text"], 
#account-Inv_AlSight input[type="text"], 
#account-Inv_FxdTrmPesos input[type="text"],
#account-Card_Credit input[type="text"], 
#account-Credits_Pesos input[type="text"], 
#account-Afore input[type="text"],
#account-Card_Premia input[type="text"],
#account-Inv_FxdTrmDollars input[type="text"],
#account-Accitrade input[type="text"]{
    color: var(--blue-400) !important;
    border: 1px solid var(--blue-400) !important;
    font-family: var(--font-text-semibold) !important;
    font-weight: 600;
    font-size: var(--size-16);
}
#account-Cash_Pesos input[type="text"].aliasPresent, 
#account-Inv_AlSight input[type="text"].aliasPresent,
#account-Inv_FxdTrmPesos input[type="text"].aliasPresent,
#account-Card_Credit input[type="text"].aliasPresent, 
#account-Credits_Pesos input[type="text"].aliasPresent,
#account-Afore input[type="text"].aliasPresent,
#account-Card_Premia input[type="text"].aliasPresent,
#account-Inv_FxdTrmDollars input[type="text"].aliasPresent,
#account-Accitrade input[type="text"].aliasPresent{
    color: var(--neutral-300) !important;
    border: 1px solid var(--neutral-200) !important;
}
#account-Cash_Pesos input[type="checkbox"]:checked[type=checkbox], #account-Cash_Pesos input[type="checkbox"],
#account-Inv_AlSight input[type="checkbox"]:checked[type=checkbox], #account-Inv_AlSight input[type="checkbox"],
#account-Inv_FxdTrmPesos input[type="checkbox"]:checked[type=checkbox], #account-Inv_FxdTrmPesos input[type="checkbox"],
#account-Card_Credit input[type="checkbox"]:checked[type=checkbox], #account-Card_Credit input[type="checkbox"],
#account-Credits_Pesos input[type="checkbox"]:checked[type=checkbox], #account-Credits_Pesos input[type="checkbox"],
#account-Afore input[type="checkbox"]:checked[type=checkbox], #account-Afore input[type="checkbox"],
#account-Card_Premia input[type="checkbox"]:checked[type=checkbox], #account-Card_Premia input[type="checkbox"],
#account-Inv_FxdTrmDollars input[type="checkbox"]:checked[type=checkbox], #account-Inv_FxdTrmDollars input[type="checkbox"],
#account-Accitrade input[type="checkbox"]:checked[type=checkbox], #account-Accitrade input[type="checkbox"]{
    width: 16px;
    height: 16px;
    margin-left: 4px !important;
}
#account-Cash_Pesos .borderLabels:last-of-type, 
#account-Inv_AlSight .borderLabels:last-of-type,
#account-Inv_FxdTrmPesos .borderLabels:last-of-type,
#account-Card_Credit .borderLabels:last-of-type, 
#account-Credits_Pesos .borderLabels:last-of-type,
#account-Afore .borderLabels:last-of-type,
#account-Card_Premia .borderLabels:last-of-type,
#account-Inv_FxdTrmDollars .borderLabels:last-of-type,
#account-Accitrade .borderLabels:last-of-type{
    border-top-right-radius: 12px !important;
}
#alatam_svc_peracc_t_sprsonlzdaccountflowaccDetailsPage #perAccInitialForm #perAccSaveChanges_CTA{
    font-family: var(--font-text-semibold);
    margin: 0 !important;
    min-width: 160px !important;
    height: 20px !important;
    box-sizing: content-box !important;
    font-size: 16px !important;
    padding: 14px 14px;
    margin-right: 20px !important;
}
#perAccInitialForm .cF-sideBySide.cF-bottomNav{
    margin-top: 0px !important;
}
#tables-Inv_FxdTrmPesos.division-bar-punteado {
    border-top: 0px var(--gray-300) solid;
}
#alatam_svc_peracc_t_sprsonlzdaccountflowaccDetailsPage #perAccParentForm #latamSpinner{
    display: none;
}
/*Fin Personalizar*/

/*Modificar limites de gasto*/
h2#gloablappHeaer{
    height: 84px;
}

/*Fin Modificar limites de gasto*/

#aelectronicstatements_t_selectronicstmtsflowelectStmtAccpage #subapp-box{
	visibility: hidden; /*Fix for INC0087600919*/
}

#acbol_amt_spelimcha_t_sSpendLimitInput #subapp-box{
	visibility: hidden; /*Fix for INC013554879*/
}

/* Disable password reveal button, username and password. Fix for INC0091999862*/
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear

{
    display: none;
}

/* Button cancel*/
#cancelOverlayNo,
#cbol_exttra_InputCancelNo,
.cbolui-overlay-cancel .cbolui-cta.cbolui-secondary-cta,
button#closeCEPOverlay {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cream-200);
    color: var(--red-300);
    border-radius: var(--border-radius-s);
    box-sizing: border-box;
    padding: 14px 24px !important;
    min-width: 160px;
    height: 48px;
    font-family: var(--font-text-semibold) !important;
    font-size: var(--size-16) !important;
}

a#billPayEotBack {
    font-family: var(--font-text-semibold);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--cream-200);
    color: var(--red-300);
    border-radius: var(--border-radius-s);
    box-sizing: border-box;
    padding: 14px 24px;
    min-width: 160px;
    height: 48px;
}
/* Button cancel*/

/* Alta servicios */
#subapp-box #captureData_3_MER_MX h3 {
    font-family: var(--font-text-regular);
    font-size: var(--size-14);
    line-height: var(--line-height-18);
    font-weight: 600;
}

#subapp-box #captureData_3_MER_MX h3:first-child {
    color: var(--blue-300);
    font-weight: 400;
}

body#acbol_pnt_addicpayee_t_sinput div#cbolui-cardServices-addicpayee-input .cbolui-form-static-label label,
body#acbol_pnt_addicpayee_t_sinput div#cbolui-cardServices-addicpayee-input .cbolui-form-static-label-value {
    font-family: var(--font-text-regular);
    font-size: var(--size-14);
    line-height: var(--line-height-18);
    color: var(--blue-300);
    font-weight: 400 !important;
}
div#addicPayeeRecapDisclaimerTop_3_MER_MX {
    display: flex;
}

div#addicPayeeRecapDisclaimerTop_3_MER_MX .cbolui-icon-wrapper .cbolui-icon-globalSpriteBase.cbolui-icon-amber {
    margin-top: 0px;
    margin-right: 8px;
}

div#addicPayeeRecapDisclaimerTop_3_MER_MX .cbolui-icon-wrapper .cbolui-icon-globalSpriteBase.cbolui-icon-amber::before {
    font-size: var(--size-18);
}

div#addicPayeeRecapDisclaimerTop_3_MER_MX b {
    font-weight: 400;
}

body#acbol_pnt_addicpayee_t_sinput form#addInterCitiPayee div#merchantPayee_displaySearch .cbolui-form-group.cbolui-grid-col-24 ,
body#acbol_pnt_addicpayee_t_sinput form#addInterCitiPayee div#merchantPayee_displaySearch input#captureLine {
    width: 420px !important;
}

#ui-tooltip-0.ui-tooltip,
body#acbol_pnt_addicpayee_t_sinput #ui-tooltip-cbolui-iconDomID-captureLine-iconChild.ui-tooltip {
    margin-left: 0px;
}

body#acbol_pnt_addicpayee_t_sinput #cbolui-modules-predictiveSearch-merchantNameSearch-dropDown-container #merchantNameSearch-dropDown,
body#acbol_pnt_addicpayee_t_sinput ul#merchantNameSearch-results li.cbolui-modules-predictiveSearch-resultItem  {
    width: 598px !important;
}

body#acbol_pnt_addicpayee_t_sinput .cbolui-form-predictiveSearch {
    margin-top: 28px;
}

#acbol_pnt_addicpayee_t_sinput #ui-tooltip-cbolui-iconDomID-maxTransferAmount-iconChild .ui-tooltip-tip{
    margin-left: -14px !important;
}
/* Alta servicios */

/* Alta TDC o departamental */
/* adjust large top icon */
form#addInterCitiPayeeForm h2,
form#AddPayeeConfirmForm h2,
#cbolui-editPay-pnt-recap #EditPayee_ConfirmForm h2 {
    margin-top: 118px;
}

form#addInterCitiPayeeForm .cbolui-icon-wrapper .cbolui-icon-globalSpriteBase.cbolui-icon-check {
    top: -185px;
}

#cbolui-CardServices-addicpayee-confirm form#addInterCitiPayeeForm .cbolui-bottom-nav .cbolui-secondary-cta {
    background: transparent;
    color: var(--gray-600);
}

div#addicPayeeRecapDisclaimerTop::before {
    content: '\F13C';
    text-align: center;
    margin-right: 8px;
    font-family: 'Banamex-Icons';
    font-size: 18px;
    color: #FF5F00;
}
/* Alta TDC o departamental */

/* Alta impuestos */
div#cbolui-billtax-addpayee-addpayeerecappage form#AddPayeeRecapForm .cbolui-icon-info-ta,
div#cbolui-PaymentsAndTransfers-billtax-confirmation form#AddPayeeConfirmForm .cbolui-icon-info-ta {
    line-height: 0.8;
}

div#cbolui-billtax-addpayee-addpayeerecappage form#AddPayeeRecapForm .cbolui-icon-info-ta::before,
div#cbolui-PaymentsAndTransfers-billtax-confirmation form#AddPayeeConfirmForm .cbolui-icon-info-ta::before {
    margin-right: 4px;
}
/* Alta impuestos */

/* Chequeras */
#subapp-box #checksenrollprotectedcheckbook .form-row label.for-table {
    width: fit-content;
}
/* Chequeras */

/* Modal sesión duplicada/rechazada */
#aLOGINBNP_t713_sloginbnpflowmultiSessionErrorPage .modal {
    padding: 0px 40px 40px;
}

#aLOGINBNP_t713_sloginbnpflowmultiSessionErrorPage .padding30T15B0DVA {
    padding: 0px;
}

#aLOGINBNP_t713_sloginbnpflowmultiSessionErrorPage .links {
    position: relative;
    left: 0px;
    top: 0px;
}

#aLOGINBNP_t713_sloginbnpflowmultiSessionErrorPage .bottom_contenido .links {
    padding: 15px 0 0 0;
}

#aLOGINBNP_t713_sloginbnpflowmultiSessionErrorPage .bottom_contenido,
#aLOGINBNP_t713_sloginbnpflowmultiSessionErrorPage .tituloDVA {
    margin-left: 0px !important;
    margin-top: -6px;
}

#aLOGINBNP_t713_sloginbnpflowmultiSessionErrorPage .modal .contenido {
    width: auto;
}

#aLOGOUT_t0_slogoutflowbackEndError_MXGCB .modal .content {
    width: auto;
}

#aLOGOUT_t0_slogoutflowbackEndError_MXGCB .bottom_contenido .links {
    margin-top: 62px;
    margin-left: 7px;
}

#aLOGOUT_t0_slogoutflowbackEndError_MXGCB .paddingT30,
#aLOGINBNP_t713_sloginbnpflowmultiSessionErrorPage .paddingT30 {
    padding-top: 0px;
}

#aLOGINBNP_t713_sloginbnpflowmultiSessionErrorPage #modal_commonError-close{
    height: 14px;
}

#aLOGINBNP_t713_sloginbnpflowmultiSessionErrorPage #modal_commonError-parent #modal_commonError .padding30T15B0DVA .contenido.paddingT0{
    padding: 0;
}

a.Button1LegendLogout,
a.Button2LegendLogout {
    font-size: var(--size-16);
}
/* Modal sesión duplicada/rechazada */

/* transferencias entre mis cuentas */
.cbolui-form-checkbox {
    margin-top: 24px;
}
/* transferencias entre mis cuentas */

body#aJPSINFRA_t_sPortalError #contenido_pag.contract .contenido p,
body#aJPSINFRA_t713_sPortalError #contenido_pag.contract .contenido p {
    margin-top: 0px;
}

/* Add background color to even rows of the tables */
table:not(:has(table)) > tbody > tr:nth-of-type(even) {
    background-color: var(--blue-50);
}

/* remove margin top for checkbox "Notificar beneficiario" */
#sendMailToBeneficiary-wrapper .cbolui-form-checkbox {
    margin-top: 0px;
}

/*Rebranding pay credit card other banks start*/
#aCHANGEPASSWORD_t705_schangepasswordflowoperationAppliedPasswordOverlay{
    #modal-changepassword-success{
        .strong.margin-bottom10{
            margin-left: 25px !important;
        }
    }
}

#acbol_pnt_mmw_t_sSourceDestinationSelection #content #left-menu .jfpw-menu-accordion-container div div #side-left-nav-menu{

    #cell_link_mnPayments_makeTransfer_myAccounts #link_mnPayments_makeTransfer_myAccounts{
        font-family: var(--font-text-semibold);
        font-size: var(--size-14);
        line-height: var(--line-height-18);
        background-color: var(--granate-400);
        border-radius: 12px;
        color: var(--neutral-0);
        text-shadow: none;

    }

    #cell_link_mnPayments_makeTransfer_myAccounts #link_mnPayments_makeTransfer_myAccounts::before{
        content: '\F08B';
        font-family: 'Banamex-Icons', sans-serif;
        font-size: 20px;
        margin-right: 8px;
    }

}

#acbol_pnt_mmw_t_sSourceDestinationSelection #content #subapp-box #pageWrapperRegion #jfpBody  #bodyWrapper #appBody #cbolui-paymentAndTransfer-moneyMovementWizard-input #tempAppBodyContainer{
    
    .cbolui-demo-float-parent.cbolui-clearfix{

        .cF-progressBarContainer #moneyMovementWizardProgressIndicator ul li div{

            .jfpw-activation15-text{
                font-family: var(--font-text-semibold);
                font-size: var(--size-16);
                line-height: var(--line-height-20);
                color: var(--blue-400);

            }

            ::before{
                font-family: var(--font-text-semibold);
                font-size: var(--size-18);
            }

        }
    }

    #moneyMovementWizard{

        #multiSourceAccountBlock div div div #sourceInstanceID-label{
            font-family: var(--font-text-semibold);
            font-size: var(--size-14);
            line-height: var(--line-height-18);
            color: var(--blue-400);
        }
        
        #multiSourceAccountBlock .jfpw-select15-wrapper.v16{
            width: 628px;

            .cbolui-form-select-account-name{
                font-family: var(--font-text-semibold);
                font-size: var(--size-16);
                line-height: var(--line-height-20);
                color: var(--blue-400);
                text-shadow: none;
            }

            .ui-selectmenu-item-content{
                font-family: var(--font-text-semibold);
                font-size: var(--size-16);
                line-height: var(--line-height-20);
                color: var(--blue-400);
                text-shadow: none;
            }

            #sourceInstanceID-button{
                width: 628px !important;
            }
        }

        #multiDestinationAccountBlock #sourceInstanceID-button, #destinationInstanceID-button{
            width: 628px !important;
        }

        #multiDestinationAccountBlock div div div #destinationInstanceID-label{
            font-family: var(--font-text-semibold);
            font-size: var(--size-14);
            line-height: var(--line-height-18);
            color: var(--blue-400);
        }
    }


    
} 

#acbol_pnt_locexttra_t_sInput {

    #ProgressIndicator .jfpw-activation15-text{
        font-family: var(--font-text-semibold);
        font-size: var(--size-16);
        line-height: var(--line-height-20);
        color: var(--blue-400);

    }

    .jfpw-activation15-underline::before{
        font-family: var(--font-text-semibold), 'Banamex-Icons';
        font-size: var(--size-18);
    }

    #ExternalTransferInput{
        
        #ExternalTransferFromMulti{
            
            #ExternalTransferFrom-label{
                font-family: var(--font-text-semibold);
                font-size: var(--size-14);
                line-height: var(--line-height-18);
                color: var(--blue-400);
            }

            .cbolui-form-select-account-name{
                font-family: var(--font-text-semibold);
                font-size: var(--size-16);
                line-height: var(--line-height-20);
                color: var(--blue-400);
            }

            .ui-selectmenu-item-content.cbolui-form-select-account-resolver{
                font-family: var(--font-text-semibold);
                font-size: var(--size-16);
                line-height: var(--line-height-20);
                color: var(--blue-400);
            }

            .jfpw-select15-wrapper.v16{
                width: 628px;

                #ExternalTransferFrom-button{
                    width: 628px !important;
                }
            }

        }
        #ExternalTransferToMulti{

            #ExternalTransferTo-label{
                font-family: var(--font-text-semibold);
                font-size: var(--size-14);
                line-height: var(--line-height-18);
                color: var(--blue-400);
            }

            .cbolui-form-select-account-number.cbolui-form-select-noTruncation{
                font-family: var(--font-text-semibold);
                font-size: var(--size-16);
                line-height: var(--line-height-20);
                color: var(--blue-400);
            }

            .jfpw-select15-wrapper.v16{
                width: 628px;

                #ExternalTransferTo-button{
                    width: 628px !important;
                }
            }
        }
        #cbol_exttra_dispAdditionalInputFields{
            
            #amount-label{
                font-family: var(--font-text-semibold);
                font-size: var(--size-14);
                line-height: var(--line-height-18);
                color: var(--blue-400);
            }

            #amount-wrapper{
                width: 314px !important;

                #amount{
                    box-sizing: border-box;
                    padding: 14px 16px 14px 30px;
                    width: 314px !important;
                    height: 48px;
                    font-family: var(--font-text-semibold);
                    font-size: var(--size-16);
                    line-height: var(--line-height-20);
                    color: var(--blue-400);
                }
            }

            .cbolui-labelText{
                font-family: var(--font-text-semibold);
                font-size: var(--size-14);
                line-height: var(--line-height-18);
                color: var(--blue-400);
            }

        }
    }

}

#acbol_pnt_locexttra_t_sInput{

    #subapp-box{

        #cbol_locexttra_RecapForm{
            width: 628px;

            #cbol_locexttra_RecapFromSection-value, #cbol_locexttra_RecapFromSection-secValue, #cbol_locexttra_RecapToSection-value{
                font-size: var(--size-14);
                line-height: var(--line-height-18);
                color: var(--blue-400);
            }

            .cbolui-form-static-label{
                width: 307px;
            }

        }

        #cbol_locexttra_ConfirmForm{
            
            .cbolui-icon_text > strong{
                line-height: var(--line-height-18);
            }

            .cbolui-form-static-label{
                width: 307px;
            }

        }
    }
}
/*Rebranding pay credit card other banks end*/

/*Portabilidad de nomina start*/
#aapps_common_lightkeyeot_t_sapps_common_lightkeyeotflowlighkeyeot{
    
    #left-menu #link_mnAforeBanamex_banamex_product{
        font-weight: 400;
    }
    #left-menu #link_mnAforeBanamex_banamex_product::before{
        content: '\F08B';
        font-family: 'Banamex-Icons', sans-serif;
        color: var(--neutral-0);
        font-size: var(--size-20);
    
    }
    #iconMessage_JnLHHz > div{

        .text-center.no-offers-text{
            font-family: var(--font-text-semibold);
            font-size: var(--size-20);
            line-height: var(--line-height-24);
            color: var(--blue-400);
            margin: 0;
        }
        .text-center.no-offers-subtext{
            font-family: var(--font-text-regular);
            font-size: var(--size-14);
            line-height: var(--line-height-18);
            color: var(--blue-300);
        }
        
    }
    ul.jfpw-lvl-2{
        
        #link_mnAforeBanamex_payroll_query_toCitibanamex, 
        #link_mnAforeBanamex_payroll_query_toOtherBank{
            margin-left: 20px;
            padding-right: 30px;
        }

        #link_mnAforeBanamex_payroll_query_toCitibanamex.active::before,
        #link_mnAforeBanamex_payroll_query_toOtherBank.active::before{
            display: block;
            position: absolute;
            content: ' ';
            height: 6px;
            width: 6px;
            background-color: #000;
            border-radius: 100px;
            left: 35px;
            top: 35px;
        }
    }
}

#aapps_addpayrollport_t_saddpayrollportflowinput{
    ul.jfpw-lvl-2{
        
        #link_mnAforeBanamex_payroll_query_toCitibanamex, 
        #link_mnAforeBanamex_payroll_query_toOtherBank{
            margin-left: 20px;
            padding-right: 30px;
        }
    } 
}

body#aapps_addpayrollport_t_saddpayrollportflowrecap {
    div#addPayrollPortRecapFooter.cbolui-disclaimer {
        display: inline-flex;
        margin-top: 32px;
    }

    h3 {
        margin-top: 32px;
    }
}

body#aapps_addpayrollport_t_saddpayrollportflowinput {
    div#subParagraph,
    div#subParagraph b {
        color: var(--blue-300);
    }
}

a#termsConditionCancelBtn  {
    min-width: 160px;
    height: 48px;
    padding: 14px 24px;
    background: var(--cream-200);
    color: var(--red-300);
    font-family: var(--font-text-semibold);
    font-size: var(--size-16);
    font-weight: 600;
    line-height: var(--line-height-20);
    border-radius: var(--border-radius-s);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.ui-dialog.jfpw-overlay #cbol_addpayroll_terms.ui-dialog-content.cbolui-overlay-marketing {
    height: 566px !important;
}

div#cbolui-common-overlay-wrapper-cbol_addpayroll_terms .cbolui-overlay-complexContent .cbolui-overlay-fixedCTAs {
    padding-top: 16px;

    #aapps_addpayrollport_t_saddpayrollportflowrecap{
        #RecapCancelLink{
            background-color: transparent;
            color: var(--gray-600);
        }
    }
    
}
#aapps_addpayrollport_t_saddpayrollportflowinput{
    #citibanamexsourceDropDownCLABE,
    #citibanamexdestDropDownCLABE{
        margin-top: 8px;
    }
    .jfpw-select15-wrapper.v16{
        width: 400px;
        #citibanamexsourceDropDown-button{
            width: 100%;
        }

    }
    #clabeortarjotrodest, 
    #clabeortarjotrosource{
        font-family: var(--font-text-regular);
        font-size: var(--size-16);
        line-height: var(--line-height-20);
        font-weight: 600;
        color: var(--blue-400);
    }
}

body#aapps_addpayrollport_t_saddpayrollportflowrecap .cbolui-bottom-nav a#RecapCancelLink {
    background: var(--neutral-0);
    color: var(--gray-600);
}

#aapps_addpayrollport_t_saddpayrollportflowinput{
    #clabeortarjotrosource{
        font-size: var(--size-16);
        line-height: var(--line-height-20);
        font-family: var(--font-text-regular);
        color: var(--blue-400);
        font-weight: 600;
    }
}

div#termsandconditionscheck span.cbolui-labelText a#TermsAndConditionLink {
    color: var(--gray-600);
    text-decoration: underline;
    font-weight: 600;
}

body#aapps_addpayrollport_t_saddpayrollportflowconfirm{
    
    #addConfirmForm{
        position: relative;
        top: 75px;

        h2::before{
            position: absolute;
            top: -70px;
            content: '\F13C';
            font-family: 'Banamex-Icons';
            font-size: var(--size-64);
            color: var(--orange-400);
        }

        .cbolui-icon-globalSpriteBase.cbolui-icon-amber-checked{
            display: none;
        }

        nav.cbolui-bottom-nav.cbolui-clearfix{

            #ConfirmPrintLink{
                background-color: transparent;
                font-family: var(--font-text-regular);
                font-size: var(--size-16);
                line-height: var(--line-height-20);
                font-weight: 600;
                color: var(--gray-600);
            }
        }
    }

}
/* Portabilidad de nomina end*/

/* Asociar celular a una de mis cuentas */
form[id=assMobNumInputPageForm] .form-row label:has(input[id=deleteMobile]) {
    margin: 0 !important;
    padding: 0 !important;
}

form[id=assMobNumInputPageForm] .form-row:has(input[id=deleteMobile]) {
    display: flex;
    align-items: center;
    column-gap: var(--margin-xs);

    padding: var(--margin-xs) 0;
}

form[id=assMobNumInputPageForm] .form-row label input[id=deleteMobile]:checked[type=checkbox]::before {
    left: 2px !important;
    top: 1px !important;
}
/* End asociar celular a una de mis cuentas */

/* Desasociar celujlar a una de mis cuentas */
body[id=alatam_svc_assmobnum_t_sassmobilenumflowrecap] .cS-structMainContainer:has(#cancel_modalRecap[style*="display: flex"]),
body[id=alatam_svc_assmobnum_t_sassmobilenumflowrecap] .cS-structBodyContainer:has(#cancel_modalRecap[style*="display: flex"]),
body[id=alatam_svc_assmobnum_t_sassmobilenumflowrecap] #content #subapp-box:has(#cancel_modalRecap[style*="display: flex"]) {
    position: initial !important;
}

body[id=alatam_svc_assmobnum_t_sassmobilenumflowrecap] #content #subapp-box div[id=cancel_modalRecap] .dialog-external-transfer {
    height: 220px;
    width: 460px;
}

body[id=alatam_svc_assmobnum_t_sassmobilenumflowrecap] div[id=cancel_modalRecap] {
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 30, 34, 0.6);
    position: fixed;

    display: flex;
    justify-content: center;
    align-items: center;
}

body[id=alatam_svc_assmobnum_t_sassmobilenumflowrecap] div[id=cancel_modalRecap] .dialog-external-transfer .external-tranfer-content {
    padding: var(--margin-m) 0 0 0 !important;
}

body[id=alatam_svc_assmobnum_t_sassmobilenumflowrecap] div[id=cancel_modalRecap] .external-tranfer-content .content-top {
    margin: 0 !important;
    width: 100%;
}

body[id=alatam_svc_assmobnum_t_sassmobilenumflowrecap] div[id=cancel_modalRecap] .external-tranfer-content .content-top .dot-bottom,
body[id=alatam_svc_assmobnum_t_sassmobilenumflowrecap] div[id=cancel_modalRecap] .external-tranfer-content .content-top .sAdmiracion {
    padding-left: var(--margin-xl);
}

body[id=alatam_svc_assmobnum_t_sassmobilenumflowrecap] div[id=cancel_modalRecap] .external-tranfer-content {
    position: initial;
    height: auto;
}

body[id=alatam_svc_assmobnum_t_sassmobilenumflowrecap] div[id=cancel_modalRecap] .cF-sideBySide.cF-bottomNav {
    position: initial;
    margin: 58px 0 0 0 !important;
    padding-top: 16px;
    width: 100%;

    display: flex;
    justify-content: flex-end;

    border-top: 1px solid var(--gray-300);
}

body[id=alatam_svc_assmobnum_t_sassmobilenumflowrecap] div[id=cancel_modalRecap] .cF-sideBySide.cF-bottomNav .cN-primaryNav {
    width: auto;
    margin-right: var(--margin-xl);
}

body[id=alatam_svc_assmobnum_t_sassmobilenumflowrecap] div[id=cancel_modalRecap] .cF-sideBySide.cF-bottomNav li {
    margin: 0 !important;
}

body[id=alatam_svc_assmobnum_t_sassmobilenumflowrecap] div[id=cancel_modalRecap] #assMobNumNoRecapLink_Overlay,
body[id=alatam_svc_assmobnum_t_sassmobilenumflowrecap] #assMobNumAccept_Back {
    width: 120px !important;
    height: 48px !important;
    text-align: center;
    background-color: var(--cream-200);
    color: var(--red-300) !important;
    font-family: var(--font-text-regular), sans-serif;
    font-size: 16px !important;
    font-weight: 600;
    padding: 14px 50px;
    border-radius: var(--border-radius-s);
    border: none;
    cursor: pointer;
    box-sizing: border-box;
}

body[id=alatam_svc_assmobnum_t_sassmobilenumflowrecap] #assMobNumAccept_Cancel {
    width: 120px !important;
    height: 48px !important;
    text-align: center;
    background-color: transparent;
    color: var(--gray-600) !important;
    font-family: var(--font-text-regular), sans-serif;
    font-size: 16px !important;
    font-weight: 600;
    padding: 14px 50px;
    border-radius: var(--border-radius-s);
    border: none;
    cursor: pointer;
    box-sizing: border-box;
}

body[id=alatam_svc_assmobnum_t_sassmobilenumflowrecap] div[id=cancel_modalRecap] #assMobNumRecapYesCTA_Overlay {
    width: 120px !important;
    height: 48px !important;
    text-align: center;
    background-color: var(--blue-300);
    color: var(--neutral-0);
    font-family: var(--font-text-regular), sans-serif;
    font-size: 16px !important;
    padding: 14px 24px;
    border-radius: var(--border-radius-s);
    border: none;
    cursor: pointer;
    box-sizing: border-box;
}

body[id=alatam_svc_assmobnum_t_sassmobilenumflowrecap] div[id=cancel_modalRecap] #flechaLinks {
    margin: 15px 20px 0 0 !important;
}

body[id=alatam_svc_assmobnum_t_sassmobilenumflowrecap] #flechaLinks .flechaazulUEF {
    display: none;
}

body[id=alatam_svc_assmobnum_t_sassmobilenumflowrecap] form[id=assMobNumRecapPageForm] #flechaLinks {
    margin-top: 20px;
}
/* End desasociar celujlar a una de mis cuentas */

/* Afore */
/* modal error sistema */
body#aAFOREACCOUNTSTATEMENTS_t4046_s10 #subapp-box:has(#error_overlay.modal[style*="display: block"]) #defaultOverlayError.overlay-error,
body#aAFOREREGISTRATION_t4040_s300 #subapp-box:has(#modal_error.overlay-error:not([style*="display: none"])) #defaultOverlayError.overlay-error,
body#aINVESTMENTBUYMUTUALFUND_t_sbuyMutualFundFiltersView #subapp-box:has(#modal_error:not([style*="display: none"])) #defaultOverlayError.overlay-error,
body#aINVESTMENTREDEEMMUTUALFUND_t2035_sinvestmentredeemmutualfundflowfiltersView #subapp-box:has(#modal_error:not([style*="display: none"])) #defaultOverlayError.overlay-error
{
    background: rgba(0, 30, 34, 0.60);
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    z-index: 999999 !important;
}
/* Afore */

/* link CEP banxico */
a#linkCEP_banxico {
    color: var(--gray-600) !important;
    cursor: pointer;
    text-decoration: underline var(--gray-600);
}
/* link CEP banxico */

/* Pagar impuestos */
body#aapps_billtax_t_sbilltaxflowTaxPaymentInput {
    .ui-selectmenu {
        width: 598px !important;
        box-sizing: border-box;
    }
}
/* Pagar impuestos */

/* Error página no disponible en inversiones */
#aINVESTMENTBUYMUTUALFUND_t_sinvestmentbuymutualfundflowGenericErrorView #contenido_pag .contenido {
    display: flex;
    align-items: baseline;

    p {
        margin-top: 0px;
    }
}
/* Error página no disponible en inversiones */

/* Fix defect 3087 */
body#acbol_pnt_locictfr_t_sinput {
	.cbolui-container .cbolui-icon-wrapper.cbolui-icon-wrapper-adjust-horizontal-15px {
		padding-left: 0px;
	}

	.cbolui-container .cbolui-icon-wrapper .cbolui-icon-globalSpriteBase.cbolui-icon-recurring {
		width: 0px;
	}

	a#cmlink_LICT_recrIntrdctnCTA {
		color: var(--gray-600);
	}

	a#inerciti_print {
		background-color: transparent;
		color: var(--gray-600);
	}

	.ui-tooltip.jfpw-tooltip {
		margin-left: 0px;
	}
}
/* Fix defect 3087 */

/* Fix defect 3124 */
#sbt-overlay-export.cbolui-overlay {
    height: auto !important;

    nav.cbolui-bottom-nav.cbolui-clearfix {
        flex-direction: row;
    }

    .cbolui-overlay-contentWrapper.cbolui-overlay-servicing {
        overflow: hidden;
    }

    .cbolui-overlay-fixedCTAs {
        padding-top: 16px;
        padding-bottom: 16px;
        height: auto;
    }

    a.cbolui-secondary-cta {
        padding: 14px 24px;
        background: var(--cream-200);
        color: var(--red-300);
        font-family: var(--font-text-semibold);
        font-size: var(--size-16);
        line-height: var(--line-height-20);
        border-radius: var(--border-radius-s);
        box-sizing: border-box;
        text-align: center;
        min-width: 160px;
        height: 48px;
    }
}
/* Fix defect 3124 */

/* Fix defect 3177 */
#reasonObjectionLabel_Ver-value span {
    margin-left: 0px;
}

body#aBILLDSM_t_sbilldsmflowobjectionVerificationScreen a#link_cancelButton {
    background: transparent;
    color: var(--gray-600);
}
/* Fix defect 3177 */

/* Fix Icon error Pago de servicios confirmacion */
body#alatam_pnt_billpay_t_sinput  form#billpayConfirmPageForm .cbolui-icon-wrapper span#cbolui-iconDomID-errorText-iconChild::before {
    font-size: 64px;
    position: absolute;
    top: 104px;
    font-weight: 400;
}
/* Fix Icon error Pago de servicios confirmacion */

/* Fix defect 3206 */
#subapp-box nav.cbolui-bottom-nav.cbolui-clearfix a#cmlink_printLink.cbolui-secondary-cta {
    background: transparent;
    color: var(--gray-600);
}

body#aBILLDSM_t_sbilldsmflowobjectionConfirmationScreen .ui-dialog-titlebar .ui-dialog-titlebar-close {
    margin-right: 10px;
    margin-top: -9px;
}
/* Fix defect 3206 */

body#aSEEEBANKINGTRANSACTION_t999_sseeebankingtransactionflowMKP-CommonError{
    .width700.inlineBlock.cbolui-pull-left{
        margin-bottom: 40px;
    }
}

body#aSEEEBANKINGTRANSACTION_t999_s100{
    .cbolui-icon-wrapper.cbolui-icon-wrapper-viewMoreItems.cbolui-icon-wrapper-adjust-top7px{
        border: none;
        background-color: transparent;
        
        .cbolui-icon_text{
            font-family: var(--font-text-regular);
            font-size: var(--size-16);
            line-height: var(--line-height-20);
            font-weight: 600;
            color: var(--gray-600);
        }
        .cbolui-icon_text::after{
            content: '\F05E';
            font-family: 'Banamex-Icons';
            margin-left: 8px;
        }
    }
    .lineVertical{
        border: none;
    }
    .cbolui-icon_separator{
        border: none;
    }
}

/* Fix defect modal ver movimientos start */
#aSEEEBANKINGTRANSACTION_t999_sseeebankingtransactionflowMKP-CommonError{
    
    .error-content{
        border: none;

    }

    .external-tranfer-close{
        background: none;
    }

    #subappform_EBT .rightMenuEBT{
        top: 20px;
        position: absolute;
        left: 965px !important;
        display: flex;
    }

    #periodId-button {
        width: 534px !important;
    }
}
/* Fix defect modal ver movimientos end */
/*Fix Domiciliar pago start*/
body#aBILLDSM_t_sbilldsmflowobjectionCaptureScreen,
body#aBILLDSM_t_sbilldsmflowobjectionVerificationScreen{

    #Mkp1 #ProgressIndicator{
        margin-bottom: 0px !important;
    }
}
body#aSEETAX_t_s100{
    
    #cepalertoverlay-parent{
        height: fit-content!important;
        max-height: 290px;

        .cbolui-overlay-fixedCTAsForDialog .cbolui-clearfix{
            padding: 4px 0 16px;
        }
    }
}
/*Fix Domiciliar pago end*/
/* Fix invalid tab */
body:not(:has(.newHeader-container)) #wrap {
    top: 0px;
}
/* Fix invalid tab */

/* fix spend limit */
body#acbol_amt_spelimcha_t_sSpendLimitInput .cbolui-container .cbolui-form-checkbox label {
    display: inline;
    padding-left: 0px;
}
/* fix spend limit */

/* fix modal error sistema inversiones a plazo */
body#aOPENTIMEDEPOSIT_t26_sopentimedepositflowrecapView .ui-dialog #error_overlay {
    #cbolui-iconDomID-redError {
        display: inline-flex;

        #cbolui-iconDomID-redError-iconText {
            margin-left: 0px;
        }
    }
}
/* fix modal error sistema inversiones a plazo */

/* Fix 4981 Rebranding */
body#acbol_pnt_locictfr_t_sinput #locictfrConfirmationForm #cbolui-iconDomID-LictCustomCheck .cbolui-icon-globalSpriteBase.cbolui-icon-redErrorFlat {
    position: absolute;
    left: 0px;
    top: 88px;

    &::before {
        font-size: var(--size-64);
        font-weight: 400;
    }
}
/* Fix 4981 Rebranding */

/* Fix block user logout authentication */
.logout-autenticacion a[id="link_blockUser_GoHomePage.link"] {
    margin-top: 0px !important;
}
/* Fix block user logout authentication */

/* Fix afore subtotal savings columns */
#aAFOREACCOUNTSTATEMENTS_t4046_s13 #aforeAccountStatementsForm table tr.afore-subtotal-savings td.TxtAR {
    white-space: nowrap;
}
/* Fix afore subtotal saving columns */

/* Ini Ordenes de pago*/
#aapps_orderpayment_t_sorderpaymentflowconfirm .cbolui-container .cbolui-grid-row {
	display: inherit;
}

#aapps_orderpayment_t_sorderpaymentflowconfirm #Confirm_PrintCTA{
    color: var(--gray-600) !important;
    background: var(--neutral-0) !important;
}

#aapps_orderpayment_t_sorderpaymentflowconfirm #textDisclaimerId{
    color: var(--blue-300) !important;
    font-family: var(--font-text-regular) !important;
    font-size: 14px ; 
}
#aapps_orderpayment_t_sorderpaymentflowconfirm .seguridadTransferPayOrderClass{
    margin-bottom: 20px ;
}

#aapps_orderpayment_t_sorderpaymentflowconfirm .numAutorizacionPayOrderClass,
#aapps_orderpayment_t_sorderpaymentflowconfirm .numDocumentoPayOrderClass{
        color: var(--blue-300) !important;
        font-family: var(--font-text-regular) !important;
        font-size: 14px;
    margin-left:0 !important;
    font-weight:400 !important;
}

#aapps_orderpayment_t_sorderpaymentflowconfirm .imgDisclaimerPayOrderClass{
    display: none;
}

#aapps_orderpayment_t_sorderpaymentflowconfirm #tempAppBodyContainer:before{
    content:"\F13C";
    font-family: 'Banamex-Icons';
    text-align: center;
    text-decoration: none !important;
    font-size: 64px;
    padding-right: 8px;
    font-weight: 400;
    color: #FF5F00;
}

#aapps_orderpayment_t_sorderpaymentflowconfirm .cbolui-container .cbolui-clearfix+h2{
    margin-top: 20px;
}
/* Ini Ordenes de pago*/

#acbol_tax_receipt_t_staxreceiptsflowselectTaxReceiptView #CBOLSpinner{
}

body#aBILLDSM_t_sbilldsmflowcaptureData #subapp-box:has(#dnfVBeanlistValidityToDayInput-wrapper[style*="display: none"]) #choiceList{
    margin-bottom: -14px !important;
}

#acbol_pnt_loctfr_t7_sInput {
    #folioOtherAmountChoice{
        margin-left: 25px;
    }

    #divMontoIgualMenor{
        color: var(--blue-300) !important;
        font-size: 14px !important;
        width: 232px !important;
    }

    #folioOtherAmountChoice-wrapper{
        .cbolui-form-amount-input-currency{
            margin-left: 25px;
        }
    }
}

#alatam_svc_assmobnum_t_sassmobilenumflowfinalInput{
   #deleteMobile{
       width: 16px !important;
       height: 16px !important;
       border-radius: 4px !important;
       margin-top: 3px;
       position: relative;
   } 
    label:has(#deleteMobile){
        display: inline-block;
    }

    input[type="checkbox"]:checked[type=checkbox]::before{
        left:3px;
        top: 2px;
        position: absolute;
        font-weight: 600;
    }

    #despliega-oculto-select-one{
        border-radius: 8px;
        width: 296px !important;
        margin-top: -18px;
    }
}

/*Fix for INC0143947416. Ocultamiento en menú del módulo Asociar celular a una de mis cuentas.*/
 #cell_link_mnServices_myAccounts_assmobilenumber{
  display : none;
 }
 
 #acbol_tax_receipt_t_staxreceiptsflowselectTaxReceiptView #CBOLSpinner{
 	display: none; /*Fix for INC0137132767*/
 }

 /* Fix see banking transaction */
 body#aSEEEBANKINGTRANSACTION_t999_s100 #detailDiv0.cbolui-form-simpleControls.cbolui-grid-row {
     display: flex;
 }
 /* Fix see banking transaction */

 /* MTU */
 #cbol_exttra_MtuPassValidationOverlay-parent {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    position: fixed;
 }

 #cbol_exttra_MtuPassValidationOverlay.cbolui-overlay {
    height: auto !important;
}

#cbolui-overlay-cbol_exttra_MtuPassValidationOverlay-contentWrapperId {
    margin-top: 90px;
    height: auto !important;
}
#cbolui-overlay-cbol_exttra_MtuPassValidationOverlay-contentWrapperId .cbolui-container .cbolui-form-group[class*=cbolui-grid-col-]{
    margin: 0;
}

#cbolui-overlay-cbol_exttra_MtuPassValidationOverlay-contentWrapperId .cbolui-overlay-content {
    height: auto !important;
    padding-bottom: 45px;
    position: relative;
}

#cbolui-overlay-cbol_exttra_MtuPassValidationOverlay-contentWrapperId .cbolui-overlay-content h3{
    padding-bottom: 16px;
}
#cbol_exttra_InputMTU-label{
    font-weight: normal;
}
#cbol_exttra_MtuPassValidationOverlay#acbol_pnt_locictfr_t_sinput .cbolui-form-simpleControls.cbolui-grid-row.cbolui-row-contains-text{
    margin-bottom: 0 !important;
}

#cbolui-overlay-cbol_exttra_MtuPassValidationOverlay-contentWrapperId .cbolui-overlay-content .cbolui-form-simpleControls .cbolui-form-group {
    width: 100%;
    margin:0;
}
#cbolui-overlay-cbol_exttra_MtuPassValidationOverlay-contentWrapperId .cbolui-overlay-content .cbolui-form-simpleControls .cbolui-form-group input{
    width: 100%;
}
#cbolui-common-overlay-wrapper-cbol_exttra_MtuPassValidationOverlay #cbol_exttra_MtuPassValidationOverlay-header {
    padding-top: 16px;
    padding-bottom: 16px;
}
#cbolui-common-overlay-wrapper-cbol_exttra_MtuPassValidationOverlay .cbolui-overlay-complexContent {
    margin-top: 0;
}
#cbolui-common-overlay-wrapper-cbol_exttra_MtuPassValidationOverlay .cbolui-overlay-complexContent .cbolui-overlay-fixedCTAs {
    height: auto;
}

#cbolui-common-overlay-wrapper-cbol_exttra_MtuPassValidationOverlay .cbolui-form-label-wrapper {
    margin-top: 24px;
    margin-bottom: 6px;
}
#cbol_exttra_MtuPassValidationOverlay .cbolui-overlay-headerImage{
    margin-top:25px;
}
#cbol_exttra_MtuPassValidationOverlay .cbolui-overlay-fixedCTAs{
    padding-top: 16px;
    padding-bottom: 16px;
}
#cbol_exttra_MtuPassValidationOverlay .cbolui-overlay-fixedCTAs a{
    min-width: 120px;
}

#cbol_exttra_MtuPassLimitErrors-parent {
    height: 194px !important;
    width: 348px !important;
}
#cbol_exttra_MtuPassLimitErrors {
    padding: 0px !important;
}
#cbol_exttra_MtuPassLimitErrors-header {
    height: auto;
    padding-bottom: 8px;
}
#cbol_exttra_MtuPassLimitErrors-header .icon-warning-container{
    margin-bottom: 5px;
}

#cbol_exttra_MtuPassLimitErrors-parent .ui-dialog-titlebar .ui-dialog-titlebar-close {
    display:none;
}

#cbol_exttra_MtuAuthAccept:hover{
    cursor:pointer;
}

#cbol_exttra_MtuPassLimitErrors-header .cbolui-overlay-content  {
    height: auto;
    padding-bottom: 8px;
}

#cbolui-common-overlay-wrapper-cbol_exttra_MtuPassLimitErrors .cbolui-overlay-aboveContent {
    margin-left: 0;
    margin-right: 0;
    padding: 0 16px;
}

#cbolui-common-overlay-wrapper-cbol_exttra_MtuPassLimitErrors .cbolui-overlay-complexContent{
    margin-top: 0;
}

#cbolui-overlay-cbol_exttra_MtuPassLimitErrors-contentWrapperId {
    padding: 0 20px;
}
#cbolui-overlay-cbol_exttra_MtuPassLimitErrors-contentWrapperId .cbolui-overlay-content {
    height: auto;
    padding-bottom: 20px;
}

#cbolui-overlay-cbol_exttra_MtuPassLimitErrors-contentWrapperId .cbolui-overlay-content h3{
    margin-bottom: 8px;
}

#cbolui-common-overlay-wrapper-cbol_exttra_MtuPassLimitErrors .cbolui-overlay-fixedCTAsForDialog {
    width: 100% !important;
    text-align: center;
    padding-top: 5px;
}

#acbol_pnt_locictfr_t_sinput #cbol_exttra_MtuPassValidationOverlay .cbolui-form-simpleControls.cbolui-grid-row.cbolui-row-contains-text {
    margin: 0 !important;
}

span.wrong-pswd-message {
    color: #FF1B44;
    position: fixed;
    margin-top: 5px;
}

#acbol_pnt_locictfr_t_sinput#showHidePasswordMTU{
    bottom: 63px;
}

#showHidePasswordMTU {
    position: absolute;
    right: 16px;
    bottom: 61px;
    color: #007C94;
    font-weight: 700;
    font-size: var(--size-12);
}

#cbol_exttra_MtuPassErrorServer, #payeeLimExcOver{
    padding: 0 !important;
    margin: 0;
}

#cbol_exttra_MtuPassErrorServer-parent, #payeeLimExcOver-parent {
    height: auto !important;
    width: 560px !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    position: fixed;
}

#cbolui-common-overlay-cancel-payeeLimExcOver .cbolui-overlay-nav{
    width: 100% !important;
}

#cbolui-common-overlay-cancel-payeeLimExcOver .cbolui-overlay-nav .cbolui-bottom-nav a{
    min-width: 120px;
}

#cbol_exttra_MtuPassErrorServer-header {
    padding: 24px 0;
}

#cbolui-common-overlay-wrapper-cbol_exttra_MtuPassErrorServer .cbolui-overlay-aboveContent {
    margin-left: 0;
    margin-right: 0;
}

#cbolui-common-overlay-wrapper-cbol_exttra_MtuPassErrorServer .cbolui-overlay-complexContent {
    margin-top: 0;
}

#cbolui-overlay-cbol_exttra_MtuPassErrorServer-contentWrapperId {
    margin: 0 40px;
}

#cbolui-common-overlay-cancel-payeeLimExcOver{
    margin: 0px 40px 15px 40px;
}

#cbolui-common-overlay-cancel-payeeLimExcOver .cbolui-overlay-aboveContent h1{
    font-weight: normal;
}

#cbolui-common-overlay-cancel-payeeLimExcOver .cancelOverlayContentArea{
    display: flex;
    margin: 50px 0 0 0px;
    padding-bottom: 5px;
}

#cbolui-common-overlay-cancel-payeeLimExcOver .cancelOverlayContentArea .cbolui-icon-wrapper{
    margin-top:0;
}

#cbol_exttra_MtuPassErrorServer .cbolui-overlay-fixedCTAsForDialog{
    width: 100% !important;
}

#cbolui-overlay-cbol_exttra_MtuPassErrorServer-contentWrapperId .cbolui-overlay-content .warn-message {
    display: flex;
    padding-top: 40px;
}
#cbolui-overlay-cbol_exttra_MtuPassErrorServer-contentWrapperId .cbolui-overlay-content .warn-message .icon-warning-container {
    margin-right: 10px;
}
#cbolui-overlay-cbol_exttra_MtuPassErrorServer-contentWrapperId .cbolui-overlay-content .warn-message .icon-warning {
    height: 20px;
    width: 20px;
}

#cbolui-common-overlay-wrapper-cbol_exttra_MtuPassErrorServer .cbolui-overlay-complexContent .cbolui-overlay-fixedCTAsForDialog {
    padding-top: 0px;
}

#cbolui-common-overlay-wrapper-cbol_exttra_MtuPassErrorServer .cbolui-overlay-complexContent .cbolui-overlay-fixedCTAsForDialog .cbolui-bottom-nav{
        padding: 15px 40px 15px;
        width: auto !important;
}
#cbol_exttra_MtuErrorServerAccept{
min-width: 120px;
}
#cbolui-common-overlay-wrapper-cbol_exttra_MtuPassErrorServer .cbolui-overlay-complexContent .cbolui-overlay-fixedCTAsForDialog .cbolui-bottom-nav .cbolui-divider-dotted{
    display: none;
}

#cbolui-common-overlay-cancel-payeeLimExcOver .cbolui-overlay-nav .cbolui-divider-dotted.cbolui-divider-nav {
    left:0;
}

/* MTU */

/* X-Small (less than 375px)*/
@media (max-width: 374px) {
    /* Card login */
    .card-login {
        min-height: 628px;
    }

    .card-login__label {
        width: 210px;
    }

    .card-login__label::after {
        left: 210px;
    }

    .card-login__content-form .input-form {
        width: 100%;
        box-sizing: border-box;
        height: 48px;
    }

    .error-tooltip__poiter-item {
        rotate: -90deg;
    }

    .error-tooltip__content {
        width: 145px;
        min-height: 54px;
    }

    #error_username {
        top: 89px;
        left: 40px;
    }

    #error_username .error-tooltip__poiter-item {
        top: 66px;
        left: 163px;
    }

    #error_userKey,
    #error_userKeyLenght {
        top: 146px;
        left: 40px;
    }

    #error_userKey .error-tooltip__poiter-item,
    #error_userKeyLenght .error-tooltip__poiter-item {
        top: 66px;
        left: 163px;
    }

    .card-login__label-content {
        width: fit-content;
    }

    .divider-brand {
        margin: 0px 2px;
    }

    /* Slider offers */
    .slider-mobile {
        margin-top: 24px;
    }

    .slider-mobile__image {
        max-width: 327px;
        height: 128px;
        border-radius: var(--border-radius-xl);
    }

    .slider-mobile__title {
        margin-top: 12px;
        margin-bottom: 4px;        
    }

    .slider-mobile__footer a {
        text-decoration: underline;
    }

    .slider-mobile__image--offer1 {
        background-image: url(../rebranding/assets/ofertas-login/s/1.jpg), url(../rebranding/assets/ofertas-login/s/default.jpg);
    }

    .slider-mobile__image--offer2 {
        background-image: url(../rebranding/assets/ofertas-login/s/2.jpg), url(../rebranding/assets/ofertas-login/s/default.jpg);
    }

    .slider-mobile__image--offer3 {
        background-image: url(../rebranding/assets/ofertas-login/s/3.jpg), url(../rebranding/assets/ofertas-login/s/default.jpg);
    }

    .slider-mobile__image--offer4 {
        background-image: url(../rebranding/assets/ofertas-login/s/4.jpg), url(../rebranding/assets/ofertas-login/s/default.jpg);
    }

    .slider-mobile__image--fade {
        animation-name: fade;
        animation-duration: 1.5s;
    }

    /*Header start*/
    #nav_home{
        display: none;
    }
    /*Header end*/
    
     /* section  card login destacados and operations */
     .card__main__destacado {
        min-height: 332px;
        padding: 24px 24px 32px 24px;        
    }

    .card__destacado__grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 24px;
    }

    .card__destacado__body {
        width: 100%;
        min-height: 40px;
        display: flex;
        flex-direction: row;
        gap: 8px;
        background-color: transparent;
        border-radius: var(--border-radius-m);
    }

    .card__destacado__background {
        display: flex;
        position: relative;
        border-radius: var(--border-radius-m);
    }

    .card__destacado__background::after {
        display: none;
    }

    .card__destacado__background::before { 
        display: none;
    }

    .card__destacado__content {
        background-color: var(--neutral-0);
        display: flex;
        align-items: center;
        height: 100%;
        flex: 1;
        border-radius: 12px;
        padding: 0px 16px 0px 16px;
        width: 15rem;    
    }
    .card__destacado__content .text {
        padding: 0rem;
        margin: 0px;
        text-align: left;         
    }
    .card__destacado__img {
        display: flex;        
    }
    
    /* section operations */
    .banner__container {
        display: flex;
        margin: 0;
    }
    .title__section {
        display: none;
    }
    .card__operations {
        flex: 1;
        width: 100%;
        min-height: 256px;
        padding: 24px 24px 32px 24px;
        margin-top: 24px;
    }
    .card__icon {
        margin-left: 0px;
    }
    .card__operations__text { 
        padding-left: 0px;
        padding-right: 0px;
    }
    .banner__grid .card__operations:first-child {
        display: none;
    }
    /*footer start*/
    .footer-links-container p  .floatL {
        margin-top: 0px !important;
    }
    
    .footer-links-container{
        display :grid;
    }
    .floatR{
        text-align: left;
    }
    .footer-bottom-container{
        padding: 40px 24px;
    }
    .footer-links-container{
        gap: 0px;
    }
    /*footer end*/
}

/* Small (375px to 767px)*/
@media (min-width: 375px) and (max-width: 767px) {
    /* Card login */
    .card-login {
        min-height: 628px;
    }

 

    .error-tooltip__poiter-item {
        rotate: -90deg;
    }

    .error-tooltip__content {
        width: 200px;
    }

    #error_username {
        top: 58px;
        left: 40px;
    }

    #error_username .error-tooltip__poiter-item {
        top: 48px;
        left: 220px;
    }

    #error_userKey, 
    #error_userKeyLenght {
        top: 119px;
        left: 40px;
    }

    #error_userKey .error-tooltip__poiter-item,
    #error_userKeyLenght .error-tooltip__poiter-item {
        top: 48px;
        left: 220px;
    }

    /* Slider offers */
    .slider-mobile {
        margin-top: 24px;
    }

    .slider-mobile .item {
        display: none;
    }

    .slider-mobile__image {
        max-width: 327px;
        height: 128px;
        border-radius: var(--border-radius-xl);
    }

    .slider-mobile__title {
        margin-top: 12px;
        margin-bottom: 4px;
    }

    .slider-mobile__footer a {
        text-decoration: underline;
    }

    .slider-mobile__image--offer1 {
        background-image: url(../rebranding/assets/ofertas-login/s/1.jpg), url(../rebranding/assets/ofertas-login/s/default.jpg);
    }

    .slider-mobile__image--offer2 {
        background-image: url(../rebranding/assets/ofertas-login/s/2.jpg), url(../rebranding/assets/ofertas-login/s/default.jpg);
    }

    .slider-mobile__image--offer3 {
        background-image: url(../rebranding/assets/ofertas-login/s/3.jpg), url(../rebranding/assets/ofertas-login/s/default.jpg);
    }

    .slider-mobile__image--offer4 {
        background-image: url(../rebranding/assets/ofertas-login/s/4.jpg), url(../rebranding/assets/ofertas-login/s/default.jpg);
    }

    .slider-mobile__image--fade {
        animation-name: fade;
        animation-duration: 1.5s;
    }

    /* section  card login destacados and operations */
    .card__main__destacado {
        min-height: 332px;
        padding: 24px 24px 32px 24px;        
    }

    .card__destacado__grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 24px;
    }

    .card__destacado__body {
        width: 100%;
        min-height: 40px;
        display: flex;
        flex-direction: row;
        gap: 8px;
        background-color: transparent;
        border-radius: var(--border-radius-m);
    }

    .card__destacado__background {
        display: flex;
        position: relative;
        border-radius: var(--border-radius-m);
    }

    .card__destacado__background::after {
        display: none;
    }

    .card__destacado__background::before { 
        display: none;
    }

    .card__destacado__content {
        background-color: var(--neutral-0);
        display: flex;
        align-items: center;
        height: 100%;
        flex: 1;
        border-radius: 12px;
        padding: 0px 16px 0px 16px;
        width: 15rem;    
    }
    .card__destacado__content .text {
        padding: 0rem;
        margin: 0px;
        text-align: left;         
    }
    .card__destacado__img {
        display: flex;        
    }
    /* section operations */
    .banner__container {
        display: flex;
        margin: 0;
    }
    .title__section {
        display: none;
    }
    .card__operations {
        flex: 1;
        width: 100%;
        min-height: 256px;
        padding: 24px 24px 32px 24px;
        margin-top: 24px;
    }
    .card__icon {
        margin-left: 0px;
    }
    .card__operations__text { 
        padding-left: 0px;
        padding-right: 0px;
    }
    .banner__grid .card__operations:first-child {
        display: none;
    }
    /*Header*/
    #nav_home{
        display: none;
    }
    /*footer start*/

    .footer-links-container{
        display :grid;
    }
    .floatR{
        text-align: left;
    }
    .footer-links-container{
        gap: 0px;
        margin-top: 2px;
    }
	
	#loginCustomerBox .width145 {
		width: 155px !important;
	}
	
	.ContainerInput {
	    width: 247px !important;
	    height: 40px !important;
	    border-radius: 4px !important;
	    border: solid 1px #cccccc !important;
	    padding: 0px !important;
	}
	
	#remember_usertext {
	    height: 10px;
	    font-size: 14px !important;
	    font-weight: 300 !important;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: normal;
	    letter-spacing: normal;
	    position: relative;
	    bottom: 0px;
	    width: 142px;
	    margin-left: 8px;
	}
	
	#content2 #legends5 {
		display: none;
	}
	
	.bottom #legends5 {
		display: none;
	}
	
	.preSignonLinksLogin1 a {
	    background: none !important;
	    height: 12px;
	    font-size: 14px;
	    font-weight: 300;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: normal;
	    letter-spacing: normal;
	}
	
	.preSignonLinksLogin1 {
	    background: none !important;
	    padding-top: 12px !important;
	    width: 250px !important;
	}
	
	#ribbon2 #legends3 {
		padding-top: 9px !important;
	}
	
	.RegButton {
	    width: 248px;
	    height: 48px;
	    border-radius: 2.8px;
	    border: solid 1.1px #054bae;
	    text-align: center;
	    top: 16px;
	    position: relative;
	    left: 24px;
	    cursor: pointer;
	}
	
	.newLoginRemember {
	    position: relative;
	    top: 15px;
	}
	
	#contenido_login #login #ribbon {
	    width: 186px;
	    height: auto;
	    padding-left: 24px;
	    padding-top: 35px;
	}
	
	#ribbon2 {
	    width: 186px;
	    height: 50px;
	    padding-left: 24px;
	    position: relative;
	    top: 63px;
	}
	
	#legends1 {
		margin-top: 24px;
	}
	
	#content3 .Iniciar-sesin {
    	font-size: 16px !important;
	}
	
	.loginContrasea {
	    width: 100px;
	    height: 18px;
	    font-style: normal;
	    line-height: 20px !important;
	    letter-spacing: normal;
	}
	
	.Button-Area2 {
	    margin-top: 3px!important;
	    width: 248px;
	    height: 48px;
	    border-radius: 2.7px;
	    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
	    background-color: #056DAE;
	    top: 8px;
	    position: relative;
	    text-align: center;
	}
	
	#contenido_login #login #content3 {
	    width: 186px;
	    padding: 16px 7px 28px 24px;
	    height: 160px;
	}
	
	#citibank-imageb {
		width: 766px;
	    margin-left: auto;
	    margin-right: auto;
	}

    #header {
		background-color: var(--blue-300);
	}
	
	.imgMainBanner768Tablet {
		display: initial !important;
		width: 768px !important;
	    height: 223px;
	}
	
	.imgMainBanner768 {
		display: none !important;
	}
	
}

/* For desktop 1: */
@media only screen and (min-width: 993px) {
	.widthResp {
		margin-left: auto;
  		margin-right: auto;
  		max-width: 984px;
  	}
  	.widthp100 {
    	width: 100% !important;
    	max-width: 100% !important;
  	}
  	
	#citibank-imageb {
		width: 984px;
	    margin-left: auto;
	    margin-right: auto;
	}
	
	.bottonBanner {
	    position: relative;
	    max-width: 100%;
	    padding: 0px 3px;
	}
	
	.bottonBanner img {
	    width: 984px;
	    height: auto;
	    max-width: 984px !important;
	}
	
	.footResp .top {
		padding: 0px 0px 8px !important;
		width: auto !important;
		margin-left: 50px;
    	margin-right: 50px;
	}
	
	.footResp .bottom {
		padding: 18px 50px 0 !important;
	}
}

/* Medium (768px to 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    /* card login */
    .card-login__content-caption {
        top: 76px;
        left: 382px;
    }

    .container-roseta {
        width: 303px;
        left: 390px;
        top: -286px;
    }

    #rosetaLogin {
        width: 126%;
        right: -37px;
        top: -41px;
    }

    /* Slider offers */
    .card-login--offer1 {
        background-image: url(../rebranding/assets/ofertas-login/md/1.jpg);
    }

    .card-login--offer2 {
        background-image: url(../rebranding/assets/ofertas-login/md/2.jpg);
    }

    .card-login--offer3 {
        background-image: url(../rebranding/assets/ofertas-login/md/3.jpg);
    }

    .card-login--offer4 {
        background-image: url(../rebranding/assets/ofertas-login/md/4.jpg);
    }

    .card-login--fade {
        animation-name: fade;
        animation-duration: 1.5s;
    }

    /* section card login destacados and operations  */
    .card__main__destacado {        
        height: 196px;        
    }
    .card__destacado__grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    .card__destacado__body {
        width: 100%;    
        min-height: 40px;
        display: flex;
        flex-direction: row;
        gap: 8px;
        background-color: transparent;
        border-radius: var(--border-radius-m);
    }
    .card__destacado__background {                        
        position: relative;
        border-radius: var(--border-radius-m);
    }
    .card__destacado__background::after {
        display: none;
    }
    .card__destacado__background::before { 
        display: none;
    }
    .card__destacado__img {        
        border-radius: var(--border-radius-m);        
    }
    .card__destacado__body .atm { 
        flex: 1;
    }
    .card__destacado__content {        
        background-color: var(--neutral-0);
        padding: 0px 16px 0px 16px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        min-height: 100%;        
        border-radius: var(--border-radius-m);
        width: 16rem;
    }
    .card__destacado__content .text {
        padding: 0rem;
        margin: 0px;
    }
    .banner__container {
        width: 672px;
    }
    .card__operations {        
        min-height: 256px;
    }
}

/* Large (1024px to 1439px) */
@media (min-width: 1024px) and (max-width: 1439px) {
    /* card login */
    .card-login__content-caption {
        top: 81px;
        left: 392px;
    }

    .container-roseta {
        width: 449px;
        left: 481px;
        top: -429px;
    }

    #rosetaLogin {
        width: 126%;
        right: -55px;
        top: -59px;
    }

    /* Slider offers */
    .card-login--offer1 {
        background-image: url(../rebranding/assets/ofertas-login/md/1.jpg);
    }

    .card-login--offer2 {
        background-image: url(../rebranding/assets/ofertas-login/md/2.jpg);
    }

    .card-login--offer3 {
        background-image: url(../rebranding/assets/ofertas-login/md/3.jpg);
    }

    .card-login--offer4 {
        background-image: url(../rebranding/assets/ofertas-login/md/4.jpg);
    }

    .card-login--fade {
        animation-name: fade;
        animation-duration: 1.5s;
    }
}

/* Only XL (1440px and up) */
@media (min-width: 1440px) {
    /* Slider offers */
    .card-login--offer1 {
        background-image: url(../rebranding/assets/ofertas-login/xl/1.jpg);
    }

    .card-login--offer2 {
        background-image: url(../rebranding/assets/ofertas-login/xl/2.jpg);
    }

    .card-login--offer3 {
        background-image: url(../rebranding/assets/ofertas-login/xl/3.jpg);
    }

    .card-login--offer4 {
        background-image: url(../rebranding/assets/ofertas-login/xl/4.jpg);
    }

    .card-login--fade {
        animation-name: fade;
        animation-duration: 1.5s;
    }
}
/* END */
/* Favor de no incluir estilos despues de los media queries, para mantener la estructura */