.loader{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.border-orange{ border: solid 1px; }

.border-blue{ border: solid 1px; }

.info-box-stats{
	float: left;
	margin-top: 5px;
}

.info-box-stats p{
	font-size: 28px;
	margin-bottom: 14px;
	font-weight: 600;
}

.info-box-stats span.info-box-title{
	display: block;
	font-size: 13px;
	margin-bottom: 10px;
}

.glyphicon{
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.info-box-icon i{ font-size: 31px; }

.info-box-icon{ float: right; }

.panel-body{ padding: 15px; }

.info-box-progress{ clear: both; }

.progress{ margin: 0; }

.progress2{ margin: 0; }

.progress-xs{ height: 5px; }

.progress-squared{ border-radius: 0; }

.alert{
	margin: 15px 0;
}

#alerta_firmas{
	border: 1px solid;
	border-radius: 4px;
	font-size: 18px;
}

.texto-alerta{
	text-decoration: underline;
	font-weight: bold;
}

.alerta_info{
	text-align: center;
	font-size: 16px;
}

.center{
	margin: 0 auto;
	float: none !important;
	display: block;
}

.titulo-principal{
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-weight: 500;
	font-family: sans-serif;
}

.titulo-modal{
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-weight: 500;
	font-family: sans-serif;
	text-align: center;
	background-color: #4E87E4 !important;
	color: white;
}

/* Clases de CrowdLendingApp */
.progress{
	height: 17px;
	line-height: 17px;
	margin: 5px 0 !important;
	border: 1px solid;
	border-radius: 8px !important;
	max-width: 100px;
}

.etiqueta-a1-big{
	font-size: 40px !important;
	text-align: center;
}

.etiqueta-a1-medium3{
	font-size: 14px !important;
	position: relative;
	font-weight: bold;
	text-align: center;
}

.etiqueta-a1-medium{
	font-size: 15px !important;
	position: relative;
}

.comentario-tabla{
	font-size: 16px;
	border-radius: 5px;
	padding: 10px;
	margin-top: 10px;
}

.titulo-tabla{
	border-radius: 5px;
	padding: 10px;
	font-weight: bold;
	font-family: inherit;
	margin-bottom: 0;
}

.table > thead > tr > th{
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px !important;
	cellspacing: 10px;
	padding-bottom: 5px !important;
	border: 2px solid white !important;
}

.fixed-table-body{
	margin-left: 15px;
	margin-right: 15px;
}

.fixed-table-footer{
	margin-left: 15px !important;
	margin-right: 15px !important;
}

#tabla_inversiones_proceso .bootstrap-table .fixed-table-footer{ font-size: 18px; }

.fixed-table-container thead th .sortable{ padding-right: 0; }

.progress{ max-width: 100%; }

.form-control, .form-control .valid{ border: 1px solid; }

.form-control:hover, .form-control:focus{ border: 1px solid; }

input[placeholder], [placeholder], *[placeholder]{ font-weight: normal; }

button.dropdown-toggle:focus{ border: 1px solid; }

div.tab-content{
	border: 1px solid;
	padding: 15px;
}

.card-wizard{ border: 1px solid; }

.panel-ratio-proyecto{
	padding: 25px;
	text-align: center;
	font-size: 36px;
	border: 2px solid;
	margin: 15px;
	border-radius: 5px;
}

.ratio-explicacion{ font-size: 12px; }

.ocultar{ display: none; }

.disabled-div{
	z-index: 1000;
	opacity: 0.6;
	pointer-events: none;
}

.icon_info{ cursor: pointer; }

.icon_oranje{ cursor: pointer; }

.icon_proposito{
	padding: 8px;
	border-radius: 10px;
	font-size: 20px;
}

.img_promotor{ cursor: pointer; }

.rating{
	min-width: 60px;
	font-size: 30px;
	width: 75%;
	border-radius: 2px;
	border: 1px solid;
	font-family: Arial;
	font-weight: 500;
	text-align: center;
}

.info_tabla{ padding-bottom: 5px; }

.mensaje_alerta_tb{
	text-align: left;
	height: 100px;
	max-height: 100px;
	width: 100%;
	overflow: scroll;
}

.mensaje_alerta_label{
	margin-bottom: 10px;
	font-size: 14px;
}

.borde_bottom{
	border-bottom-style: dotted;
	border-width: 1px;
}

.cuadro_invertir{
	border: 2px solid;
	font-size: 18px;
	font-weight: 600;
	text-align: right;
	padding: 3px 5px;
}

.progressbar{
	height: 15px;
	margin-top: 5px;
	float: right;
	width: 100%;
}

.resumen_cuentas{
	font-weight: bold;
	font-size: 16px;
	border: 2px solid;
}

.icon_subir_doc{
	font-size: 18px;
	cursor: pointer;
}

.icon_alarma{ cursor: pointer; }

.click{ cursor: pointer; }

.subrallado{ text-decoration: underline; }

.aviso{
	padding: 10px;
	text-align: justify;
}

.borde-1{ border: 1px solid; }

.borde-2{ border: 2px solid; }

.over-scroll{ overflow: scroll; }

.cod_promociones{
	color: red;
	border: 1px solid;
	padding: 5px;
}

.cabecera_modal{
	border-radius: 5px 5px 0 0;
	font-weight: 800;
}

.radio_borde_6{ border-radius: 6px; }

.radio_borde_6_color{
	border: 1px solid;
	border-radius: 6px;
}

.naran_enlace{ text-decoration: underline; }

.borde_arriba{
	border-top: 1px solid;
	padding-top: 10px;
}

.borde_abajo{ border-bottom: 1px solid; }

.borde_abajo_05{ border-bottom: 1px solid; }

.borde_izq_azul{ border-left: 1px solid; }

.linea_h{
	margin: 0 !important;
	border-top-width: 3px !important;
}

.cuadros_texto{
	height: 100px;
	overflow-y: scroll;
	padding: 15px;
	border: 1px solid;
}

.mayusculas{ text-transform: uppercase; }

/****************************************** CABACERA *****************************************************/
.encabezamiento{
	color: #333333;
	font-weight: 300;
	font-size: 22px;
}

#div_detalle_proyecto .modal-header, .header{
	margin: 0;
	padding: 0;
}

#div_detalle_proyecto #imagen_cabecera{
	width: 100%;
	height: auto; /*auto con una imagen*/
}

#div_detalle_proyecto #div_chart_activo{ margin-left: 12.5%; }

.pie-pagina{
	padding: 0 15px 15px 15px;
	text-align: right;
	width: 100%;
	height: auto;
}

.copia-card{
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 0 0 1px rgba(63, 63, 68, .1);
	background-color: #FFFFFF;
}

/**************************************** FIN CABACERA ****************************************************/

/****************************************** BOTONES ******************************************************/
#ins_cargar_cuenta, #ins_retirar_importe, #ins_oportunidades, #ins_plan_general, #ins_detalle_intereses, #ins_nuevo_prestamo{
	cursor: pointer;
	font-size: 19px;
	min-width: 300px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.cajas_detalle{
	max-width: 140px;
	min-width: 90px;
	margin-bottom: 0;
	border-radius: 0 0 5px 5px;
}

.btn-wd-120{ min-width: 120px !important; }

/****************************************** FIN BOTONES **************************************************/

/****************************************** CHECKBOX *****************************************************/
input[type='checkbox']{
	opacity: 0;
	float: left;
	width: 18px;
	height: 18px;
	margin-right: -20px;
	margin-top: 12px;
	cursor: pointer;
}

input[type='checkbox'] + label{
	margin: 0;
	clear: none;

	/* Left padding makes room for image */
	padding: 5px 0 4px 24px;

	/* Make look clickable because they are */
	/*cursor: pointer;*/

	background: url(../img/off.png) left center no-repeat;
}

/*
    Change from unchecked to checked graphic
*/
body:not(#foo) input[type='checkbox']:checked + label{ background-image: url(../img/check.png); }

.cb_filtro_tabla{
	margin-left: 20px;
	font-size: 16px;
}

/****************************************** FIN CHECKBOX *****************************************************/

/************************************** LOGIN Y REGISTER ****************************************************/
.menu-item-type-custom a{
	text-decoration: none;
	list-style: none;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.7em;
}

.footer-widget h4{
	font-weight: bold;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
	font-size: 18px;
	padding-bottom: 10px;
}

/************************************ FIN LOGIN Y REGISTER **************************************************/

/************************************ RESPONSIVE **************************************************/
.res_cabecera{
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 7px;
	margin-top: 0;
	padding: 4px;
}

.res_filas{
	border-bottom: 1px dotted;
	margin-bottom: 8px;
}

.res_filas2{
	border: 1px solid;
	padding: 8px;
	margin-bottom: 8px;
	font-weight: bold;
	border-radius: 5px;
}

.res_fila_beige{
	border-bottom: 1px dotted;
	margin-bottom: 8px;
	font-size: 16px;
	padding: 4px;
}

.res_progressbar{
	border: 1px solid;
	margin-bottom: 10px;
	padding: 10px 10px 40px;
}

.res_botones{
	padding: 4px;
	border: 1px solid;
	margin-top: 5px;
}

.res_boton_cancelar{
	padding: 4px;
	border: 1px solid;
	margin-top: 5px;
}

.res_boton_naranja{
	padding: 4px;
	border: 1px solid;
	margin-top: 5px;
}

.res_filas_grande{
	border-bottom: 2px dotted;
	margin-bottom: 10px;
	font-size: 36px;
	font-weight: 500;
}

.res_borde_azul{
	border: 1px solid;
	padding: 8px;
	margin-bottom: 8px;
}

.res_total{
	margin-bottom: 10px;
	font-size: 26px;
	font-weight: bold;
	padding: 5px;
	margin-right: 0;
	border-radius: 6px;
	border: 1px solid;
}

/************************************ FIN RESPONSIVE **************************************************/

/***************************************************** MIN WIDTH *************************************/
.min-10{ min-width: 10px !important; }

.min-20{ min-width: 20px !important; }

.min-30{ min-width: 30px !important; }

.min-40{ min-width: 40px !important; }

.min-50{ min-width: 50px !important; }

.min-60{ min-width: 60px !important; }

.min-70{ min-width: 70px !important; }

.min-80{ min-width: 80px !important; }

.min-90{ min-width: 90px !important; }

.min-100{ min-width: 100px !important; }

.min-110{ min-width: 110px !important; }

.min-120{ min-width: 120px !important; }

.min-130{ min-width: 130px !important; }

.min-140{ min-width: 140px !important; }

.min-150{ min-width: 150px !important; }

.min-160{ min-width: 160px !important; }

.min-170{ min-width: 170px !important; }

.min-180{ min-width: 180px !important; }

.min-190{ min-width: 190px !important; }

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

.min-210{ min-width: 210px !important; }

.min-220{ min-width: 220px !important; }

.min-230{ min-width: 230px !important; }

.min-240{ min-width: 240px !important; }

.min-250{ min-width: 250px !important; }

.min-260{ min-width: 260px !important; }

.min-270{ min-width: 270px !important; }

.min-280{ min-width: 280px !important; }

.min-290{ min-width: 290px !important; }

.min-300{ min-width: 300px !important; }

/***************************************************** FIN MIN WIDTH *************************************/

/***************************************************** MAX WIDTH *************************************/
.max-1{ max-width: 1px !important; }

.max-10{ max-width: 10px !important; }

.max-20{ max-width: 21px !important; }

.max-30{ max-width: 30px !important; }

.max-40{ max-width: 40px !important; }

.max-50{ max-width: 50px !important; }

.max-60{ max-width: 60px !important; }

.max-70{ max-width: 70px !important; }

.max-80{ max-width: 80px !important; }

.max-90{ max-width: 90px !important; }

.max-100{ max-width: 100px !important; }

.max-110{ max-width: 110px !important; }

.max-120{ max-width: 120px !important; }

.max-130{ max-width: 130px !important; }

.max-140{ max-width: 140px !important; }

.max-150{ max-width: 150px !important; }

.max-160{ max-width: 160px !important; }

.max-170{ max-width: 170px !important; }

.max-180{ max-width: 180px !important; }

.max-190{ max-width: 190px !important; }

.max-200{ max-width: 200px !important; }

.max-210{ max-width: 210px !important; }

.max-220{ max-width: 220px !important; }

.max-230{ max-width: 230px !important; }

.max-240{ max-width: 240px !important; }

.max-250{ max-width: 250px !important; }

.max-260{ max-width: 260px !important; }

.max-270{ max-width: 270px !important; }

.max-280{ max-width: 280px !important; }

.max-290{ max-width: 290px !important; }

.max-300{ max-width: 300px !important; }

/***************************************************** FIN MAX WIDTH *************************************/

/***************************************************** WIDTH *************************************/
.width-10{ width: 10px !important; }

.width-20{ width: 20px !important; }

.width-30{ width: 30px !important; }

.width-40{ width: 40px !important; }

.width-50{ width: 50px !important; }

.width-60{ width: 60px !important; }

.width-70{ width: 70px !important; }

.width-80{ width: 80px !important; }

.width-90{ width: 90px !important; }

.width-100{ width: 100px !important; }

.width-110{ width: 110px !important; }

.width-120{ width: 120px !important; }

.width-130{ width: 130px !important; }

.width-140{ width: 140px !important; }

.width-150{ width: 150px !important; }

.width-160{ width: 160px !important; }

.width-170{ width: 170px !important; }

.width-180{ width: 180px !important; }

.width-190{ width: 190px !important; }

.width-200{ width: 200px !important; }

.width-210{ width: 210px !important; }

.width-220{ width: 220px !important; }

.width-230{ width: 230px !important; }

.width-240{ width: 240px !important; }

.width-250{ width: 250px !important; }

.width-260{ width: 260px !important; }

.width-270{ width: 270px !important; }

.width-280{ width: 280px !important; }

.width-290{ width: 290px !important; }

.width-300{ width: 300px !important; }

.width-5porc{ width: 5% !important; }

.width-10porc{ width: 10% !important; }

.width-20porc{ width: 20% !important; }

.width-30porc{ width: 30% !important; }

.width-40porc{ width: 40% !important; }

.width-50porc{ width: 50% !important; }

.width-60porc{ width: 60% !important; }

.width-65porc{ width: 65% !important; }

.width-70porc{ width: 70% !important; }

.width-80porc{ width: 80% !important; }

.width-100porc{ width: 100% !important; }

.w-auto{ width: auto !important; }

/***************************************************** FIN WIDTH *************************************/

/***************************************************** FIN HEIGHT *************************************/
.height-400{ height: 400px !important; }

.height-60porc{ height: 60% !important; }

.height-80porc{ height: 80% !important; }

/***************************************************** FIN HEIGHT *************************************/

/***************************************************** FONT SIZE *************************************/
.fs-12{ font-size: 12px !important; }

.fs-13{ font-size: 13px !important; }

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

.fs-16{ font-size: 16px !important; }

.fs-18{ font-size: 18px !important; }

.fs-20{ font-size: 18px !important; }

.fs-22{ font-size: 22px !important; }

.fs-24{ font-size: 24px !important; }

.fs-30{ font-size: 30px !important; }

.fs-32{ font-size: 32px !important; }

.fs-36{ font-size: 36px !important; }

.fs-45{ font-size: 45px !important; }

.fs-50{ font-size: 50px !important; }

.fs-44{ font-size: 44.2px !important; }

/***************************************************** FIN FONT SIZE *************************************/

/***************************************************** PADDING *************************************/
.p-0{ padding: 0 !important; }

.p-10{ padding: 10px !important; }

.p-15{ padding: 15px !important; }

.p-30{ padding: 30px !important; }

/***************************************************** FIN PADDING *************************************/

/***************************************************** PADDING BOTTOM *************************************/
.pb-1{ padding-bottom: 1px !important; }

.pb-2{ padding-bottom: 2px !important; }

.pb-5{ padding-bottom: 5px !important; }

.pb-10{ padding-bottom: 10px !important; }

.pb-15{ padding-bottom: 15px !important; }

.pb-30{ padding-bottom: 30px !important; }

/***************************************************** FIN PADDING BOTTOM *************************************/

/***************************************************** PADDING TOP *************************************/
.pt-1{ padding-top: 1px !important; }

.pt-3{ padding-top: 3px !important; }

.pt-5{ padding-top: 5px !important; }

.pt-10{ padding-top: 10px !important; }

.pt-15{ padding-top: 15px !important; }

/***************************************************** PADDING LEFT *************************************/
.pl-0{ padding-left: 0 !important; }

.pl-5{ padding-left: 5px !important; }

.pl-15{ padding-left: 15px !important; }

.pl-30{ padding-left: 30px !important; }

/***************************************************** FIN PADDING LEFT *************************************/

/***************************************************** PADDING RIGHT *************************************/
.pr-0{ padding-right: 0 !important; }

.pr-5{ padding-right: 5px !important; }

.pr-7{ padding-right: 7px !important; }

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

.pr-30{ padding-right: 30px !important; }

/***************************************************** FIN PADDING RIGHT *************************************/

/***************************************************** BORDER SPACING *************************************/
.bs-0{ border-spacing: 0 0 !important; }

/***************************************************** FIN BORDER SPACING *************************************/

/***************************************************** MARGIN *************************************/
.m-0{ margin: 0 !important; }

.m-3{ margin: 3px !important; }

.m-5{ margin: 5px !important; }

.m-10{ margin: 10px !important; }

.m-15{ margin: 15px !important; }

.m-20{ margin: 20px !important; }

.m-25{ margin: 25px !important; }

/***************************************************** FIN MARGIN *************************************/

/***************************************************** MARGIN TOP *************************************/
.mt-0{ margin-top: 0 !important; }

.mt-1{ margin-top: 1px !important; }

.mt-5{ margin-top: 5px !important; }

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

.mt-10{ margin-top: 10px !important; }

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

.mt-20{ margin-top: 20px !important; }

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

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

.mt-35{ margin-top: 35px !important; }

.mt-40{ margin-top: 40px !important; }

.mt-65{ margin-top: 65px !important; }

.mt-120{ margin-top: 120px !important; }

/***************************************************** FIN MARGIN TOP *************************************/

/***************************************************** MARGIN BOTTOM *************************************/
.mb-0{ margin-bottom: 0 !important; }

.mb-1{ margin-bottom: 1px !important; }

.mb-5{ margin-bottom: 5px !important; }

.mb-10{ margin-bottom: 10px !important; }

.mb-15{ margin-bottom: 15px !important; }

.mb-20{ margin-bottom: 20px !important; }

.mb-25{ margin-bottom: 25px !important; }

.mb-30{ margin-bottom: 30px !important; }

.mb-75{ margin-bottom: 75px !important; }

.mb-150{ margin-bottom: 150px !important; }

/***************************************************** FIN MARGIN BOTTOM *************************************/

.mrl-0{
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/***************************************************** MARGIN LEFT *************************************/
.ml-0{ margin-left: 0 !important; }

.ml-1{ margin-left: 1px !important; }

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

.ml-10{ margin-left: 10px !important; }

.ml-15{ margin-left: 15px !important; }

/***************************************************** FIN MARGIN LEFT *************************************/

/***************************************************** MARGIN RIGHT *************************************/
.mr-0{ margin-right: 0 !important; }

.mr-1{ margin-right: 1px !important; }

.mr-5{ margin-right: 5px !important; }

.mr-10{ margin-right: 10px !important; }

.mr-15{ margin-right: 15px !important; }

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

.mr-50{ margin-right: 50px !important; }

/***************************************************** FIN MARGIN RIGHT *************************************/

/***************************************************** TEXT ALING *************************************/
.ta-justify{ text-align: justify !important; }

.ta-center{ text-align: center !important; }

/***************************************************** FIN TEXT ALING *************************************/

/***************************************************** FONT WEIGHT *************************************/
.fw-normal{ font-weight: normal !important; }

.fw-bold{ font-weight: bold !important; }

.fw-500{ font-weight: 500 !important; }

.fw-600{ font-weight: 600 !important; }

.fw-700{ font-weight: 700 !important; }

/***************************************************** FIN FONT WEIGHT *************************************/

/************************************ DYSPLAY **************************************************/

.d-none{ display: none; }

.d-block{ display: block; }

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

.d-flow-root{ display: flow-root !important; }

/************************************ FIN DYSPLAY **************************************************/

.visible-hid{ visibility: hidden !important; }

/************************************ OPACITY **************************************************/

.o-07{ opacity: .7 !important; }

/************************************ FIN OPACITY **************************************************/

/************************************ DASHBOARD **************************************************/

.fila_gris{
	height: 7px !important;
	padding: 0 !important;
}

.fila_enlace{
	border-bottom: 1px dotted;
	cursor: pointer;
}

.fila_flecha{
	padding-left: 20px;
	font-size: 14px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.fila_flecha_importe{
	font-size: 14px;
	padding-top: 6px;
	padding-bottom: 6px;
}

/************************************ FIN DASHBOARD **************************************************/

/* <editor-fold desc="Ocultar flechas inputs number" defaultstate="collapsed">*/
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

input[type=number]{ -moz-appearance: textfield; }

/*</editor-fold>*/

/************************************ TARJETA DE PROYECTO ****************************************/
.iconos-tarjeta-proyecto{
	padding: 10px;
	font-size: 1.5vmax;
}

.iconos-tarjeta-proyecto1{
	padding: 10px;
	font-size: 1vmax;
}

.tipo-interes-tarjeta-proyecto{
	font-size: 4.0vmax;
	font-weight: bold;
	text-align: center;
	word-wrap: break-word;
}

/******************************** SIMULADOR ******************************************************/

#ventana_simulador tr > td{
	border: 2px solid !important;
	font-size: 15px;
}

#ventana_simulador label{ font-size: 16px; }

/******************************* NAVBAR2 ********************************************************/
a.back-to-top{
	display: none;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.label_oculto{
	font-size: 15px;
	font-weight: bold;
	padding: 15px;
	border: 1px solid;
}

/****************************** CAROUSEL IMAGENES ********************************************/
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
	margin-top: 200px;
	position: static;
	display: block;
	width: auto;
}

.carousel-inner{ border-radius: 3px 3px 0 0; }

.borde_carousel{
	border: 0 !important;
	height: 350px;
	border-radius: 3px 3px 0 0;
}

/****************************** FIN CAROUSEL IMAGENES ********************************************/
#div_detalle_proyecto #tabla_proyecto1 > tbody > tr > td, #div_detalle_proyecto #tabla_proyecto2 > tbody > tr > td, #div_detalle_proyecto #tabla_promotor1 > tbody > tr > td, #div_detalle_proyecto #tabla_promotor2 > tbody > tr > td, #div_detalle_proyecto #tabla_promotor3 > tbody > tr > td, #div_detalle_proyecto #tabla_promotor4 > tbody > tr > td, #div_detalle_proyecto #tabla_pujas > tbody > tr > td, #div_detalle_proyecto #tabla_pujas_mias > tbody > tr > td{
	padding-top: 5px;
	padding-bottom: 5px;
}

#div_detalle_proyecto div#datos_financieros, #div_detalle_proyecto div#datos_promotor, #div_detalle_proyecto div#datos_pujas{ padding-bottom: 0 !important; }

/***************************************** VENTANA PROYECTOS ********************************************/
#pantalla_proyectos #tabla_proyectos tr{ cursor: pointer; }

.semaforo-solvencia{ margin-top: 15px; }

.disabled-global-div{
	pointer-events: none;
	opacity: 0.4;
}

/***************************************** API SIGN AGREEMENT (PROCESAR FIRMA) *****************************/
/* <editor-fold desc="Procesar Firma" defaultstate="collapsed"> */
#div_completo_firma{ text-align: center; }

.firma_contrato{
	padding: 10px;
	text-align: center;
}

#contenido_html{
	padding-left: 30px;
	padding-right: 30px;
}

.espacio_zonas{
	margin-top: 7px;
	margin-bottom: 7px;
}

/*.d-none{ display: none; }*/

.noPulsar{ pointer-events: none; }

.selectpicker, #contrato{
	width: 80%;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-image: none;
	border: 1px solid;
	border-radius: 4px;
}

.clic, .titulo-desplegable{ cursor: pointer; }

.oculto{ display: none; }

.fixed-table-body{ height: auto; }

.titulo-procesar-firma{ margin: 15px; }

.card-wizard .nav-pills{
	margin-left: 0;
	margin-right: 0;
}

.card .footer{ padding: 0; }

.fa-reorder{ float: right; }

.not-active{
	pointer-events: none;
	cursor: not-allowed;
	text-decoration: none;
	color: black;
}

a.disabled{
	color: lightgray !important;
	cursor: not-allowed;
	pointer-events: none;
}

.div_otp{ padding: 10px; }

#validar_otp, #cargar_firma, #borrar_firma{
	margin: 15px 5px 5px;
}

.contenido_firma{
	margin-left: 15%;
	margin-right: 15%;
}

.no_contenido_firma{
	margin-left: -20%;
	margin-right: -20%;
}

.titulo-firma-contrato{
	margin-left: -15px;
	margin-right: -15px;
}

.espaciado_otp{
	margin-left: -3%;
	margin-right: -3%;
}

/* </editor-fold> */

.btn_info_inmobiliario{ padding: 0 10px !important; }

.img_footer{
	max-width: 180px;
	max-height: 100px;
}

.vertical-align{
	display: flex;
	align-items: center;
}

/*************************************** ESCAPARATE ******************************************************/
.sombra-contenedor{
	-webkit-box-shadow: 0 0 24px -11px rgba(0, 0, 0, 0.78);
	-moz-box-shadow: 0 0 24px -11px rgba(0, 0, 0, 0.78);
	box-shadow: 0 0 24px -11px rgba(0, 0, 0, 0.78);
}

.escaparate_contenedor_principal{
	border-radius: 8px;
	margin-bottom: 15px;
}

.escaparate-image{
	max-width: 100px;
	overflow: hidden;

}

.escaparate-image-principal{
	/* Para la redimensión de la imagen no supere el 100 del espacio. */
	max-width: 100%;
	max-height: 100%;
}

.logo-parent{
	max-width: 100%;
	height: 225px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.escaparate-status, .escaparate-status-tramites, .escaparate-status-ac, .escaparate-status-fi{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px 10px;
}

.btn-escaparate{
	border-radius: 10px;
	border: 1px solid #0FAAE5;
	color: #0FAAE5;
	background-color: #e3f3f9;
	box-shadow: 3px 3px 2px #c4c4c4;
	padding: 4px 16px;
}

.i-invertir{ width: 100%; }

/****************************** CAROUSEL IMAGENES ********************************************/
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
	margin-top: 200px;
	position: static;
	display: block;
	width: auto;
}

.carousel-inner{ border-radius: 3px 3px 0 0; }

.escaparate-parent{
	max-width: 100%;
	height: 350px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 2px solid;
	display: flex;
	justify-content: center;
	align-items: center;
}

.logo-parent{
	max-width: 100%;
	height: 225px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 2px solid;
	display: flex;
	justify-content: center;
	align-items: center;
}

.vertical-center.active{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.carousel-inner > .item > img{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.tituloFormulario{
	text-transform: uppercase;
	margin: 15px 15px 5px;
	border-bottom: 3px solid;
}

.form-alert{
	margin: 15px 15px 5px;
}

.form-control[readonly]{ cursor: default !important; }

.form-group > button.btn {
	margin-top: 26px;
}

/*Telefonos prefijos*/
.iti{ width: 100% !important; }

.row-parent .row{
	margin-left: 0;
	margin-right: 0;
}

span#mediador{
	padding: 5px 11px;
	border-radius: 10px;
	font-weight: bold;
}

span.datos-us{
	text-transform: uppercase;
	font-size: x-large;
}

.br:before {
	content: "\A";
	white-space: pre;
}

.env-banner{
	position: fixed;
	top: 0;
	left: 0;
	max-width: 5%;
	z-index: 2002;
	border: 0;
}

@media (max-width: 1530px){
	.tipo-interes-tarjeta-proyecto{
		font-size: 3.5vmax;
	}

	.iconos-tarjeta-proyecto, .iconos-tarjeta-proyecto1{
		font-size: 2vmax;
	}
}

@media (max-width: 1380px){
	.tipo-interes-tarjeta-proyecto{
		font-size: 3.4vmax;
	}

	.iconos-tarjeta-proyecto, .iconos-tarjeta-proyecto1{
		font-size: 2vmax;
	}
}

@media (max-width: 1200px){
	.tipo-interes-tarjeta-proyecto{
		font-size: 70px;
	}

	.iconos-tarjeta-proyecto, .iconos-tarjeta-proyecto1{
		font-size: 30px;
	}

}

@media (max-width: 992px){
	#video_ayuda{
		display: none;
	}
}

@media (max-width: 682px){
	#pantalla_proyectos .semaforo-solvencia{
		margin-left: 0;
	}

	#pantalla_proyectos .keep-open{
		display: none !important;
	}
}

@media (max-width: 600px){
	.iconos-tarjeta-proyecto, .iconos-tarjeta-proyecto1{
		font-size: 20px;
	}

	#div_detalle_proyecto #div_chart_activo{
		margin-left: 0;
	}
}

@media (max-width: 480px){
	.tipo-interes-tarjeta-proyecto{
		font-size: 45px;
	}

	.titulo-principal{
		font-size: 16px;
	}

	canvas.jSignature{
		height: 30vh !important
	}

	a.back-to-top{
		left: 20px;
		bottom: 10px;
	}

	#tabla_inversiones tr > td{
		border: 1px solid !important;
		padding: 4px !important;
	}

	#tabla_inversiones{
		border-spacing: 0 20px !important;
		display: table;
		border-collapse: separate !important;
	}

	#contenido_inversiones_actuales .fixed-table-body{
		margin-left: 5px !important;
		margin-right: 5px !important;
	}

	#contenido_inversiones_actuales .fixed-table-toolbar{
		display: none !important;
	}

	#tabla_inversiones thead{
		display: none !important;
	}

	#div_detalle_proyecto .tab-content{
		margin: 0 !important;
		padding: 0 !important;
		margin-bottom: 15px !important;
	}

	#div_detalle_proyecto .tab-pane{
		padding: 0 !important;
	}

	#div_detalle_proyecto .table-responsive{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#div_detalle_proyecto #tabla_promotor1 tbody > tr > td, #div_detalle_proyecto #tabla_promotor2 tbody > tr > td, #div_detalle_proyecto #tabla_promotor3 tbody > tr > td, #div_detalle_proyecto #tabla_promotor4 tbody > tr > td, #div_detalle_proyecto #tabla_proyecto1 tbody > tr > td, #div_detalle_proyecto #tabla_proyecto2 tbody > tr > td{
		text-align: left !important;
	}

	#div_detalle_proyecto #tabla_promotor1 tbody > tr > td:nth-child(2), #div_detalle_proyecto #tabla_promotor2 tbody > tr > td:nth-child(2), #div_detalle_proyecto #tabla_promotor3 tbody > tr > td:nth-child(2), #div_detalle_proyecto #tabla_promotor4 tbody > tr > td:nth-child(2), #div_detalle_proyecto #tabla_proyecto1 tbody > tr > td:nth-child(2), #div_detalle_proyecto #tabla_proyecto2 tbody > tr > td:nth-child(2){
		color: maroon !important;
	}

	#div_detalle_proyecto #tabla_promotor1 tbody > tr > td:nth-child(1), #div_detalle_proyecto #tabla_promotor2 tbody > tr > td:nth-child(1), #div_detalle_proyecto #tabla_promotor3 tbody > tr > td:nth-child(1), #div_detalle_proyecto #tabla_promotor4 tbody > tr > td:nth-child(1), #div_detalle_proyecto #tabla_proyecto1 tbody > tr > td:nth-child(1), #div_detalle_proyecto #tabla_proyecto2 tbody > tr > td:nth-child(1){
		font-weight: bold !important;
	}

	#div_detalle_proyecto #titulo_detalle_proyecto{
		font-size: 16px;
		font-weight: bold;
	}

	#nav_footer_links{
		display: none;
	}

	#pantalla_proyectos #tabla_proyectos tr > td{
		border: 1px solid #0DAAE6 !important;
		padding: 4px !important;
	}

	#pantalla_proyectos .semaforo-solvencia{
		width: 250px !important;
	}

	#pantalla_proyectos #tabla_proyectos{
		border-spacing: 0 20px !important;
		display: table;
		border-collapse: separate !important;
	}

	#pantalla_proyectos .fixed-table-body{
		margin-left: 5px !important;
		margin-right: 5px !important;
	}

	#pantalla_proyectos .fixed-table-toolbar{
		display: none !important;
	}

	#pantalla_proyectos #tabla_proyectos thead{
		display: none !important;
	}

	#pantalla_proyectos .sweet-overlay, .sweet-alert{
		position: absolute !important;
	}

	#pantalla_proyectos .icon.warning{
		display: none !important;
	}

	#ventana_resumen_cuenta #tabla_cuenta1, #ventana_resumen_cuenta #tabla_cuenta2, #ventana_resumen_cuenta #tabla_cuenta3, #ventana_resumen_cuenta #tabla_cuenta5, #ventana_resumen_cuenta #tabla_cuenta6{
		margin-top: 3px !important;
	}

	#ventana_resumen_cuenta #tabla_cuenta4{
		margin-top: 35px !important;
	}

	#ventana_resumen_cuenta #tabla_cuenta1 > tbody > tr, #ventana_resumen_cuenta #tabla_cuenta2 > tbody > tr, #ventana_resumen_cuenta #tabla_cuenta3 > tbody > tr, #ventana_resumen_cuenta #tabla_cuenta4 > tbody > tr, #ventana_resumen_cuenta #tabla_cuenta5 > tbody > tr, #ventana_resumen_cuenta #tabla_cuenta6 > tbody > tr{
		font-size: 14px !important;
	}

	#ventana_resumen_cuenta #tabla_cuenta1 > tbody > tr > td, #ventana_resumen_cuenta #tabla_cuenta2 > tbody > tr > td, #ventana_resumen_cuenta #tabla_cuenta3 > tbody > tr > td, #ventana_resumen_cuenta #tabla_cuenta4 > tbody > tr > td, #ventana_resumen_cuenta #tabla_cuenta5 > tbody > tr > td, #ventana_resumen_cuenta #tabla_cuenta6 > tbody > tr > td{
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}

	#ventana_resumen_cuenta .body-cuenta-pago{
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
}

@media (max-width: 380px){
	.tipo-interes-tarjeta-proyecto{
		font-size: 35px;
	}
}

@media (max-width: 362px){
	#ins_plan_general, #ins_detalle_intereses{
		font-size: 16px !important;
		width: 260px !important;
	}

	#pantalla_proyectos .btn-success{
		font-size: 16px !important;
		width: 260px !important;
	}

}

@media (max-width: 320px){
	#ins_plan_general, #ins_detalle_intereses{
		font-size: 14px !important;
		width: 230px !important;
	}

	#contenido_inversiones_actuales .etiqueta-a1-big{
		font-size: 32px !important;
	}

	#pantalla_proyectos .btn-success{
		font-size: 14px !important;
		width: 230px !important;
	}

	#pantalla_proyectos .etiqueta-a1-big{
		font-size: 32px !important;
	}
}