/*===	TOOLS O PARA TODOS	(multidominio, multiplataforma, frontend, backend) ===-*/
	.bug-chrome-IOS{ max-width: 100% !important; overflow-x: hidden !important; }
	body{ min-width: 360px; overflow-x: hidden !important;min-height: 100vh; position: relative }
	ol, ul { margin: 0; padding: 0; list-style: none;}
	section{position: relative;  overflow: hidden;padding-top: 90px; padding-bottom: 90px;}
	@media(max-width: 767px){
		.SECCION, section{ padding-top: 60px; padding-bottom: 60px;}
	}
	p {margin: 0;padding: 0; font-size: 15px;  }
	img { max-width: 100%; width:100%; display: block; margin: auto; height: auto}
	a, a:active, a:focus, a:hover { text-decoration: none !important; outline: none; cursor: pointer; }

	a, *::before, *::after, img, span, input, button, .navbar, .fixed-menu{ -webkit-transition: all .3s ease; -o-transition: all .3s ease;  transition: all .3s ease;}
	i::before, i::after {
		-webkit-transition: all .0s ease;
		-o-transition: all .0s ease;
		transition: all .0s ease;
	}

	/*============= ALINEACIONES  ===*/
		@media(min-width:992px){
			.VALIGN{ white-space: nowrap;}
			.VALIGN:before{ content:""; display: inline-block;  height: 100%; vertical-align: middle; }
			.VCENTER{ display: inline-block; vertical-align: middle; white-space: normal; width: calc(100% - 15px); }
		}
	/*============= COLORES ========*/
		.BLANCO{ color: #fff !important}
		.HUEVO{ color: #fbbc04 !important}
		.GRIS{ color: #ccc !important}
		.NEGRO{ color: #000 !important}
		.DEBUG{ border: 2px dashed violet}
		.BOX_BLANCO{ background: #FFFFFF !important; }
		.BOX_GRIS{ background: #F6F6F6 !important; }
		.BOX_AZUL{ background: #193c69 !important;}
		.BOX_COLOR, .BOX_COLOR1{ background: #193c69 !important;color: #fff }
		.BOX_COLOR2{ background: #25dad2 !important;color: #fff }

		
		.COLOR1{ color:#193c69;}
		.COLOR2{ color:#25dad2 !important;}

		/* scrollbar */
		::-webkit-scrollbar-track {background-color: #e9edf0;border-left: 1px solid #ededed;}
		::-webkit-scrollbar {width: 7px;background-color: #193c69;}
		::-webkit-scrollbar-thumb {background:#193c69;}

	/*============= NONES	===*/
		.noPadding{ padding:0 !important;}
		@media(max-width: 767px){
			.NOMOVIL,.noMovil{ display: none !important; }
		}
		@media(min-width: 768px){
			.NOPC, .noPc{ display: none !important;}
		}
	/*=== positions=*/
		.RELATIVE{position: relative !important; }
		.ABSOLUTE{position: absolute !important; }
		.FIXED{position: fixed !important; }
	/*=== visibilidad=*/
		.OVERHIDDEN{ overflow:hidden; }
		.NOWRAP{ white-space: nowrap !important; display: inline-block}


/*================== FORMULARIOS ==============*/

	form	.fondo-select{ position: relative; background: white; height: 48px;border-radius:2px}
	form	select{ position: relative !impo; position: relative; z-index: 1; background: transparent; color:#555 !important}
	form	i.fa-caret-down{ color: #000; position: absolute; top: 17px; right: 10px;z-index:0}
	form{ margin: auto auto; }
	input[type=text],
	input[type=password],
	textarea,
	select{ 
		box-shadow: none;
		padding: 10px;
		width: 100%;
		background: #FFF;
		border: 1px solid #eee;
		border-radius: 5px;
		margin-bottom: 10px;
		outline: none; 
		-webkit-appearance: none;
		-moz-appearance: none; 
	}
	textarea{ height:130px;}
	select{ color: #193c69 !important}
	
	div.select{ position: relative; }
	div.select i{ position: absolute; right: 15px; top: 15px;}
	div.select select{background: transparent !important; color:#aaa !important}

	#VALIDA_ROBOTS,
	#VALIDA_ROBOTS2{position:absolute;visibility:hidden }
	.check-politica{ text-align: left; padding-bottom: 20px; position: relative !important;}
	.check-politica a{ color: #666; } 

	@media(min-width: 768px) and (max-width: 911px){
		form{ max-width: 100%; }
		form .check-politica label.label{ font-size: 13px;line-height: 1.25em;}
	}
	@media(max-width: 440px){
		form{ max-width: 100%; }
		form .check-politica label.label{ font-size: 13px;line-height: 1.25em;}
	}	
	label.error{
		color: #A60000 !important;
		text-align: right; width: 100%; padding-right: 10px; font-weight:600; transform: translateY(-8px)
	}
	
	.check-politica label.error{ 
		text-align: left !important;
		bottom: 0px; left: 17px;position: absolute  !important;transform: translateY(0px)	 
	}
	input[name="submit"]:hover{ background: #000; border-color: black; cursor: pointer; }

/*================	BOTONES ===========================*/
	.btn{
		padding: 9px 34px;
		width: auto;
		display: inline-block;
		font-weight: 400;
		line-height: 25px;
		font-size: 15px;
		text-align: center;
		-webkit-border-radius: 36px;
		border-radius: 36px;
		position: relative;
		z-index: 1;
		overflow: hidden;
		border: 1px solid transparent;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease !important;
		border-color: transparent;
		background-color: #193c69;
		color: #ffffff;
	}	

	@media(min-width: 1200px){
		.btn:hover, .btn:focus {background-color: #25dad2 !important;border-color: transparent;color:#fff !important;}
	}

	/*-- colores	---*/
	.btn-cancelar { background-color: #eee; color: #333 !important; }
	.btn-blanco { background-color: #ffffff; color: #444 !important; }
	.btn-blanco i {color: #444; }
	.btn-blanco:hover i {color: #fff; }
	
	.btn-blanco-vacio{
		border-color: #ffffff;
		background-color: transparent !important;
		color: #ffffff;
	}
	.btn-color1-vacio{
		border-color: #193c69;
		background-color: transparent !important;
		color: #193c69;
	}
	.btn-color2{
		background-color: #25dad2;
		color: #fff !important;
	}
	.btn-color2-vacio{
		border-color: #25dad2;
		background-color: transparent !important;
		color: #25dad2;
	}
	.btn-color1{ background-color: #193c69;color: #fff;	}
	
	.btn-icono{ width: 28px; height: 28px; text-align: center; border-radius:50%; display: inline-block; color: white; line-height:28px; font-size: 13px}
/*============	DASBOARD	===================*/
	#DASHBOARD{ min-height: calc(100vh - 50px); }
	
	#DASHBOARD .BOX_COLOR{ border-radius: 5px;background:#193c69; color:#fff;text-align: center; padding-top:20px;padding-bottom:20px;min-height: 170px}
	#DASHBOARD .DISABLED{ background-color: #333 !important}

	#DASHBOARD a{display: inline-block; color:#fff;width:100%}
	#DASHBOARD .BOX_COLOR i{ font-size: 50px; padding-top: 15px}
	#DASHBOARD ul li{ padding: 10px;border-bottom: 1px solid #e1e1e1}
	#DASHBOARD ul li a{ color: #666; width: calc(100% - 30px)} 
	#DASHBOARD ul li a.ico{width: 10px} 

	.modal#listado-apartamentos ul li{ display: block; padding: 10px; border-bottom: 1px solid #e1e1e1; }
	.modal#listado-apartamentos ul li:last-child{ border-bottom: 0px ; }
	.modal#listado-apartamentos ul li a{ color:#666 }

/*============	DATATABLES	======================*/
	tfoot input[type="text"]{ background: #4777af !important; color: #fff !important}
	tfoot input::-webkit-input-placeholder{ color: #fff !important}
	tfoot input:-ms-input-placeholder{ color: #fff !important}
	tfoot input:placeholder{ color: #fff !important}
	table td, table td p{ font-size: 14px}
	table.dataTable tbody td{border-right: 1px solid #ccc !important}
	

	table.dataTable thead th{ border-bottom: 1px solid #ccc;}
	table.dataTable tfoot th{ border-top: 1px solid #ccc;}
	table.dataTable tbody td:first-child{ border-left: 1px solid #ccc;}

	.dataTables_filter th{text-align: center !important}
	.dataTables_filter{ 
		background: #f4f4f4; 
		text-align: center !important; 
		width:100%; 
		padding-top:15px; 
		padding-bottom:15px; 
		margin-bottom:20px;
		border: none;
		color:#193c69
	}
	.dataTables_filter label{width:100%; color:#193c69} 
	.dataTables_filter input{
		width: 80% !important; 
		background:#fff !important;
		border: none !important;
		display: block; 
		margin: auto auto !important; 
		height:45px;
		margin-top:8px !important;
	} 

	.data-table i{ text-align: center; width:24px; color: #193c69}
	.data-table a i{ border: 1px solid #bbb; height:24px;  line-height:24px; border-radius:50%;  }