/*Estilos calculadora
* Nuevo portal Banco Industrial El Salvador
* Fecha actualización:  5 de agosto 2022
*/


:root {
	--blue-expert-color: #003865;
	--blue-financial-color: #2C8B9E;
	--aqua-digital-color: #00C1D4;
	--gray-color-one: #8C8C8C;
	--gray-color-two: #EBEBEB;
}

/* ===========================
	Fonts Bi Neo Industrial 2022
   =========================== */
@font-face {
	font-family: "BiNeoIndustrialBold";
	src: url('../fonts/bineoindustrial/BiNeoIndustrial_Bold.ttf');	
}

@font-face {
	font-family: "BiNeoIndustrialRegular";
	src: url('../fonts/bineoindustrial/BiNeoIndustrial_Regular.ttf');	
}

/* ===========================
	Fonts Bi Andes 2022
   =========================== */

@font-face {
	font-family: "BiAndesNeueMedium";
	src: url('../fonts/biandesneue/AndesNeue_Medium.otf');	
}

body {
	/*overflow: hidden;*/
}

/* ===========================
	Estilos bies.php
   =========================== */

/*Titulo*/

.bies-titulo h1 {
	font-family: 'BiNeoIndustrialBold';
	font-size: 25px;
	color: var(--blue-expert-color);
	position: relative;
	display: inline-block;
	line-height: 1.7;
	margin-bottom: 50px;
}

.bies-titulo h1:before {
	content: '';
	position: absolute;
	width: 70%;
	bottom: -2px;
	right: 0%;
	border-bottom: 3px solid var(--aqua-digital-color);
}

/*Inputs*/

.bies-contenedorFormulario label {
    color: var(--gray-color-one);
    display: block;
    font-family: 'BiNeoIndustrialRegular';
    font-size: 16px;
    margin-bottom: 10px;
    margin-left: 5px;
}

/* .bies-contenedorFormulariofx input[type="text"] { */
.bies-contenedorFormulariofx input[type="number"] {
    background: white;
    border: 2px solid var(--blue-financial-color);
    border-radius: 16px 0px;
    opacity: 1;
    height: 56px;
}

.bies-contenedorFormulariofx input[type="text"] {
    background: white;
    border: 2px solid var(--blue-financial-color);
    border-radius: 16px 0px;
    opacity: 1;
    height: 56px;
}

input[type="text"] {
	border: none;
	box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
}


.error small, small.error{
    margin-top: -55px;
    margin-right: 0px;
    float:right;
    opacity: 1;
    border-radius: 3px;
    position: relative;
    top: 45px;
}

.bies-input-mobile {
    margin-bottom: 25px;
}   



/*Boton*/

.bies-contenedorFormulario .btnSiguiente {
    background: var(--blue-expert-color);
    border-radius: 16px 0px;
    border: none;
    width: 228px;
    height: 60px;
    color: #fff;
    display: block;
    font-family: 'BiNeoIndustrialRegular';
    font-size: 20px;
    font-weight: normal;
    margin-top: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    text-decoration: none;
}

.bies-contenedorFormulario .btnSiguiente:hover {
    background: var(--aqua-digital-color);
}


/*Resultados*/

.bies-ajuste-tituloResul h1 {
	text-align: left;
}

.bies-tituloResultado {
	color: var(--gray-color-one);
	font-size: 20px;
	font-family: 'BiNeoIndustrialRegular';

}

.bies-descResultado {
	color: var(--gray-color-one);
	font-size: 14px;
	font-family: 'BiNeoIndustrialRegular';

}

.bies-Resultado {
	color: var(--blue-expert-color);
	font-size: 35px;
	font-family: 'BiNeoIndustrialBold';
	margin-top: 30px;
}

.bies-txtDescripcion p {
    color: var(--gray-color-one);
    display: block;
    font-family: 'BiAndesNeueMedium';
    font-size: 18px;
    margin-top: 30px;
    text-align: left;

}

.ampliar-seccion {
	max-width: 80em;
	padding-right: 0px;
	padding-left: 0px;
	margin-left:  auto;
	margin-right: auto;
	margin-bottom: 5px;
    margin-top: 5px;
}

.bies-txtmargen {
    margin-top: -40px;
}

/*
@media screen and (max-width: 1023px){
	.bies-contenedorFormulariofx input[type="text"] {
	    background: white;
	    border: 2px solid var(--blue-financial-color);
	    border-radius: 16px 0px;
	    opacity: 1;
	    width: 100%;
	    height: 56px;}
	.bies-titulo h1 {
		font-family: 'BiNeoIndustrialBold';
		font-size: 25px;
		color: var(--blue-expert-color);
		position: relative;
		display: inline-block;
		line-height: 1.7;
		margin-bottom: 50px;}}


@media screen and (max-width: 639px){
	.bies-contenedorFormulariofx input[type="text"] {
	    background: white;
	    border: 2px solid var(--blue-financial-color);
	    border-radius: 16px 0px;
	    opacity: 1;
	    width: 100%;
	    height: 56px;}
	.bies-titulo h1 {
	   	font-family: 'BiNeoIndustrialBold';
	   	font-size: 25px;
	   	color: var(--blue-expert-color);
	   	position: relative;
	   	display: inline-block;
	   	line-height: 1.7;
	   	margin-bottom: 50px;}}*/

/*Inicio modulos*/

.bies-ajuste {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 475px) {
    .bies-modulo {
        margin: 20px;
        padding: 30px !important;
    }
    .bies-Resultado {
	    font-size: 20px;
    }
    .bies-ajuste {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .bies-espacio-modulos {
        margin-top: 20px;
    }
}


.bies-modulo {
	margin: 20px;    
	padding: 46px;
	min-height: 200px;
	width: 100% !important;
	transition: all 0.2s;	
	border-radius: 60px 0px;
	border: 1px solid var(--blue-expert-color);	
}

.bies-espacio-modulos {
	margin-top: -30px;
}

#plazo_total {
    margin-top: 44px;
}

/* ============================================
	Estilos calculadorasbi.menulateralbies.php
   ============================================ */



#bloquesMenuLateral .biesbloqueHacer .biesopciones span{
	max-width:200px;
	overflow:hidden;
}

#bloquesMenuLateral .biesbloqueHacer .biesopciones:hover{
	background-image:none;
}

#bloquesMenuLateral .biesbloqueHacer .current{
	background-color: var(--aqua-digital-color);
	color:#FFFFFF;	
}

.biesBloqueHacer{
	padding-right:0;
	padding-left:0;
}
#bloquesMenuLateral .biesbloqueHacer .biesopciones{
	background-image:none;
}

/*submenu*/

.biessubMenu .biesopcionesSubmenu{
    background: var(--gray-color-one);
   /* border-bottom: 1px #ccc solid;*/
    border-bottom: none;
    color: #fff;
    display: block;
    font-family: 'BiNeoIndustrialRegular';
    font-size: 14px;
    padding-bottom: 15px;
    padding-left: 35px;
    padding-top: 15px;
    text-align: left;
    text-decoration: none;
}

#bloquesMenuLateral:hover>a{
    color:#FFFFFF !important;
}

.biessubMenu{
    display: none;
}
.biessubMenu .no_childs .biesopcionesSubmenu:hover{
    background: #2ac5ff;
    background-image: none;
}
.biessubMenu .biesopcionesSubmenu:hover{
    /*background: #2ac5ff;*/
    background-image: url(../media/imagenes/general/flechaDropBlanca.png);
    background-position: 95% 25px;
    background-repeat:  no-repeat;
}

#bloquesMenuLateral_hover{
    background: #2ac5ff;
}


#bloquesMenuLateral .biesbloqueHacer .biesopciones:hover{
    /*background: #7d7d7d;
    color: #fff;*/
    background-image: url(../media/imagenes/general/flechaDrop.png);
    background-position: 95% 25px;
    background-repeat:  no-repeat;
    
}
/*prueba*/
#bloquesMenuLateral .biesbloqueHacer .biesopciones {
    background-color: var(--gray-color-two);


    background-image: url(../media/imagenes/general/flechaDrop.png) !important;
    background-position: 95% 25px !important;
    background-repeat:  no-repeat !important;
   
    /*border-bottom: 1px #ccc solid;*/
    border-bottom: none;
    color: var(--blue-expert-color);
    display: block;
    font-family: 'BiNeoIndustrialRegular';
    font-size: 14px;
    padding-top: 20px;
    text-align: left;
    text-decoration: none;
}

.biessubMenu .biesopcionesSubmenu{
    background-image: url(../media/imagenes/general/flechaDrop.png) !important;
    background-position: 95% 25px !important;
    background-repeat:  no-repeat !important;
}

#bloquesMenuLateral .biesbloqueHacer .current, #bloquesMenuLateral .bloqueHacer .expanded_item{
    background-image: url(../media/imagenes/general/flechaUp.png) !important;
    background-position: 95% 25px !important;
    background-repeat:  no-repeat !important;
}

/*bloque*/
#bloquesMenuLateral .biesbloqueHacer{
    margin-bottom: 20px;
}

#bloquesMenuLateral .biestituloBloque {
    background: var(--blue-expert-color);
    border-radius: 5px 5px 0px 0;
    width: 100%;
}
#bloquesMenuLateral .biestituloBloque label{
    color: #fff;
    display: inline-block;
    font-family: 'BiNeoIndustrialRegular';
    font-size: 13px;
    padding-left: 1%;
}


#bloquesMenuLateral .biesbloqueHacer input{
    background: url(../media/imagenes/general/search.png) no-repeat 95%;
    border: none;
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
    color: #004484;
    font-family: "robotobold";
    font-size: 13px;
    height: 43px;
    margin-bottom: 0;
}
#bloquesMenuLateral .biesbloqueHacer .flechaArriba{
    background-color: #8a8a8a;
    display: block;
    text-align: center;
    width: 100%;
}
#bloquesMenuLateral .biesbloqueHacer .flechaArriba img{
    padding-top: 8px;
    padding-bottom: 8px;
}

#bloquesMenuLateral .biesbloqueHacer .biesopciones span{
    display: block;
    font-family: 'BiNeoIndustrialRegular';
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 15px;
    padding-left: 20px;
}
#bloquesMenuLateral .biesbloqueHacer .flechaAbajo{
    background-color: #8a8a8a;
    display: block;
    text-align: center;
    width: 100%;
}
#bloquesMenuLateral .biesbloqueHacer .flechaAbajo img{
    padding-top: 5px;
    padding-bottom: 7px;
}
#bloquesMenuLateral .biesbloqueHacer .verTodos{
    background: #004484;
    border-radius: 0 0 5px 5px;
}
#bloquesMenuLateral .biesbloqueHacer .verTodos a{
    color: #fff;
    display: block;
    font-family: "robotobold";
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 11px;
    padding-right: 10px;
    padding-top: 12px;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
}

label {
	cursor:default;
}

#bloquesMenuLateral .biesbloqueHacer .biessubMenu .not_children{
    background-image: none !important;
}
#bloquesMenuLateral .biesbloqueHacer .biesopciones span{
    max-width:200px;
    overflow:hidden;
    margin-right: 12%;
}
#bloquesMenuLateral .biesbloqueHacer .not_childs:hover{
    background-image:none !important;
}
#bloquesMenuLateral .biesbloqueHacer .not_childs{
    background-image:none !important;
}

.biesbloqueHacer{
    padding:0;
}

.biessubMenu{
    margin-bottom:0;
}
.biessubMenu .biesopcionesSubmenu{
    padding-left: 10px;
}

.subMenu2, .subMenu3, .subMenu4{
    display:none;
    margin-left: -10px; 
}
.subMenu3{
    margin-left: -20px; 
}

.subMenu4{
    margin-left: -30px; 
}

.subMenu2 .biesopcionesSubmenu{
    padding-left: 20px;
    background: #A0A0A0;
}

.subMenu3 .biesopcionesSubmenu{
    padding-left: 30px;
    background:#818181;
}

.subMenu4 .biesopcionesSubmenu{
    padding-left: 40px;
    background: #5F5F5F;
}
.opciones5:hover{
    background-image:none !important;
}
#bloquesMenuLateral a{
    text-decoration:none;
    color:#7d7d7d;
}
.biessubMenu a{
    text-decoration:none;
    color:#fff !important;
}
.current a{
    color:#FFFFFF !important;
}