/*****************************************/
/* Estilo principal
/*****************************************/
:root{
    --CP-color-magenta: #F04B67;
    --CP-color-naranjo: #FFAC2C;
    --CP-color-cyan: #00C7F9;
    --CP-color-azul: #0500C4;
    --CP-color-negro: #000000;
    --TC-color-naranja: #f07c00;
    --CT-color-celeste: #1D7BBF;
    --CT-color-cyan: #00B3E5;
}

html,body
{
    font-family: FigtreeRegular,sans-serif !important;
    margin:0px;
    height:100%;
    min-width: 270px !important;
    width: -webkit-fill-available;
}

.CencoPay body, .CencoPay .t-Region-body{
	color: var(--CP-color-negro);
}

h2, b {
	font-family: FigtreeSemiBold,sans-serif !important;
	text-transform: uppercase;
	font-weight: normal;
}

textarea{
    font-family: inherit !important;
}
.t-Body-title{
    background-color:#fdf1e1!important;
}
.t-Region-header{line-height: initial!important;}
.img-responsive{
    width: 100%;
    height: auto;
    margin: auto;
    display: block;
}
.t-Button:not(.t-Button--simple),
.CencoPay .t-Dialog-body .t-Button:not(.t-Button--simple) {
    font-family: FigtreeSemiBold,sans-serif !important;
}
.t-Button--large{
    line-height: 20px;
}
.tituloGrilla{
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: solid 1px var(--CP-color-azul) !important;
    padding: 6px;
}
.leftText{
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.rightText{
    text-align:right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    direction: rtl;
}
.t-Header-logo-link img{
	max-height: 2rem;
}
.t-Header-branding {
    height: 60px;
    background-color: #5d5d5d;
    background-image: linear-gradient(to right, #5d5d5d , gray);
}
.t-DialogRegion-body{
    font-family:FigtreeRegular,sans-serif !important;
}
.t-Alert--danger .t-Alert-icon{
    color: var(--CP-color-azul)!important;
}
/*Breadcrumb - Cambio de producto*/
.btn-prod {
    background-color: transparent!important;
    box-shadow: none!important;
}
@media only screen and (max-width:380px)
{
    #prod-card{
        display:none;
    }
    .t-Breadcrumb-label{
        font-size: 12px!important;
    }
    .t-HeroRegion:not(.t-HeroRegion--featured) .t-HeroRegion-title{
        font-size: 15px!important;
    }
}
/*Home*/
.t-HeroRegion:not(.t-HeroRegion--featured) .t-HeroRegion-col--content{
    line-height: 12px;
}
.t-HeroRegion:not(.t-HeroRegion--featured) .t-HeroRegion-title{
    line-height: 24px !important;
}
#LimitesyDisponibles .t-BadgeList--dash .t-BadgeList-value{
    	font-size: 26px;
}
#LimitesyDisponibles .t-BadgeList--dash a.t-BadgeList-wrap:hover{
    	box-shadow: none;
}
#LimitesyDisponibles .t-BadgeList--dash a.t-BadgeList-wrap:hover{
    	box-shadow: none;
}
#LimitesyDisponibles .t-Region-body ul{
    	padding-top: 20px;
    	padding-bottom: 20px;
}
#LimitesyDisponibles .t-BadgeList--dash .t-BadgeList-label{
	    font-size: 13px;
}
@media screen and (max-width: 380px){
    #LimitesyDisponibles .t-BadgeList--dash .t-BadgeList-value{
                font-size: 20px;
        }
    .t-AVPList-label, .t-AVPList-value{
                font-size: 12px;
        }
    #BannerNotificaciones .t-MediaList--large .t-MediaList-desc{
        font-size:13px;
    }
    #BannerNotificaciones .t-MediaList--large .t-MediaList-title{
        font-size:15px;
    }
    #BannerNotificaciones .t-MediaList-itemWrap{
        flex-wrap: wrap;
    }
    #BannerNotificaciones .t-MediaList--showIcons .t-MediaList-iconWrap{
        width: 100%;
        padding-left: 0;
        padding-bottom: 0;
    }
}
#BannerNotificaciones table {
    position: absolute;
}
#BannerNotificaciones .t-Region-body ul{
    padding: 0;
}
#btnCerrar span{
    color: #cccccc;
}
#BannerNotificaciones a.t-MediaList-itemWrap, #BannerNotificaciones .t-MediaList{
    background-color:transparent;
}
#BannerNotificaciones .t-Region-body{
    cursor:pointer;
}

#BannerNotificaciones .t-Region-body:hover{
    background-color:#f8f8f8;
}
#BannerNotificaciones a.t-MediaList-itemWrap:focus {
    box-shadow: none;
}

#BannerNotificaciones .t-MediaList-iconWrap{
    align-items: center;
}
#Listado_Viajes .t-Region-body{
   box-shadow: none; 
}
#MenuTabs .t-Tabs--simple .t-Tabs-item.is-active .t-Tabs-link {
    box-shadow: 0 -2px 0 var(--CP-color-azul) inset;
    color: var(--CP-color-azul);
    font-weight: 700;
    transition: 0.4s box-shadow;
    -webkit-transition: 0.4s box-shadow;
    -moz-transition: 0.4s box-shadow;
    -o-transition: 0.4s box-shadow;
}
#MenuTabs ul.t-Tabs.t-Tabs--simple.a-Tabs {
    padding: 0 5px;
    border-bottom: 1px solid #e0e0e0;
}

.t-Tabs--simple .t-Tabs-link:focus{
    box-shadow:0 0 0 0px var(--CP-color-azul) inset!important;
}
/*Botones del menú*/
.t-TreeNav .a-TreeView-node--topLevel>.a-TreeView-row{
    height: 50px;
}
.t-TreeNav .a-TreeView-node--topLevel>.a-TreeView-content{
    padding-top: 5px;
    padding-bottom: 5px;
}
.t-TreeNav .a-TreeView-node--topLevel>.a-TreeView-toggle{
    padding: 17px 8px 12px 0;
}
.t-TreeNav .a-TreeView-node--topLevel ul .a-TreeView-content{
    padding: 3px 0;
}
.t-TreeNav .a-TreeView-node--topLevel ul .a-TreeView-row{
    height: 40px;
}
.t-TreeNav .a-TreeView-node--topLevel>ul{
    padding: 0px;
}
.t-TreeNav .a-TreeView-node--topLevel>.a-TreeView-toggle{
    width:100%;
    position:absolute;
    text-align: right;
}
/* Input */
.t-Form-inputContainer input.datepicker, .t-Form-inputContainer input.password, .t-Form-inputContainer input.popup_lov, .t-Form-inputContainer input.text_field, .t-Form-inputContainer input[type="text"], .t-Form-inputContainer select.selectlist, .t-Form-inputContainer select.yes_no, .t-Form-inputContainer select[multiple], .t-Form-inputContainer textarea.textarea, .u-TF-item--datepicker, .u-TF-item--select, .u-TF-item--text, .u-TF-item--textarea, .t-Form-inputContainer input[type="email"], .t-Form-inputContainer input[type="password"], .t-Form-inputContainer input[type="tel"]
{
    display: inline-block;
    font-size: 1.3rem;
    vertical-align: top;
    line-height: 1.6rem;
    padding: .3rem;
    border: 0px;
    border-bottom: 1px solid #999;
    border-radius: 0px;
    max-width: 100%;
    background-color:transparent;
    transition: background-color .1s ease,border .1s ease;
}
.t-Form-fieldContainer--xlarge .t-Form-inputContainer input[type="text"], .t-Form-inputContainer input[type="email"], .t-Form-inputContainer input[type="password"], .t-Form-inputContainer input[type="tel"]
{
    font-size: 1.4rem;
    padding: 0.3rem;
    height: 3rem;
    padding-left: 1rem;
    background-color: white !important;
}
.t-Form-inputContainer .textarea
{
    background-color: white !important;
    border-left: 1px solid #eee;
}
.t-Form-fieldContainer--xlarge .t-Form-inputContainer input[type="text"], .t-Form-inputContainer input[type="email"], .t-Form-inputContainer input[type="password"], .t-Form-inputContainer input[type="tel"]
{
    font-size: 1.4rem;
    padding: 0.3rem;
    height: 3rem;
    padding-left: 1rem;
}
.t-Form--xlarge .t-Form-label, .t-Form-fieldContainer--xlarge .t-Form-label 
{
    color: var(--CP-color-azul);
    padding: 0.3rem;    
    padding-top: 0.3rem;
    line-height: 1.6rem;
    font-size: 1.4rem;    
}
.t-Form-fieldContainer--xlarge select.selectlist[size="1"]
{
    padding: 0.3rem;    
    padding-top: 0.3rem;
    line-height: 1.6rem;
    font-size: 1.4rem;  
    height: 3rem;
}
.t-Form-inputContainer input::-moz-placeholder 
{
    color: #000000;
    opacity: .25;
}
/*.t-Form-label::before
{
    display:none;
}*/
.t-Form-fieldContainer.is-required .t-Form-label:after
{
    content: "\e058" !important;
    font-family: apex-5-icon-font!important;
    font-size: 16px !important;
    vertical-align: bottom !important;
    color: red !important;
}
/*****************************************/
/* Captcha
/*****************************************/
.t-Form--labelsAbove .t-Form-fieldContainer .t-Form-inputContainer, .t-Form-fieldContainer--stacked .t-Form-inputContainer 
{
    padding-top: 0;
    width: fit-content;
}
.t-Form-itemWrapper 
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: fit-content;
}
.fa {
    font-size: 20px;
}
.fa, .fa::before {
    vertical-align: middle;
}
.t-Header-branding {
    height: 60px;
    background-color: #5d5d5d;
    background-image: linear-gradient(to right, #5d5d5d , gray);
}
.t-Header-logo {
    text-align: center;
}
.apex-side-nav .t-Body-nav, .apex-side-nav .t-Body-actions, .apex-side-nav .t-Body-title {
    top: 60px;
}
.t-Body-contentInner
{
    background:#f8f8f8;
}
.t-Region-body
{
    background:#ffffff;
    box-shadow:1px 1px 5px 0 rgba(0, 0, 0, 0.2);
    border-radius:10px;
}
.t-BadgeList-TCenco .t-Region-header div{
    	box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.t-BadgeList-TCenco .t-Form-error
{
    color: #e53935 !important;
}
.t-Region-header{
    border-bottom: none!important
}
.a-TreeView-label 
{
    margin-left: 8px;
}
.apex-icons-fontapex .t-HeroRegion:not(.t-HeroRegion--featured) .t-HeroRegion-icon {
    font-size: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.t-HeroRegion:not(.t-HeroRegion--featured) .t-HeroRegion-col--content {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 1.2rem;
    empty-cells: 2.4rem;
}
.t-HeroRegion:not(.t-HeroRegion--featured) .t-HeroRegion-title {
    font-size: 1.7rem;
    line-height: 1.7rem;
  font-weight: bold;
    margin: 0px;
}
.t-HeroRegion:not(.t-HeroRegion--featured) .t-HeroRegion-icon {
    width: 40px;
    height: 40px;
}
.t-HeroRegion-icon {
background-color: rgba(253, 241, 225, 0.9);
}
.t-HeroRegion:not(.t-HeroRegion--featured) .t-HeroRegion-col--right {
    margin-top: 0px;
    width: auto;
}
.t-HeroRegion-wrap {
    padding: 10px;
}
.t-ContentBlock--h1 .t-ContentBlock-title {
    font-size: 2.2rem;
    margin: 0 0 1.6rem;
    border-bottom: 1px solid rgb(240, 124, 0);
    font-variant: petite-caps;
}
.t-ContentBlock--h2 .t-ContentBlock-title {
    font-size: 1.8rem;
    margin: 0 0 1.2rem;
    border-bottom: 1px solid rgba(240, 124, 0);
    font-variant: petite-caps;
}
/*.t-Form--xlarge .t-Form-label, .t-Form-fieldContainer--xlarge .t-Form-label {
    padding: 0.6rem 0;
    line-height: 1.0rem;
    font-size: 1.3rem;
}*/
.progressBarTCencoMobileContainer {
  font: 13px/20px 'Lucida Grande', Tahoma, Verdana, sans-serif;
  color: #404040;
  margin: 50px auto;
  width: 340px;
}
.progressBarTCencoMobileContainer > div {
  margin-bottom: 20px;
}
.progressBarTCencoMobile {
  height: 20px;
  background: #ebebeb;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-radius: 4px;
}
.progressBarTCencoMobile > span {
  position: relative;
  float: left;
  margin: 0 -1px;
  min-width: 5px;
  height: 20px;
  line-height: 12px;
  text-align: right;
  border: 1px solid;
  border-radius: 4px;
/*  background: #cccccc;
  border-color: #bfbfbf #b3b3b3 #9e9e9e;
  background-image: -webkit-linear-gradient(top, #f0f0f0, #dbdbdb 70%, #cccccc);
  background-image: -moz-linear-gradient(top, #f0f0f0, #dbdbdb 70%, #cccccc);
  background-image: -o-linear-gradient(top, #f0f0f0, #dbdbdb 70%, #cccccc);
  background-image: linear-gradient(to bottom, #f0f0f0, #dbdbdb 70%, #cccccc);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);*/
}
.progressBarTCencoMobile > span > span {
  padding: 0 8px;
  font-size: 11px;
  font-weight: bold;
  color: #404040;
  color: rgba(0, 0, 0, 0.7);
  text-shadow: 0 1px rgba(255, 255, 255, 0.4);
}
.progressBarTCencoMobile > span:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 18px;
  /*background: url("../img/progress.png") 0 0 repeat-x;*/
  border-radius: 4px;
}
.progressBarTCencoMobile .green {
  background: #0079c2;
  /*border-color: #78b337 #6ba031 #568128;*/
    border-color: #0079c2;
/*  background-image: -webkit-linear-gradient(top, #b7dc8e, #99ce5f 70%, #85c440);
  background-image: -moz-linear-gradient(top, #b7dc8e, #99ce5f 70%, #85c440);
  background-image: -o-linear-gradient(top, #b7dc8e, #99ce5f 70%, #85c440);
  background-image: linear-gradient(to bottom, #b7dc8e, #70a834 70%, #85c440);*/
}
.progressBarTCencoMobile .red {
  background: #db3a27;
  border-color: #c73321 #b12d1e #8e2418;
/*  background-image: -webkit-linear-gradient(top, #ea8a7e, #e15a4a 70%, #db3a27);
  background-image: -moz-linear-gradient(top, #ea8a7e, #e15a4a 70%, #db3a27);
  background-image: -o-linear-gradient(top, #ea8a7e, #e15a4a 70%, #db3a27);
  background-image: linear-gradient(to bottom, #ea8a7e, #db3a27 70%, #db3a27);*/
}
.progressBarTCencoMobile .orange {
  background: #f4ae1f;
  border-color: #f0ad24 #eba310 #c5880d;
/*  background-image: -webkit-linear-gradient(top, #f8da9c, #f5c462 70%, #f2b63c);
  background-image: -moz-linear-gradient(top, #f8da9c, #f5c462 70%, #f2b63c);
  background-image: -o-linear-gradient(top, #f8da9c, #f5c462 70%, #f2b63c);
  background-image: linear-gradient(to bottom, #f8da9c, #f4ae1f 70%, #f2b63c);*/
}
.progressBarTCencoMobile .blue {
  background: #5aaadb;
  border-color: #459fd6 #3094d2 #277db2;
/*  background-image: -webkit-linear-gradient(top, #aed5ed, #7bbbe2 70%, #5aaadb);
  background-image: -moz-linear-gradient(top, #aed5ed, #7bbbe2 70%, #5aaadb);
  background-image: -o-linear-gradient(top, #aed5ed, #7bbbe2 70%, #5aaadb);
  background-image: linear-gradient(to bottom, #aed5ed, #7bbbe2 70%, #5aaadb);*/
}

.progressBarTCencoMobile .tcencosud {
  background: #f2b63c;
  border-color: #f0ad24 #eba310 #c5880d;
  background-image: -webkit-linear-gradient(top, #f8da9c, #f5c462 70%, #f2b63c);
  background-image: -moz-linear-gradient(top, #f8da9c, #f5c462 70%, #f2b63c);
  background-image: -o-linear-gradient(top, #f8da9c, #f5c462 70%, #f2b63c);
  background-image: linear-gradient(to bottom, #f8da9c, #f5c462 70%, #f2b63c);
}
/*Estilos grillas movimientos y cuotas*/
#detalleMovimiento, #totalMovimientos, #detallePagos, #TotalPagos, #detalleCuota,#TermYcond
{
    border:none;
    border-radius:none;
    box-shadow:none;
    margin-bottom:4px;
    margin-top:-12px;
}
.cenco_listado_row
{
    line-height: 1.4rem;
    margin:4px;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom:5px;
}
.cenco_listado_row_ctas
{
    line-height: 1.4rem;
    margin:4px;
    /*border-bottom: 1px solid #EEEEEE;*/
    padding-bottom:5px;
}
.cenco_listado_row_info
{
    line-height: 1.4rem;
    margin:4px;
    padding-bottom:5px;
    margin-bottom:10px;
    border-bottom: 1px solid #c7c7c7;
}
.cenco_listado_row_cp
{
    line-height: 1.4rem;
    margin:4px;
    /*border-top: 1px solid #c7c7c7;*/
    padding-bottom: 5px;
}
.cenco_listado_row_titulo_ctas
{
    border-bottom: 1px solid var(--CP-color-azul);
    margin:6px;
    padding-bottom:5px;
}
.cenco_listado_row_titulo
{
    border-bottom: 1px solid var(--CP-color-azul);
    margin:6px;
    padding-bottom:5px;
}
.CLleft
{
    padding-top:15px;
}
.CLrigth
{
    padding-top:12px;
}
.cenco_listado_small_left_tit
{
    font-size: 12px;
    color: var(--CP-color-negro);
}
.cenco_listado_high_left_tit
{
    font-size: 14px;
    color: var(--CP-color-negro);	
}

.cenco_listado_small_right_tit
{
	font-size: 12px;
	float:right;
    color: var(--CP-color-negro);
}

.cenco_listado_high_right_tit
{
	font-size: 13px;
	float:right;
    color: var(--CP-color-negro);
    margin-top: 4px;
}

.cenco_listado_cp_right
{
	font-size: 13px;
	display:block;
    color: #222222;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cenco_listado_cp_left
{
	font-size: 13px;
    color: #222222;
}

.cenco_listado_high_right_1a1
{
	font-size: 14px;
	float:right;
    color: #222222;
}

.cenco_listado_small_left_ctas
{
    font-size: 13px;
    color: #393939;
	
}

.cenco_listado_small_left
{
    font-size: 11px;
    color: var(--CP-color-negro);
	
}
.cenco_listado_high_left
{
    font-size: 11px;
    color: var(--CP-color-negro);
    word-wrap: break-word;
	
}

.cenco_listado_small_right_ctas
{
	font-size: 13px;
	float:right;
    color: var(--CP-color-negro);
}

.cenco_listado_small_right
{
	font-size: 11px;
	float:right;
    color: var(--CP-color-negro);
    text-align: right;
}

.cenco_listado_high_right_1C
{
	font-size: 12px;
	float:right;
    color: var(--CP-color-negro);
    margin-top: 4px;
}

.cenco_listado_high_right
{
	font-size: 11px;
	float:right;
    color: var(--CP-color-negro);
    margin-top: 4px;
} 

.t-Region-body ul
{
        padding: 5px;
}

/*Fin Estilos grillas Movimientos y Cuotas*/

.ui-dialog-titlebar
{
    display:none;
}

.t-Region-header
{
    background-color:#FFFFFF !important;
}

.t-Region-body .circliContainer
{
    border:none;
    box-shadow:none;
    margin-top:8px;
}

.ac_over
{
    background-color: #e0e0e0 !important;
}

.rltn_multiple_textfield
{
    background-color: #ffffff !important;
    font-size: 1.4rem !important;
    height: 3rem !important;
}

.rltn_pre_text
{
    font-size: 1.4rem !important;
    position: relative;
    top: -4.9px;
}

.t-Form-error #P6_TEL_NRO_error
{
    margin-top: -10px;
}


option:first-child
{
    display: none;
}

/*Asterisco para los campos requeridos*/
.t-Form-label:after{
    display: inline !important;
}

.t-Form-label:before{
    display: none !important;
}

/*Regiones sin box shadow*/
.shadownone .t-Region-body{
    border:none;
    box-shadow:none;
}

.t-BadgeList-item:after, .t-BadgeList-item:before {
    display:none;
}

/*Resultado*/
.t-Alert--wizard{
    width: auto;
    max-width: 100%;
    border: none;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}
.t-Alert--wizard .t-Alert-icon{
    padding: 2.4rem 0 2.8rem;
}
.t-Report-paginationText a, .t-Report-paginationText b{
    padding: 10px 20px;
}

.ac_results{
    border:none !important;
    
}

.ac_results li
{
    background-color: white;
    font-size:12px;
    padding: 13px;
    padding-left: 1rem;
    	font-family: FigtreeRegular,sans-serif!important;    
}

body .ac_over{
    color:#000!important;
}

/*Cards*/

.t-Card{
  height: calc(100% - 48px);
}

.t-Cards--featured .t-Card .t-Card-body{
  padding: 10px 16px;
}

.t-Cards--featured .t-Card .t-Card-title{
    color: var(--CP-color-azul);
    font-family: FigtreeSemiBold,sans-serif !important; 
}

.t-Card-desc{
  line-height: 3rem;
}

.btn-PlanCuotas {
    border-radius: 25px!important;
    width: 85%;
    margin: 7px auto 0px auto;
}

.t-Cards--featured .t-Card .t-Card-titleWrap{
    padding: 16px;
}

.t-IRR-region{
    box-shadow:none;
}

/*Switch*/
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default{
	background: #fff!important;
}
.bootstrap-switch .bootstrap-switch-label{
	background: #007ac0!important;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label{
     border-radius: 100%!important;
     height: 22px!important;
}
.bootstrap-switch{
    height: 24px!important;
    border-radius: 22px!important;
    bottom: -3px!important;
    left: 70px!important;
}
.labelcheckbox{
    line-height: 3rem;
    display: inline-block;
    font-size: 13px;
}
.labelcheckboxright{
    margin-left:65px;
}
.bootstrap-switch-off + label>div:first-of-type{
    font-weight: 700;
}
.bootstrap-switch-on + label>div:last-of-type{
    font-weight: 700;
}

/*Boton contraseña*/
.btn-pass{
    right: 14px;
    top: 15px;
    z-index: 9999;
    box-shadow: none!important;
    float: right;
}

/* Validar contenido de la contraseña */
.valid {
    color: green;
}
.valid:before {
    font-family: font-apex;
    position: absolute;
    content: "\f058";
    padding-left: 15px;
}
.invalid {
    color: red;
}
.invalid:before {
    font-family: font-apex;
    position: absolute;
    content: "\f057";
    padding-left: 15px;
}

/*Seguridad de la contraseña*/
.barraPrueba0:before{
    content: " ";
    display: block;
    background-color: #cccccc;
    margin-top: -4px;
    width: 1%;
    height: 3px;
}

.barraPrueba1:before{
    content: " ";
    display: block;
    background-color: #ff0000;
    margin-top: -4px;
    width: 20%;
    height: 3px;
}

.barraPrueba2:before{
    content: " ";
    display: block;
    background-color: #ff5f5f;
    margin-top: -4px;
    width: 40%;
    height: 3px;
}

.barraPrueba3:before{
    content: " ";
    display: block;
    background-color: #56e500;
    margin-top: -4px;
    width: 60%;
    height: 3px;
}

.barraPrueba4:before{
    content: " ";
    display: block;
    background-color: #4dcd00;
    margin-top: -4px;
    width: 80%;
    height: 3px;
}

.barraPrueba5:before{
    content: " ";
    display: block;
    background-color: #399800;
    margin-top: -4px;
    width: 100%;
    height: 3px;
}

/*Collapse*/
.collapsible {
  color: #444;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 15px;
  margin: 18px 0px;
}

.content-collapse {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.btn-opcion{
    background-color: #f8f8f8;
    width: 49%;
    padding: 10px;
    text-align: center;
    font-size: 14px!important;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}
.btn-opcion:hover{
    background-color:rgba(0, 0, 0, 0.15);
}

.add-contact{
    height:110px;
}
.add-contact span{
    font-size:45px;
}

.t-Form-label:after{
    display: inline !important;
}

.t-Form-label:before{
    display: none !important;
}

.t-Form-itemText--post span
{
    font-size:11px;
}

.t-Form-itemText--post
{
    margin-top:-8px;
}

#SIN_MOVIMIENTOS_CONTAINER .t-Form-itemWrapper, #SIN_PAGOS_CONTAINER .t-Form-itemWrapper, #P9_SIN_VIAJES_CONTAINER .t-Form-itemWrapper, #SIN_TEL .t-Form-itemWrapper, #RECARGAS .t-Form-itemWrapper, #SIN_SUBE .t-Form-itemWrapper,
#P11_SIN_NOTIFICACIONES_CONTAINER .t-Form-itemWrapper,#P1_SIN_VENC_ACTUAL_CONTAINER .t-Form-itemWrapper, #P1_SIN_PLAZO_EXTRA_CONTAINER .t-Form-itemWrapper{
    width: auto;
}

#SIN_MOVIMIENTOS, #SIN_PAGOS, #RECARGAS, #SIN_TEL, #SIN_SUBE, #P11_SIN_NOTIFICACIONES, #P9_SIN_VIAJES,#P1_SIN_VENC_ACTUAL, #P1_SIN_PLAZO_EXTRA{
    width: 100%;
    text-align: center;
}
#SIN_PAGOS_LABEL, #SIN_MOVIMIENTOS_LABEL, #RECARGAS_LABEL, #SIN_TEL_LABEL, #SIN_SUBE_LABEL,#P11_SIN_NOTIFICACIONES_LABEL, #P9_SIN_VIAJES_LABEL,#P1_SIN_VENC_ACTUAL_CONTAINER .t-Form-labelContainer, #P1_SIN_PLAZO_EXTRA_CONTAINER .t-Form-labelContainer{
    	display: none;
}
.t-Form-fieldContainer--xlarge select.selectlist[size="1"]{
    height: auto;
    min-height: 3rem;
    white-space: normal;
    padding-right: 4.8rem;
}
#AdicionalesActuales .t-AVPList-value{
    text-align: right!important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden!important;
    direction: rtl;
}
.contenedor-noti{
    max-width: 85px;
    max-height: 43px;
}
.fecha-noti{
    display: block;
    font-size: 1.2rem;
    padding: 8px 8px 0px 8px;
    min-width: 32px;
    text-align: right;
    color: #737373;
}
.unread-notif{
    border-left: 5px solid rgb(5 0 196);
    background-color:#e0eff8;
}
.read-notif{
    border-left: 5px solid transparent;
}
.read-notif:hover, .unread-notif:hover{
    border-left: 5px solid #f04b67;
    background-color: #fafafa;
    color: #303030;
}

.u-Animate-spin {
    -webkit-animation: u-animate-spin 2s infinite linear;
    animation: u-animate-spin 2s infinite linear
}

@-webkit-keyframes u-animate-spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(0deg)
    }
}

@keyframes u-animate-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.u-Processing-spinner::before {
	content: url(loading_default.gif) !important;
	margin-left: 50px;
}
.u-Processing{
    	height: auto!important;
    width: 100%!important;
    	border-radius:0%;
	    padding: 0px!important;
    top:0px!important;
    left: 0px!important;
    bottom:0px!important;
    margin: 0px!important;
  	  position:fixed!important;
    background-color: rgba(250,250,250,.6) !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding-right: 120px !important;
    padding-bottom: 100px !important;
}
/*.u-Processing-spinner{
    display: none !important;
}

.u-Processing {
	background-image: url(loading_default.gif) !important;
	background-repeat: no-repeat;
	position: absolute;
	width: 150px;
	height: 150px;
	display: block;
	background-color: transparent;
	background-size: contain;
	margin: 0;
}*/

/*
.t-ContentBlock-title{
    border-bottom: 1px solid var(--CP-color-azul) !important;
}
*/
/* Sacar borde al titulo */
.t-ContentBlock-title {
	border-bottom: none !important;
	text-align: center;
	font-weight: bold;
}

.resultcontainer{
	background-color: #ffffff;
	border: 1px solid rgba(0,0,0,0.2);
	padding: 10px;
	border-radius: 4px;
	box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);
margin-bottom: 10px;
}
.resulttitle{
	font-weight: bold;
    font-size: 1.8rem;
}
.resulttext{
	color: #6a6a6a;
	font-size: 12px;
}
.video-container{
    position: relative;
    padding-bottom: 56.25%!important;
    height: 0;
    overflow: hidden;
}

/*****************************************/
/* Estilo Cards HTML
/*****************************************/
.bgcencoazul{
    background-color: #007ac0!important;
}
.u-colors > :nth-child(45n + 1) .bgcencoazul{
  background-color: #007ac0;
  color: #ffffff;
}
.t-Cards.t-Cards--compact .t-Cards-item .t-Card-html, .t-Cards .t-Cards--featured .t-Cards-item .t-Card-html{
    margin: 8px 8px 4px 4px;
}
.t-Cards--compact .t-Card-html {
    width: calc(100% - 12px);
}
.t-Card-html {
    height: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    transition: all .1s ease-out;
    margin-bottom: 25px;
    width: calc(100% - 16px);
    border: 1px solid rgba(0,0,0,.1);
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}
.t-Cards--compact .t-Card-html .t-Card-titleWrap-html, .t-Cards--featured .t-Card-html .t-Card-titleWrap-html{
    display: block;
    /*padding: 8px 25px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.1);*/
    background-color: #ffffff;
    position: relative;
    text-align: center;
    border-top-right-radius: 50px;
}
.t-Cards--compact .t-Card-html .t-Card-title-html, .t-Cards--featured .t-Card-html .t-Card-title-html{
    font-size: 1.4rem;
    /*line-height: 3rem;*/
    margin: 0;
    font-weight: bold;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.t-Card-body-html{
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #ffffff;
    height: calc(100% - 44px);
    border-top-right-radius: 50px;
}
.t-Cards--animColorFill .t-Card-wrap-html:focus .t-Card-colorFill:before, .t-Cards--animColorFill .t-Card-html:hover .t-Card-colorFill:before{
    height: 100%;
    opacity: .1;
    left: 0;
    right: 0;
    border-radius: 0;
}
.t-Card-wrap-html{
   width: 100%;
   position: relative;
   text-decoration: none;
   box-shadow: 0 3px 10px -3px rgba(0,0,0,0.60);
   border-top-right-radius: 50px;
   border-bottom-left-radius: 50px;
   background-color: #ffffff;
}
.t-Card-info-html{
    font-size: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    padding:8px;
}
.t-Cards--featured{
    margin: 0px!important;
}
.t-Cards--featured .t-Card-html {
    width: 100%;
}
.t-Card-desc-html{
    color: #ffffff;
    text-align: center;
    background-color: #007ac0;
    padding: 20px;
    box-shadow: 0 3px 10px -3px rgba(0,0,0,0.45);
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    width: 100%;
    margin: 0 auto;
}
.t-Card-info-html ul{
    list-style: none;
    margin:0;
}
.t-Card-info-html li{
    border-bottom: 1px solid #e0e0e0;
    padding: 5px;
    font-size: 12px;
    line-height: normal;
}
.t-Card-info-html li:last-child{
    border-bottom: none;
}
.t-Card-desc-html-precio{
	font-size: 23px;
	font-weight: bold;
}
.t-Card-desc-html-detalle{
	font-size: 12px;
}
.t-Card-wrap-html a, .t-Card-wrap-html #boton{
    border-radius: 0px 50px 0px 50px;
}
.t-Card-desc-logo{
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
    padding: 11px;
    box-shadow: 0 3px 10px -3px rgba(0,0,0,0.45);
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    height:80px;
    overflow: hidden;
}
/*****************************************/
/* BOTON SIMPLE
/*****************************************/
.btn-simple-cenco{
    margin: 5px 0;
    border: 1px solid #dfdfdf;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    border-radius:10px;
}
.btn-simple-cenco:hover{
    background-color:#e6e6e6;
}
.icon-container{
    text-align: center;
}
.btn-simple-cenco-icon{
    font-family: font-apex!important;
    font-size: 24px;
    vertical-align: middle;
}
.cenco_high_left
{
  font-size: 14px;
  color: #222222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cenco_small_left
{
  font-size: 13px;
  color: #999;
}
.cenco_high_right
{
  font-size: 14px;
  color: #222222;
}
.cenco_small_right
{
    font-size: 13px;
    color: #999;
}

@font-face {
    font-family: FigtreeBlack;
    src: url(./Figtree-Black.ttf);
}
@font-face {
    font-family: FigtreeBlackItalic;
    src: url(./Figtree-BlackItalic.ttf);
}
@font-face {
    font-family: FigtreeBold;
    src: url(./Figtree-Bold.ttf);
}
@font-face {
    font-family: FigtreeBoldItalic;
    src: url(./Figtree-BoldItalic.ttf);
}
@font-face {
    font-family: FigtreeExtraBold;
    src: url(./Figtree-ExtraBold.ttf);
}
@font-face {
    font-family: FigtreeExtraBoldItalic;
    src: url(./Figtree-ExtraBoldItalic.ttf);
}
@font-face {
    font-family: FigtreeExtraLight;
    src: url(./Figtree-ExtraLight.ttf);
}
@font-face {
    font-family: FigtreeExtraLightItalic;
    src: url(./Figtree-ExtraLightItalic.ttf);
}
@font-face {
    font-family: FigtreeItalic;
    src: url(./Figtree-Italic.ttf);
}
@font-face {
    font-family: FigtreeLight;
    src: url(./Figtree-Light.ttf);
}
@font-face {
    font-family: FigtreeLightItalic;
    src: url(./Figtree-LightItalic.ttf);
}
@font-face {
    font-family: FigtreeMedium;
    src: url(./Figtree-Medium.ttf);
}
@font-face {
    font-family: FigtreeMediumItalic;
    src: url(./Figtree-MediumItalic.ttf);
}
@font-face {
    font-family: FigtreeRegular;
    src: url(./Figtree-Regular.ttf);
}
@font-face {
    font-family: FigtreeSemiBold;
    src: url(./Figtree-SemiBold.ttf);
}
@font-face {
    font-family: FigtreeSemiBoldItalic;
    src: url(./Figtree-SemiBoldItalic.ttf);
}
@font-face {
    font-family: FigtreeThin;
    src: url(./Figtree-Thin.ttf);
}
@font-face {
    font-family: FigtreeThinItalic;
    src: url(./Figtree-ThinItalic.ttf);
}

::-webkit-scrollbar {
    display: none;
}
body{
    -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.sizeTitulo{
    font-size:16px;
}
.sizeCuerpo{
    font-size:14px;
}
.sizeDetalle{
    font-size:12px;
}
.sizeLyD{
    font-size: 24px;
}
.sizeReferencia{
    font-size: 11px;
}
@media screen and (max-width: 768px) {
    .sizeLyD{
        font-size: 18px;
    }
    .sizeTitulo{
        font-size:14px;
    }
    .sizeCuerpo{
        font-size:12px;
    }
    .sizeDetalle{
        font-size:11px;
    }
}
.html [type=button]{
    -webkit-appearance: none!important;
}
/*Estilo del boton back para IOS*/
html [type=button] {
    -webkit-appearance: none!important;
}
/*Fin del estilo del boton back para IOS*/
/* Menu lateral */
.t-TreeNav .a-TreeView-node--topLevel{
    border-bottom: solid 1px rgb(128, 128, 128)!important;
}
.t-PageBody--leftNav .t-Body-nav {
    background-color: #5d5d5d!important;
    background-image: -webkit-gradient(linear, left top, right top, from(#5d5d5d) , to(gray))!important;
    background-image: -o-linear-gradient(left, #5d5d5d , gray)!important;
    background-image: linear-gradient(to right, #5d5d5d , gray)!important;
}
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-hover {
    background-color: #808080!important;
}
.t-TreeNav .a-TreeView-node--topLevel ul {
    background-color: #808080!important;
}
.t-Header-logo-link img{
    max-width:100px;
}
/*Mensaje de error*/
.t-Button--closeAlert {
    display: none;
}

/*Flag nuevo*/
.flag{
    position: absolute;
    top: -10px;
    left: 0;
    border-radius: 10px 10px 10px 0px;
    padding: 0 15px;
    background-color: var(--CP-color-azul, var(--CP-color-azul));
    color: white;
    font-size: 12px;
}

.btnHorizontal .flag {
	left: auto;
	top: 0px;
	right: 16px;
}
@media (max-width: 480px) {
    .btnHorizontal .flag {
        left: 0px;
        top: -10px;
        right: 16px;
    }
}
.btnCircular .flag {
	border-radius: 10px;
	right: 0;
	left: 0 !important;
	font-size: 10px;
	padding: 0 10px;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

/*Fin Flag nuevo*/
/*Cambios en regiones Standard*/
.t-Region{
    border-radius: 10px!important;
}
.t-Region-header{
    border-radius: 10px 10px 0px 0px!important;
}

.t-BadgeList-TCenco .t-Region-header div{
    border-radius: 10px 10px 0px 0px;
}
.t-Region .t-Region-body{
    border-radius: 10px;
}
.con-Header-Cenco .t-Region-header + .t-Region-bodyWrap .t-Region-body {
    border-radius: 0px 0px 10px 10px;
}
/*Billetera*/
#rgnCotizacion .t-Region-body{
    -webkit-box-shadow: 0 0.1rem rgba(0,0,0,.05) inset;
            box-shadow: 0 0.1rem rgba(0,0,0,.05) inset;
    margin-bottom: -4px;
}
/*Estilo producto gris*/
.fondoDegrade .t-Region-body{
    background-color: #5d5d5d;
    background-image: -webkit-gradient(linear, left top, right top, from(#5d5d5d) , to(gray));
    background-image: -o-linear-gradient(left, #5d5d5d , gray);
    background-image: linear-gradient(to right, #5d5d5d , gray);
}
.productCard{
    background-color:#939393;
    border-radius: 25px;
    margin: 10px auto;
    /*width: 233px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    background-image: linear-gradient(20deg, #545454, #888888);
    border: 0.3px solid #888888;
    box-shadow: 0px 3px 10px #404040;
    width: 36%;
    height: 50px;
    min-width: 250px;
    max-width: 410px;
}
.productCard img{
    max-width:30px;
}
.productTarjetipo{
    font-size:12px;
    color:#ffffff;
    margin: 7px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
     flex-direction: column;
}

/*Estilo Limites y Disponibles*/
.disponibleContainer{
    width: 98%;
    padding: 10px;
    color: var(--CP-color-negro);
    text-align:center;
    font-size: 1.8rem;
}

.sizeLyD, .labelLimite {
	color: var(--CP-color-azul);
	font-family: FigtreeSemiBold,sans-serif !important;
	font-weight: normal;
}


.fondoDisponible{
    background-color: var(--CP-color-cyan);
    padding: 3px;
    border-radius: 50px;
    -webkit-box-shadow: 1px 1px 9px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 1px 1px 9px 0 rgba(0, 0, 0, 0.2);
    margin: 5px;
}
.limite{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 23px;
    background-color: rgba(0, 199, 249, 0.2);
    position: relative;
    border-radius: 50px;
    margin: 10px 0px;
    box-shadow: 0 2px 4px 2px rgba(0,0,0,.075);
}

.disponible{
    position:absolute;
    height:23px;
    background-color:var(--CP-color-azul);
    border-radius: 50px;
    animation: animate-bar-progress 4s;
}

@keyframes animate-bar-progress {
    0% {
      width: 0%;
    }
  }

.refLimite::before{
    content:" ";
    width:10px;
    height:10px;
    background-color:#c2c2c2;
    border-radius:50px;
    display:inline-block;
    margin-right:5px;
}
.refDisponible::before{
    content:" ";
    width:10px;
    height:10px;
    background-color:#007ac0;
    border-radius:50px;
    display:inline-block;
    margin-right:5px;
}

/*Estilo estado*/
.estadoContainer{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
}
/*.bkg-Estado{
    padding: 20px;
    background-image: url(https://image.freepik.com/vector-gratis/fondo-abstracto-onda-blanca-gris-diseno-suave-trabajo-grafico_41084-468.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);
    margin: 1px;
}*/
.estadoDetalle{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.estadoDetalletxt{
    font-size:14px;
    padding: 5px;
    margin: 5px 10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.iconEstado{
    color: #fff;
    border-radius: 50px;
    padding: 4px;
    margin-right: 10px;
}

@media (max-width: 640px){
    .estadoDetalle{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .estadoDetalletxt{
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
        -webkit-justify-content: start;
        -moz-justify-content: start;
    }
}
/*#Consultas .t-Region-body, #Operaciones .t-Region-body{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    height: 105px;
    overflow: hidden;
}
#LISTA_OPERACIONES, #LISTA_CONSULTAS{
    border: none;
    font-size: 12px;
    color: var(--CP-color-azul);
    cursor: pointer;
}
#LISTA_OPERACIONES option:last-child, #LISTA_CONSULTAS option:last-child{
    display:none;
}
#LISTA_CONSULTAS_CONTAINER .t-Form-itemText--pre, #LISTA_OPERACIONES_CONTAINER .t-Form-itemText--pre{
    width:100%
}
option{
    color: #404040;
}*/
/*Último vencimiento*/
.VTOheaderTable{
    color: var(--CP-color-negro);
    font-family: FigtreeSemiBold,sans-serif !important; 
}
.VTOtextRight{
    text-align:right;
    color:var(--CP-color-azul);
}

/*ESTILO HOME NUEVO*/

/* NO TOCAR */
/* 18-03-2024 se cambio para CencoPay */
.app-HMB999999999999.page-1 .t-Body-contentInner, .app-HMB999999999999.page-8 .t-Body-contentInner, .app-HMB999999999999.page-9 .t-Body-contentInner, .app-HMB999999999999.page-21 .t-Body-contentInner{
    padding: 0px !important;
}/*NO TOCAR*/

.t-Body-contentInner{
    padding: 20px 0px 0px 0px !important;
}

.productCarousel{
    border:none;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.productCarousel.t-Region{
    background-color:transparent;
}

.productCarousel .t-Region-body{
    background: transparent;
    padding:15px!important;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.productContainer{
    border-radius: 10px;
    background: white;
    /*box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
           /* align-items: center;*/
}
.productDisp{
    font-size: 24px;
    margin: 5px 0 6px;
    text-align:center;
    color:var(--CP-color-azul);
    font-family: FigtreeSemiBold, sans-serif !important;
}

.productTitle{
    font-size: 16px;
    /* font-size: 18px; */
    /* font-family: FigtreeSemiBold, sans-serif !important; */
    text-align: center;
    color: var(--CP-color-negro);
    padding-bottom: 5px;
}
.productState{
    font-size:14px;
    text-align:left;
    color:#eb001b;
    margin: 10px 0;
}
.productButtons{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    -ms-flex-pack:distribute;
        justify-content:space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
}
.productLink{
    cursor:pointer;
    display: block;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    border-radius: 25px;
}
.productCard .productLink{
    -webkit-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
.productCard .productLink:hover{
    background-color: gray;
    -webkit-box-shadow: 0px 0px 5px 0px #555555;
            box-shadow: 0px 0px 5px 0px #555555;
    border-radius: 25px;
}
.t-Region--carousel .a-Region-carouselNav{
   bottom: -5% !important; /*-8px*/
}
/*
@media (max-width: 768px) {
    .t-Region--carousel .a-Region-carouselNav{
        bottom: -16px !important;
    }
}*/
.botonDetalle{
    background-color:var(--CP-color-azul);
    border:none;
    color:white;
    border-radius:7px;
    width:45%;
    /*height:25px;*/
    cursor:pointer;
    margin-top:10px;
    font-family: FigtreeSemiBold, sans-serif !important;
    text-align:center;
    font-size: 14px;
    line-height: 1.6rem;
    padding: .8rem 1.2rem;
    font-weight: 400;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.azul{
    background-color:#007ac0!important;
}
.botonDetalle:hover{
    -webkit-box-shadow: 0px 0px 5px 0px #555555;
            box-shadow: 0px 0px 5px 0px #555555;
    background-color: #ff9524;
}
.botonDetalle.azul:hover{
    -webkit-box-shadow: 0px 0px 5px 0px #555555;
            box-shadow: 0px 0px 5px 0px #555555;
    background-color: #008ada!important;
}
.t-Region--carousel .a-Tabs-next-region,.t-Region--carousel .a-Tabs-previous-region{
    border-radius:50px!important;
}

.title-gray{
    border:none;
}

.title-gray .t-Region-header{
    background-color: #f8f8f8!important;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-size: 11px;
    color: gray;
    padding: 0;
}

.t-NavigationBar-menu .a-Menu-content{
	    background-color: #030076 !important;
}
.t-Header-navBar .t-Button--header.is-active {
    	background-color: #030076 !important;
}
.cenco_listado_row:last-child {
    border: none;
    padding-bottom: 0;
}
#Servicios .row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
}

/* Botón vertical principal*/

.btnPrincipal{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    /*max-width: 560px;*/
    margin:auto;
}

.btnPrincipal a{
    height:100%;
    font-size:12px;
    padding:5px;
    /*width:25%;
    min-width:120px;*/
    margin: 10px 0;
}

.btnPrincipal a li{
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    position:relative;
    width: 150px;
    height: 123px;
    background-color: white;
    padding: 5px;
    border-radius:10px;
    border: 1px solid rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 4px -2px rgba(0,0,0,.075);
            box-shadow: 0 2px 4px -2px rgba(0,0,0,.075);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btnPrincipal a li:hover{
    -webkit-box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.09);
            box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.09);
    border: 1px solid #007ac0;
}

.btnPrincipal a li .icono{
    color:var(--CP-color-azul);
    font-size:27px;
}
.btnPrincipalChevron{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height: 24px;
    position: absolute;
    bottom: -10px;
    right: 15px;
    color: #ffffff;
    background-color: var(--CP-color-azul);
    border-radius: 50px;
    padding: 5px;
    font-size: 15px;
}
.circulo-naranja{
    color:white;
    background-color:var(--CP-color-azul);
    border-radius:50px;
    padding:5px;
    font-size: 15px;
}
.circulo-azul{
    color:white;
    background-color:#007ac0;
    border-radius:50px;
    padding:5px;
    font-size: 15px;
}
@media (max-width: 480px){
    .productButtons{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
            -ms-flex-direction:column;
                flex-direction:column;
    }
    .botonDetalle{
        width:100%;
    }
    .btnPrincipal{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        max-width: 100%;
    }
    .btnPrincipal a, .btnPrincipal a li,#Seguros .btnPrincipal a li{
        width:100%;
        margin: 0;
    }
    .btnPrincipal a li{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        height: 50px;
        max-width:100%;
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
        -webkit-justify-content: start;
        -moz-justify-content: start;
    }
    .btnPrincipalChevron{
        bottom:20%;
        background-color:transparent;
        color: #808080;
    }
    .btnPrincipal a li .icono{
        margin-right: 15px;
        margin-left: 9px;
    }
    .flag{
        left: initial!important;
        right: 0;
    }
}


/* Botón Detalle */
.btnDetalle{
    list-style: none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
}

.btnDetalle li{
    list-style: none;
    position:relative;
    width: 30%;
    max-width: 233px;
    background-color: white;
    padding: 10px 10px 15px 10px;
    margin: 5px;
    border-radius:10px;
    border: 1px solid rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 4px -2px rgba(0,0,0,.075);
            box-shadow: 0 2px 4px -2px rgba(0,0,0,.075);
    height: 90px;
}

.btnDetalle li a{
    height:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.btnDetalle li a .icono{
    color:var(--CP-color-azul);
    font-size: 20px;
    text-align: center;
    width: 36px;
    margin-right:5px;
}

.s-Detalle-title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    width: 100%;
    margin-bottom:5px;
}
.s-Detalle-label{
    font-family: FigtreeSemiBold,sans-serif !important;
    font-size:12px;
    color:#000;
}
@media (max-width: 480px){
    .btnDetalle{
       -ms-flex-wrap: wrap;
           flex-wrap: wrap;
    }
    .btnDetalle li{
       height: 50px;
       width: 100%;
       max-width:100%
    }
    .btnDetalle li a{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
}
@media (max-width: 767px) and (min-width: 481px){
    .s-Detalle-title{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    height: 100%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
}
    .s-Detalle-label{
        margin-left:0px;
        font-family: FigtreeRegular,sans-serif !important;
        text-align:center;
    }
    .btnDetalle li{
        height: 100px;
    }
    .circulo-azul{
        right:auto;
    }
}

/*Waves*/
#MiCuentaContainer{
    background-color:#f8f8f8;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f8f8f8) , to(#f8f8f8));
    background-image: -o-linear-gradient(bottom, #f8f8f8 , #f8f8f8);
    background-image: linear-gradient(to top, #f8f8f8 , #f8f8f8);
}
.inner-header {
    height: 65vh;
    width: 100%;
    margin: 0;
    padding: 0;
}
.flex {
    /*Flexbox for containers*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}
.waves {
    position: relative;
    width: 100%;
    height: 15vh;
    bottom: -8px;
    /*margin-bottom: -7px;*/
    /*Fix for safari gap*/
    min-height: 100px;
    max-height: 150px;
}
.content {
    position: relative;
    height: 20vh;
    text-align: center;
    background-color: white;
}
/* Animation */
.movimiento .parallax>use {
    -webkit-animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
            animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}
.movimiento .parallax>use:nth-child(1) {
    -webkit-animation-delay: -4s;
            animation-delay: -4s;
    -webkit-animation-duration: 13s;
            animation-duration: 13s;
}
.movimiento .parallax>use:nth-child(2) {
    -webkit-animation-delay: -3s;
            animation-delay: -3s;
    -webkit-animation-duration: 13s;
            animation-duration: 13s;
}
.movimiento .parallax>use:nth-child(3) {
    -webkit-animation-delay: -4s;
            animation-delay: -4s;
    -webkit-animation-duration: 13s;
            animation-duration: 13s;
}
.movimiento .parallax>use:nth-child(4) {
    -webkit-animation-delay: -4s;
            animation-delay: -4s;
    -webkit-animation-duration: 13s;
            animation-duration: 13s;
}
@-webkit-keyframes move-forever {
    0% {
        -webkit-transform: translate3d(-90px, 0, 0);
                transform: translate3d(-90px, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(85px, 0, 0);
                transform: translate3d(85px, 0, 0);
    }
}
@keyframes move-forever {
    0% {
        -webkit-transform: translate3d(-90px, 0, 0);
                transform: translate3d(-90px, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(85px, 0, 0);
                transform: translate3d(85px, 0, 0);
    }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }
    .content {
        height: 30vh;
    }
    h1 {
        font-size: 24px;
    }
}
.infoUtilBtn{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.infoUtil{
    display: block;
    width: 100%;
    cursor: pointer;
}
.infoUtilBtn i{
    color:var(--CP-color-azul);
}
.infoUtilLabel{
    font-family: FigtreeSemiBold,sans-serif !important; 
    font-size: 12px;
    color: #000;
    margin-left: 10px;
}
a.infoUtil{
    font-size: 12px;
    text-decoration:underline;
}
#Info_Container{
    display:none;
}
.centrarRegionVertical > .container > .row:first-child{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/*Menu Navegacion Salir*/
.CencoPay .t-NavigationBar-menu .a-Menu-item.is-focused{
        background-color: var(--CP-color-azul) !important;
}
@media only screen and (min-width: 641px)
{
    .t-Body-title{
        position: absolute;
    }
}

.t-ContentBlock--h1 .t-ContentBlock-title{
    font-variant: normal!important;
}
.center {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.centrarNotificacion > .t-Region-bodyWrap > .t-Region-body> .container > .row:first-child{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center;
}
.t-body-region-Cenco{
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 20px;
    border-radius: 10px;
    margin: 5px;
}
.destacados2{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-shadow: 1px 1px 8px 0px #0500C4, 0px 0px 0px 1px #0500C4;
            box-shadow: 1px 1px 8px 0px #0500C4, 0px 0px 0px 1px #0500C4;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.destacados2 img{
    margin-right: 102px;
}

.hoverBtnPrincipal{
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.hoverBtnPrincipal:hover{
    -webkit-box-shadow: 1px 1px 4px 0px rgba(5, 0, 196, 0.61), 0px 0px 0px 1px #007ac0;
            box-shadow: 1px 1px 4px 0px rgba(5, 0, 196, 0.61), 0px 0px 0px 1px #007ac0;
    border-radius: 10px;
}
.t-Region, .t-Region-body{
    border-radius: 10px;
    }

/* .destacados2.NARANJA{
    background-color: #ffebd5;
    -webkit-box-shadow: 1px 1px 8px 0px rgb(255, 132, 0),
                0px 0px 0px 1px rgb(240, 124, 0);
            box-shadow: 1px 1px 8px 0px rgb(255, 132, 0),
                0px 0px 0px 1px rgb(240, 124, 0);
}

.destacados2.AZUL{
    background-color: #d5e6ff;
    -webkit-box-shadow: 1px 1px 8px 0px rgb(0, 122, 192),
                0px 0px 0px 1px rgb(0, 122, 192);
            box-shadow: 1px 1px 8px 0px rgb(0, 122, 192),
                0px 0px 0px 1px rgb(0, 122, 192)
} */

.destacadosButton{
    background: transparent !important;
    text-decoration: underline;
    border: none !important;
    box-shadow: none;
    margin: 0px;
    padding: 0px;
    border-radius: 50px;
    color: var(--CP-color-azul);
    font-family: FigtreeSemiBold,sans-serif !important; 
    border: none;
    text-shadow: none;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
    -o-transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
    font-size: 1.2rem;
    line-height: 1.6rem;
    display: inline-block;
    white-space: nowrap;

}
.notificacionCPSVG{
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    z-index: -1;
}
.notificacionCPSVG rect:nth-child(1){
    x: 0;
    y: 0;
}
.notificacionCPSVG :nth-child(2){
    cx: -110px;
    cy: 50%;
}
.notificacionCPSVG :nth-child(3){
    cx:-120px;
    cy:50%;
}
.notificacionCPSVG :nth-child(4){
    cx:-130px;
    cy:50%;
}
.notificacionCPSVG :nth-child(5){
    cx:-140px;
    cy:50%;
}
.notificacionCPSVG :nth-child(6){
    cx:-150px;
    cy:50%;
}
.notificacionCPSVG :nth-child(7){
    cx:-160px;
    cy:50%;
}
.notificacionCPSVG :nth-child(8){
    cx:-170px;
    cy:50%;
}
.notificacionCPSVG :nth-child(9){
    cx:-180px;
    cy:50%;
}

.notificacionCPSVG :nth-child(1){
    fill: #0500c4;
}
.notificacionCPSVG :nth-child(2){
    fill: #051CCC;
}   
.notificacionCPSVG :nth-child(3){
    fill: #0439D3;
}
.notificacionCPSVG :nth-child(4){
    fill: #0355DC;
}
.notificacionCPSVG :nth-child(5){
    fill: #0373E3;
}
.notificacionCPSVG :nth-child(6){
    fill: #018EEA;
}
.notificacionCPSVG :nth-child(7){
    fill: #00ABF1;
}
.notificacionCPSVG :nth-child(8){
    fill: #01C6FA;
}
.notificacionCPSVG :nth-child(9){
    fill: #FFFFFF;
}

.botonNotificacion{
    background: transparent !important;
    border: none !important;
    box-shadow: none;
    margin: 0px;
    padding: 0px;
    border-radius: 50px;
    color: #ffffff;
    font-family: FigtreeSemiBold,sans-serif !important; 
    border: none;
    text-shadow: none;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
    -o-transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease;
    font-size: 1.2rem;
    line-height: 1.6rem;
    display: inline-block;
    white-space: nowrap;

}
.AZUL .botonNotificacion{
    background-color: var(--CP-color-azul)!important;
    padding: 4px 20px;
}
.CYAN .botonNotificacion{
    background-color: var(--CP-color-cyan)!important;
    padding: 4px 20px;
}
.MAGENTA .botonNotificacion{
    background-color: var(--CP-color-magenta)!important;
    padding: 4px 20px;
}
.NARANJA .botonNotificacion{
    background-color: var(--CP-color-naranjo)!important;
    padding: 4px 20px;
}

svg.waves.NARANJA>g>use:nth-last-child(3){
    fill: var(--CP-color-azul);
}

svg.waves.AZUL>g>use:nth-last-child(3){
    fill: rgb(0, 122, 192);
}

@media (max-width: 640px){
    .destacados2{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
            -ms-flex-direction:column;
                flex-direction:column;
        -webkit-box-pack:center;
            -ms-flex-pack:center;
                justify-content:center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
    }
    .destacados2 img{
        margin:0;
    }
    .notificacionCPSVG rect:nth-child(1){
        x: 0;
        y: 0;
    }
    .notificacionCPSVG :nth-child(2){
        cx: 50%;
        cy: -176px;
    }
    .notificacionCPSVG :nth-child(3){
        cx: 50%;
        cy: -186px;
    }
    .notificacionCPSVG :nth-child(4){
        cx: 50%;
        cy: -196px;
    }
    .notificacionCPSVG :nth-child(5){
        cx: 50%;
        cy: -206px;
    }
    .notificacionCPSVG :nth-child(6){
        cx: 50%;
        cy: -216px;
    }
    .notificacionCPSVG :nth-child(7){
        cx: 50%;
        cy: -226px;
    }
    .notificacionCPSVG :nth-child(8){
        cx: 50%;
        cy: -236px;
    }
    .notificacionCPSVG :nth-child(9){
        cx: 50%;
        cy: -246px;
    }
}

.t-Region--carousel .a-Region-carouselNavItem.a-Tabs-selected .a-Region-carouselLink:focus{
    -webkit-box-shadow: 0 0 1px 1px var(--CP-color-azul);
 /*   box-shadow: 0 0 1px 1px var(--CP-color-azul);*/
    background-color: var(--CP-color-azul) !important;
    width: 20px;
    border-radius: 10px;
    box-shadow: none;
}
.t-Region--carousel .a-Region-carouselNavItem.a-Tabs-selected .a-Region-carouselLink {
	background-color: var(--CP-color-azul) !important;
	width: 20px;
	border-radius: 10px;
}
.t-Region--carousel .a-Tabs-button {
	top: 44%;
}

/*TARJETAS CUENTA DIGITAL*/
.tarjetasCDContainer{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.tarjetaCDContainer{	
    position: relative;
    width: 275px;
    min-width: 210px;
    max-width: 100%;
    height: 150px;
    min-height: 50px;
    max-height: 100%;
    margin: 10px;
    border-radius: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    overflow: hidden;
}
.tarjetaCD
{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    backface-visibility: hidden;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.tarjetaCD.PAUSADA:before {
    content: ' ';
    width: 100%;
    height: 100%;
    background-color: #ffffff87;
    position: absolute;
}
.tarjetaCDContainer .FISICA circle:nth-child(1){
    fill: var(--CP-color-azul);
}
.tarjetaCDContainer .FISICA circle:nth-child(2){
    fill: #270bb7;
}
.tarjetaCDContainer .FISICA circle:nth-child(3){
    fill: #4815a9;
}
.tarjetaCDContainer .FISICA circle:nth-child(4){
    fill: #6a209c;
}
.tarjetaCDContainer .FISICA circle:nth-child(5){
    fill: #8b2b8f;
}
.tarjetaCDContainer .FISICA circle:nth-child(6){
    fill: #ad3682;
}
.tarjetaCDContainer .FISICA circle:nth-child(7){
    fill: #ce4074;
}
.tarjetaCDContainer .FISICA circle:nth-child(8){
    fill: #f04b67;
}

.tarjetaCDContainer .DIGITAL circle:nth-child(1){
    fill: #0600C4;
}
.tarjetaCDContainer .DIGITAL circle:nth-child(2){
    fill: #051CCC;
}
.tarjetaCDContainer .DIGITAL circle:nth-child(3){
    fill: #0439D3;
}
.tarjetaCDContainer .DIGITAL circle:nth-child(4){
    fill: #0355DC;
}
.tarjetaCDContainer .DIGITAL circle:nth-child(5){
    fill: #0373E3;
}
.tarjetaCDContainer .DIGITAL circle:nth-child(6){
    fill: #018EEA;
}
.tarjetaCDContainer .DIGITAL circle:nth-child(7){
    fill: #00ABF1;
}
.tarjetaCDContainer .DIGITAL circle:nth-child(8){
    fill: #01C6FA;
}
.botonOpcionesTj{
    right: 0px;
    top: 0px;
    position: absolute;
    padding: 14px 8px;
    border-radius: 5px 14px 5px 5px;
    background-color: transparent;
    border: none;
    cursor:pointer;
    transition: 0.2s all;
}
.DIGITAL + .botonOpcionesTj:hover{
    background-color: #4b75f2;
}
.FISICA + .botonOpcionesTj:hover{
    background-color: #4b75f2;
}
#actions_menu .a-Menu-content{
    border-radius: 5px;
    padding: 0px;
}

#saldo .t-AVPList-label, #saldo .t-AVPList-value{
    color: var(--CP-color-negro);
    font-size: 1.8rem;
    font-weight: normal;
    font-family: FigtreeSemiBold,sans-serif !important;
}

/*Cenco Card Imagen*/


.cencoCardImagen{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    margin:auto;
}

.cencoCardImagen a{
    height:100%;
    font-size:12px;
    padding:5px;
    /*width:25%;
    min-width:120px;*/
    margin: 10px 0;
}

.cencoCardImagen a li{
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    position:relative;
    width: 150px;
    height: 123px;
    background-color: white;
    padding: 5px;
    border-radius:10px;
    border: 1px solid rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 4px -2px rgba(0,0,0,.075);
            box-shadow: 0 2px 4px -2px rgba(0,0,0,.075);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media (max-width: 415px){
 #containerCencoCardImagen {
     /* height:150px!important; */
    /* width:100px;
     margin:6px 6px 6px 6px;  
     flex-direction: row; 
     text-align: center;*/
 }
}


/*PAGINAS INGRESAR Y RETIRAR DINERO*/

.bottomDivider{
    border-bottom: 0.3px solid #E1E1E1;
}

.btnIngresoDinero {
    margin-bottom: 50px;
}

.containerReferencia{
    font-size:11px;
    max-width: 470px;
    margin: auto;
}



/* 18/03/2024 Agregado para cambio de marca */
/* Header */
.t-Header-branding {
	height: 60px;
	background-color: var(--CP-color-azul);
	background-image: linear-gradient(to right, var(--CP-color-azul) , var(--CP-color-azul));
}

#R945589619169324563 {
	background: linear-gradient(to bottom, var(--CP-color-azul) 0%, var(--CP-color-azul) 50%, #f8f8f8 50%, #f8f8f8 100% ) !important;
}

.t-Header-branding .t-Button {
    background-color: transparent;
  }

.t-Header-logo-link:focus,
.t-Header-logo-link:active:focus {
  outline: none;
  box-shadow: 0 0 0 1px var(--CP-color-azul) inset !important;
}

.CencoPay .t-Header-logo,
.CencoPay .t-Header .t-Button--header.is-active,
.CencoPay .t-Header .t-Button--header {
  color: #ffffff !important;
}


/* Botones */

.CencoPay .t-Button.t-Button--header:focus::before, 
.CencoPay .t-Button.t-Button--header:active:focus::before {
	box-shadow: 0 0 0 1px var(--CP-color-azul) inset !important;
}

.t-Form-fieldContainer--radioButtonGroup .apex-item-radio input + label,
.apex-button-group input + label,
.t-Button:not(.t-Button--simple),
.CencoPay .t-Dialog-body .t-Button:not(.t-Button--simple),
.a-Button {
  background-color: #ffffff;
  color: #ffffff;
  border-radius: 7px;
  box-shadow: 0 0 0 1px var(--CP-color-azul) inset !important;
}
.t-Form-fieldContainer--radioButtonGroup .apex-item-radio input + label:hover,
.apex-button-group input + label:hover,
.t-Button:not(.t-Button--simple):hover,
.CencoPay .t-Dialog-body .t-Button:not(.t-Button--simple):hover,
.a-Button:hover {
  background-color: #fff5e9;
  box-shadow: 0 0 0 1px var(--CP-color-azul) inset !important;
}
.t-Form-fieldContainer--radioButtonGroup .apex-item-radio input + label:focus,
.apex-button-group input + label:focus,
.t-Button:not(.t-Button--simple):focus,
.CencoPay .t-Dialog-body .t-Button:not(.t-Button--simple):focus
.a-Button:focus {
  background-color: #fff5e9;
}
.t-Form-fieldContainer--radioButtonGroup .apex-item-radio input + label.is-active,
.apex-button-group input + label.is-active,
.t-Button:not(.t-Button--simple).is-active,
.CencoPay .t-Dialog-body .t-Button:not(.t-Button--simple).is-active,
.a-Button.is-active,
.t-Form-fieldContainer--radioButtonGroup .apex-item-radio input + label:active,
.apex-button-group input + label:active,
.t-Button:not(.t-Button--simple):active,
.CencoPay .t-Dialog-body .t-Button:not(.t-Button--simple):active
.a-Button:active {
  background-color: #fff5e9;
}
.t-Button:not(.t-Button--simple),
.CencoPay .t-Dialog-body .t-Button:not(.t-Button--simple){
  border-radius: 7px;
}
.t-Form-fieldContainer--radioButtonGroup .apex-item-radio input:active + label,
.t-Form-fieldContainer--radioButtonGroup .apex-item-radio input:focus + label,
.apex-button-group input:active + label,
.apex-button-group input:focus + label {
  box-shadow: 0 0 0 1px var(--CP-color-azul) inset !important;
  outline: none;
}

.t-Form-fieldContainer--radioButtonGroup .apex-item-radio input:checked + label,
.apex-button-group input:checked + label {
  background-color: var(--CP-color-azul) !important;
  color: #ffffff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset !important;
}

.a-Button--hot,
.t-Button--hot:not(.t-Button--simple),
body .ui-state-default.ui-button.ui-button--hot,
body .ui-state-default.ui-priority-primary {
  background-color: var(--CP-color-azul) !important;
  color: #ffffff;
  border-radius: 7px;
  /* background-color: #007ac0;
  color: #ffffff;
  border-radius: 50px; */
}
.a-Button--hot:hover,
.t-Button--hot:not(.t-Button--simple):hover,
body .ui-state-default.ui-button.ui-button--hot:hover,
body .ui-state-default.ui-priority-primary:hover,
.a-Button--hot:not(:active):focus,
.t-Button--hot:not(.t-Button--simple):not(:active):focus,
body .ui-state-default.ui-button.ui-button--hot:not(:active):focus,
body .ui-state-default.ui-priority-primary:not(:active):focus {
  background-color: #0355DC !important;
  /* background-color: #008ada; */
}
.a-Button--hot:active,
.t-Button--hot:not(.t-Button--simple):active,
body .ui-state-default.ui-button.ui-button--hot:active,
body .ui-state-default.ui-priority-primary:active,
.a-Button--hot.is-active,
.t-Button--hot:not(.t-Button--simple).is-active,
body .ui-state-default.ui-button.ui-button--hot.is-active,
body .ui-state-default.ui-priority-primary.is-active {
  background-color: var(--CP-color-azul) !important;
}

.t-Button--warning:not(.t-Button--simple):not(.t-Button--hot) {
  color: #443302;
}
.t-Button--warning:not(.t-Button--simple):not(.t-Button--hot):hover,
.t-Button--warning:not(.t-Button--simple):not(.t-Button--hot):not(:active):focus {
  background-color: #fcdc7c;
}
.t-Button--warning:not(.t-Button--simple):not(.t-Button--hot),
.t-Button--warning:not(.t-Button--simple):not(.t-Button--hot):active,
.t-Button--warning:not(.t-Button--simple):not(.t-Button--hot).is-active {
  background-color: #fbce4a;
}

.t-Button--success:not(.t-Button--simple):not(.t-Button--hot) {
  color: #ffffff;
}
.t-Button--success:not(.t-Button--simple):not(.t-Button--hot):hover,
.t-Button--success:not(.t-Button--simple):not(.t-Button--hot):not(:active):focus {
  background-color: #00ba34;
}
.t-Button--success:not(.t-Button--simple):not(.t-Button--hot),
.t-Button--success:not(.t-Button--simple):not(.t-Button--hot):active,
.t-Button--success:not(.t-Button--simple):not(.t-Button--hot).is-active {
  background-color: #00a02d;
}

.t-Button--danger:not(.t-Button--simple):not(.t-Button--hot) {
  color: #ffffff;
}
.t-Button--danger:not(.t-Button--simple):not(.t-Button--hot):hover,
.t-Button--danger:not(.t-Button--simple):not(.t-Button--hot):not(:active):focus {
  background-color: #e84f4c;
}
.t-Button--danger:not(.t-Button--simple):not(.t-Button--hot),
.t-Button--danger:not(.t-Button--simple):not(.t-Button--hot):active,
.t-Button--danger:not(.t-Button--simple):not(.t-Button--hot).is-active {
  background-color: #e53935;
}

.t-Button--primary:not(.t-Button--simple):not(.t-Button--hot) {
  color: #3e2000;
}
.t-Button--primary:not(.t-Button--simple):not(.t-Button--hot):hover,
.t-Button--primary:not(.t-Button--simple):not(.t-Button--hot):not(:active):focus {
  background-color: #ffebd7;
}
.t-Button--primary:not(.t-Button--simple):not(.t-Button--hot),
.t-Button--primary:not(.t-Button--simple):not(.t-Button--hot):active,
.t-Button--primary:not(.t-Button--simple):not(.t-Button--hot).is-active {
  background-color: #ffdfbd;
}

.t-Button--simple:not(.t-Button--hot):not(.t-Button--danger):not(.t-Button--primary):not(.t-Button--success):not(.t-Button--warning) {
  background-color: #ffffff;
  color: #404040;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) inset;
}
.t-Button--simple:not(.t-Button--hot):not(.t-Button--danger):not(.t-Button--primary):not(.t-Button--success):not(.t-Button--warning):hover,
.t-Button--simple:not(.t-Button--hot):not(.t-Button--danger):not(.t-Button--primary):not(.t-Button--success):not(.t-Button--warning):focus,
.t-Button--simple:not(.t-Button--hot):not(.t-Button--danger):not(.t-Button--primary):not(.t-Button--success):not(.t-Button--warning).is-active {
  background-color: #e6e6e6;
}

.t-Button--simple.t-Button--hot {
  box-shadow: 0 0 0 1px var(--CP-color-azul) inset !important;
  background-color: #ffffff;
}
.t-Button--simple.t-Button--hot,
.t-Button--simple.t-Button--hot .t-Icon {
  color: var(--CP-color-azul) !important;
}
.t-Button--simple.t-Button--hot:hover,
.t-Button--simple.t-Button--hot:focus,
.t-Button--simple.t-Button--hot.is-active {
  background-color: var(--CP-color-azul) !important;
  color: #ffffff;
}
.t-Button--simple.t-Button--hot:hover .t-Icon,
.t-Button--simple.t-Button--hot:focus .t-Icon,
.t-Button--simple.t-Button--hot.is-active .t-Icon {
  color: #ffffff;
}

.t-Button--simple.t-Button--primary:not(.t-Button--hot) {
  box-shadow: 0 0 0 1px #ffdfbd inset;
  background-color: #ffffff;
}
.t-Button--simple.t-Button--primary:not(.t-Button--hot),
.t-Button--simple.t-Button--primary:not(.t-Button--hot) .t-Icon {
  color: #ffa13e;
}
.t-Button--simple.t-Button--primary:not(.t-Button--hot):hover,
.t-Button--simple.t-Button--primary:not(.t-Button--hot):focus,
.t-Button--simple.t-Button--primary:not(.t-Button--hot).is-active {
  background-color: #ffdfbd;
  color: #3e2000;
}
.t-Button--simple.t-Button--primary:not(.t-Button--hot):hover .t-Icon,
.t-Button--simple.t-Button--primary:not(.t-Button--hot):focus .t-Icon,
.t-Button--simple.t-Button--primary:not(.t-Button--hot).is-active .t-Icon {
  color: #3e2000;
}

.t-Button--simple.t-Button--warning:not(.t-Button--hot) {
  box-shadow: 0 0 0 1px #fbce4a inset;
  background-color: #ffffff;
}
.t-Button--simple.t-Button--warning:not(.t-Button--hot),
.t-Button--simple.t-Button--warning:not(.t-Button--hot) .t-Icon {
  color: #c19104;
}
.t-Button--simple.t-Button--warning:not(.t-Button--hot):hover,
.t-Button--simple.t-Button--warning:not(.t-Button--hot):focus,
.t-Button--simple.t-Button--warning:not(.t-Button--hot).is-active {
  background-color: #fbce4a;
  color: #443302;
}
.t-Button--simple.t-Button--warning:not(.t-Button--hot):hover .t-Icon,
.t-Button--simple.t-Button--warning:not(.t-Button--hot):focus .t-Icon,
.t-Button--simple.t-Button--warning:not(.t-Button--hot).is-active .t-Icon {
  color: #443302;
}

.t-Button--simple.t-Button--danger:not(.t-Button--hot) {
  box-shadow: 0 0 0 1px #e53935 inset;
  background-color: #ffffff;
}
.t-Button--simple.t-Button--danger:not(.t-Button--hot),
.t-Button--simple.t-Button--danger:not(.t-Button--hot) .t-Icon {
  color: #e53935;
}
.t-Button--simple.t-Button--danger:not(.t-Button--hot):hover,
.t-Button--simple.t-Button--danger:not(.t-Button--hot):focus,
.t-Button--simple.t-Button--danger:not(.t-Button--hot).is-active {
  background-color: #e53935;
  color: #ffffff;
}
.t-Button--simple.t-Button--danger:not(.t-Button--hot):hover .t-Icon,
.t-Button--simple.t-Button--danger:not(.t-Button--hot):focus .t-Icon,
.t-Button--simple.t-Button--danger:not(.t-Button--hot).is-active .t-Icon {
  color: #ffffff;
}

.t-Button--simple.t-Button--success:not(.t-Button--hot) {
  box-shadow: 0 0 0 1px #00a02d inset;
  background-color: #ffffff;
}
.t-Button--simple.t-Button--success:not(.t-Button--hot),
.t-Button--simple.t-Button--success:not(.t-Button--hot) .t-Icon {
  color: #00a02d;
}
.t-Button--simple.t-Button--success:not(.t-Button--hot):hover,
.t-Button--simple.t-Button--success:not(.t-Button--hot):focus,
.t-Button--simple.t-Button--success:not(.t-Button--hot).is-active {
  background-color: #00a02d;
  color: #ffffff;
}
.t-Button--simple.t-Button--success:not(.t-Button--hot):hover .t-Icon,
.t-Button--simple.t-Button--success:not(.t-Button--hot):focus .t-Icon,
.t-Button--simple.t-Button--success:not(.t-Button--hot).is-active .t-Icon {
  color: #ffffff;
}

.t-Button--noUI {
  background-color: transparent !important;
}
.t-Button--noUI:not(:hover):not(:focus):not(.is-active) {
  box-shadow: none;
}
.t-Button--noUI:hover,
.t-Button--noUI:focus,
.t-Button--noUI.is-active {
  background-color: #e6e6e6;
}
.t-Button--noUI:focus:hover {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) inset;
}

.t-Button--link {
  background-color: transparent !important;
  box-shadow: none !important;
}
.t-Button--link:hover {
  text-decoration: underline;
}
.t-Button--link.t-Button,
.t-Button--link .t-Icon {
  color: #303030;
}

.t-Button--noUI.t-Button--hot,
.t-Button--noUI.t-Button--hot .t-Icon {
  color: var(--CP-color-azul);
}

.t-Button--noUI.t-Button--primary,
.t-Button--link.t-Button--primary,
.t-Button--noUI.t-Button--primary .t-Icon,
.t-Button--link.t-Button--primary .t-Icon {
  color: #ffa13e !important;
}

.t-Button--noUI.t-Button--warning,
.t-Button--link.t-Button--warning,
.t-Button--noUI.t-Button--warning .t-Icon,
.t-Button--link.t-Button--warning .t-Icon {
  color: #c19104 !important;
}

.t-Button--noUI.t-Button--danger,
.t-Button--link.t-Button--danger,
.t-Button--noUI.t-Button--danger .t-Icon,
.t-Button--link.t-Button--danger .t-Icon {
  color: #e53935 !important;
}

.t-Button--noUI.t-Button--success,
.t-Button--link.t-Button--success,
.t-Button--noUI.t-Button--success .t-Icon,
.t-Button--link.t-Button--success .t-Icon {
  color: #00a02d !important;
}

.t-Button.t-Button--header {
  border-radius: 50px;
  box-shadow: none;
}
.t-Button.t-Button--header:focus:before,
.t-Button.t-Button--header:active:focus:before {
  box-shadow: 0 0 0 1px #ffa13e inset !important;
}/*
.t-Button.t-Button--header:hover,
.t-Button.t-Button--header:focus,
.t-Button.t-Button--header:active {
  background-color: transparent;
}*/
.t-Button.t-Button--header:hover,
.t-Button.t-Button--header:focus {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.t-Button.t-Button--header:active,
.t-Button.t-Button--header:hover,
.t-Button.t-Button--header.is-active,
.t-Button.t-Button--header:focus:active {
  background-color: rgba(0, 0, 0, 0.4) !important;
  box-shadow: 0 0 0 1px #030076 inset !important;
}
.t-Button.t-Button--header.is-active {
  background-color: rgba(0, 0, 0, 0.4) !important;
  box-shadow: none;
}
.t-Button.t-Button--headerTree {
  min-width: 32px;
}
.t-Button.t-Button--headerTree:focus {
  box-shadow: 0 0 0 1px #ffa13e inset;
}
@media only screen and (max-width: 480px) {
  .t-Button.t-Button--headerTree {
    background-color: rgba(0, 0, 0, 0.25);
  }
}
.t-Button.t-Button--headerRight {
  background-color: #fbfbfb;
  border: 1px solid #e2e2e2;
}
.t-Button.t-Button--headerRight:hover {
  background-color: #e2e2e2;
}
.t-Button.t-Button--headerRight:active,
.t-Button.t-Button--headerRight.is-active {
  color: #3c3c3c;
}
.t-Button--navBar .t-Button-badge {
  border-radius: 0px;
  background-color: rgba(0, 0, 0, 0.35);
}
.t-Button--helpButton .a-Icon {
  opacity: .5;
}

.t-Header-navBar .t-Button--header.is-active {
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  background-color: #a35400;
  color: #ffffff;
}

.t-Button.t-Button--noUI .fa:after,
.t-Button.t-Button--link .fa:after,
.t-Button.t-Button--simple .fa:after {
  background-color: #FFF;
}

.t-Button--danger .fa:after,
.t-Button--simple.t-Button--danger:hover .fa:after {
  background-color: #e53935;
}

.t-Button--success .fa:after,
.t-Button--simple.t-Button--success:hover .fa:after {
  background-color: #00a02d;
}

.t-Button--primary .fa:after,
.t-Button--simple.t-Button--primary:hover .fa:after {
  background-color: #ffdfbd;
}

.t-Button--warning .fa:after,
.t-Button--simple.t-Button--warning:hover .fa:after {
  background-color: #fbce4a;
}

.t-Button--hot .fa:after,
.t-Button--simple.t-Button--hot:hover .fa:after {
  background-color: var(--CP-color-azul);
}

.t-ButtonRegion {
  background-color: #ffffff;
  color: #404040;
  border-radius: 2px;
}
.t-ButtonRegion--noUI {
  background-color: transparent;
}
.t-ButtonRegion--wizard,
.t-ButtonRegion--dialogRegion {
  border-radius: 0 0 2px 2px;
}
.t-ButtonRegion--dialogRegion {
  background-color: transparent;
}

.CencoPay .a-Button:focus:after,
.CencoPay .t-Button:focus:after {
  transform: translateY(0);
  box-shadow: 0 0 1px 1px #0700c440 !important; 
}

.CencoPay .t-Button:focus:before,
.CencoPay .a-Button:focus:before,
.CencoPay .t-Button.is-active:focus:before,
.CencoPay .a-Button.is-active:focus:before {
  box-shadow: 0 0 0 1px var(--CP-color-azul) inset !important;
  opacity: 1;
}

.t-Form-fieldContainer--radioButtonGroup 
.apex-item-radio input + label:hover, 
.apex-button-group input + label:hover, 
.CencoPay .t-Button:not(.t-Button--simple):hover, 
.CencoPay .t-Button:not(.t-Button--simple):focus, 
.CencoPay .t-Button:not(.t-Button--link):not(.t-Button--header):active,
.CencoPay .t-Dialog-body .t-Button:not(.t-Button--simple):hover,
.CencoPay .t-Dialog-body .t-Button:not(.t-Button--simple):focus,
.a-Button:hover {
	background-color: #00c7f90d;
	box-shadow: 0 0 0 1px var(--CP-color-azul) inset !important;
}

.CencoPay .a-Button--hot, 
.CencoPay .t-Button--hot:not(.t-Button--simple), 
.CencoPay body .ui-state-default.ui-button.ui-button--hot, 
.CencoPay body .ui-state-default.ui-priority-primary {
	color: #ffffff !important;
}

.CencoPay .t-Form-fieldContainer--radioButtonGroup .apex-item-radio input + label, 
.CencoPay .apex-button-group input + label, 
.CencoPay .t-Button:not(.t-Button--simple), 
.CencoPay .t-Dialog-body .t-Button:not(.t-Button--simple),
.a-Button {
	color: var(--CP-color-azul);
}

.CencoPay .t-Button--hot:not(.t-Button--simple).t-Button--link {
    background-color: transparent !important;
    color:   var(--CP-color-azul) !important;
    border: none;
    box-shadow: none !important;
}

/* Borde titulos */
.CencoPay .t-BadgeList-TCenco .t-Region-header div {
	border-bottom: solid 1px var(--CP-color-azul) !important;
 	font-size: 1.3rem;
	text-align: center; 
}

.CencoPay .t-BadgeList-TCenco span {
    color: var(--CP-color-negro) !important;
}

/* Para template modal */
.CencoPay .t-Dialog-body .titulo_modal{
	    font-family:  FigtreeSemiBold,sans-serif !important;
}
.CencoPay .t-Dialog-body .t-Button-label{
    font-family: FigtreeRegular,sans-serif !important;
}
/* Fin template modal */

/* Focus Inputs */
.CencoPay .t-Form-inputContainer input[type="text"]:focus,
.CencoPay .t-Form-inputContainer input.text_field:focus,
.CencoPay .t-Form-inputContainer input.password:focus,
.CencoPay .t-Form-inputContainer textarea.textarea:focus,
.CencoPay .t-Form-inputContainer input.datepicker:focus,
.CencoPay .t-Form-inputContainer span.display_only:focus,
.CencoPay .t-Form-inputContainer input.popup_lov:focus,
.CencoPay .t-Form-inputContainer select:focus,
.CencoPay .u-TF-item--text:focus,
.CencoPay .u-TF-item--textarea:focus,
.CencoPay .u-TF-item--datepicker:focus,
.CencoPay .u-TF-item--select:focus {
  background-color: #ffffff !important;
  border-color: var(--CP-color-azul) !important;
}

/* Icono de Información financiera, cambiar despues en el home de la app 128 */
.app-HMB999999999999.page-1 .fa.fa-line-chart {
    color: var(--CP-color-azul) !important;
  }

#Header {
	background-color: var(--CP-color-azul) !important;
	background-image: -o-linear-gradient(left, var(--CP-color-azul) , var(--CP-color-azul)) !important;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--CP-color-azul)) , to(var(--CP-color-azul))) !important;
	background-image: linear-gradient(to right, var(--CP-color-azul) , var(--CP-color-azul)) !important;
}

/* Quitar logo header para mobile */
.APP_HMB .t-Header-logo-link img{
    display: none;
}

.APP_HMB .t-Header-title{
    display: block !important;
    font-size: 1.6rem;
	text-overflow: ellipsis;
	overflow: hidden;
}
.APP_HMB .t-Header-logo-link{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Bold */
.CencoPay b{
    text-transform: none;
}

.CencoPay .t-ContentBlock {
	margin-bottom: 0px !important;
}

/* Texto debajo del titulo centrar a izquierda */
.CencoPay .textBelowTitle{
    text-align: center;
    margin-top: 16px !important;
}

/* Menu de tarjetas */
.CencoPay .a-Menu .a-Menu-item.is-focused, .CencoPay .a-Menu .a-Menu-item.is-expanded {
	background-color: var(--CP-color-azul);
	color: #ffffff;
}

/* Paginado report */
.CencoPay .t-Report-paginationText b,.CencoPay .t-Report-paginationText a:hover {
	background-color: var(--CP-color-azul);
	color: #ffffff;
}

/* Region sin borde */
.t-Region--noBorder > .t-Region-bodyWrap > .t-Region-body {
	border: none !important;
	box-shadow: none !important;
}
.CencoPay .list-mp-item:hover{
    border: 2px solid var(--CP-color-azul) !important;
}

/* Deshabilitado para CencoPay, solo se usa en CencoNew */

.waves{
    display: none;
}

.bannerPage{
    display: none;
}

.t_Body_content_offset{
    display: none;
}
/* No funciona ocultar en la página */
.t-HeroRegion-wrap{
    display: none !important;
}
/* Fin Deshabilitado */
/*Notificaciones*/
.notifications .img-responsive {
	width: 80px;
}
/*Fin notificaciones*/
/*Boton destacado*/


.btnDestacadoColor, .btnCircular{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    /*max-width: 560px;*/
    margin:auto;
}

.btnDestacadoColor a, .btnCircular a{
    height:100%;
    font-size:12px;
    padding:5px;
    /*width:25%;
    min-width:120px;*/
    margin: 10px 0;
}

.btnDestacadoColor a li{
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    position: relative;
    width: 150px;
    padding: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btnDestacadoColor a li span{
    border: 1px solid #E5E5E5;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btnDestacadoColor a li:hover span{
    -webkit-box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.09);
            box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.09);
}

.btnDestacadoColor a li .icono{
    /*color:var(--CP-color-azul);*/
    font-size:27px;
    display: flex;
    align-items: center;
    padding: 8px;
    width: 80px;
    height: 90px;
    border-radius: 5px;
}

.btnDestacadoColor a:nth-child(4n-3) li .icono {
    background-color: var(--CP-color-azul);
}
.btnDestacadoColor a:nth-child(4n-2) li .icono {
    background-color: var(--CP-color-magenta);
}
.btnDestacadoColor a:nth-child(4n-1) li .icono {
    background-color: var(--CP-color-naranjo);
}
.btnDestacadoColor a:nth-child(4n+0) li .icono {
    background-color: var(--CP-color-cyan);
}

.btnDestacadoColor a:nth-child(4n-3) li:hover .s-Detalle-label{
    border: 1px solid var(--CP-color-azul);
}
.btnDestacadoColor a:nth-child(4n-2) li:hover .s-Detalle-label{
    border: 1px solid var(--CP-color-magenta);
}
.btnDestacadoColor a:nth-child(4n-1) li:hover .s-Detalle-label{
    border: 1px solid var(--CP-color-naranjo);
}
.btnDestacadoColor a:nth-child(4n+0) li:hover .s-Detalle-label{
    border: 1px solid var(--CP-color-cyan);
}

.btnDestacadoColor a:nth-child(4n-3) li.disabled .icono,
.btnDestacadoColor a:nth-child(4n-2) li.disabled .icono, 
.btnDestacadoColor a:nth-child(4n-1) li.disabled .icono, 
.btnDestacadoColor a:nth-child(4n+0) li.disabled .icono
{
    background-color: #EFEFEF;
}

.btnDestacadoColor a:nth-child(4n-3) li.disabled:hover .s-Detalle-label,
.btnDestacadoColor a:nth-child(4n-2) li.disabled:hover .s-Detalle-label,
.btnDestacadoColor a:nth-child(4n-1) li.disabled:hover .s-Detalle-label,
.btnDestacadoColor a:nth-child(4n+0) li.disabled:hover .s-Detalle-label{
    border: 1px solid #EFEFEF;
}

.btnDestacadoColor .s-Detalle-label{
    font-family: FigtreeSemiBold, sans-serif !important;
    font-size: 12px;
    color: #000;
    background-color: #fff;
    width: 100%;
    padding-left: 5px;
    min-height: 40px;
    display: flex;
    align-items: center;
    border-radius: 0px 5px 5px 0px;
}

.btnDestacadoColor .flag{
    left: initial!important;
    right: 0;
    border: none;
}

.btnSegurosInicio{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 5px;
}

.btnSegurosInicio i{
    margin-right: 15px;
    margin-left: 9px;
}

.btnSegurosInicio i, .btnSegurosInicio .fa {
    color: var(--CP-color-cyan);
}

.btnSegurosInicio.disabled img, .btnSegurosInicio.disabled .fa-chevron-right{
    filter: grayscale(100%);
}

.hoverBtnPrincipal:hover.disabled{
    -webkit-box-shadow: 1px 1px 4px 0px rgba(5, 0, 196, 0.61), 0px 0px 0px 1px #EFEFEF;
    box-shadow: 1px 1px 4px 0px rgba(5, 0, 196, 0.61), 0px 0px 0px 1px #EFEFEF;
    border-radius: 10px;
}

.btnCircular a li{
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-pack: distribute;
    flex-direction: column;
    text-align: center;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    position: relative;
    width: 114px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btnCircular a li .icono{
    background-color: #fff;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border: 1px solid #e6e6e6;
    color: var(--CP-color-azul);
    -webkit-box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.09);
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.09);  
}

.btnCircular a li:hover .icono{
    -webkit-box-shadow: 1px 1px 4px 0px rgba(5, 0, 196, 0.61), 0px 0px 0px 1px var(--CP-color-azul);
    box-shadow: 1px 1px 4px 0px rgba(5, 0, 196, 0.61), 0px 0px 0px 1px var(--CP-color-azul);
}

.btnCircular a li .icono.CencoPay {
    background: rgba(0, 199, 249, 0.2);
}
.btnCircular a li:hover .icono.CencoPay {
    box-shadow: 1px 1px 4px 0px rgba(5, 143, 177, 0.61), 0px 0px 0px 1px var(--CP-color-cyan);
}

.btnCircular a li .icono.TjCenco {
    background: rgba(255, 172, 44, 0.3);
}
.btnCircular a li:hover .icono.TjCenco {
    box-shadow: 1px 1px 4px 0px rgb(255, 172, 44, 0.61), 0px 0px 0px 1px var(--CP-color-naranjo);
}

@media (max-width: 480px){
    .btnDestacadoColor a, .btnDestacadoColor a li{
        width:100%;
        margin: 0;
    }
    .btnDestacadoColor a li{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        height: 50px;
        max-width:100%;
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
        -webkit-justify-content: start;
        -moz-justify-content: start;
    }

    .btnDestacadoColor a li .icono{
        width: 40px;
        height: 55px;
    }
    .flag{
        padding: 0 10px;
        font-size: 11px;
    }
}

.btnHorizontal{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 5px;
}

.btnHorizontal i{
    margin-right: 15px;
    margin-left: 9px;
}

.btnHorizontal i, .btnHorizontal .fa {
    color: var(--CP-color-azul);
}

.CencoPay .t-Button--hot:not(.t-Button--simple).t-Button--link.t-Button--hot {
    font-weight: 500;
    text-decoration: underline;
}

.t-Button--link .t-Icon.t-Icon--right.fa {
    color: var(--CP-color-azul);
}

.t-Button--img {
	display: flex;
	justify-content: center;
	align-items: center;
	justify-items: center;
}

.t-Button--img .t-Icon--right, .t-Button--img .t-Icon--left {
    display: flex;
    height: 1.6em;
    width: 1.6em;
}

@media (max-width: 480px){
    .btnVertical.btnPrincipal a li{
        justify-content: start !important;
    }
    .btnVertical .s-Detalle-label {
        padding-left: 10px !important;
    }
}

.logoProd{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 20px;
    font-family: FigtreeSemiBold, sans-serif !important;
    border-radius: 10px 10px 0 0;
    margin: 4px;
    color: #FFF;
    font-size: 16px;
}

.CREDITO .logoProd{
    background-color: var(--CP-color-azul);
}
.CREDITO.MasterCardBlack .logoProd{
    background-color: var(--CP-color-negro);
}

.CREDITO.MasterCardCorporate .logoProd{
    background-color: #303030;
}

.CREDITO.MasterCardCorporate .logoProd{
    background-color: #303030;
}

.corp{
    display: none;
}

.CREDITO.MasterCardCorporate .corp{
    display: block !important;
    font-family: FigtreeRegular,sans-serif !important;
    font-size: 12px;
}

.CUENTA_DIGITAL .logoProd{
    background-color: var(--CP-color-magenta);
}

.PRESTAMO .logoProd{
    background-color: var(--CP-color-cyan);
}



.t-ContentBlock-header div {
	text-align: center;
}

.banner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-shadow: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: rgba(0, 199, 249, 0.38);
    color: var(--CP-color-azul);
}

.bannerIcono {
	width: 60px;
	height: 60px;
	background: var(--CP-color-cyan);
	border-radius: 30px;
	display: flex;
	margin: 10px 30px;
}

.bannerImg{
	max-width: 170px;
	padding: 10px;
}

@media (max-width: 640px){
    .banner{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
            -ms-flex-direction:column;
                flex-direction:column;
        -webkit-box-pack:center;
            -ms-flex-pack:center;
                justify-content:center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
    }
}

.CencoPay .t-WizardSteps-step.is-active .t-WizardSteps-marker {
	background-color: var(--CP-color-azul) !important;
}

.t-WizardSteps-step.is-active .t-WizardSteps-label {
	color: var(--CP-color-negro);
}

.CencoPay .t-Region .t-Tabs--simple .t-Tabs-link{
	color: var(--CP-color-negro);
}


.CencoPay .checkbox_group input:checked + label::before, .CencoPay .radio_group input:checked + label::before {
	border-color: var(--CP-color-azul);
	background-color: var(--CP-color-azul);
}

.CencoPay .checkbox_group input:focus + label::before, .CencoPay .radio_group input:focus + label::before {
	border-color: var(--CP-color-azul);
}

.CencoPay .t-Form-inputContainer .checkbox_group input:checked + label, .CencoPay .t-Form-inputContainer .radio_group input:checked + label {
	font-weight: 400;
}

.CencoPay .checkbox_group input:focus:checked + label::before, .CencoPay .radio_group input:focus:checked + label::before {
	border-color: var(--CP-color-azul);
	background-color: var(--CP-color-azul);
}

.CencoPay .t-Form-radioLabel, .CencoPay .t-Form-inputContainer .radio_group label, .CencoPay .t-Form-checkboxLabel, .CencoPay .t-Form-inputContainer .checkbox_group label, .CencoPay .t-Form-label {
	color: var(--CP-color-negro);
}

/* Input Style */
.inputStyle .t-Form-labelContainer {
    text-align: start;
}
.inputStyle .t-Form-label {
    color: var(--CP-color-negro);
}

.inputStyle .t-Form-itemWrapper {
box-shadow: 0px 1px 2.3px 1px rgba(0, 0, 0, 0.2);
border-radius: 10px;
padding: 10px;
}

.inputStyle .text_field, .inputStyle .autocomplete, .inputStyle .number_field   {
    border: none !important;
}

.inputStyle.t-Form-fieldContainer--stacked .t-Form-inputContainer{
padding-top: 8px;
}

/* Fin Input Style */

/* Credito en tienda */
.PRESTAMO .logoCD{
    color: var(--CP-color-negro);
}

.btnCircular a li .icono.CreditoTienda {
	background: rgba(0, 199, 249, 0.1);
	color: var(--CP-color-cyan);
	font-size: 30px;
}

.btnCircular a li:hover .icono.CreditoTienda {
	-webkit-box-shadow: 1px 1px 4px 0px rgb(0, 199, 249, 0.61), 0px 0px 0px 1px var(--CP-color-cyan);
	box-shadow: 1px 1px 4px 0px rgb(0, 199, 249, 0.61), 0px 0px 0px 1px var(--CP-color-cyan);
}

/* Fin Credito en tienda */

/* Radio button */

.option-radio{
    border:2px solid white !important;
    box-shadow:0 0 0 1px var(--CP-color-azul) !important;
    appearance:none;
    border-radius:50% !important;
    width:12px !important;
    height:12px !important;
    background-color:white !important;
    transition:all ease-in 0.2s;
        clip: initial !important;
        margin: 0px;
        position: relative !important;
  }    
  
  .option-radio:checked{
    background-color:var(--CP-color-azul) !important;
  }
  
  .option-radio[disabled] {
      box-shadow: 0 0 0 1px #B5B5B5 !important;
  }
  
  .u-radio{
      display: none !important;
  }