/* CSS ESPECIAL PARA SUDI V3 DE UPGRADE DISEÑO INTERACTIVO */

.cursor_pointer { cursor: pointer; }

/* HOME */

#home_container {
		padding:20px;	
	}
		#home_container h1 {
			color: #e84b37;
			font-size: 1.6em;	
		}
		
	/* HOME - ATTENDANCE */
	
	#onoffice_wrapper {
		display:flex;
		align-items: center;
		overflow-x:auto;
		padding-bottom: 10px;
	}

	#wid_onoffice_users {		
		width:95%;
		box-sizing: border-box;
		max-width:1200px;
		margin:10px auto;
		border-radius:20px;
		background-color:#FFF;
		text-align:center;
		
		border: #edf0f2 solid thin;
	}
		#onoffice_headline { display: block; box-sizing: border-box; text-align: left; padding: 10px 0px 10px 15px; color:#adadc6; border-bottom: #eaedef solid thin; }

		
		#wid_onoffice_users div { 
			position: relative;
			max-width: 170px;
			min-width: 170px;
			margin: 5px 10px;
		
		}
		#onoffice_wrapper div:nth-child(even){
			margin:0px -35px -100px -35px;
		}
		
		#onoffice_wrapper div:nth-child(odd){
			margin-bottom:100px;
		}
			
			#wid_onoffice_users div img { width:100%; border-radius:50%; max-width:100px; display:block; margin:auto;}
				#wid_onoffice_users div img.user_eating{ 
					-webkit-filter: grayscale(70%);
					filter: grayscale(70%);
				}
				#wid_onoffice_users div img.user_out{ 
					-webkit-filter: grayscale(100%);
					filter: grayscale(100%); 
				}
				
				.wid_onoffice_img_user { z-index:10; margin-top:-100px !important; transition:all .5s ease; }	
					.wid_onoffice_img_user:hover { opacity:0; }
					.wid_onoffice_img_map { z-index:1; }
				
			#wid_onoffice_users div span { font-size:.8em; display:block; margin:2px auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#323232; }
			#wid_onoffice_users div .wid_onoffice_time { 
				display:block; 
				width:100%; 
				text-align:center; 
				position:absolute; 
				left:0px; top:50%; 
				font-size:1em;
				text-shadow:rgba(0,0,0,.5) 1px 1px 2px;
				padding:3px 0px;
				color:#FFF;
				z-index:1;
			}
			#wid_onoffice_users div .wid_onoffice_icon { font-size:1.2em; }
			#wid_onoffice_users div .wid_onoffice_place { font-family: 'montserratlight'; font-size:.6em; color:#adadc6; }	

			/* HOME - ATTENDANCE [END] */


		/* HOME - DEBTS */

				

		/* HOME - DEBTS [END]*/



/* HOME [END] */

/* LIST - SALES */

.sale_element { width:90%; max-width:1500px; margin:30px auto; background-color:#FFF; box-shadow:rgba(0,0,0,.1) 2px 2px 2px; height:auto; min-height:180px; border-radius:8px; display:flex; overflow:hidden; }
		.sale_element .sale_info_block { display:inline-block; margin: 0px auto; vertical-align:top; width:40%; box-sizing:border-box; padding:15px; position:relative; }
			.sale_info_block:first-child { border-right:#f2f2f2 3px solid; width:29%; }
			.sale_info_block:last-child { border-left:#f2f2f2 3px solid; width:29%; }
		
			/* DATE */
				.sale_date { margin:5px 0px; display:block; font-size:.7em; text-align:left; color:#b1b1b1; }
				.sale_name { margin:5px 0px; display:block; color:#ca4b3b; font-size:1.2em; }
				.sale_ammount { display:block; color:#69b5c5; font-size:1.4em; }
				
				.sudi_progress_bar_container { display:block; width:100%; margin:20px auto; height:20px; border-radius:3px; box-shadow:inset 0 0 4px rgba(0,0,0,.3); overflow: hidden; background-color: var(--btn-upbar-bg);}
					.sudi_progress_bar { display:block; 	width:0px; 	height:inherit; transition:all 1s ease; background-color: var(--btn-upbar-color); }
			
			/* INCOMES */				
				.sale_row { display:flex; width:100%; text-align:center; cursor:pointer; transition:all .5s; }
				.sale_info_incomes { max-height:180px; overflow:auto; padding:0px 20px !important; }
					.sale_row:hover { background-color:#F2F2F2; }
					.sale_row_title { display:flex; 	width:100%; 	text-align:center; 	border-bottom:#b1b1b1 solid thin; }
					.sale_row_income { border-bottom:#b1b1b1 dotted thin; color:#323232; }
					
						.sale_row_income .icon-iconos-sudi-circle-o { color:#6cc04a; }
						.sale_row_income .icon-iconos-sudi-circle { color:#725091; }
					.sale_row span, .sale_row_title span { color:#b1b1b1; font-size:.75em; flex-grow: 1; flex-basis: 0;  padding:10px 0px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
			
			/* RESUME */
				.sale_subtotal{ display:block; margin:10px auto; font-size:1em; color:#4e4e4e; }
				.sale_iva { display:block; margin:10px auto; font-size:1em; color:#4e4e4e; }
				.sale_total{ display:block; margin:15px auto; font-size:1.5em; color:#6a558f; }
					.sale_bold { color:#323232; font-family: 'texta-bold'; }
				.sale_client_logo { display: block; margin: 0px auto 10px auto; width: auto; height: 50px; max-width: 175px; }
					
		/* Warning Msg */
		.sale_income__msg { display:block; text-align:center; padding:50px 0px; cursor:pointer; }
			.sale_income__msg i { display:block; font-size:3em; color:#6cc04a; opacity:.5; }
				.sale_income__msg:hover i { opacity:1; }

.sale-indicators{
	display: flex;
    justify-content: space-around;
    height: calc(100% - 80px);
    align-items: center;
}
	.sale-indicators span { font-size: .8em; display: flex; align-items: center; color: #9A9A9A; }
	.sale-indicators span i { font-size: 1.2em; margin-right: 5px; color:#000; }

/* LIST - INCOMES */

.inco_element {
		width:80%;
		max-width:700px;
		min-height:135px;
		margin:30px auto;
		background-color:#FFF;
		padding:0px;
		position:relative;
		border-radius: 10px;
		letter-spacing:-5px;
		display: flex; /* Igualamos el alto de lo 'children'*/
		overflow:hidden;
	    box-shadow: rgba(0,0,0,.3) 2px 2px 2px;
		
	}
	
		.inco_data {
			letter-spacing:0px;
			display:inline-block;
			box-sizing:border-box;
			width:70%;	
		}	
				.inco_data .inco_data {
					display:block;
					box-sizing:border-box;
					width:100%;
					color:#1D9EB7;
					font-size:1.2em;
					position:relative;
					padding:10px 0px 20px 15px;
				}
				.inco_data .inco_data p {
					color:#A7A7A7;
					font-size:.6em;
				}
				
				.inco_data .inco_data .inco_date {
					position:absolute;
					top:6px;
					right:15px;
					padding:2px 5px;
					font-size:.6em;
					color:#A7A7A7;	
				}
				
					.inco_data .inco_data span  #inco_rec { font-family: 'texta-bold'; color:#6cc04a; }
					.inco_data .inco_data span  #inco_sch { font-family: 'texta-bold'; color:#e84b37; }
					
				
					.inco_data .inco_data span:first-letter {
						text-transform: uppercase;
					}
				
			.inco_transaction {
				position:relative;
				display:block;
				padding:5px;	
				text-align:right;
			}
			
				.inco_transaction p {
					color:#727272;
					font-size:1em;
				}
				
				.inco_transaction span {
					display:block;
					color:#929292;
					font-size:.6em;
				}
					
		.inco_status_container {
			display:none;
			position:relative;
			letter-spacing:0px;
			display:inline-block;
			vertical-align:top;
			text-align:center;
			box-sizing:border-box;
			width:30%;
			background-color:#fcfcfc;
			padding:10px 10px 0px 0px;
		}
			.inco_status_container span {
				display:block;
				padding:1px 10px;
				font-size:.8em;
				color:#929292;
				text-align:right;
				
			}
			.inco_transation_type {
				font-size: 1.2em;
				color: #69A64C;
				line-height: 1.5;
				text-align: right;
			    padding: 1px 10px 45px 0px;
			}
			
			.inco_status {
				position:absolute;
				width:100%;
				display:block;
				bottom:0px;
				box-sizing:border-box;
				padding:10px 0px;
				color:#FFF;
				font-size:.9em;
			}
				.inco_status i {
					font-size:1.6em;
					position:absolute;
					left:10px;
					top:8px;
					opacity:.5;	
				}
			.inco_gravable {
				
				position:absolute;
				left:10px;
				bottom:10px;
				
			}

/* LIST - INCOMES [END] */


/* LIST - ATTENDANCE */

.att_list_row {
		display: block;
		width: 80%;
		margin: 10px auto;
		max-width: 1000px;
		height: auto;
		border: #d3d9e7 solid thin;
		border-radius: 10px;
		background-color: transparent;
		cursor: pointer;
		transition: all .3s ease;
	}
	.att_list_row:hover { transform: scale(1.02); }
		.att_list_date {
			display: inline-flex;
			vertical-align: middle;
			width: 200px;
			height: auto;
			color:#656578;
			flex-direction: column;
			align-self: center;
			justify-content: center;
			box-sizing: border-box;
			border-right: #d3d9e7 solid thin;
		}
		.att_list_date span, .att_list_date p { display: block; text-align: left; box-sizing: border-box; padding-left: 20px;}
		.att_list_date span { font-size: .7em; }
	
	.att_list_hours{
		display: inline-flex;
		vertical-align: middle;
		width: calc(100% - 205px);
		height: auto;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		
	}
	
		.att_list_hours div{
			
			position: relative;
			padding-left: 25px;
			box-sizing: border-box;
			height: 80px;
			flex-grow: 1;
			display: inline-flex;
			align-items: center;
			flex-direction: column;
			justify-content: center;
			flex-basis: 20%;
		}
			.att_list_hours div i { position: absolute; left: 12px; top: 22px; font-size: 1.2em; }
			.att_list_hours div span, .att_list_hours div p { display: block; width: 100%; padding-left: 35px;}
			.att_list_hours div span { font-size: .7em; color: #adadc6; }
			.att_list_hours div p { font-size: .9em; color:#000; }
			
			
/* R_PANEL */

	/* EXP_STATS */
	
		#est_exp_chart_container {
			width:80%;
			height:auto;
			margin:5px auto;
		}
			#est_exp_chart_container canvas {
				width:95%;
				margin:auto;
			}
	#est_exp_total,.r_panel_table_container {
		display:block;
		width:100%;
		color:929292;
		text-align:center;
		margin:20px auto;
	}
	
		#est_exp_total div, .r_panel_table_container div {
			display:inline-block;
			width:40%;
			padding:3px 0px;	
		}
			#est_exp_total div:nth-child(odd) {
				text-align:right;
				color:#725091;
			}
			#est_exp_total div:nth-child(even) {
			text-align:left;
		}
		
			.r_panel_table_container div {
				font-size:.7em;	
			}
			
/* RESPONSIVE - SMALL*/

	@media only screen and (min-width:10px) and (max-width:600px) {
	
		/* LIST - SALES */
		
			.sale_element { display:block; width:95%; }
				.sale_info_block { width:100% !important; border:none; margin:0px !important; text-align:center; }
					.sale_info_incomes { max-height: none; }
	
		/* LIST - ATTENDANCE */
		
		.att_list_row {
			width:100%;
			height:auto;
			background-color:#FFF;
			border:none;
			border-radius: 0;
			margin:5px 0px;
		}
		
			.att_list_date { width:100%; padding:10px 0px; }
			.att_list_hours { width: 80%; display: flex; box-sizing: border-box; margin: 0px auto; }
			.att_list_hours div { flex-basis: 50%; }
			.att_list_row:hover { transform:none; }
	
	} /* MEDIA 10px - 600px */


/* Generar URL encestas de calidad */
#generate_url {
		background-color: #795081;
		display: inline-block;
		padding: 10px 30px;
		margin-top: 50px;
		cursor: pointer;
		color: #fff;
	}

#surveys_url_view {
		text-align: center;
		margin: 15px 0px;
		font-size: 1.3em;
		color: #86ac5a;
	}

/* Popups ticket base */
#ticket_summary {
		background-color: #FFFFFF;
		padding-bottom: 30px;
		margin: 100px auto;
		position: relative;
		padding: 10px;
		width: 500px;
	}
	#ticket_summary_header {
			background-color: #69508e;
			box-sizing: border-box;
			height: 100px;
			width: 100%;
		}
		#ticket_summary_header img { margin: 15px; width: 80px; }

		#ticket_summary_header .this_close {
				border-radius: 10px;
				position: absolute;
				color: #ffffff;
				height: initial;
				width: initial;
				padding: 20px;
				right: 0px;
				top: 0px;
			}

	#ticket_summary_title {
			font-family: 'montserratsemi_bold';
			text-align: center;
			margin: 0px auto;
			margin-top: -50px;
			width: 300px;
		}
		#ticket_summary_photo {
				background-repeat: no-repeat;
				background-position: center;
				background-color: #ffffff;
				background-size: 80%;	
				box-sizing: border-box;
				vertical-align: top;
				border-radius: 50%;
				margin: 0px auto;
				display: block;
				height: 100px;
				width: 100px;
			}
		#ticket_summary_title sub {
				font-family: 'montserratlight';
				color: #bbbbbb;
			}
		#ticket_summary_title p {
				font-family: 'montserratsemi_bold';
				font-size: 1.1em;
				color: #909090;	
			}
			#ticket_summary_title p a { color: #69508e; }

	.ticket_summary_sep {
			background-color: #cfd9de;
			margin-bottom: 25px;
			border: none;
			height: 1px;
			width: 100%;
		}
	.ticket_summary_sub { font-family: 'montserratlight'; display: block; font-size: .8em; color: #bbbbbb; }
	.ticket_summary_p { font-family: 'montserratsemi_bold'; color: #297ba5; }
	.ticket_summary_img { width: 100%; }

	.ticket_summary_task {
			font-family: 'montserratregular';
    		color: #63636f;
		}
		.ticket_summary_circle {
				margin-right: 15px;
				cursor: pointer;
			}
			.ticket_summary_circle i { vertical-align: middle; }
			.commitments_selected { color: #66C9C9 !important; }

	.ticket_summary_duo {
			display: inline-block;
			position: relative;
			margin-right: 3%;
			width: 45%;	
		}
	
	.ticket_summary_btn { 
				border: 1px solid #69508e;
				font-family: 'montserratsemi_bold';
				cursor: pointer;
				color: #69508e;
				padding: 20px;
				float: right; 
			}
			.ticket_summary_btn span { font-family: 'montserratlight'; font-size: .8em; color: #bbbbbb; }
		
		.ticket_summary_status {
				background-color: #edf3f5;
				position: absolute;
				text-align: center;
				padding: 20px 0px;
				display: block;
				bottom: -58px;
				width: 100%;
				left: 0px;		
			}
			.ticket_summary_status i { vertical-align: middle; }
	
	@media only screen and (min-width:10px) and (max-width:600px) {
			#ticket_summary { width: 80%; }
		}
		
/* Popus summary base */

.summary_container {
		background-color: #fff;
    	margin: 50px auto;
    	display: block;
    	width: 80%;
	}	
	.summary_title {
			border-bottom: rgb(120, 101, 146) 4px solid;
			background-color: #342847;
			font-family: 'montserratlight';
			box-sizing: border-box;
			padding-bottom: 10px;
			padding-left: 10px;
			position: relative;
			padding-top: 10px;
			margin-top: 30px;
			color: #fff;
			width: 100%;
		}
		.summary_title .this_close {
				margin-top: -10px;
				height: initial; 
    			width: initial;
				padding: 10px;
			}
	
	.summary_content {
			margin: 20px auto;
			overflow: auto;
			width: 90%;
		}
		.summary_table {
				letter-spacing: -5px;
				max-height: 600px;
				margin: 20px 0px;
				overflow: auto;
				clear: both; 
			}
			.summary_subtitles {
					background-color: #e4e4e4;
					padding: 10px 0px 5px;
					display: block;
					height: auto;
					width: 100%;
				}
				.summary_col {
						border-left: #ccc 1px solid;
						box-sizing: border-box;
						display: inline-block;
						vertical-align: top;
						padding-left: 20px;
					}
					.summary_col p {
							letter-spacing: 0px;
							font-size: .8em;
							color: #676767;
						}
			
			.summary_row {
					position: relative;
					padding: 5px 0px;
					margin: 0px;
				}
				.summary_row:nth-child(odd) { background-color: #f3f3f3; }
				.summary_row:nth-child(even){ background-color: #FFFFFF; }
				
				.summary_row p {
						font-size: .8em;
						color: #808080;
					}

/* Calendario */
#right_container #close_comments {
		margin: 0px;
		font-size: 1.4em;
		background-color: #FFF;
		padding: 12px 12px 11px 12px;
	}

/* Mensaje para cuando una lista esta vacía */
.vide_list {
    letter-spacing: 0px;
    text-align: center;
    margin-top: 50px;
    color: #8A8888;
}

/* Bitacora de proyectos --> ventas */
#btn_binnacle {
		-webkit-transition: 1s;
		-os-transition: 1s;
		transition: 1s;
		
		border: 1px solid #342847;
		margin-bottom: 20px;
		padding: 10px 29px;
		cursor: pointer;
		color: #777;
		float: right;
	}
	#btn_binnacle:hover {
			background-color: #342847;
			color: #fff;
		}

/* Navegacion */
#crumb_nav {
		margin: 20px auto;
		display: block;
		width: 90%;
	}
	#crumb_nav span {
			vertical-align: middle;
			display: inline-block;
			margin: 0px 10px;	
		}
	
	.crumb_nav_btn { 
			font-family: 'montserratlight'; 
			color: #d3d9e7;
			cursor: pointer;
		}
	.crumb_nav_icon { color: #d3d9e7; }

/* URL */
.surveys_url {
		text-decoration: none;
		color: #563d7a;
	}
	.surveys_url i {
			display: inline-block !important;
			color: #ac86e4 !important;
			vertical-align: middle;	
		}

/* Reuniones */

#user_commitments_add {
		margin-top: 20px;
		color: #419abf;
		cursor: pointer;
		display: block;
		font-size: 2em;
		width: 50px;
	}
	
.commitments_row { width: 100%; }
	.commitment_trash {
			position: absolute;
			color: #cc3434;
			cursor: pointer;
			z-index: 99;
			right: 10px;
			top: 10px;
		}
		
.commitment_add { 
		font-size: 1.4em;
		color: #297ba5;
		cursor: pointer;
		float: right;
	}
	
.commitment_finish {
		background-color: #66c9c9;
		text-align: center;
		padding: 10px 0px;
		color: #ffffff;
		cursor: pointer;
		display: none;
	}
	
.input_section_manual { margin-right: 10px; }
	.input_section_manual label {
			margin-bottom: 10px;
			margin-left: 20px;
			font-size: 1em;
			color: #525252;
			display: block;
		}
		
	.input_section_manual p {
			border-bottom: #DADADA solid thin;
			padding: 10px 20px !important;
			color: #1F6697 !important;
			display: block !important;
			background-color: #ffffff;
			min-height: 20px;
			font-size: .9em;
			width: 90%;
		}

.multiple_commitments {
		border: #bdc3c5 dashed thin;
		box-sizing: border-box;
		margin-top: 5px;
		padding: 10px;
	}

/* E) Vacaciones  */
#holidays_breakdown {
		border: #e8e8ed 2px solid;
		padding-bottom: 10px;
		border-radius: 10px;
		text-align: center;
		margin: 0px auto; 
		display: block;
		width: 90%;
	}
	#holidays_breakdown h4 {
			border-bottom: #e8e8ed 2px solid;
    		padding: 20px 0px;
			color: #384e69;
			width: 100%;	
		}
	
	#holidays_breakdown .holidays_breakdown_days {
			vertical-align: middle;
			display: inline-block;
			margin: 10px 20px;
			text-align: left;
			color: #2f7bff;
		}
		#holidays_breakdown .holidays_breakdown_days span { font-size: .8em; color: #a2a2a6; display: block; }
		#holidays_breakdown #holidays_breakdown_total {
				border: #e8e8ed 1px solid;
				border-radius: 10px;
				padding: 20px;
				color: #a0ea5f;
			}
	
	#holidays_breakdown .holidays_breakdown_info {
			vertical-align: middle;
			display: inline-block;
			margin: 10px 20px;
			text-align: left;
			color: #2f7bff;
		}
		#holidays_breakdown .holidays_breakdown_info span { font-size: .8em; color: #a2a2a6; display: block; }

.holidays_btn {
		border-bottom: 1px solid #34d9f8;
		padding-bottom: 10px;
		cursor: pointer;
		color: #34d9f8;
	}
	.holidays_btn i {
			display: inline-block !important;
			color: #34d9f8 !important;
			vertical-align: middle;
			margin-right: 10px;
			font-size: 1.4em;
		}

	.holidays_status i {
			display: inline-block !important;
			color: #ffffff !important;
			vertical-align: middle;
			margin-right: 10px;
			font-size: 1.4em;
		}
		
	@media (min-width:100px) and (max-width:870px) {
			#holidays_breakdown .holidays_breakdown_days { margin: 10px auto; display: block; width: 90%; }
			#holidays_breakdown #holidays_breakdown_total { 
					border-bottom: #e8e8ed 1px solid;
					box-sizing: border-box;
					border-radius: 0px;
					padding-left: 28px;
					border-right: 0px;
					border-left: 0px;
					border-top: 0px;					
					width: 100%;
				}
			#holidays_breakdown .holidays_breakdown_info { margin: 10px auto; display: block; width: 90%; } 
		}
	
	@media (min-width:100px) and (max-width:750px) { #holidays_breakdown { margin-bottom: 20px; } }
	
/* K2) Solicitudes ( Vacaciones )  */
#sarch_content {
		position: relative;
		text-align: right;
		margin: 0px auto;
		width: 80%;
	}		
	#sarch_content .input_section { margin-right: 10px; }
	#sarch_content label { font-size: .8em !important; text-align: left; }
	#sarch_content input { border-radius: 10px; }
	#sarch_content select { border-radius: 10px; }
	#btn_sarch {
			background-color: #69508e;
			display: inline-block;
			border-radius: 10px;
			position: absolute;
			margin-top: 6px;
			cursor: pointer;
			color: #FFFFFF;
			padding: 10px;
			bottom: 20px;
			right: 0px;
		}
	
	#btn_refresh {
			background-color: #69508e;
			display: inline-block;
			border-radius: 10px;
			position: absolute;
			margin-top: 6px;
			cursor: pointer;
			color: #FFFFFF;
			padding: 10px;
			bottom: 20px;
			right: -45px;
		}


.flex_catalog {
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
		align-items: flex-start;
		align-content: flex-start;
	}

.request_admin_element {
		border: #d3d9e7 1px solid;
		border-radius: 10px;
		background: inherit;
		text-align: center;
		position: relative;
		padding: 0px;
		margin: 20px;
		width: 20%;
	}
	
	.request_admin_element .holidays_cancel {
			position: absolute;
			color: #DD2428;
			right: 10px;
			top: 10px;
		}
	
	.request_admin_element img {
			border-radius: 50px;
			margin: -20px auto;
			display: block;
			width: 100px;	
		}
	
	.request_admin_element h3 { font-family: 'montserratregular'; margin: 10px 0px; color: #33496f; }
	.request_admin_element h5 { color: #8e8e8e; font-size: .8em; }
	.request_admin_element p { font-family: 'montserratregular'; }
	
	.request_admin_auto {
			letter-spacing: -5px;
			display: block;
			width: 100%;	
		}
		.request_admin_btn {
				display: inline-block;
				vertical-align: top;
				letter-spacing: 0px;
				padding: 10px 0px;
				font-size: .8em;
				cursor: pointer;
				color: #FFFFFF;
				width: 50%; 
			}
			.request_admin_btn i { display: block; }
		
	.request_admin_status {
			padding: 10px 0px;
			display: block;
			color: #FFFFFF;
			width: 100%; 
		}
		
	.request_done { background-color: #83f381; }
	.request_close { background-color: #f14d4d; }
	.request_delete { background-color: #3B3B3B; }
	.request_clock { background-color: #daa954; }
	.request_pdf { background-color: #81d9f3; }
	
	.validation_pdf_btn { cursor: pointer; }
	
	.request_admin_date {
			display: inline-block;
			vertical-align: top;
			font-size: .8em;
			color: #797979;
			width: 40%; 
		}
		.request_admin_date sub {
				display: block;
				color: #000; 
			}

	@media (min-width:980px) and (max-width:1160px) {
		.request_admin_element { width: 25%; }
	}
	@media (min-width:750px) and (max-width:980px) {
		.request_admin_element { width: 40%; }
	}
	@media (min-width:100px) and (max-width:750px) {
		.request_admin_element { width: 80%; }
	}

/* J) Reporte asistencia */
.report_flex	{
		width: 90%;
		display: flex;
		margin: 0px auto;
		position: relative;
		align-items: center;
		align-content: space-between;
	}

	.report_title_container {
			width: 30%;
		}
		.report_title_container h3 { vertical-align: middle; display: inline-block; }
		.report_att_see_more {
				border: #6d8dc3 1px solid;
				border-radius: 20px;
				text-align: center;
				position: absolute;
				color: #6d8dc3;
				cursor: pointer;
				padding: 10px;
				bottom: -10px;
				width: 230px;
				right: 0px;
			}

		.report_title_container .input_section { vertical-align: middle; margin: 0px 15px; width: 120px; }
		.report_title_container label { display: none; }
		.report_title_container .report_select { 
				border-radius: 20px;
				background: transparent;
				color: #6d8dc3 !important;
				border: #6d8dc3 solid 1px !important;
			}

	.report_flex h3 { color: #6d8dc3; }
	.report_chart { margin: 0px auto; display: block; width: 50%; }

	.report_tb_container { height: auto !important; margin-bottom: 80px; }

		.rp_item_25 { flex: 1 1 25% !important; }
		.rp_item_20 { flex: 1 1 20% !important; } 
		.rp_item_18 { flex: 1 1 18% !important; }
		.rp_item_10 { flex: 1 1 10% !important; } 

.report_btn_options {
	    align-content: space-between;
		margin: 0px auto 50px;
		text-align: center;
		align-items: center;
		display: flex;
		width: 90%;
	}
	.report_btn_updown {
			color: #6d8dc3;
			font-size: 1.1em;
			cursor: pointer;
			display: block;
			flex: 200px;
		}

/* Reporte de asistencia */
.not_cheking { font-size: 2em; color: #e86c6c !important; display: block !important; }

.report_attendance_search {
		margin: 10px auto;
		text-align: right;
		display: block;
		width: 90%;

	}
	.report_attendance_search label.label_spry { text-align: left; }
	.report_attendance_search .select_arrow { top: initial; bottom: 10px; }
	.report_attendance_search .att_select {
			border: #6d8dc3 solid 1px !important;
			color: #6d8dc3 !important;
			background: transparent;
			border-radius: 20px;
		}
	.report_attendance_js {
		    background-color: #6d8dc3;
			display: inline-block;
			border-radius: 50%;
			padding: 10px 0px;
			text-align: center;
			margin-top: 47px;
			font-size: 1.2em;
			cursor: pointer;
			color: #ffffff;
			width: 50px;
		}
	.report_attendance_pdf {
		    background-color: #6d8dc3;
			display: inline-block;
			border-radius: 50%;
			padding: 10px 0px;
			text-align: center;
			margin-top: 47px;
			font-size: 1.2em;
			cursor: pointer;
			color: #ffffff;
			width: 50px;
		}
.report_tb_container .st_head .st_item i { color: #684f8d; } 

#report_search_content .report_search_btn {
    background-color: #7448ff;
    display: inline-block;
    border-radius: 50px;
    vertical-align: top;
    padding: 12px 16px;
    cursor: pointer;
    color: #fff;
}

/* Tabal de checking */
.st_head_checking { background-color: #69508e40 !important; }
	.st_item_checking { font-size: .7em !important; color: #ffffff !important; }
	.st_item_checking i { color: #ffffff !important; }
	.checking_container { height: 0px; }






/* Drag & Drop */

.fa-trash{
		color: red;
	}

	.drag_item{
		cursor: pointer;
	    font-size: 0.8em;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    width: 300px;
	    align-items: center !important;
	    margin: 15px;
	    border-radius: 30px;
	    text-align: center;
		border: dashed 1px gray;
		background-color: rgb(248,251,255);
	}



	.drag_item:hover { 
	  background-color: rgb(66,132,217) !important;
	  color:white;
	  /*transform: rotate(20deg);*/
	}

	.drop_flex p {
		text-align: center;
	}

	#div1 {
	    width: 350px;
	    height: 200px;
	    padding: 10px;
	    background-color: rgb(248,251,255);
	    margin-left: auto;
	    border-radius: 13px;
	    border: 1px solid #aaaaaa00;
	    overflow-y: scroll;
	}
	
	#div2 {
	    height: 350px;
	    min-height: 350px !important;
	    min-width: 380px;
		width: 380px;	    
	}

	#div3{
		background-color: white;
	}


	.drop_item{
		
	    cursor: pointer;
	    font-size: 0.8em;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    width: 300px;
	    margin: 15px;
	    color: rgb(126,168,228);
	    border-radius: 30px;
	    border: dashed 1px gray;
	    background-color: white;
	    cursor: pointer;
	}

	.drop_item:hover { 
	  background-color: rgb(66,132,217) !important;
	  
	}


	.drop_flex{
		display: flex;
	}
	
	.back_users{
	    display: flex;
	    margin-bottom: 18px;
	    cursor: pointer;
	    width: 91px;
	}

	#histUpbar{
		color: #89be53;
	}


	.review_menu {
	    cursor: pointer;
	}	
	.org{
		width: 34px;
	    height: 29px;
	    padding-top: 17px;
	    padding-bottom: 5px;
	    margin-right: auto;
	}
	.margin_left{
		margin-left: auto;
	}


/* ASISTENCIA (ATTENDANCE) */

.h1_check {
		background:none !important;
		background-color:#69b5c5 !important;
		color: #FFF !important;
	}
		
	.att_date_now {
		display:block;
		text-align:center;
		border-bottom:#c54e43 solid thin;
		padding: 0px 0px 15px 0px;
		font-size:1.5em;
	}
	
		.att_date_now {
			text-transform:lowercase;	
		}
	
		.att_date_now::first-letter {
			text-transform:capitalize;
		}


	#att_check_options, .manage_btn_options {
		width:100%;
		padding:15px 0px;
		display:flex;
		flex-wrap: wrap;
		width:90%;
		max-width:980px;
		margin:0px auto;
		max-width:600px;
		text-align:center;
	}
	
		#att_check_options span, .manage_btn_options span  {
			display:inline-block;
			position:relative;
			text-align: center;
			line-height:3.5;
			font-size: .9em;
			height:50px;
			background-color:#c2c2c2;
			color:#FFF;
			width:auto;
			flex: 1 0 25%;
			cursor:pointer;
			box-sizing:border-box;		
			transition:all .5s ease;
			opacity: 1;
			 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
			filter: grayscale(100%);
			
	
			
		}
		
			#att_check_options span:hover, #att_check_options span.selected, .manage_btn_options span:hover, .manage_btn_options span.selected {
				opacity: 1;
				 -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
				filter: grayscale(0%);
			}
			
			
			#att_check_options span#att_check {
				color:#69b5c5;
				background-color:rgb(242,242,242) !important;
				flex-basis: 100%;
			}
			
				#att_check_options span#att_check:hover, #att_check_options span#att_check.selected {
					border:#69b5c5 solid 2px;
					color:#FFF;
					background-color:#69b5c5 !important;
				}
		
		.att_info_content {
			display:block;
			width:70%;
			margin:10px auto;	
		}
		
			  #att_place_input, #att_note_input {
				display:block;
				height:0px;
				overflow:hidden;
			}	
		
				
			.att_geo_img {
				display:block;
				margin:10px auto;
				width:90%;
				max-width:600px;
				height:auto;
				border-radius:5px;
				overflow:hidden;	
			}

.att_instructions_p {
	text-align:center !important;
	color:#323232;
	font-size:.85em;
	padding:5px;
}
	
	
		@media only screen and (min-width:10px) and (max-width:600px) {
		
			#att_check_options { display:block; }
				#att_check_options span { display:block; margin:10px; }
			
		}

/***** Estilos de multitabla  *****/
.summary_container {
    background-color: #f5f8fa;
    padding-bottom: 20px;
    position: relative;
    margin: 20px auto;
    text-align: left;
    max-width: 90%;
    display: block;
    width: 100%;
}
.summary_header {
    background-color: #232323;
    box-sizing: border-box;
    padding: 15px 10px;
    text-align: left;
    font-size: 1.3em;
    display: block;
    color: #fff;
    width: 100%;
    height: 60px;
}
#submenu_manage {
    margin: 0px auto;
    text-align: right;
    width: 90%;
}
.btn_menu_manage {
    display: inline-block;
    cursor: pointer;
    color: white;
    padding: 10px;
    margin: 10px;
    background-color: #021971;
}



/* Popus summary base */

.summary_container {
		background-color: #fff;
    	margin: 50px auto;
    	display: block;
    	width: 80%;
	}
	.summary_title {
			border-bottom: rgb(120, 101, 146) 4px solid;
			background-color: #342847;
			font-family: 'montserratlight';
			box-sizing: border-box;
			padding-bottom: 10px;
			padding-left: 10px;
			position: relative;
			padding-top: 10px;
			margin-top: 30px;
			color: #fff;
			width: 100%;
		}
		.summary_title .this_close {
				margin-top: -10px;
				height: initial;
    			width: initial;
				padding: 10px;
			}

	.summary_content {
			margin: 20px auto;
			overflow: auto;
			width: 90%;
		}
		.summary_table {
				letter-spacing: -5px;
				max-height: 600px;
				margin: 20px 0px;
				overflow: auto;
				clear: both;
			}
			.summary_subtitles {
					background-color: #e4e4e4;
					padding: 10px 0px 5px;
					display: block;
					height: auto;
					width: 100%;
				}
				.summary_col {
						border-left: #ccc 1px solid;
						box-sizing: border-box;
						display: inline-block;
						vertical-align: top;
						padding-left: 20px;
					}
					.summary_col p {
							letter-spacing: 0px;
							font-size: .8em;
							color: #676767;
						}

			.summary_row {
					position: relative;
					padding: 5px 0px;
					margin: 0px;
				}
				.summary_row:nth-child(odd) { background-color: #f3f3f3; }
				.summary_row:nth-child(even){ background-color: #FFFFFF; }

				.summary_row p {
						font-size: .8em;
						color: #808080;
					}


/* ---------------------------- Catalogos ---------------------------- */

.catalog_container {
		border: #d3d9e7 1px solid;
		display: inline-block;
		border-radius: 10px;
		vertical-align: top;
		position: relative;
		padding: 20px;
		height: 350px;
		margin: 10px;
		width: 25%;
	}
	.catalog_container_item { overflow: auto; height: 250px; }
		.catalog_container h3 { font-family: 'montserratregular'; margin: 20px 0px; text-align: center; }
		.catalog_container .catalog_item { border-radius: 10px; line-height: 2.5; cursor: pointer; color: #555555; }
			.catalog_container .catalog_item span { margin-right: 20px; margin-left: 20px; color: #b7b7b7; }
			.catalog_container .catalog_item .svg { margin-right: 6px; margin-top: 6px; fill: #e8c260; float: right; width: 25px; }
			.catalog_container .catalog_item i { margin-right: 10px; color: #e8c260; float: right; }

		.catalog_container .catalog_item:hover { background-color: #8da4ff; color: #FFFFFF; }
			.catalog_container .catalog_item:hover span { color: #FFFFFF; }
			.catalog_container .catalog_item:hover .svg { fill: #FFFFFF; }
			.catalog_container .catalog_item:hover i { color: #FFFFFF; }

		.catalog_container .catalog_item_check { background-color: #8da4ff; color: #FFFFFF; }
			.catalog_container .catalog_item_check span { color: #FFFFFF; }
			.catalog_container .catalog_item_check .svg { fill: #FFFFFF; }
			.catalog_container .catalog_item_check i { color: #FFFFFF; }

	.catalog_btn_add {
			transform: translateX(-50%);
			background-color: #304fcc;
			border-radius: 50px;
			padding: 10px 20px;
			text-align: center;
			position: absolute;
			margin: 0px auto;
			cursor: pointer;
			display: block;
			color: #FFFFFF;
			width: 200px;
			bottom: 10px;
			left: 50%;
		}
		.catalog_btn_add i { vertical-align: middle; }

#catalog_options {
		background-color: #FFFFFF;
		padding-bottom: 30px;
		margin: 100px auto;
		position: relative;
		padding: 10px;
		width: 500px;
	}
	#catalog_options_header {
			background-color: #021971;
			box-sizing: border-box;
			text-align: center;
			padding: 20px;
			width: 100%;
		}

		#catalog_options_header p { font-size: 1.1em; color: #fff; }
			#catalog_options_header p sub { color: #f2f5f8; }

		#catalog_options_header .this_close {
				position: absolute;
				padding: 16px 20px;
				color: #d63636;
				height: initial;
				width: initial;
				right: 0px;
				top: 0px;
			}

	#catalog_options_menu { text-align: center; }
		.catalog_options_btn {
			    display: inline-block;
				vertical-align: top;
				color: #102a8b;
				cursor: pointer;
				margin: 20px;
			}


	@media (min-width:990px) and (max-width:1280px) {
		.catalog_container { width: 40%; }
	}

	@media (min-width:100px) and (max-width:990px) {
		.catalog_container { margin: 20px auto; display: block; width: 80%; }
	}

	@media (min-width:100px) and (max-width:600px) {
		#catalog_options { width: 80%; }
		.catalog_options_btn {
				border-bottom: #b5b5b5 solid 1px;
				padding: 30px 0px;
				display: block;
			}
			.catalog_options_btn:last-child { border: none; }
	}

/* P A R T I C I P A N T S */

.sessions_form .subtitle_manage {
    background-color: #00c1e3;
    box-sizing: border-box;
    text-align: left;
    width: 100%;
    opacity: 1;
}
.sessions_container {
    margin: 15px 0px;
    flex-wrap: wrap;
    display: flex;
    padding: 0px;
    border: none;
}
.participant_add {
    background-color: #4184f3;
    border-radius: 15px;
    padding: 5px 15px;
    width: max-content;
    margin: 10px 0px;
}
.participant_add p {
    background-color: #4184f3;
    vertical-align: middle;
    display: inline-block;
    color: #fff;
}
.participant_delete, .competence_delete {
    background-color: #fff;
    vertical-align: middle;
    display: inline-block;
    border-radius: 10px;
    padding: 3px 5px;
    color: #4184f3;
    font-size: .7em;
    cursor: pointer;
}
.participant_copy {
    background-color: #fff;
    vertical-align: middle;
    display: inline-block;
    border-radius: 10px;
    padding: 3px 5px;
    color: #4184f3;
    font-size: .7em;
    cursor: pointer;
}
.participant_copy_all {
    background-color: #fff;
    vertical-align: middle;
    display: inline-block;
    border-radius: 10px;
    padding: 3px 5px;
    color: #4184f3;
    font-size: .7em;
    cursor: pointer;
}
.get_participant {
    display: inline-block;
    margin-top: 40px;
    font-size: 1.5em;
    color: #56bbff;
    cursor: pointer;
}