h1.display-3{
	font-style: italic;
}
.card-body {
    padding: .7rem 3.75rem!important;
}
@media (min-width: 1200px){
.container {
    max-width: 1200px;
}}
nav.contenedor-vertical > a.nav-link {
    padding: 1rem 1rem;
}
.vertical-divider{
	border-top:1px solid #DFE6F2;margin:0
}
.contenedor-vertical-color{
	background: #001287
}
.contenedor-vertical{
	min-height: 100vh;position: absolute;width:140px;background: white
}
.logo-vertical{
	width: 100%;max-width: 100px;padding: 20px 0
}
.padding-sidebar{
	padding-left: 140px!important
}

.transferencias{
	align-items: center;
 	justify-content: center;
	display: inline-flex;padding: 1rem 0
}
.transferencias-sub{
	display:none;position: absolute;margin-left: 320px;border: 1px solid #DFE6F2; min-width: 180px;background-color:white
}
.transferencias:hover .transferencias-sub{
  display: block!important
}
.pagar{
	align-items: center;
  	justify-content: center;
	display: inline-flex;padding: 1rem 0
}
.pagar-sub{
	display:none;position: absolute;margin-left: 320px;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: 991px){
	.display-xs-892{display: block}
}

.nav-link span.active{
	color:#001287;
}
.nav-link span{
	color:#949ABC;
	font-size: 12px
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color:#6DAC3A!important
}
.navbar-light .navbar-nav .nav-link{
	color:white
}
.padding0{padding: 0!important}
.boton-creditos{
	height: 40px;
	background-color:#6DAC3A;
	border-color:#6DAC3A;
	width: 100%;
	max-width: 150px;
	border-radius: 0px
}
.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: 21px;font-weight:bold;text-transform: capitalize;}
.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}

@media (max-width: 991px){
    .contenedor-vertical{display:none;}
}
@media (max-width: 968px){
    .dropdown-item{color: white;padding: .3rem 1.5rem;border:none!important;
        
    }
/*MENU*/
.navbar-light .navbar-nav .show>.nav-link{color: #ADFF6A!important}
.dropdown-item:focus, .dropdown-item:hover{color: #ADFF6A}
    .navbar .dropdown-grid-menu{border:none!important;}
}
@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 20px!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}

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

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

}
#preloader{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #001287;
    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; }

.ajax-loader {
	visibility: hidden;
	background-color: rgba(255,255,255,0.9);
	  width: 100%;
	  height: 100%;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 100000;
	  
  }
  
  .ajax-loader img {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  height: 100px;
	  margin-bottom: 15px;
  }
  .ajax-loader p{
	  color: #325191!important;
  }