/*
	Estilos del sistema SUDI V3
	Elaborado por: Hector Hugo Acosta Garza
	Fecha: Mayo 2015
	Edición: Junio 2015 - Hugo Acosta
	Edición: Abril 2016 - Hugo Acosta - Nueva identidad 2016
	
	Menú
	
	A) FONTS.- Tipografías del sistema
	B) GENERAL.- html & body
	C) HEADER.- Menú superior
	D) MAIN MENU.- Menú lateral izquierdo 
		D.1) MAIN NAV
	E) INFO CONTAINER.- Contenedor princial de contenido
	F) INPUTS.- Aspecto básico de los inputs
	G) LOGIN FORM.- Formulario de LOGIN
	H) SPRYS
	I) LIST
	J) MANAGE
	K) COMMENTS
	L) Tooltip --> Imagen
	M) Bordes
	N) REPORTS
*/


/* A) FONTS */

@font-face {
    font-family: 'eausans_bold';
    src: url('../_fonts/eau_sans_bold-webfont.eot');
    src: url('../_fonts/eau_sans_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/eau_sans_bold-webfont.woff2') format('woff2'),
         url('../_fonts/eau_sans_bold-webfont.woff') format('woff'),
         url('../_fonts/eau_sans_bold-webfont.ttf') format('truetype'),
         url('../_fonts/eau_sans_bold-webfont.svg#eausans_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'eausans_book';
    src: url('../_fonts/eau_sans_book-webfont.eot');
    src: url('../_fonts/eau_sans_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/eau_sans_book-webfont.woff2') format('woff2'),
         url('../_fonts/eau_sans_book-webfont.woff') format('woff'),
         url('../_fonts/eau_sans_book-webfont.ttf') format('truetype'),
         url('../_fonts/eau_sans_book-webfont.svg#eausans_book') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* SUDI_ICONS */

.icon { display:inline-block; }

.icon-sudi-2x { font-size:2em !important; }

/* B) GENERAL */

* { margin:0px; padding:0px; -webkit-tap-highlight-color:transparent; }
ul, li { list-style:none; }
#silence_ajax { display:none !important; } /*<-- Solo para cargar contenido de forma oculta*/
#msg_sudi {
	z-index:3000;
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:auto;
	padding:15px 0px;
	background-color:rgba(0,0,0,.8);
	color:#FFF;
	transition:bottom 1s ease-in-out;
}

	#msg_sudi.hidden { bottom:-100px; }
	#msg_sudi.none { display:none; }
	#msg_sudi p{ 
		font-size:.8em;
		margin:0px 30px;
	}

	#msg_sudi span { 
		position:absolute;
		right:20px;
		top:50%;
		margin-top:-10px;
	}

html, body { height:100%; min-height:100% !important; max-width: 100%; overflow-x: hidden; }
body { font-family: 'eausans_book'; background-color:#f2f2f2; }
#state_bar { display:none; position:fixed; }

	/* JQUERY-UI */
	
	
	
	.ui-widget-header {
		color:#FFF;
		
		background : -moz-linear-gradient(0% 50% 0deg,rgba(202, 76, 59, 1) 0%,rgba(106, 81, 142, 1) 35%,rgba(137, 182, 85, 1) 65%,rgba(104, 181, 199, 1) 100%);
		background : -webkit-linear-gradient(0deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
		background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(202, 76, 59, 1) ),color-stop(0.35,rgba(106, 81, 142, 1) ),color-stop(0.65,rgba(137, 182, 85, 1) ),color-stop(1,rgba(104, 181, 199, 1) ));
		background : -o-linear-gradient(0deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
		background : -ms-linear-gradient(0deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA4C3B', endColorstr='#68B5C7' ,GradientType=0)";
		background : linear-gradient(90deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA4C3B',endColorstr='#68B5C7' , GradientType=1);
		
		
	}
	.ui-dialog-titlebar-close { display:none !important; }
	.ui-state-default { border:#CACACA solid thin; background-color:#FEFEFE; box-sizing:border-box; }
		.ui-state-default:hover { opacity:.7; }
	.ui-state-active { border: 1px solid #3b92cf; }
	.deleteClassBtn { background-color:#F00; color:#FFF;}
	
	.ui-autocomplete { z-index:1500 !important; overflow:auto; max-height:150px; }
	

/* C) HEADER */

header {
	position:fixed;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:50px;
	/*background-color:#3b92cf;*/
	letter-spacing:-4px;
	font-family: 'eausans_book';
	font-size:.9em;
	z-index:100;
	-webkit-user-select: none; 
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	transition:top .5s ease;
	
	
	
	/* ID 2016 */

  background : -moz-linear-gradient(0% 50% 0deg,rgba(202, 76, 59, 1) 0%,rgba(106, 81, 142, 1) 35%,rgba(137, 182, 85, 1) 65%,rgba(104, 181, 199, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(202, 76, 59, 1) ),color-stop(0.35,rgba(106, 81, 142, 1) ),color-stop(0.65,rgba(137, 182, 85, 1) ),color-stop(1,rgba(104, 181, 199, 1) ));
  background : -o-linear-gradient(0deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA4C3B', endColorstr='#68B5C7' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA4C3B',endColorstr='#68B5C7' , GradientType=1);
	
}

	.new_upgrade_gradient { 
			background : -moz-linear-gradient(0% 50% 0deg,rgba(202, 76, 59, 1) 0%,rgba(106, 81, 142, 1) 35%,rgba(137, 182, 85, 1) 65%,rgba(104, 181, 199, 1) 100%);
	  background : -webkit-linear-gradient(0deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
	  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(202, 76, 59, 1) ),color-stop(0.35,rgba(106, 81, 142, 1) ),color-stop(0.65,rgba(137, 182, 85, 1) ),color-stop(1,rgba(104, 181, 199, 1) ));
	  background : -o-linear-gradient(0deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
	  background : -ms-linear-gradient(0deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
	  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA4C3B', endColorstr='#68B5C7' ,GradientType=0)";
	  background : linear-gradient(90deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA4C3B',endColorstr='#68B5C7' , GradientType=1);
	}

	header.closed { top:-50px; }
	header .header_content { 
		box-sizing:border-box; 
		letter-spacing:0px; 	
		height:inherit; 
		display:inline-block;
		vertical-align:top;
		text-align:center;
 	}

	header #basic_controls {
		width:200px;
		/*background-color:#725091;*/
	}
	
		
		header span {
			display:inline-block;
			width:auto;
			height:inherit;
			color:#FFF;
			
			transition:all .5s ease;
			font-size:.9em;
			vertical-align:top;
			padding:0px 10px;
		}
		header .loadContent, header .loadRContent {
			cursor:pointer;
		}
		
		#basic_controls #large_main { display:inline-block; }
		#basic_controls #small_main { display:none; }
		
			header .loadContent:hover, header .loadRContent:hover { background-color:rgba(255,255,255,.8); color:#CA4B3B;  }	
		
			header span i {
				opacity:.5;
				font-size:1.5em !important; 
				position: relative;
				margin:0px;
				top: 50%;
				-webkit-transform: translateY(-50%);
				transform: translateY(-45%);
			}
			header span:hover i { opacity:.5; }
			
	header #sub_controls {
		width: -webkit-calc(100% - 500px);
		width: -moz-calc(100% - 500px);
		width: -o-calc(100% - 500px);
		width: calc(100% - 500px);
		padding:0px 10px;
	}
		
			#sub_controls span p { display:inline-block; width:auto; 
			opacity:.85;
			margin:0px 0px 0px 5px;
			position: relative;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-100%);
			
			}
		
	header #user_controls { width:300px; letter-spacing:-4px; position:relative; }
		#user_info { 
			width:250px; 
			background-color:#FFF; 
			display:inline-block; height:inherit;
			vertical-align:top;
			box-sizing:border-box; 
			letter-spacing:0px; 
		}
		
		
		#user_controls #user_notifications { 
			width:50px; 
			display:inline-block; height:inherit; 
			vertical-align:top;
			box-sizing:border-box; 
			letter-spacing:0px; 
		}
			#user_info_anchor { width: 100%; height:inherit; cursor: pointer; }
			
			#user_photo {
				display:inline-block;
				margin-top:5px;
				width:40px;
				height:40px;
				box-sizing:border-box;
				vertical-align:top;
				overflow:hidden;
				border-radius:50%;
				background-repeat:no-repeat;
				background-position:center;
				background-size:cover;
			}
			#user_name { 
				display: inline-block;
				margin-top:16px; 	
				color:#ca4b3b;
			}
			
			#user_options {
				width: 250px;
				height:auto;
				position: absolute;
				top: 50px;
				left:1px;
				background-color:rgba(255,255,255,.9);
				box-shadow:rgba(0,0,0,.3) 0px 2px 2px;
				max-height:0px;
				transition: max-height .1s ease-out;
				overflow:hidden;
			}
			
	
				#user_info.opened {
					background-color:#FFF;	
				}
				
				#user_info.opened #user_options {
					max-height: 1000px;
					transition: max-height .5s ease-in;	
				}
				
				#user_info.opened #user_name {
					color:#725091;	
				}
				
				#user_options li {
					box-sizing:border-box;
					width:100%;
					text-align:left;
					padding-left:40px;
					height:30px;	
					position:relative;
					cursor:pointer;
					
				}
				
					#user_options li:hover { background-color:#ebebeb; }
					
					#user_options li p {
						position: relative;
						top: 50%;
						-webkit-transform: translateY(-50%);
						transform: translateY(-50%);
						color:#9d9d9d;
					}
					#user_options li i {
						position:absolute;
						left:5px;
						height:14px;
						top:50%;
						margin-top:-7px;
						color:#93d3ff;	
					}
			
/* MAIN */

	/* D) MAIN MENU */
	
		menu#main_menu {
			position:fixed;
			top:50px;
			left:0;
			display:inline-block;
			box-sizing:border-box;
			width:200px;
			z-index:102;
			
			
			height: -webkit-calc(100% - 50px);	
			height: -moz-calc(100% - 50px);	
			height: -o-calc(100% - 50px);	
			height: calc(100% - 50px);	
			
			-webkit-user-select: none; 
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			
			transition:left .5s ease;
			
			
		}
			#menu_content {
				box-sizing:border-box;
				border-right:#ca4b3b solid thin;
				height:inherit;
				width:100%;
				margin:10px 0px;	
				
				overflow:auto;
			}
				#menu_content:-webkit-scrollbar {
				 display: none;
				}
			#main_logo {
				width:180px;
				height:108px;
				display:block;
				margin:10px auto;
				background-image:url(../_img/themes/logos/logo_upgrade.svg);
				background-repeat:no-repeat;
				background-size:contain;	
			}
			
				/* CELULAR */
				
				#mobile_control {
					display:none;	
				}
			
			
			#menu_toggle {
				display:block;
				position:absolute;
				width:36px;
				height:36px;
				text-align:center;
				right:-18px;
				top:30px;
				box-sizing:border-box;
				border:#f2f2f2 solid 6px;
				font-size:.8em;
				color:#FFF;
				border-radius:50%;
				background-color:#C3C3C3;
				cursor:pointer;
				
				-webkit-user-select: none; 
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;	
				
			}			
				#menu_toggle i { margin-top: 6px; } 
				
				#menu_toggle:hover { background-color:#3b92cf; }
			
			#item_tag {
				position:absolute; 
				left:200px;
				width:auto;
				padding:0px 10px;
				height:0px;
				box-sizing:border-box;
				display:none;
				
				font-size:.8em;
				background-color:#555555;
				color:#FFF;	
			}
				#item_tag p {
					position: relative;
					top: 50%;
					-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
				}
			
			#r_upgrade {
				position:absolute;
				bottom:0px;
				width:100%;
				height:30px;
				font-size:.6em;
				text-align:center;
			}
				
			/* D.1) MAIN NAV */
			
			#main_nav {
				text-align:left; 
			}
			
				.nav_group {
					width:100%;
					max-height: 50px;
					overflow:hidden;
					transition: max-height .1s ease-out;
					
				}
				
					.nav_group::after {
						content: "";
						display:block;
						width:90%;
						border-bottom:#D2D2D2 inset thin;
						margin:15px auto;	
					}
					.nav_group.opened {
						max-height: 1000px;
    					transition: max-height .5s ease-in;
					}
					
					.group_title .icon-sudi-arrow-right { font-size:.8em; margin:0px 5px; transition: all .5s ease; }
					
					.nav_group.opened .group_title { color:#725091; }
					
					.nav_group.opened .nav_alone { color:#8acfff; }
						.nav_alone:hover { background-color:#EAEAEA; }
					
					.nav_group.opened .group_title .icon-sudi-arrow-right {
						-webkit-transform: rotate(90deg);
						transform: rotate(90deg);	
					}
				
				.group_title, .nav_alone {
					height:50px;
					cursor:pointer;
				}
				
				.nav_title_icon { float:right; color:#c2c2c2; }
				
				.nav_icon { float:left; color:#725091; }
				
					
				
					.group_title .nav_title_icon, .nav_alone .nav_title_icon { margin:-3px 8px 0px 0px;  }
					
					.nav_item .nav_icon {
						margin-left: -30px;
						font-size: 1.3em;
						margin-top: -3px;
						opacity:.5;					
					 }
					 
					 
						#main_menu.closed #menu_content #main_nav .nav_group .nav_item .nav_icon {
							float:right;
							margin-right: 19px;
						}
				
				.nav_item {
					font-size:.75em;
					height:35px;
					transition: background-color .5s ease;
					cursor:pointer;
					width:85%;
					margin-left:15%;
					padding-left:10px;					
				}
				.nav_group .nav_item:first-child { margin-top:10px; }
				
					.nav_item:hover { background-color:#EAEAEA; }
						.nav_item:hover .nav_title_icon { color:#555555; }
				
					.nav_item span, .group_title span, .nav_alone span {
						display:block;
						position: relative;
						top: 50%;
						-webkit-transform: translateY(-50%);
						transform: translateY(-50%);
					}
					
					.nav_alone span { margin-left:10px; }
		
		/* Menu .Closed */
		
		#main_menu.closed {
			left:-170px;
		}
		
		#main_menu.hidden {
			left:-300px;
		}
		
			#main_menu.closed .group_title {
				background-color:#725091;
				color:#FFF;	
			}
				
			#main_menu.closed #menu_toggle {
				background-color:#4C4C4C;	
			}
			
			#main_menu.closed #menu_content {
				
			}
		
	
	/* Loading */
	
		.loader_wrapper {
			padding-left: 1em;
			padding-right: 1em;
			margin: auto;
			display: block;
			width: 195px;
			margin:auto;
			}
		
			
			.cssload-loader {
			width: 24px;
			height: 24px;
			border-radius: 50%;
			margin: 3em;
			display: inline-block;
			position: relative;
			vertical-align: middle;
			}
			.cssload-loader,
			.cssload-loader:before,
			.cssload-loader:after {
			animation: 0.7s infinite ease-in-out;
			-o-animation: 0.7s infinite ease-in-out;
			-ms-animation: 0.7s infinite ease-in-out;
			-webkit-animation: 0.7s infinite ease-in-out;
			-moz-animation: 0.7s infinite ease-in-out;
			}
			.cssload-loader:before,
			.cssload-loader:after {
			width: 100%; 
			height: 100%;
			border-radius: 50%;
			position: absolute;
			top: 0;
			left: 0;
			}
			
			.cssload-loader:before,
			.cssload-loader:after {
			content: "";
			}
			
			.cssload-loader:before,
			.cssload-loader:after {
			content: "";
			background-color: rgba(255,255,255,0.5);
			border:#725091 solid thin;
			transform: scale(0);
			-o-transform: scale(0);
			-ms-transform: scale(0);
			-webkit-transform: scale(0);
			-moz-transform: scale(0);
			animation: cssload-animation 1.045s infinite ease-in-out;
			-o-animation: cssload-animation 1.045s infinite ease-in-out;
			-ms-animation: cssload-animation 1.045s infinite ease-in-out;
			-webkit-animation: cssload-animation 1.045s infinite ease-in-out;
			-moz-animation: cssload-animation 1.045s infinite ease-in-out;
			}
			.cssload-loader:after { animation-delay: 0.5275s;
			-o-animation-delay: 0.5275s;
			-ms-animation-delay: 0.5275s;
			-webkit-animation-delay: 0.5275s;
			-moz-animation-delay: 0.5275s; }
			
			
			
			@keyframes cssload-animation {
			0% { transform: translateX(-100%) scale(0); }
			50%{ transform: translateX(0%)scale(1); }
			100% { transform: translateX(100%)scale(0); }
			}
			
			@-o-keyframes cssload-animation {
			0% { -o-transform: translateX(-100%) scale(0); }
			50%{ -o-transform: translateX(0%)scale(1); }
			100% { -o-transform: translateX(100%)scale(0); }
			}
			
			@-ms-keyframes cssload-animation {
			0% { -ms-transform: translateX(-100%) scale(0); }
			50%{ -ms-transform: translateX(0%)scale(1); }
			100% { -ms-transform: translateX(100%)scale(0); }
			}
			
			@-webkit-keyframes cssload-animation {
			0% { -webkit-transform: translateX(-100%) scale(0); }
			50%{ -webkit-transform: translateX(0%)scale(1); }
			100% { -webkit-transform: translateX(100%)scale(0); }
			}
			
			@-moz-keyframes cssload-animation {
			0% { -moz-transform: translateX(-100%) scale(0); }
			50%{ -moz-transform: translateX(0%)scale(1); }
			100% { -moz-transform: translateX(100%)scale(0); }
			}
	
	
		.div_loading { 
			position:absolute; width:inherit; 
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			width:inherit;
			text-align:center;
		}
			.div_loading img { max-width:50px; height:auto; display:block; margin:0px auto; max-height:80%; }
	

	
	
	/* E) INFO CONTAINER */
	
	
	
		#info_container {
			display:inline-block;
			margin-top:50px;
			box-sizing:border-box;
			margin-left: 200px;
			width: -webkit-calc(100% - 200px);
			width: -moz-calc(100% - 200px);	
			width: -o-calc(100% - 200px);	
			width: calc(100% - 200px);
			
			min-height: -webkit-calc(100% - 50px);
			min-height: -moz-calc(100% - 50px);
			min-height: -o-calc(100% - 50px);
			min-height: calc(100% - 50px);
			height:auto;
			z-index:99;
			
			transition:all .5s ease;		
			/*temp*/
				padding:50px;
			
		}
		
			#info_container.closed {
				margin-left:30px;
				width: -webkit-calc(100% - 30px);
				width: -moz-calc(100% - 30px);	
				width: -o-calc(100% - 30px);	
				width: calc(100% - 30px);	
			}
			
			#info_container.hidden {
				margin-left:0px;
				width:100%;	
			}
	
	.blur_effect.on {
		-webkit-filter: blur(7px);
		-moz-filter: blur(7px);
		-o-filter: blur(7px);
		-ms-filter: blur(7px);
		filter: blur(7px);
	}
	
	#curtain_container {
		display:block;
		position:absolute;
		min-height:100%;
		height:auto;
		width:100%;
		margin:0px auto;
		top:0;
		left:0;
		z-index:1000;
		
		
	}
		#curtain_container.hidden { display:none !important; }
		.curtain{
			background-color:rgba(255,255,255,.2);
			padding-top:1px;
			position:fixed;
			height:100%;
			min-height:100%;
			top:0;
			width:100%;
			overflow:auto;
			
			/* B L U R */
			-webkit-filter: blur(7px);
			-moz-filter: blur(7px);
			-o-filter: blur(7px);
			-ms-filter: blur(7px);
			filter: blur(7px);
		}
		
		.curtain:last-child {
			-webkit-filter: none;
			-moz-filter: none;
			-o-filter: none;
			-ms-filter: none;
			filter: none;	
		}
			.curtain_content {
				display:block;
				width:100%;
				margin:30px auto;
				height:auto;
				min-height:10px;	
			}
			
			#second_container.showing {
				display:block;	
			}
		
	.this_close {
		float:right;
		color:rgba(231,49,49,1);
		background-color:#FFF;
		cursor:pointer;
		height:50px;
		width:50px;
		text-align:center !important;
		transition:color .3s ease;
		
	}
		.this_close:hover{
		
			color:rgba(231,49,49,.3);
		}
		
		
	/* PDF en cortina*/
	
		.close_pdf {
			background-color:transparent;	
		}
	
	.load_new_page{
		
		display:block;
		width:90%;
		max-width:1000px;
		height:99%;
		margin:0px auto;
		text-align:center;
		border:none;
	}

	/* F) INPUTS */
	
	
	input:focus,
	select:focus,
	textarea:focus,
	button:focus {
		outline: none;
	}
	
	input, select, textarea, button { 
		/*box-sizing:border-box;
		-moz-appearance: none; 
		-webkit-appearance: none; 
		appearance: none;*/
	}
	
	/* CHECKBOX y RADIO */
	
	/* CheckBox and Radio Buttom */
	.aCheckbox {
			width: 100%;
		}
		.aCheckbox .check_label { display:inline-block; margin:5px 10px; }
		
		input[type="checkbox"], input[type="radio"] { display:none !important;  }
		
		input[type="checkbox"] + label span, 
		input[type="radio"] + label span {
			box-shadow:rgba(0,0,0,.5) 0px 0px 2px;
			transition:all .5s ease;
			box-sizing:border-box;
			vertical-align:middle;
			display:inline-block;
			margin:-2px 5px 0 0;
			cursor:pointer;
			height:16px;
			width:16px;
		}

		input[type="checkbox"] + label span{ border-radius:4px; }
		input[type="radio"] + label span { border-radius:50%; }
		
		input[type="checkbox"]:checked + label span, 
		input[type="radio"]:checked + label span { background-color:#00acc8;	border:#FFF solid medium; }
	
	
	.input_required { border:rgba(255,0,0,.3) solid 1px; }
	
	
	input[type="checkbox"] + label span, input[type="radio"] + label span {
	  display: inline-block;
	  box-sizing: border-box;
	  width: 16px;
	  height: 16px;
	  margin: -2px 5px 0 0;
	  vertical-align: middle;
	  cursor: pointer;
	  box-shadow: rgba(0,0,0,.5) 0px 0px 1px;
	  transition: all .5s ease;
	  border-radius:4px;
	}
	
	input[type="checkbox"] + label, input[type="radio"] + label { font-size:.8em; }
	

			
		input[type="checkbox"]:checked + label span, input[type="radio"]:checked + label span {
		  background-color: #00acc8;
		  border: #FFF solid medium;
		}
		
		input[type=color] {
			background-color: transparent;
			border: none;
		}	
		
	
	/* G) LOGIN FORM */
	
	.error_msg { display:block; font-size:.7em; color:#FA2E31; text-align:center; opacity:0; transition:opacity 1s ease; }
		.error_msg.show { opacity:1;  }
		
	
	
#main_login {
	opacity:0;
	width:80%;
	max-width:500px;
	margin:50px auto 0px auto;
	
	-webkit-user-select: none; 
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
	transition:opacity .9s ease;
	position: relative;

	
}
	#main_login.showing { opacity:1; }
	
  	#main_login input[type=text], #main_login input[type=email], #main_login input[type=password]
  	{
		width:100%;
		height:40px;
		margin:10px 0px;
		padding:0px 10px;
		box-sizing:border-box;
		border:#EAEAEA solid thin;
	}
	
	#main_login img { width:100%; max-width:800px; margin:10px auto 0px auto; }
		#login_image_large {
			display:block;	
		}
		#login_image_medium {
			display:none;	
		}
		#login_image_small {
			display:none;	
		}
 
 	.login_buttons a
	{ 
		display:inline-block;
		width:48%;
		vertical-align:top;
		height:40px;
		background-color:#6cc04a;
		text-decoration:none;
		color:#FFF;
		font-size:.8em;
		text-align:center;
		line-height:3;
		cursor:pointer;
	}
	
		#forget_pass { background-color:#e84b37; }
		
			#forget_pass.cancel { background-color:#F00; }
		.login_buttons { text-align:center; }
		
		#login_password_box {
			
			overflow:hidden;
			max-height: 1000px;
			transition: max-height .5s ease-in;
		}
		
		#login_password_box.closed {
			max-height:0px;
			transition: max-height .5s ease-out;	
		}
		
		
	/* H) SPRYS */	
	
	/* Tooltip */
	#tooltip_container {
		color: #323232;
		position: absolute;
		display: none;
		padding: 5px 20px 5px 20px;
		max-width: 35%;
		z-index:3001;
		box-shadow:rgba(0,0,0,.3) -1px 1px 2px;
		
		border:#EAEBEC solid thin;
		font-size: .8em;
		text-align:left;
		background-color:rgba(255,255,255,.9);
		
		max-height:300px;
		overflow:auto;
	}
	
.tooltip-source-html { display: none; }
	
	.tooltipQuestion {
		font-size:.9em;
		float:right;
		margin: -3px 5px 0px 0px;
		color:#C3C3C3;
		width:16px;
		height:16px;
		cursor:pointer;
		text-align:center;
	}
		.tooltipQuestion:hover {
			color:#3B92CF;	
		}
	
	

	.inputError { font-size:.7em; color:#CCC; }
		.inputError i { color:#CC0000; }
	
	.input_section {
		position:relative;
		display:inline-block;
		height:auto;
		margin:20px 0px;
		vertical-align:top;
		box-sizing:border-box;
	}
	
		.input_1x { width:98%; }
		.input_2x { width:44%; margin-right:1%; }
		.input_3x { width:31%; margin-right:1%; }
		.input_4x { width:24%; margin-right:5px; }
		.input_5x { width:19%; margin-right:10px; }
		.input_6x { width:15%; margin-right:10px; }
	
	
	.errorMessage {
		position:absolute;
		right:0px;
		font-size:.7em;
		text-align:right;
	}
	
	label.label_spry {
		font-family: 'eausans_bold'; 
		margin-bottom: 10px;
		margin-left: 20px;
		font-size: 1em;
		color: #525252;
		display: block;
	}
	
	/* Textfield */
	.aTextField {
		font-family: 'eausans_book'; 
		background-color: #ffffff;
		-webkit-appearance: none;
		box-sizing: border-box;
		padding: 0px 20px;
		font-size: .9em;
		color: #725091;
		border: none; 
		height:40px;
		width:100%;	
	}
	
	/* Select */
	.aSelect {
		background-image: url(../../_themes/_img/arrow_select.jpg);
		background-repeat: no-repeat;
		font-family: 'eausans_book';
		background-position: right;
		background-color: #ffffff;
		-webkit-appearance: none;
		box-sizing: border-box;
		padding: 10px 20px;
		margin: 0px auto;
		font-size: .9em;
		color: #725091;
		display:block; 
		border: none; 
		height: 40px;
		width: 100%;
	}
	
	/* Textarea */
	.aTextArea {
		font-family: 'eausans_book';
		background-color: #ffffff;
		-webkit-appearance: none;
		box-sizing: border-box;
		padding: 10px 20px;
		font-size: .9em;	
		color: #725091;
		border: none;
		resize: none;
		height: 80px;
		width: 100%;
	}
	
	/* Textarea - Cleditor */
	.cleditorMain {border:thin solid #EAEAEA; border-top:none; border-bottom-left-radius:4px; border-bottom-right-radius:4px; padding:0px; background-color:white}
	.cleditorMain iframe {border:none; margin:0; padding:0; width:100% !important; }
	.cleditorMain { width:100% !important; height:auto !important; min-height:200px; }
	.cleditorMain textarea {border:none; margin:0; padding:0; overflow-y:scroll; font:10pt Arial,Verdana; resize:none; outline:none; max-width:100% !important;}
	.cleditorToolbar {/*background: url('images/toolbar.gif') repeat*/ height:auto !important; border:#DDD solid thin; border-right:none; border-left:none; text-align:center; background-color:#FAFAFA;}
	.cleditorGroup {display:inline-block; height:26px}
	.cleditorButton {display:inline-block; vertical-align:top; cursor:pointer; width:24px; height:24px; margin:1px 0 1px 0; background: url('cssAssets/buttons.png'); opacity:.5; }
	.cleditorButton:hover { opacity:1; }
	.cleditorDisabled {opacity:0.3; filter:alpha(opacity=30)}
	.cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#CCC}
	.cleditorPopup {border:solid 1px #999; background-color:white; position:absolute; font:10pt Arial,Verdana; cursor:default; z-index:10000}
	.cleditorList div {padding:2px 4px 2px 4px}
	.cleditorList p, .cleditorList h1, .cleditorList h2, .cleditorList h3, .cleditorList h4, .cleditorList h5, .cleditorList h6,
	.cleditorList font {padding:0; margin:0; background-color:Transparent}
	.cleditorColor {width:150px; padding:1px 0 0 1px}
	.cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0}
	.cleditorPrompt {background-color:#F6F7F9; padding:4px; font-size:8.5pt}
	.cleditorPrompt input,
	.cleditorPrompt textarea {font:8.5pt Arial,Verdana; border:#CACACA solid thin; margin:4px; }
	.cleditorPrompt input[type="button"] { background-color:#EAEAEA; color:#FFF; }
	.cleditorPrompt label {padding-bottom:8px}
	.cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size:8.5pt}
	
	/* DATEPICKER */
	
	.date_calendar {
			position: absolute;
			font-size: 2em;
			color: #626262;
			right: 5px;
			top: 33px;
		}

	/* GOOGLE MAPS API */

	.gllpMap	{ width: 500px; height: 300px; }	
	
	.sendBtn {
			font-size: .8em;
		  	text-align: center;
		  	cursor: pointer;
		  	display: inline-block;
		  	width: auto;
		  	background-color: #EAEBEC;
		  	color: #4C4C4E;
		  	padding: 10px 20px;
		 	border: none;
		  	margin-left: 20px;
		  	text-decoration: none;
		  	transition: all .5s ease-in-out;
		  	-webkit-box-shadow: rgba(0,0,0,.15) 1px 1px 2px;
		  	-mox-box-shadow: rgba(0,0,0,.15) 1px 1px 2px;
		  	-o-box-shadow: rgba(0,0,0,.15) 1px 1px 2px;
		  	box-shadow: rgba(0,0,0,.15) 1px 1px 2px;
		}
	
	
	/* UPLOAD FILES */
	
		div.upload {
			width: 250px;
			height: 40px;
			background-color:#725091;
			line-height:.0;
			overflow: hidden;
			cursor:pointer;
			position:relative;
			margin:0px auto 40px auto;
			
			transition:all .5s ease-in-out;
		}
		div.upload:hover {
			background-color:#4C4C4C;
					cursor:pointer;
		}
			div.upload:hover p { color:#FFF; }
			
			
		.upload_text { position:absolute; width:100%; top:0px; cursor:pointer; text-align:center !important; color:#FFF; line-height:2.5; font-size:1em; font-weight:200;} 
			.upload_text i { color:#FFF; opacity:.5; position:absolute; top:-1px; left:10px; font-size:1.2em; }
	
	div.upload input {
		position:absolute;
		cursor:pointer;
		margin:0px;
		display: block !important;
		width: 100%!important;
		height: 100% !important;
		opacity: 0 !important;
		overflow: hidden !important;
	}
	
	.upload_container .fileName {
	position:relative;
	width:600px;
	text-align:center;
	height:auto;
	
	min-height:100px;
	margin:5px auto 5px auto;
	overflow:hidden;
		
		-webkit-transition:all.5s ease-in-out;
		-moz-transition:all.5s ease-in-out;
		-o-transition:all.5s ease-in-out;
		transition:all.5s ease-in-out;
	}
	
	
	/* FILE LIST */
	
	.files_container{
		height:auto;
		max-height:500px;
		overflow:auto;	
	}
	
		.file_loading {
			display:none;
			width:227px;
			margin:0px auto;	
		}
			.file_loading.on {
				display:block;	
			}
			
			
			/* FILE LOADED LIST ROW */
			
			.loaded_item_row {
				display:block;
				width:100%;
				text-align:left;
			}

	.loaded_item_row:nth-child(even) {
			background-color:rgba(255,255,255,.3);
	}

.loaded_item_row div { display:inline-block; vertical-align:middle; box-sizing:border-box; text-align:center; }


	.loaded_img {
		width:150px;
		height:auto;
		background-size:cover;
		background-position:center;
	}
			.loaded_img img {
				    max-width: 150px;
					margin: 5px auto;
					width: auto;
					height: auto;
					max-height: 150px;
			}
			
			.loaded_img i {
				font-size:2em;
				color:#CACACA;		
			}

	.loaded_file_name {
		width: 250px;
	}
	
		.loaded_file_name p { font-size:.9em; text-align:left;
			width:100%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			padding:0px;
		
		 }
	.loaded_file_options { 
		cursor:pointer;
		width:100px; 
	}
		.loaded_file_options i {
			    color:#2A2A2D;
				padding: 8px 8px 2px;
				border-radius: 4px;
				transition: all .5s ease;
				font-size: 1.5em;
				background-color:#BEC3C8;
		}
						
			
			
				
				.loaded_file_crop:hover i {
					background-color: #308BE8;
					color: rgba(255, 255, 255, 0.7);
				}
			
				
				.loaded_file_delete:hover i {
					background-color: #F13C40;
					color: rgba(255, 255, 255, 0.7);
				}

	
	/*.upload_container */
	.fileName p, .fileName a { 
		display:inline-block;
		font-weight:lighter;
		margin:15px 5px;
		height:30px;
		padding-left:35px;
		text-align:left;
		font-size:.85em;
		background-position:left top;
		background-repeat:no-repeat;
		background-size:contain;
		text-decoration:none;
		color:#323232;
		line-height:2;
		box-sizing:border-box;
	
	}
	
	.upload_container .fileName span.Spry { border-top:#CACACA dotted thin; width:50%; display:block; margin:0px auto; padding:3px 0px;}/*Fondo azul para checkbox eliminar galeria*/
	
		.upload_container .fileName span.Spry label { color:#323232; } /*Color blanco para checkbox eliminar galeria*/
			
		
		.thumbnailImage {display: inline-block; margin:5px; width:90px; height:90px; border:#BABABA solid thin; background-position:center; background-repeat:no-repeat; background-size:cover; 
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		}
		
		.imageElement { height:90px; width:inherit; border:#BABABA solid thin;  margin:5px 0px 5px 5px;}
	
	
	
	
	
	/* I) LIST */
	
	.sudi_table_container{
		display:block;
		width:90%;
		height:auto;
		margin:0px auto;
		box-sizing:border-box;
		letter-spacing:-4px;
		font-size:.8em;
	}
	
		.sudi_table_title{
			font-family: 'eausans_bold';
			text-overflow: ellipsis;
			box-sizing: border-box;
			display: inline-block;
			vertical-align: top;
			margin-bottom: 10px;
			white-space: nowrap;
			letter-spacing: 0px;
			padding-left: 20px;
			text-align: left;
			overflow: hidden;
			color: #525252;
		}
		
		.sudi_table_row {
			position:relative;
			display:block;
			width:100%;
			height:auto;
			background-color:#FFF;
			margin:2px auto;	
			color:#a2a2a2;
			padding:15px 0px;
			
				-webkit-user-select: none; 
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				
			    -moz-transform: rotateX(90deg);
				-webkit-transform: rotateX(90deg);
				transform: rotateX(90deg);
			}
		
			.sudi_table_row.rotate {
				-moz-transform: rotateX(0deg);
				-webkit-transform: rotateX(0deg);
				transform: rotateX(0deg);
				transition:all .5s ease;		
			}
			
			.cell_title { display:none; }
		
			.sudi_table_cell {
				font-family: 'eausans_book';
				text-overflow: ellipsis;	
				box-sizing: border-box;
				vertical-align: middle;
				display: inline-block;
				letter-spacing: 0px; 
				padding-left: 20px;
				text-align: left;
				overflow: hidden;
				color: #a2a2a2;			
			}
				/*.sudi_table_cell p {
					position: relative;
					top: 50%;
					-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
				}*/
			
				.sudi_table_cell .list_image_auto { 
					width:90%;
					max-width:150px;
					height:auto;
					/*box-shadow:rgba(0,0,0,.2) 0px 0px 2px;*/
				}
				
					/* List_auto estilo Photo*/
					.list_img_photo {
						border:#FFF solid 3px;
						border-top-width:5px;
						border-bottom-width:8px;
						box-shadow:rgba(0,0,0,.3) -1px 1px 4px;
						transform:rotate(4deg);
						margin: 5px 0px;
					}
					
						.sudi_table_row:nth-child(even) .sudi_table_cell .list_img_photo  {
							transform:rotate(-4deg);
						}
					
					/* List_auto estilo Circle */
					.list_img_circle {
						border-radius:50%;
						border:#f2f2f2 solid 3px;
								
					}
					
				.color_off {
					color:#EAEAEA;	
				}
				
				.color_on {
					color:#00A2DF;		
				}
				
				
				/* Paginación */
				
				#nav_list { 
					position:fixed;
					bottom:0;
					right:100px;
					width:auto;
					background-color:rgba(0,0,0,.7);
					color:#FFF;
					padding:10px 0px 6px 0px;
					
					-webkit-user-select: none; 
					-moz-user-select: none;
					-ms-user-select: none;
					user-select: none;
				 }
					
					#page_num { 
						display:inline-block;
						vertical-align:middle;
						width:auto;
						padding:0px 5px;
					}
					
					.nav_list_btn { 
						display: inline-block;
						vertical-align:middle;
						width:auto;
						padding:0px 10px;
						color:rgba(255,255,255,.5);
						cursor:pointer;
						border-right:rgba(255,255,255,.3) solid thin;
					}
						.nav_list_btn:hover { 
							color:rgba(255,255,255,.9);
						}
						
						.nav_list_btn.disabled { 
							color:rgba(255,255,255,.1);
							cursor:default;
						}
						
						#page_info { 
							font-size:.7em;
							display:inline-block;
							vertical-align:middle;
							padding:0px 10px; 
						}
						
						
						.list_generator_current_page {
							position:absolute;
							z-index:-1;
							color:rgba(240,240,240,.2);
							font-size:3em;
							top:10px;
							right:10px;	
						}
				
				/* List row Options */
				
				#list_row_options {
					position:absolute;
					display:none;
					width: auto;
					top:0px;
					height:auto;
					padding:0px;
					background-color:#FFF;
					border-radius:4px;
					border:#CACACA solid thin;
					
					transition:opacity .5s ease;
					
					-webkit-user-select: none; 
					-moz-user-select: none;
					-ms-user-select: none;
					user-select: none;
					
					z-index:102;
					
				}
			
					
				#list_row_options.opened 
				{ display:inline-block; opacity:1; }
				
			
					#list_row_options li {
						display:block;
						width: auto;
						height:auto;	
						padding:10px;
						text-align:left;
						min-width:150px;
						position:relative;
						padding-right:35px;
						max-width:100%;
						cursor:pointer;
					}
					
						#list_row_options li:hover { background-color:#3b92cf; color:#FFF; }
						
						#list_row_options li i {
							position:absolute;
							top: 50%;
							-webkit-transform: translateY(-50%);
							transform: translateY(-50%);
							right:10px;	
						
						}
			
			
		/* U P B A R */
		
		
		
		.upbar_search {
			background-image: url(../_img/icons/search_icon.svg);
			background-color:rgba(255,255,255,.3);
			background-repeat: no-repeat;
			background-position: right;
			-webkit-appearance: none; 
			-moz-appearance: none; 
			background-size: 50px;
			border-radius: 40px;
			padding-left: 10px;
			margin-top: 10px;
			appearance: none;
			color: #fff;
			font-size: 1em;
			display: block;
			height: 30px;
			width: 250px;
			border: 0px;
		}
		
		.upbar_search::-webkit-input-placeholder {
		   color: #fff;
		   font-size:1em;
		}
		
		.upbar_search:-moz-placeholder { /* Firefox 18- */
		   color: #fff;
		   font-size:1.2em;
		}
		
		.upbar_search::-moz-placeholder {  /* Firefox 19+ */
		   color: #fff; 
		   font-size:1.2em; 
		}

		
		.upbar_search::-webkit-search-cancel-button{
   		-webkit-appearance: none;
    	color:#FFF;
		}
		
		
		.upbar_filter{
			float:right;
		}
		
		.list_filter {
				background-color:rgba(255,255,255,.3);
				border-radius: 40px;
				margin-top: 10px;
				width: 100px;
				height: 30px;
			}
		
		.list_filter select {
			display:block;
			max-width:125px;
			height: inherit;
			background: transparent;
			width:100%;
		   	padding: 2px;
			font-size: 1em;
			line-height: 2;
			border: 0;
			border-radius: 0;
			-webkit-appearance: none;
			color:#fff;
		}
				
	/* S W I T C H*/
	
	.switch {
		display:block;
		width:40px;
		height:20px;
		background-color:#F3F3F3;
		border-radius:10px;
		margin:0px auto;
		box-shadow:rgba(0,0,0,.2) 1px 1px 1px inset;
		cursor:pointer;
		overflow:auto;
		
		-webkit-user-select: none; 
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

		.switch span {
			display:block;
			width:18px;
			height:18px;
			margin-top:1px;
			border-radius:50%;
			background-color:#EAEAEA;
			transition:all .5s ease;
			box-shadow:rgba(0,0,0,.5) 1px 1px 1px;


		}
		
		
			.switch.on span {
			margin-left:21px;
			background-color:#41CA52;

		}
	
		.switch.canceled { opacity:.8; }
	
			.switch.canceled span { display:none; }
	
	
	/* J) MANAGE */
	
	.manage_subtitle {
			font-family: 'eausans_bold';
			margin-left: 15px; 
			color: #717171;
		}
	
	.form_manage {
		position:relative;
		background-color:rgba(242,242,242,.85);
		display:block; 
		width:100%;
		max-width:80%;
		margin:20px auto;
		padding-bottom:1px;
		box-shadow:rgba(0,0,0,.3) 2px 2px 4px;
	}
		.main_input_container {
			padding:30px;	
		}
		.form_title {
			display:block;
			width:100%;
			height:50px;
			
			background : -moz-linear-gradient(0% 50% 0deg,rgba(202, 76, 59, 1) 0%,rgba(106, 81, 142, 1) 35%,rgba(137, 182, 85, 1) 65%,rgba(104, 181, 199, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(202, 76, 59, 1) ),color-stop(0.35,rgba(106, 81, 142, 1) ),color-stop(0.65,rgba(137, 182, 85, 1) ),color-stop(1,rgba(104, 181, 199, 1) ));
  background : -o-linear-gradient(0deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA4C3B', endColorstr='#68B5C7' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA4C3B',endColorstr='#68B5C7' , GradientType=1);
			
			
			
			color:#FFF;
			font-size:1.3em;
			line-height:2.6;	
			padding-left:20px;
			box-sizing:border-box;
		}
			.manage_title_icon { opacity:.2; }
	
		.manage_instructions { padding-left:40px; font-size:.85em; margin:10px auto; text-align:justify !important; color:#323232; }
			.manage_instructions span {  font-family: 'eausans_bold'; }
		.form_manage p,
		.form_manage span,
		.form_manage label,
		.form_manage h1,
		.form_manage h2,
		.form_manage h3 {
			text-align:left;			
		}
		
	.manage_head_line {
		display:block;
		width:80%;
		height:1px;
		border-top:#EAEAEA 1px solid;
		margin:10px auto 40px auto;
	}
	
	.loading_manage {
		position:absolute;
		top:0;
		left:0;
		width:inherit;
		height:100%;
		background-color:rgba(255,255,255,.5);		
	}
		.loading_manage.hidden {
			display:none !important;	
		}
		
	.form_submit {
		/*position:fixed;*/
		right:0px;
		/*bottom:50px;*/
		position: absolute;
    	margin-top: -53px;
		/**/
		border:none;
		background-color: rgba(0,0,0,.7);
    	color: #FFF;
		border-radius:0px !important;
		font-size:1.2em;
		padding:15px 25px;
		cursor:pointer;
		transition:background-color .5s ease;
		-webkit-appearance: none;
	}
		.form_submit:hover { background-color: rgba(0,0,0,.9); }
		
	/* MULTIPLES TABLE */
	
	.multiple_tb_btn {
		position: relative;
		display: block;
		margin: auto;
		width: 250px;
		text-align: center;
		background-color: #725091;
		color: #FFF;
		text-decoration: none;
		height: 40px;
		line-height: 2.5;
	}
	
		.multiple_tb_btn i {
			position:absolute;
			left:7px;
			font-size:1.3em;
			opacity:.2;
			top:-3px;
		}
		
		.recordb {
			position:relative;	
		}
		
			.recordb_delete {
				color:#FFF;
				padding: 5px 8px 2px;
				transition: all .5s ease;
				font-size: 1.2em;
				cursor:pointer;
				margin:0px;
				z-index:1;
				position:absolute;
				right:10px;
				opacity:.5;
				
			}
			
				.recordb_delete:hover {
					opacity:.1;
				}

			.recordb_new {
					position: absolute;
					cursor: pointer;
					color: #626262;
					right: 0px;
					top: 0px; 
				}
				recordb_new:hover {
					color: #88a4d3;
				}
		
	/* K) COMMENTS - R_PANEL */
	
	.transition {
			-webkit-transition: all .8s ease;
			-moz-transition: all .8s ease;
			-o-transition: all .8s ease;
			transition: all .8s ease;
		}

	#r_panel{
			position:fixed;
			padding-top: 60px;
			right:0px;
			top:0px;
			background-color: #FFF;
			width: 300px;
			height: 100%;
			margin-right:-300px;
			z-index: 99;
			box-sizing:border-box;
			overflow:auto;
		}
		.r_panel_show{
				margin-right: 0px !important;
				box-shadow:rgba(0,0,0,.1) -2px 2px 4px;
			}
	
	#r_panel .form_manage {
			margin: 0px;
			width: 100%;
			max-width: 100%;
			position: absolute;
			background-color: #FFF;
		}
		#r_panel input[type=text] {
				background-color: #EEEEEE;
				margin: 0px 20px;
				width: 90%;
			}
	
		.comment{
				position: relative;
				height: auto;
				margin:8px 0px;
			}
		
		#history_comment {
				margin-top: 25px;
				padding: 0px 10px;
				min-height:200px;
				
			}
		
		.day_comment {
				text-align:center !important;
				display:block;
				font-size:.7em;
				color:#D2D2D2;
				border-bottom:#C2C2C2 dotted thin;
				margin-top:20px;	
			}
			
			.day_comment:first-letter {
				text-transform: capitalize;
			}
		
			#r_panel .comment p { 
				color: #707070; 
				font-size:.8em;
				line-height:1.5;
			}
		
		.comment_name {
				color: #8ACFFF;
				font-weight: 600;
			} 
			
		.comment_name.actual_user {
			color:#0190D6;
		}
		.clear_comment { 
			display:block;
			clear:both;
		}
		
		#r_panel .comment sup{
				color:#C2C2C2;
				display:block;
				text-align:right !important;
				font-size: 0.5em;
			}
			#r_panel .form_submit {
				top: 130px;
				bottom: inherit;
				right: inherit;
				padding: 10px 90px;
				margin: 0px 21px;
				display: none;
				background-color: rgba(1, 144, 214, 0.45);
			}
				.comment_out p {
					color: #717171;
					text-transform: uppercase;
					text-align: center;
				}
		
		.comm_target_img {
			    display: block;
				max-width: 150px;
				margin: 15px auto;
				max-height: 150px;
				width: auto;
				height: auto;
		}
		
		#r_panel h4 {
			display:block;
			text-align:center;
			color:#725091;	
		}
		
		#close_comments {
			/*position:absolute;*/
			float:right;
			/*right:10px;*/
			/*top:70px;*/
			color:#CACACA;
			cursor:pointer;
		}
			#close_comments:hover {
				color:#725091;
			}
		#reload_time {
				text-align: center;
				font-size: .6em;
				color: #717171;	
			}
			
			
	/* r_panel stats */		
	
	#right_container {
			padding:20px;	
		}
			#right_container h1 {
				color:#1D9EB7;	
			}
			
		#r_date_resume {
			disply:block;
			width:100%;	
		}
		
			#r_date_resume span {
				float:right;	
				text-decoration:underline;
				color:#0079FA;
				cursor:pointer;
				font-size:1.6em;
				margin-right:5px;
			}
			
			#right_container .r_text {
				font-size:.8em;
				color:#727272;	
			}
		#r_date_options {
			display:block;
			width:100%;
			height:0px;
			overflow:hidden;	
		}
			#r_date_options_update {
				display:block;
				width:80%;
				border-radius:4px;
				border:#AAAAAA solid 3px;
				box-sizing:border-box;
				text-align:center;
				padding:8px 0px;
				margin:10px auto 20px auto;
				color:#AAAAAA;
				cursor:pointer;
				transition:all .5s ease;	
			}
				#r_date_options_update i {
					float:left;
					opacity:.8;
					margin: 2px -15px 0px 15px;	
				}
				
				#r_date_options_update:hover {
					border-color:#323232;
					color:#323232;		
				}
	
	#r_panel .datePickerUi {
		padding:10px;
	}

/* L) TOOLTIP --> Imagen */
.tooltip { position: relative; outline:none; }
	.tooltip strong {line-height:30px;}
	.tooltip:hover {text-decoration:none;} 
	.tooltip span {
			z-index:10;
			display:none; 
			padding:14px 20px;
			margin-top:60px; 
			margin-left:-160px;
			width:300px; 
			line-height:16px;
			text-align: center;
		}
	.tooltip:hover span{
			display: inline;
			position: absolute;
			background-color: #FDFDFD;
			color: #000;
			/*background:#333 url(cssttp/css-tooltip-gradient-bg.png) repeat-x 0 0;*/
		}
	/*.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}*/
	
	.tooltip p {
			transform: translate(-50%,-50%);
			background-color: transparent;
			position: absolute;
			text-align: center;
			cursor: pointer;
			color: #fff;
			left: 50%;
			top: 50%;
		}
		
	/*CSS3 extras*/
	.tooltip span {
			border-radius: 2px;
			box-shadow: 0px 0px 20px -5px #666;
			/*opacity: 0.8;*/
		}
	.tooltip img {
			width: inherit;
			float:right;
		}
	
/* M) Bordes */

.border {
		background-color:rgba(232,232,232,.95);
    	margin: 20px 0px;
   		padding: 10px;
		position:relative;
	}
	
	.border .record_title {
		color:#FFF;
		display:block;
		position:absolute;
		padding:5px;
		box-sizing:border-box;
		width:100%;
		top:0px;
		left:0px;
	}
	
/* LIST CURTAIN */

	/* Listas secundarias de pocos registros. Eje: Datos fiscales */
	
	.std_btn_container {
			display:block;
			text-align:center;	
		}
			.std_btn {
				display:inline-block;
				padding:5px 10px;
				width:auto;	
				color:#FFF;
				text-align:center;
				background-color:#725091;
				cursor:pointer;
				margin:20px auto;
			}

	.simple_list_curtain {
		display:block;
		margin:30px;
		
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;	
		
		 -webkit-column-rule: 1px solid #3b92cf; /* Chrome, Safari, Opera */
		-moz-column-rule: 1px solid #3b92cf; /* Firefox */
		column-rule: 1px solid #3b92cf;
	}
	
		.simple_list_curtain p { margin:5px 12px; }
		.simple_list_curtain strong {
			color:#725091;
			font-size:.9em;	
		}
		
		
/* N) REPORTS */


#report_list_container {
	padding:30px;
}

	#report_list_container h1 {
		color:#e84b37;
		font-size:1.6em;	
	}
	
	#report_list_container h2 {
		display:block;
		position:relative;
		color:#725091;
		font-size:1.2em;
		margin:50px auto 10px auto;
		padding-left:50px;
		text-align:left;
		width:75%;
	}
	
		 #report_list_container h2:after {
			content: " ";
			display: block;
			border-bottom:rgba(114,80,145,.3) solid thin;
			height: 1px;
			width: 90%;
			margin:0px auto 20px auto;
		}​
	
		.report_description span { font-family: 'eausans_bold'; }
		
	#chart_container {
	width:90%;
	max-width:1000px;
	margin:10px auto;
}
	#chart_container canvas {
		width:100%;
	}


.report_table_container {
	display:block;
	width:95%;
	max-width:1200px;
	margin:30px auto;
}
	.report_table_container .table_title {
		display:block;
		text-align:center;
		font-size:.8em;
		margin:2px 0px;	
	}
	.report_table_title_row {
		height:auto;
		background-color:#ca4b3b;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		display: flex; /* Igualamos el alto de lo 'children'*/
	}
	
		.report_table_title_row div {
			display:block;
			height:auto;
			text-align:center;
			padding:8px 0px 8px 0px;
			color:#FFF;
			font-size:.9em;
		}	
		
	.report_table_rows_container {
		border:#b3b3b3 solid thin;
		border-top:none;
		max-height:500px;
		border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;
		overflow:auto;
	}
	
		/* ALT */
		
		.report_table_rows_container.table_alt {
			background-color:rgba(255,255,255,.4);
			border:none;
			border-radius:none;
		}
	
		/* 1000px HEIGHT*/
		
		.report_table_rows_container.table_2x {
			max-height:1000px;
		}
		
		/* NO OVERFLOW */
			
		.report_table_rows_container.no_wrap{
			max-height:none;
			overflow:visible;
		}	
		
	.report_table_row {
		display: flex; /* Igualamos el alto de lo 'children'*/
	}
			
		.report_table_row div {
			position:relative;
			display:inline-block;
			text-align:center;
			padding:18px 0px 18px 0px;
			color:#3c3c3b;
			font-size:.8em;
			box-sizing:border-box;
			
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}	
			
			.line_report_table_row {
				display:block;
				width:85%;
				margin:5px auto;
				height:2px;
				border-bottom:#eaeaea solid thin;
					
			}
	
			.report_table_row_result div {
				padding-top:8px;
				font-size:1.1em;
			}
	
			/* HEADER CONTROLS */
			
			.header_content .input_section {
				margin-top:0px;
				max-width:140px;
			}
			
				.header_content .tooltipQuestion {
					font-size:.6em;	
				}
				
				.header_content .Spry {
					width:100% !important;
				}
					.header_content .Spry label {
						margin:2px 0px 0px 0px;
						text-align:center;
						font-size:.7em;
						
						color:rgba(255,255,255, .85);
					    font-family: 'eausans_book';
					}
					
					.header_content .aTextField { height:30px; border-radius:14px; background-color:rgba(255,255,255,.7); }
					.header_content .date_calendar { top:29px; }
					
			.header_content .report_upbar_btn {
				display:inline-block;
				height:36px;
				width:auto;
				padding:10px 10px;
				border:rgba(255,255,255,.8) solid 2px;
				box-sizing:border-box;
				margin:7px 25px;
				border-radius:6px;
				color:rgba(255,255,255,.8);
				font-size:.8em;
				cursor:pointer;
				transition:all .5s ease;
			}
			
				.header_content .report_upbar_btn:hover {
					background-color:rgba(255,255,255,.9);
					border:rgba(255,255,255,.9) solid 2px;
					color:#6cc04a;	
				}
				
			.report_btn_container {
				display:flex;
				width:80%;
				max-width:600px;
				margin:20px auto;	
			}
			
				.report_detail_btn {
					display:inline-block;
					width:40%;
					margin:5px auto;
					color:#FFF;
					padding:10px 5px;
					text-align:center;
					border-radius:6px;
					cursor:pointer;
					transition:all .5s ease;
					box-sizing:border-box;
					opacity:.8;
					
				}
				
					.report_detail_btn.red {
						background-color:rgba(232,75,55, .8);
						border-color:#e84b37;
					}
		
					.report_detail_btn.green {
						background-color:rgba(108,192,74, .8);
						border-color:#6cc04a;
					}	
			
						.report_detail_btn:hover {
							opacity:1;
						}
				
			/* DETALLE - CURTAIN*/
			
			.reporte_detail_container {
				display:block;
				width:90%;
				margin:20px auto;
				padding:10px;	
				
			}
			
/*CheckBox Class*/
	.checkbox {
		display: none;
	}
	
	.checkbox_design .label{
		padding: 7px 30px 5px 30px;
		border-radius: 5px;
		transition: all 0.4s;
		cursor: pointer;
		color: #525252;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none; 
	}
	
	.checkbox_design .label:hover{
		background-color: rgba(202, 202, 202, 0.38);
	}
	.checkbox_design .label::before{
		content: '';
		width: 15px;
		height: 15px;
		position: absolute;
		background-color: #fff;
		left: 5px;
		border: 2px solid #A17E35;
		border-radius: 4px;
		transition: all 0.3s ease;
	}
	
	.checkbox_design .checkbox:checked + .label{
		background-color: #A17E35;
		padding: 10px;
	    color: #FFFFFF;
	}
	
	.checkbox_design .checkbox:checked + .label:before{
		display: none;
	}
	
	.input_section {
		position: relative;
		display: inline-block;
		height: auto;
		margin: 20px 0px;
		vertical-align: top;
		box-sizing: border-box;
	}
/*CheckBox Class*/