/* CSS Document */
.report_flex	{
		width: 90%;
		display: flex;
		flex-wrap: wrap;
		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: 0px;
				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;
		}

/* Buscador especial para el reporte de asistencia */
.report_attendance_search {
		margin: 10px auto;
		display: block;
		width: 90%;

	}
	.report_attendance_search .select_arrow { top: initial; bottom: 10px; }
	.report_attendance_search .att_select, .att_byid {
			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;
		}

/* Buscador especial para el reporte de vacaciones */
.report_holidays_search {
		text-align: center;
		margin: 10px auto;
		display: block;
		width: 90%;
	}
	.report_holidays_search .input_section { width: 300px; }
	.report_holidays_search .select_arrow { top: initial; bottom: 10px; }
	.report_holidays_search .holi_select {
			border: #6d8dc3 solid 1px !important;
			color: #6d8dc3 !important;
			background: transparent;
			border-radius: 20px;
		}
	.report_holidays_search .holi_user_id {
			border: #6d8dc3 solid 1px !important;
			color: #6d8dc3 !important;
			background: transparent;
			border-radius: 20px;
		}
 	.report_holidays_search .label_spry { text-align: center !important; margin-right: 15px; color: #33496e; }

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

/* Buscador especial para el reporte de guardias */
.report_guards_search {
		text-align: center;
		margin: 10px auto;
		display: block;
		width: 90%;

	}
	.report_guards_search .input_section { width: 300px; }
	.report_guards_search .select_arrow { top: initial; bottom: 10px; }
	.report_guards_search .guards_select {
			border: #6d8dc3 solid 1px !important;
			color: #6d8dc3 !important;
			background: transparent;
			border-radius: 20px;
		}
	
	.report_guards_search .label_spry { text-align: center !important; margin-right: 15px; color: #33496e; }

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

/* CSS Para reporte de Clima Laborar --> Promedio por empleados */
.semaphore {
		background-color: #867F7F;
		border-radius: 50px;
		display: block;
		height: 25px;
		width: 25px;
	}
	.opportunity { background-color: #E23E3E; }
	.satisfactory { background-color: #56B351; }

.opportunity_text { color: #E23E3E; }
.satisfactory_text { color: #56B351; }


/* Buscador especial para el reporte de asistencia */
.report_date_search {
		margin: 10px auto;
		display: block;
		width: 90%;

	}
	.report_date_search .search_date {
			border: #6d8dc3 solid 1px !important;
			color: #6d8dc3 !important;
			background: transparent;
			border-radius: 20px;
		}
	.report_date_search .search_year {
			border: #6d8dc3 solid 1px !important;
			color: #6d8dc3 !important;
			background: transparent;
			border-radius: 20px;
		}

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

/* Buscador especial para el reporte de evaluacion 360º */
.report_eva360_search {
		margin: 10px auto;
		text-align: right;
		display: block;
		width: 90%;
	}
	.report_eva360_search .report_eva360_user {
			border: #6d8dc3 solid 1px !important;
			color: #6d8dc3 !important;
			background: transparent;
			border-radius: 20px;
		}

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

/* Menu special */

#menu_report_content {
		text-align: center;
		margin: 10px auto;
		display: block;
		width: 90%;
	}
	.menu_report_btn {
		border: solid thin #23486f;
		text-decoration: none;
		display: inline-block; 
		border-radius: 2px;
		text-align: center; 
		margin: 0px 10px; 	
		color: #23486f;
		cursor: pointer;
		padding: 10px; 
		width: 200px;   
	}
	.menu_report_skill_select { background-color: #23486f; color: #fff; }