/*
	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
	Edición: Mayo 2017 - Hugo Acosta - Identidad de SUDI

	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: 'montserratlight';
    src: url('../_fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../_fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratregular';
    src: url('../_fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../_fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratsemi_bold';
    src: url('../_fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('../_fonts/montserrat-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/* SUDI_ICONS */

.icon { display:inline-block; font-size: .9em; }

.icon-iconos-sudi-2x { font-size:1.8em !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: 'montserratlight'; background-color:#f5f8fa; overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; }
#state_bar { display:none; position:fixed; }

#main_blur_container {
	height: inherit;
	/*padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);*/
	/*box-sizing: border-box;*/
}

	/* JQUERY-UI */



	.ui-widget-header {
		color:#FFF;

		background-color: #69508e;

	}
	.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:110px;
	background-color:#f5f8fa;
	letter-spacing:-4px;
	font-family: 'montserratregular';
	font-size:.9em;
	color:#656578;
	z-index:100;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	transition:top .5s ease;



	/* ID 2017 */
	box-sizing:border-box;
	border-bottom:#e2e7f0 solid thin;

}

	.new_upgrade_gradient {
		background-color: #69508e;
	}

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

	header #basic_controls {
		width: 250px;
		background-color: #69508e;
		position: relative;
		display: inline-flex;
		align-items: center;
		z-index: 1;

	}

		header span {
			display: inline-block;
			width: auto;
			height: inherit;
			color: #656578;
			transition: all .5s ease;
			font-size: .9em;
			padding: 0px 10px;
		}

		header .loadContent, header .loadRContent, header .opt_btn {
			cursor:pointer;
		}

		#menu_content #large_main { display:inline-block; }
		#menu_content #small_main { display:none; }

			header .loadContent:hover, header .loadRContent:hover { background-color: rgba(0,0,0,.02); color: #563d7a; }

			header span i {
				opacity:.5;
				font-size:1.5em !important;
				position: relative;
				margin:0px;
				top: 50%;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
				margin-top: 3px;
			}
			header span:hover i { opacity:.5; }

	header #sub_controls {
		width: -webkit-calc(100% - 550px);
		width: -moz-calc(100% - 550px);
		width: -o-calc(100% - 550px);
		width: calc(100% - 550px);
		padding:0px 10px;
	    /* padding-left: 60px; */
		display: inline-flex;
    	align-items: center;
		justify-content: center;

		position: relative;
	}
		#welcome_txt { font-size: 1.5em; margin-right: auto; }

			#sub_controls span p { display:inline-block; width:auto;
			opacity:.85;
			margin:0px 0px 0px 5px;
			position: relative;
			top: 50%;
			-webkit-transform: translateY(-50%);

			}

	header #user_controls { width:300px; position:relative; }
		#user_info {
			width:inherit;
			text-align: center;
			display:inline-block; height:inherit;
			vertical-align:top;
			box-sizing:border-box;
			letter-spacing:0px;
			border-left: #e2e7f0 solid thin;
			transition: background-color .5s;
		}


		#user_controls #sudi_submenu {
			width:100%;
			display:none;
			height:inherit;
			vertical-align:middle;
			box-sizing:border-box;
			text-align: center;
		}
			#user_info_anchor { width: 100%; height:inherit; cursor: pointer; }

			#user_photo {
				display: inline-block;
				margin-top: 25px;
				width: 60px;
				height: 60px;
				box-sizing: border-box;
				vertical-align: middle;
				overflow: hidden;
				border-radius: 50%;
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
			}
			#user_name {
				    display: inline-block;
					margin-top: 20px;
					vertical-align: middle;
					font-size: 1.2em;
					text-transform: uppercase;
					margin-left: 15px;
			}

			#user_options {
				    width: inherit;
					margin-left: -1px;
					height: auto;
					position: absolute;
					top: 110px;
					left: 1px;
					background-color: rgba(255,255,255,.9);
					max-height: 0px;
					transition: max-height .5s, background-color .5s ;
					overflow: hidden;
					border-color: transparent;
			}


				#user_info.opened {
					background-color:#FFF;
				}

				#user_info.opened #user_options {
					max-height: 1000px;
					transition: max-height .5s ease-in;
					border-left: #e2e7f0 solid thin;
					border-bottom: #e2e7f0 solid thin;
				}

				#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;
					}

	/* USER_INFO_ RPANEL*/
		#mobile_user_info {
			display: flex;
			width: 100%;
			height: 100px;
			background-color:#f5f8fa;
			align-items: center;
			justify-content: center;
		}
		#mobile_user_info img { display: inline-block; width: 60px; height: 60px; overflow: hidden; border-radius: 50%; margin: 0px 10px; }
		#mobile_user_info p {font-size: .9em; text-transform: uppercase; font-family: 'montserratregular'; }
		#mobile_user_info p span {display: block; font-size: .8em; text-transform: lowercase; color: #797979; font-family: 'montserratlight'; }
		#mobile_user_options {
			position: relative;
			display: block;
			box-sizing: border-box;
			width: 100%;
			height: calc(100% - 100px);
		}
		#mobile_user_options img { width: 150px; position: absolute; bottom: 50px; left: 50%; margin-left: -25%; }

/* MAIN */

	/* D) MAIN MENU */

		menu#main_menu {
			position:fixed;
			top:110px;
			left:0;
			display:inline-block;
			box-sizing:border-box;
			width:250px;
			z-index:102;
			background-color:#563d7a;


			height: -webkit-calc(100% - 110px);
			height: -moz-calc(100% - 110px);
			height: -o-calc(100% - 110px);
			height: calc(100% - 110px);

			-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;
				height: calc(100% - 35px);
				width: 100%;
				margin: 0px 0px;
				overflow: auto;
			}
				#menu_content:-webkit-scrollbar {
				 display: none;
				}

				#main_btn_container {
					display:block;
					height:auto;
					text-align:center;
				}

				#menu_content .main_content_btn {
					color:#775d9c;
					display:inline-block;
					font-size: 1.5em;
   					margin: 35px 14px 20px 14px;
					height: 35px;
				}

			.main_logo {
				width:130px;
				height:70px;
				display:block;
				margin:20px auto;
				background-image:url(../_img/themes/logos/logo_upgrade_w.svg);
				background-repeat:no-repeat;
				background-size:contain;
			}

				/* CELULAR */

				#mobile_control {
					display:none;
				}

			#menu_toggle {
				display: inline-block;
				position: absolute;
				color: #656578;
				cursor: pointer;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				right: -50px;
			}

				#menu_toggle:hover {
					color:#323232;
				}

			#item_tag {
				position:absolute;
				left:250px;
				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;
				color:#79619d;
			}

			/* D.1) MAIN NAV */

			#main_nav {
				text-align:left;
				width:100%;
			}

				.nav_group {
					width:100%;
					max-height: 70px;
					overflow:hidden;
					transition: max-height .5s, background-color .5s;
				}

					.nav_group.opened {
						max-height: 1000px;
    					transition: max-height .5s, background-color .5s;
						background-color:#432c65;
					}

					.group_title { color:#c3b1dc; }

					.group_title .icon-iconos-sudi-arrow-right { font-size:1em; transition: all .5s ease; float:right;
						margin: 3px 20px 0px 0px;
						-webkit-transform: rotate(90deg);
						transform: rotate(90deg);
					}

					.nav_group.opened .group_title { color:#89be53; }

					.nav_group.opened .group_title i {color:#89be53;}

					.nav_group.opened .nav_alone { color:#8acfff; }
						.nav_alone:hover { opacity:.8; }

					.nav_group.opened .group_title .icon-iconos-sudi-arrow-right {
						-webkit-transform: rotate(270deg);
						transform: rotate(270deg);
						margin-top:0px;
						color:rgba(255,255,255,.7);

					}

				.group_title, .nav_alone {
					height:70px;
					cursor:pointer;
				}

				.nav_title_icon { color:#ac86e4; font-size:1.2em; }

				.nav_icon { float:left; }



					.group_title .nav_title_icon, .nav_alone .nav_title_icon { margin: 2px 0px 0px 40px; }

					.nav_item .nav_icon {
						margin-left: -30px;
						font-size: 1.5em;
						margin-top: -8px;
						opacity:.5;
					 }




						/*#main_menu.closed #menu_content #main_nav .nav_group .group_title span i {
							display:none;
						}*/


				.nav_item {
					font-size:.75em;
					height:35px;
					transition: background-color .5s ease;
					cursor:pointer;
					width:85%;
					margin-left:30%;
					padding-left:10px;
					color:#FFF;
					opacity:.5;
				}

					.nav_item:last-child {
					margin-bottom: 20px;
					}
				.nav_group .nav_item:first-child { margin-top:10px; }

					.nav_item:hover { opacity:1; }
						.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%);

					}

						.group_title span { margin-left: 70px; }

					.nav_alone span { margin-left:70px; color:#c3b1dc; }
						.nav_alone span i { color:#c3b1dc; }

		/* Menu .Closed */

		#main_menu.closed {
			left:-250px;
		}

		#main_menu.hidden {
			left:-300px;
		}

	/* Loading */

		.loader_wrapper {
			margin: auto;
			text-align: center;
			display: block;
			width: 100%;
			}


			.spinner {
			  margin: auto;
			  width: 70px;
			  text-align: center;
			}

			.spinner > div {
			  width: 18px;
			  height: 18px;
			  background-color: #b9a8d4;

			  border-radius: 100%;
			  display: inline-block;
			  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
			  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
			}

			.spinner .bounce1 {
			  -webkit-animation-delay: -0.32s;
			  animation-delay: -0.32s;
			}

			.spinner .bounce2 {
			  -webkit-animation-delay: -0.16s;
			  animation-delay: -0.16s;
			}

			@-webkit-keyframes sk-bouncedelay {
			  0%, 80%, 100% { -webkit-transform: scale(0) }
			  40% { -webkit-transform: scale(1.0) }
			}

			@keyframes sk-bouncedelay {
			  0%, 80%, 100% {
				-webkit-transform: scale(0);
				transform: scale(0);
			  } 40% {
				-webkit-transform: scale(1.0);
				transform: scale(1.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:110px;
			box-sizing:border-box;
			margin-left: 250px;
			width: -webkit-calc(100% - 250px);
			width: -moz-calc(100% - 250px);
			width: -o-calc(100% - 250px);
			width: calc(100% - 250px);

			height: -webkit-calc(100% - 130px);
			height: -moz-calc(100% - 130px);
			height: -o-calc(100% - 130px);
			height: calc(100% - 130px);
			z-index:99;

			/*transition: all .5s ease;*/
			/*temp padding:10px;*/


		}

			#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%;
				margin-top: 0px;
				padding: 0px;
				height: 100%;
			}


				/* R PANEL - OPENED */

				#info_container.info_show {

					width: -webkit-calc(100% - 550px);
					width: -moz-calc(100% - 550px);
					width: -o-calc(100% - 550px);
					width: calc(100% - 550px);

				}

					#info_container.info_show.closed {

						width: -webkit-calc(100% - 330px);
						width: -moz-calc(100% - 330px);
						width: -o-calc(100% - 330px);
						width: calc(100% - 330px);
					}

	.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(0,0,0,.5);
			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;

			transition: width .5s ease;
		}

			/* Cortina compartida con el R_panel */

			#curtain_container.r_panel_show .curtain{
				width: calc(100% - 300px);
			}

			.curtain_content {
				display:block;
				width:100%;
				margin:30px auto;
				height:auto;
				min-height:10px;
			}

			#second_container.showing {
				display:block;
			}

	.this_close {
		float: right;
		display: flex;
		color: rgba(231,49,49,1);
		cursor: pointer;
		height: 65px;
		width: 65px;
		align-items: center;
		justify-content: center;
		font-size: 1.2em;
	}
		.this_close:hover{
			color:rgba(231,49,49,.3);
		}

/*new Cortain  Container (CC) */


	.sudi_curtain_c {

		display: block;
		width: 90%;
		max-width: 2000px;
		background-color: #f5f8fa;
		height: auto;
		max-height: 90%;
		margin: 5% auto;
		overflow: auto;

	}

		.sudi_cc_title {
			display: block;
			box-sizing: border-box;
			border-bottom: #e2e7f0 solid thin;
			height: 50px;
			color: #656578;
		}
			.sudi_cc_title .cc_title_icon {
				display: inline-flex;
				vertical-align: top;
				width:50px;
				height: inherit;
				align-items: center;
				justify-content:center;
				color:#adaeb9;
				font-size: 1.4em;
			}
			.sudi_cc_title .title_txt {
				display: inline-flex;
				vertical-align: top;
				width: calc(100% - 110px);
				height: inherit;
				align-items: center;
			}
			.sudi_cc_close{
				cursor: pointer;
				display: inline-flex;
				vertical-align: top;
				width:50px;
				height: inherit;
				align-items: center;
				justify-content:center;
				box-sizing: border-box;
			}
				.sudi_cc_close:hover { color:#e84b37; }

	.sudi_cc_container {
		display: block;
		height: auto;
		background-color: #FFF;
	}

	.sudi_cc_hr {
		border: #e4e6ec solid thin;
		box-shadow: none;
		border-top: none;
		width: 80%;
		margin: 5px auto;
		float: right;
	}
		.sudi_cc_hr.hr_100 { width: 100%; float: none; display: block; margin: 15px 0px; box-sizing: border-box; }
	.st_item_photo { display: inline-block; width: 30px; height: 30px; border-radius: 50%; }

	.sudi_cc_subtitle { color:#656578; width: 90%; max-width: 1000px; margin: auto;}
	.sudi_cc_resume {column-count: 1; font-size: .9em; width: 100%; max-width: 850px; margin: 10px auto; }
	.sudi_cc_resume p { margin: 5px; margin-left: 10px; font-size: .8em; }
		.sudi_cc_resume p a { color:#34d9f8; text-decoration: underline; }

	.sudi_cc_resume p span { display: inline-block; width:75px; color: #c4c4c4; font-size: 1.1em; margin-top: 6px; margin-bottom: 2px; }

	.pros_quo_status { cursor:pointer; display: inline-block; vertical-align: middle; text-decoration: underline;}
	.sudi_cc_add { display: block; width: 90%; text-align: right; margin: 10px auto; font-size: 1.5em; }
	.sudi_cc_add i { color: #656578; cursor: pointer; }
		.sudi_cc_add i:hover { color:#416eef; }
	.pros_st_options {display: block; width: 100%; margin: 20px auto; text-align: center; }

		.pros_st_options span {
			cursor: pointer;
			margin: 5px;
			font-size: .8em;
			text-align: center !important;
			width: 20%;
			display: inline-block;
			vertical-align: middle;
			color: #010101;
			font-family: 'montserratregular';
		}
			.pros_st_options span i { display: block; font-size: 1.5em; }
				.pros_st_options span:nth-child(1) i { color:#8fdc6e; }
				.pros_st_options span:nth-child(2) i { color:#90baff; }
				.pros_st_options span:nth-child(3) i { color:#d65b63; }
		.pros_st_options span:hover { opacity: .7; }
		.pros_st_options span a { text-decoration: none; color: #010101; }
	.sudi_user_photo {display: block; widows: 40px; height: 40px; border-radius: 50%; overflow: hidden; }

	/* PDF en cortina*/

		.close_pdf {
				background-color:transparent;
				font-size: 1.5em;
				color: #fff;
			}
			.close_pdf:hover { color: rgb(113, 23, 23); }

	.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 {
			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:#8be377; border:#FFF solid thin; }


	.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;
	  border: #CACACA solid thin;
	  width: 16px;
	  height: 16px;
	  margin: -2px 5px 0 0;
	  vertical-align: middle;
	  cursor: pointer;
	  transition: all .5s ease;
	}

	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: #8be377;
		  border: #FFF solid thin;
		}

		input[type=color] {
			background-color: transparent;
			border: none;
		}


	/* G) LOGIN FORM */

	#sudi_main_login {
		position: relative;
		display: block;
		height: inherit;
		min-height: 100%;
	}

	#login_bg {
		position: relative;
		display: block;
		width: 100%;
		height: 50%;
		z-index: -1;
		background: #6d4c9e;
		background: -moz-linear-gradient(top, #6d4c9e 0%, #523976 100%);
		background: -webkit-linear-gradient(top, #6d4c9e 0%,#523976 100%);
		background: linear-gradient(to bottom, #6d4c9e 0%,#523976 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d4c9e', endColorstr='#523976',GradientType=0 );
	}


	#login_form_container {
		display: block;
		width: 300px;
		height: auto;
		margin: -135px auto 0px auto;
		box-sizing: border-box;
	}

	#main_logo {
			display: block;
			width: 200px;
			height: auto;
			margin: 0px auto;
		}

		input:-webkit-autofill {
			-webkit-box-shadow: 0 0 0 30px white inset;
		}
		.log_i_con {
			position: absolute;
			margin-top: -44px;
			margin-left: 15px;
			font-size: 1.3em;
			color: #b2b2b2;
		}

		#login_user, #login_password {
			display: block;
			width: 100%;
			background-color: #FFF !important;
			color: #b2b2b2 !important;
			height: 50px;
			padding-left: 50px;
			box-sizing: border-box;
			border: none !important;
			margin-bottom: 3px;
		}

	.error_msg { display:block; font-size:.7em; margin: -15px 0px 3px 0px; color:#FFF; text-align:center; opacity:0; transition:opacity 1s ease; }
		.error_msg.show { opacity:1;  }


	.login_buttons { text-align: center; }
		.login_buttons section { display: inline-block; vertical-align: middle; width: 48%; }
 	.login_buttons a
	{
		display:block;
		margin: 2px 0px 15px 0px;
		width:100%;
		vertical-align:top;
		height:40px;
		background-color:#36d8f6;
		text-decoration:none;
		color:#FFF;
		font-size:.8em;
		text-align:center;
		line-height:3;
		cursor:pointer;
	}

		#forget_pass { display: inline-block; text-decoration: underline; vertical-align: middle; font-size: .8em; cursor: pointer; }

			#forget_pass.cancel { color:#e84b37; }


		#login_password_box {
			position: relative;
			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; }


			/* Para Manage en r_panel*/

	.errorMessage {
		position:absolute;
		right:0px;
		font-size:.7em;
		text-align:right;
	}

	label.label_spry {
		font-family: 'montserratsemi_bold';
		margin-bottom: 10px;
		margin-left: 20px;
		font-size: 1em;
		color: #525252;
		display: block;
	}

	/* Textfield */
	.aTextField {
		font-family: 'montserratregular';
		background-color: #ffffff;
		border-bottom: #DADADA solid thin !important;
		border-right: #DADADA solid thin;
		cursor: pointer;
		-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: 'montserratregular';
		background-position: right;
		background-color: #ffffff;
		border-bottom: #DADADA solid thin !important;
		-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: 'montserratregular';
		background-color: #ffffff;
		border-bottom: #DADADA solid thin !important;
		-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: 1.5em;
			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 {
		box-sizing: border-box;
    	border: #dadada dashed thin;
    	border-radius: 15px;
		/*display: inline-block;*/
	}

	.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_tb_path {
		display: block;
		width: 80%;
		margin: 10px auto;
   		padding: 10px 0px 10px 15px;
		color:#adadc6;
		box-sizing: border-box;
	}
	.sudi_tb_path .sudi_cpath { color:#010101; }


	/* NEW SUDI TB */
	.sudi_tb_container {
		display:block;
		position: relative;
		width: 90%;
		max-width: 1600px;
		margin: 20px auto;
		box-sizing:border-box;
		box-shadow: rgba(0,0,0,.3) 0px 1px 3px;
		height: auto;
		max-height: calc(100% - 100px);
		overflow: auto;
		font-size:1em;
	}
		.sudi_tb_container .st_head {

			display: flex;
			flex-direction: row;
			justify-content: center;
			height: 40px;
			align-items:stretch;
			background-color: #FFF;
			border-bottom: #e3e4ea solid thin;
			color:#656578;
			box-sizing: border-box;
		}
		.st_head .st_item i {
			color:#e8c260;
			position: absolute;
			left: 8px;
			top: 13px;
		}

			.st_notxt i {
			    position: relative !important;
				top: 0 !important;
				left: 0 !important;
			}

	.sudi_tb_item_container {
		display: block;
		box-sizing: border-box;
		height:calc(100% - 40px);
		overflow: auto;
	}
	.sudi_tb_container .st_row {
		display: flex;
		flex-direction: row;
		justify-content: center;
		height: 70px;
		align-items:stretch;
		border-bottom: #e3e4ea solid thin;
	}

	.sudi_tb_container .st_head .st_item, .sudi_tb_container .st_row .st_item {
			/* GROW - SHRINK - BASIS */
			position:relative;
			flex: 1 1 20%;
			display: inline-flex;
			justify-content: center;
			align-items:center;
			border-right: #e3e4ea solid thin;
			font-size: .83em;
			text-align: center;
			color: black;
			box-sizing: border-box;
			word-break: break-word;
	}

			.st_item img {
    			max-height: 100%;
    			max-width: 100%;

    		}

		.st_row:nth-child(even) {
			background-color:#FFF;
		}

		.sudi_tb_container .st_row .st_item i {
			display: none;
			color: #e8c260;
		}

	.st_item:last-child {
		border:none !important;
	}

	/* btn de opciones */
	.st_row_option span { font-size: .8em; }
	.st_row_option_btn i {
			color:rgba(255,255,255,.8) !important;
			display: block !important;
			font-size: 1.5em;
		}


	/* LIST OLD*/

	.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: 'montserratsemi_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;

				-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);
			}

				.list_item_blur {

					-webkit-filter: blur(3px);
					-moz-filter: blur(3px);
					-o-filter: blur(3px);
					-ms-filter: blur(3px);
					filter: blur(3px);
					opacity: .3;

				}

			.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: 'montserratregular';
				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:0px;
					right:100px;
					width:auto;
					background-color:rgba(255,255,255,.9);
					border-radius: 10px;
					border-bottom-left-radius: 0px;
					border-bottom-right-radius: 0px;
					border:#d3d9e7 solid thin;
					color:#656578;
					padding: 10px 0px 12px;
					z-index:1;
					font-size: 1.1em;


					-webkit-user-select: none;
					-moz-user-select: none;
					-ms-user-select: none;
					user-select: none;
				 }

					.info_show #nav_list { right:350px; }

					#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;
						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(0,0,0,.2);
							cursor:default;
						}

						#page_info {
							font-size:.8em;
							display:inline-block;
							vertical-align:middle;
							padding:0px 10px;
						}

						#page_info .list_search_clean {
						    cursor: pointer;
							padding: 5px 10px;
							background-color: rgba(231,49,49,1);
							color: #FFF;
							margin: 0px 10px;
							border-radius: 4px;
						}

						.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 */


		/* SEARCH */

		/* CONTENEDOR DE OPCIONES DE búsqueda */
	.list_search_options_container{
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		width: 100%;
		position: absolute;
		height: 100%;
		background-color: #FFF;
		top: -100%;
		transition: all .5s ease;
	}
		.close_search_container {position: absolute; top: 10px; right:10px; cursor: pointer;}
	.list_search_options_container.on { top: 0%; }

		.upbar_search {
			background-image: url(../_img/icons/search_icon.svg);
			background-repeat: no-repeat;
			background-position: right;
			-webkit-appearance: none;
			-moz-appearance: none;
			background-size: 50px;
			border-radius: 40px;
			padding-left: 10px;
			appearance: none;
			color: #adaeb9;
			font-size: 1em;
			display: block;
			height: 30px;
			width: 250px;
			border:#e2e7f0 solid thin;
		}

		.upbar_search::-webkit-input-placeholder {
		   color: #adaeb9;
		   font-size:1em;
		}

		.upbar_search:-moz-placeholder { /* Firefox 18- */
		   color: #adaeb9;
		   font-size:1.2em;
		}

		.upbar_search::-moz-placeholder {  /* Firefox 19+ */
		   color: #adaeb9;
		   font-size:1.2em;
		}


		.upbar_search::-webkit-search-cancel-button{
   			-webkit-appearance: none;
    		color:#adaeb9;
		}


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

		.list_filter { width: 100px;	}

		.list_filter select {
			display: block;
			height: 30px;
			background-color: #FFF;
			width: 100%;
			padding: 2px;
			font-size: 1em;
			line-height: 2;
			border-radius: 20px;
			-webkit-appearance: none;
			color: #adaeb9;
			padding-left: 10px;
			box-sizing: border-box;
			border: #e2e7f0 solid thin;
		}

	/* S W I T C H*/

	.switch_cont {
		display:block;
		margin: 5px;
	}
		.switch_cont p {
			font-size:.5em;
			text-align:center;
		}

	.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: 'montserratsemi_bold';
			margin-left: 15px;
		margin-top:20px;
			color: #ca4b3b;
		}

	.form_manage {
		position:absolute;
		background-color:#FFF;
		display:block;
		width:80%;
		left: 50%;
		margin-left: -40%;
		height: calc(100% - 65px);
		overflow: auto;
		padding-bottom:1px;
		box-shadow:rgba(0,0,0,.3) 2px -2px 4px;
		transition: top .5s;
		top:110%;

	}

		.form_manage.show {
			top:45px;
		}
		.main_input_container {
			height: calc(100% - 67px);
    		overflow: auto;
			padding: 15px;
   			box-sizing: border-box;
		}
		#r_panel .main_input_container { padding: 0px; }
		.form_title {
			display: block;
			width: 100%;
			height: 65px;
			background-color: #f5f8fa;
			color: #000;
			font-size: 1.1em;
			line-height: 4;
			padding-left: 20px;
			box-sizing: border-box;
		}
			#r_panel .form_title { font-size: 1em; }
				.form_title .r_title_icon { color: #f4cc87; margin-right: 8px; }
			.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: 'montserratsemi_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 20px auto;
	}

	.loading_manage {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:rgba(255,255,255,.5);
	}
		.loading_manage.hidden {
			display:none !important;
		}

	.form_submit {
		opacity: 0;
		height: 1px;
		width: 1px;
	}

	.span_submit {
		display: block;
		text-align: center !important;
		position: absolute;
		left: 0px;
		bottom: 0px;
		border: none;
		background-color: #a9e08b;
		color: #FFF;
		border-radius: 0px !important;
		font-size: 1.2em;
		padding: 15px 25px;
		cursor: pointer;
		transition: background-color .5s ease;
		-webkit-appearance: none;
		box-sizing: border-box;
		width: 100%;
}
.span_submit i { opacity: .3; float: left; top: 20px; }

	/* 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:#F00;
				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 .3s ease-out;
			-moz-transition: all .3s ease-out;
			-o-transition: all .3s ease-out;
			transition: all .3s ease-out;
		}

	#r_panel{
			position:fixed;
			padding-top: 0px;
			right:0px;
			top:0px;
			background-color: #FFF;
			width: 300px;
			height: 100%;
			margin-right:-300px;
			z-index: 1999;
			box-sizing:border-box;
			overflow:auto;
		    border-left: #e2e7f0 solid thin;
		}
		.r_panel_show{
				margin-right: 0px !important;

			}




	#r_panel .form_manage {
			margin: 0px;
			width: 100%;
			max-width: 100%;
			position: absolute;
			background-color: #FFF;

			min-height: -webkit-calc(100% - 1px);
			min-height: -moz-calc(100% - 1px);
			min-height: -o-calc(100% - 1px);
			min-height: calc(100% - 1px);

			/* Nuevo para anular animación */

			top:0 !important;
			left: 0 !important;

		}
			#r_panel .input_section { margin: 0px auto; }
				#r_panel .textfieldHintState input { color: #010101 !important; font-size: .9em !important;}

		.comment{
				position: relative;
				height: auto;
				margin:8px 0px;
			}

		#history_comment {
				display: block;
				width:100%;
				position: relative;
				margin-top: 25px;
				padding: 0px 10px;
				min-height:200px;
				box-sizing: border-box;
			}

		.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 {
				font-size: .85em;
				line-height: 1.5;
				padding: 0px 10px 0px 50px;
			}

		.comment_name {
				color: #010101;
				margin-left: -35px;
				font-size: 1.2em;
			}
			.comment_name img { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 4px; border-radius: 50%; }
		.comment_name.actual_user {
			color:#d3d3d3;
		}
		.clear_comment {
			display:block;
			clear:both;
		}

		#r_panel .comment sup{
				color: #C2C2C2;
				display: block;
				font-size: 0.6em;
				margin-left: 50px;
			}
			#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;
				}

			.comment_input {
				display: block;
				border-radius: 5px;
				width: 80%;
				font-family: 'montserratlight';
				color:#010101 !important;
				margin: auto;
				border: none !important;
				background-color: #f5f8fa;
			}

			#r_panel .errorMessage {
				right:50px;
				font-size:.5em;
			}

		.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: 20px;
				color: #f00024;
				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;
	}


	/* "RETRACT" Section: #acción generica para mostrar u ocultar un contenido  */

	.retract_resume {
			display: block;
			width: 100%;
			color: #010101;
			text-align: center !important;
			border-bottom:#e4e6ec solid thin;
		}

			.retract_resume span {
				display: inline-block;
				cursor: pointer;
				font-size: 1.3em;
				color: #34d9f8;
				padding: 5px 8px;
				text-align: center;
				vertical-align: middle;
			}

		.retract_options {
			display:block;
			width:100%;
			height:0px;
			overflow:hidden;
			margin-bottom: 15px;
		}


/* 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 .option_btn {
		float:right;
		cursor:pointer;
		margin-right:20px;
		font-size:1.5em;
	}
		#report_list_container .option_btn i {
			background: -webkit-linear-gradient(rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1));
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}

	#report_list_container h1 {
		color:#e84b37;
		font-size:1.6em;
	}

	#report_list_container h2.subtitle {
		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.subtitle: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: 'montserratsemi_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;
		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;
		overflow:auto;
		background-color:#FFF;
	}

		/* 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: 'montserratregular';
					}

					.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;

			}



	/* REPORT LIST */

	#report_items_container {
			display:block;
			width:90%;
			margin:20px auto;
			text-align:center;
		}
			.report_item {
				display:inline-block;
				vertical-align:top;
				margin:30px 2px;
				width:250px;
				min-height:50px;
				box-sizing:border-box;
				background-color:#FFF;
				border-radius:5px;
				overflow:hidden;
				border:#E2E2E2 solid 1px;
			}

				.report_item_info {
					display:block;
					height:120px;
					box-sizing:border-box;
					width:100%;
					padding-top: 1px;
					margin-top: -1px;
					cursor:pointer;

				}

					.report_item_info h3 {
						display:block;
						color:#e84b37;
						text-align:center;
						margin:0px 10px 10px 10px;
					}

					.report_item_info .icon {
						font-size:3em;
						margin:20px 0px 0px 0px;
						display:block;
						text-align:center;
						background: -webkit-linear-gradient(rgba(202, 76, 59, 1) 0%, rgba(106, 81, 142, 1) 35%, rgba(137, 182, 85, 1) 65%, rgba(104, 181, 199, 1));
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}

						.report_item_info:hover { background-color:#FAFAFA; }
						.report_item_info:hover h3{ color:#CACACA;}

				.report_item_resume {
					display:block;
					height:180px;
					box-sizing:border-box;
					width:100%;
					background-color:#FAFAFA;
					padding-top:1px;
					margin-top:-1px;
				}

					.report_item_resume .icon {

						display:block;
						text-align:center;
						margin:60px 0px 0px 0px;
						font-size:4.5em;
						color:#EAEAEA;
					}

							.report_item_resume:hover .icon {
								color:#FAFAFA;
							}




/* FULL CALENDAR */

/* Fondo Blanco */
.fc-view-container {
	background-color:#FFF;
}

/* HEADER de color especifico */

.fc-head {

	background-color:#626262;
	color:#FFF;
	padding:0px 10px;

}
	.fc-toolbar h2 {
		color:#626262;
		font-family: 'montserratregular' !important;
		text-transform:capitalize;
	}

	.fc-state-default.fc-corner-left, .fc-state-default.fc-corner-right {
		border-radius: 6px;
		background-color: transparent;
		padding: 0px 35px;
		background-image: none;
		color: #626262;
		border: #626262 solid 2px;
		font-family: 'montserratregular' !important;
		box-shadow: none;
		box-sizing:border-box;
	}
		.fc-state-default.fc-corner-left:hover, .fc-state-default.fc-corner-right:hover {
			background-color: #626262;
			color:#FFF;

		}

	.fc-state-default.fc-corner-right {
		margin-left:10px;
	}

	.fc-event{
		cursor: pointer;
		box-sizing:border-box;
	}