/*LOADER*/
#preloader{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #1f4084;
    z-index: 100000;}
    .loader-container{
   margin-top:270px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
    }
    .loader-logo{
   display: flex;
   justify-content: center;
   align-items: center;
   height:100px;margin-bottom:15px; }

.full-height{height:100%!important;min-height: 100vh}
body{background-color: #E4E9ED!important}

#countdown{color: #FECE2F;font-weight: 700;font-size: 14px}
.font-size-13{font-size: 13px!important}
.font-size-14{font-size: 14px;font-weight: 400}
.font-size-18{font-size: 18px!important}
.font-size-12{font-size: 12px!important}
.font-size-20{font-size: 20px!important}
.font-size-22{font-size: 22px!important}
.font-size-25{font-size: 25px!important}
.weight-500{font-weight: 500}
.weight-400{font-weight: 400}
.width-100{width: 100%}
.max-width-100{max-width: 100px}
.max-width-128{max-width: 128px}
.min-width-200{min-width: 200px}
.min-width-250{min-width: 250px}
.height-80{height: 80px}
/*LOGIN*/
.login-titulo{font-size: 25px;font-weight: bold;line-height: 40px}
.login-titulo1{font-size: 35px;line-height: 40px;color: #325191;font-weight: 300}
.form-control{border: 1px solid #DEDEDE!important;border-radius: 10px!important;}
.login-input{font-size: 14px;color: #374866}
.bg-transparent{background: transparent!important;min-height: 1px}
.login-boton{
	background-color: #FECE2F;
    border: none;
    color: #325191;
    margin-top: 50px;
    min-width: 200px;
    min-height: 40px;
    font-weight: bold;
    width: 100%;
    border-radius: 120px;
    font-size: 16px;
}
.login-boton:hover{
	background-color: #d0a826!important;
    color: #325191!important
}
/*HOME*/
.titulo-producto{font-size: 25px;color:#325191;font-weight: 300;margin-bottom: 0px}
.light-header{font-weight: 400;color: #FECE2F;font-size: 14px;text-transform:capitalize}
.home-title{margin-bottom: 10px;font-size: 25px;line-height:inherit}

/*APORTES*/
.cursor-pointer{cursor: pointer!important}
.boton-creditos{
    height: 40px;
    background-color: #FECE2F;
    border-color: #FECE2F;
    width: 100%;
    color: #325191;
    max-width: 150px;
    border-radius: 120px;
}

.boton-creditos:hover{
	background-color: #d0a826!important;
    border-color: #d0a826!important;
    color: #325191!important
}

/* PAGAR CREDITOS*/
.irs--theme .irs-bar {background-color: #FECE2F!important;}
/*FOOTER*/
span.footer-span{font-size: 12px;color: #325191}

.card-body {
	border-radius: 20px;
    padding: 30px 50px;
}
nav.contenedor-vertical > a.nav-link {
    padding: 1rem .75rem;
}
.vertical-divider{
	border-top:1px solid #DFE6F2;margin:0
}
.contenedor-vertical-color{
	background: #1F4084
}
.contenedor-vertical{
	min-height: 100vh;position: absolute;min-width:180px;background: white
}
.logo-vertical{
	width: 100%;max-width: 100px;padding: 20px 0
}
.padding-sidebar{
    padding-left: 180px!important;
}

.transferencias{
	display: inline-flex;
}
.transferencias-sub{
	display:none;position: absolute;margin-left: 180px;border: 1px solid #DFE6F2; min-width: 180px;background-color:white
}
.transferencias:hover .transferencias-sub{
  display: block!important
}
.pagar{
	display: inline-flex;
}
.pagar-sub{
	display:none;position: absolute;margin-left: 180px;border: 1px solid #DFE6F2; min-width: 180px;background-color:white
}
.pagar:hover .pagar-sub{
  display: block!important
}
@media (max-width:991px) {
	.padding-sidebar {
		padding-left: 0px!important
	}
}

.display-xs-892{display: none}
@media (max-width: 892px){
	.display-xs-892{display: block}
}

.nav-link{
    padding: 1rem;
}

.nav-link span.active{
	color:#325191;
}
.nav-link span{
	color:#8397BF;
	font-size: 12px
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color:#fdcf2f!important
}
.navbar-light .navbar-nav .nav-link{
	color:white
}
.padding0{padding: 0!important}
.title-section-home{padding: 40px 0;background-color: #1A3B9D}
.title-section-3{width: 33%}
.mb-5px{margin-bottom: 5px!important}
.display-xs{display: none}
.display-xs-contents{display: none}
.title-section-nombre{font-size: 25px;font-weight:bold;}
.botones-pago{display: flex;flex-direction:row;margin: 30px 0}

/*CONFIRMACIONES*/
.box-cuentas{display: flex;flex-direction: row;}
.box-cuentas div{width: 50%;}
.box-cuentas > .box-left{border-top-left-radius: 10px;border-bottom-left-radius: 10px;padding: 20px;border: 1px solid #D6D6D6;margin-bottom: 20px}
.box-cuentas > .box-right{border-top-right-radius: 10px;border-bottom-right-radius: 10px;padding: 20px;border: 1px solid #D6D6D6;margin-bottom: 20px}
span.confirmacion-detalle {font-size: 16px;font-weight: 700;margin-left: 5px}


.imagen-header-title{
    background: #1F4084;padding: 30px 30px 15px 30px;margin-top: 30px;border-radius: 20px;background-repeat: no-repeat;background-position: 95% -30px}
/*MENU*/
.padding-header-mobile{padding: 0}
.navbar.navbar-toggled-show, .navbar.scrolled {
    background-color: #1F4084;
}

    span.light-header > img{min-width: 75%;}
@media (max-width: 768px){
	.title-section-home{padding: 30px 0}
	.title-section-nombre{font-size: 24px;}
	.title-section-3{width: 100%}
	.display-xs-contents{display: contents;}
	.display-xs{display: block}
    .hidden-xs{display: none!important}
    .card-body{padding: 10px 15px!important}
    .navbar .dropdown-grid-menu{border:none!important;}
    .dropdown-item{color: white;padding: .3rem 1.5rem;border:none!important;}
    .boton-creditos{max-width: 100%!important}
    .dropdown-toggle.arrow-bottom+.dropdown-menu{margin-bottom: 7px;margin-top: 0}
    .padding-desktop{margin-bottom: 20px!important}
    .input-group{width: 100%!important}
	.botones-pago{display: block!important}
	.text-right-desktop img{margin-top: 20px!important}
    .cuenta-horizontal li.cuenta-header span{font-size: 13px}
    .imagen-header-title{background-image: none!important;padding: 30px 15px 15px 15px}
    .nav-link {padding: 10px}
    .no-bg-mobile{background-image: none!important}
    span.light-header > img{width: 100%}
        
    .custom-select{font-size:11px!important}
    .p-0-mobile{padding:0!important;}
    .imagen-header-title{margin-top:10px!important;}
    .home-title{font-size: 18px!important}
   #cuentaDestino, #cuentaOrigen{font-size:12px!important}
   #cuentaDestino > option, #cuentaOrigen > option{font-size:10px!important}

/*MENU*/
.navbar-light .navbar-nav .show>.nav-link{color: #fdcf2f!important}
.dropdown-item:focus, .dropdown-item:hover{color: #fdcf2f}
.padding-header-mobile{padding: 10px}
/*LOGIN*/
.login-titulo{font-size: 32px!important;line-height: 22px!important}

/*CONFIRMACIONES*/
.box-cuentas{display: block;}
.box-cuentas div{width: 100%}

}
.footer-box{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem 0
}
.custom-select{font-size: 14px}
.custom-control-label::before{border: #555f71 solid 1px!important}

.toy-image{
    margin: 20px 0;padding: 0;background-image: url(/assets/img/home-image.svg);background-repeat: no-repeat;background-position: 95%;
}
.title-header{
    margin: 10px 0;font-size: 25px
}
.image-header{
    min-height: 136px;background-image: url(/assets/img/home-image.svg);
}

.border-radius-20{
    border-radius: 20px
}
.no-radius-bottom{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.bg-yellow{
    background-color: #FECE2F
}
.divider-grey{
    border-top: 1px solid #CFD9E0;
}
.text-blue-title{
    color: #001287;
}
.text-blue{
    color: #325191;
    letter-spacing: 0;
}
.text-dark{
    color: #383838;
}
.first-box-dpf{
    border-radius: 10px 0 0 10px;
    background: #1F4084
}
.last-box-dpf{
    border-radius: 0 10px 10px 0;
    border-left: 1px solid #5279CB;
}

.pt-075{
    padding-top: .075rem!important;
}
.box-border{
    border-radius:10px;border: 1px solid #1F4084
}


.text-dark-grey{color: #383838}
/* DPF */
.check-dpf{
    font-size:13px;font-weight:400
}
.token-input-box{
    width: 50px;
    height: 45px;
    margin-right: 3px;
    border-radius: 7px;
    border: 1px solid #B9B9B9;
    text-align: center;
    font-weight: bold
}
.dpf-title-box{
    font-weight:300;font-family:Lato;font-size: 30px
}
.dpf-text-box{
    color:#383838;font-family:Lato;font-weight:400
}
.dpf-border-left{
    border-left: 1px solid #CAD7DD
}
.font-weight-400{font-weight:400}
.dpf-table-header{
    background:#D0DAF0;border-radius:20px
}