body, html { margin:0; padding:0; padding:0px; margin:0px; background:#fff; color:#333; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.clear { clear:both }

/* == LOGIN ====================================================================================== */

/* Header */
.header-login 		{ width:100% !important; text-align:center; }
.header-login  img 	{ width:100%; height:auto; }

/* Content */
.content-form						 { max-width:380px; margin:50px auto; padding:45px; background:#fff; text-align:center; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); }
.content-form input 				 { outline:0; background:#f2f2f2; width:100%; border:0; margin:0 0 15px; padding:15px; box-sizing:border-box; font-size:14px; }
.content-form input[type="submit" i] { margin-bottom:0px !important; border-radius:10px; background-color:#43A047; color:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; }


/* == CONTENT ====================================================================================== */

.error { background-color:#E74F4F; position:absolute; top:0; padding:10px 0; border-radius:0 0 5px 5px; color:#fff; width:100%; text-align:center; display:none; z-index:2000; }

/* Header Login */
.head_login 		{ width:100% !important; text-align:center; }
.head_login img 	{ width:100%; height:auto; }

/* Header */ 
.header_cont 				{ width:100% !important; text-align:center; position:fixed; top:0px; z-index:10;}
.header_cont_left			{ float:left; padding:10px; margin:15px 0px 0px 50px;  font-size:22px; font-weight:bold; text-transform:uppercase; }
.header_cont_right			{ float:right; padding-bottom:10px; padding-left:10px; padding-right:10px; padding-top:5px; text-align:right; margin-right:10px; z-index: 15; position: relative;}
.header_cont_right a 		{ text-align:right; }
.header_cont_right a img	{ margin:2px 15px 0px 0px; text-align:right; width:41px; height:42px; }
.header_cont_right span 	{ position:relative; top:-12px; margin-right:10px; font-size:30px; font-weight:bold; }
.header_cont .img_desktop {position: fixed;}
.header_cont img{ height:auto;}
.espacionHeader {width:100%;}
.bandera{ width:55px !important; height:auto !important; padding-bottom: 5px;}
/*panel item*/
.panel 				{ width:100%; text-align:center; margin-top:50px; }
.panel_item			{ display:inline-block; width:180px; margin:20px; color:#fff;-webkit-box-shadow: 10px 10px 24px -5px rgba(0,0,0,0.5);-moz-box-shadow: 10px 10px 24px -5px rgba(0,0,0,0.5);box-shadow: 10px 10px 24px -5px rgba(0,0,0,0.5); -webkit-border-radius: 10px;-moz-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; }
.panel_item:hover 	{ cursor:pointer; opacity:.60; }
.panel_item a 		{ text-decoration:none; color:#fff; ;border-radius:5px;  font-weight:bold;}
/*.panel_item img 	{ width:100%; } /*-webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; */
.panel_item span {
	display:flex; align-items:center; justify-content:center;
	width:100%; height:100px; 
	/*font-size:18px; background-color:#4CAF50; opacity:0.85; line-height:20px;
	-webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px;
	-webkit-border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px;*/
}
.boton_grande		{ display:inline-block; width:100px; margin:20px; color:#fff;-webkit-box-shadow: 10px 10px 24px -5px rgba(0,0,0,0.5);-moz-box-shadow: 10px 10px 24px -5px rgba(0,0,0,0.5);box-shadow: 10px 10px 24px -5px rgba(0,0,0,0.5); -webkit-border-radius: 10px;-moz-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; }
.boton_grande:hover 	{ cursor:pointer; opacity:.60; }
.boton_grande a 		{ text-decoration:none; color:#fff; ;border-radius:5px;  font-weight:bold;}
/*.panel_item img 	{ width:100%; } /*-webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; */
.boton_grande span {
	display:flex; align-items:center; justify-content:center;
	width:100%; height:75px; text-align: center;
	/*font-size:18px; background-color:#4CAF50; opacity:0.85; line-height:20px;
	-webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px;
	-webkit-border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px;*/
}

/* MODAL WINDOWS -------------------------------- */
.modal 			{ display:none; position:fixed; z-index:1; padding-top:1%; left:0; top:25px; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4); overflow-y: scroll !important;}
.modal-content 	{ position:relative; background-color:#fefefe; margin:auto; padding:0; border:1px solid #888; width:80%; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name:animatetop; -webkit-animation-duration:0.4s; animation-name:animatetop; animation-duration:0.4s }
/*.modal-content,.modal-medio 	{ width:60%;}*/
.close 			{ color:#AAA; float:right; font-size:28px; font-weight:bold; }
.close:hover,
.close:focus 	{ color:#000; text-decoration:none; cursor:pointer; }
.modal-header 	{ padding:0px 16px; background-color:#ee1b2c; color:white; position:relative; top:-20px; }
.modal-header-blanco 	{ padding:0px 16px; background-color:white; color:black; position:relative; top:-20px; }
.modal-body 	{ padding:2px 16px; position:relative; top:-30px; }
.modal-footer 	{ padding:2px 16px;}
/* Add Animation */
@-webkit-keyframes animatetop	{ from { top:-300px; opacity:0 } to { top:0; opacity:1 } }
@keyframes animatetop			{ from { top:-300px; opacity:0 } to { top:0; opacity:1 } }
/* Boddy */
.modal-body { width:95%;  margin:0px auto; float:none; clear:both; }
.modal-body .btns { width:50%; margin:0 auto; text-align:center; }
.modal-body .btn_1 {
	display:inline-block; width:20%;
	padding:10px 10px; margin:0px 15px; margin-top:10px;
	background-color:#43A047; color:#fff; text-decoration:none;
	-webkit-border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px;
}
.modal-body .btn_2 {
	display:block; width:95%;
	padding:2px 0px; margin:0px 0px;
	background-color:#BCBCBC; color:#333; text-decoration:none;
	-webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px;
}
.modal-body .btn_1:hover, .modal-body .btn_2:hover { cursor:pointer; opacity:.60; }
.modal-body .md_text { width:80%; text-align:left; margin:0 auto; position:relative; top:15px; }
.modal-body .md_select { width:80%; }

/* The Close Button */
.close { color:white; float:right; font-size:28px; font-weight:bold; }
.close:hover, .close:focus { color:black; text-decoration:none; cursor:pointer; }

/* Footer */
footer { bottom:0px; width:100%; padding:10px 10px; background:#ffffff; font-size:13px; color:#89939C; text-align:center; }
footer a { text-decoration-line:none; color:#43A047; }

/* Titles */
.ziehharmonika h3 						{ position:relative; transition:0.25s all; width:90%; margin:0 auto; font-size:14px!important;padding:10px 12px; margin-top:0px 40px 9px 0px; border-radius:4px; background-color:#666; position:relative; transition:0.25s all; color:#fff; text-align:center; cursor:pointer; }
.ziehharmonika h3.active 				{ margin-bottom:21px; background:#e3004f; }

.ziehharmonika.epi h3.active 			{ margin-bottom:21px; background:#9d0c15; }
.ziehharmonika.vsalud h3.active 		{ margin-bottom:21px; background:#e3004f; }
.ziehharmonika.psico h3.active 		{ margin-bottom:21px; background:#5ca3bb; }
.ziehharmonika h3::before 				{ content:attr(data-prefix); margin-right:9px; }
.ziehharmonika h3.alignLeft				{ padding-left:35px; }
.ziehharmonika h2 						{ position:relative; transition:0.25s all; width:90%; height:25px; margin:0 auto; padding:10px 12px; margin-top:0px 40px 9px 0px; border-radius:4px; background-color:#666; position:relative; transition:0.25s all; color:#fff; text-align:center; cursor:pointer; }
.ziehharmonika h2.active 				{ margin-bottom:21px; background:#ee1b2c; }

.ziehharmonika.epi h2.active 			{ margin-bottom:21px; background:#9d0c15; }
.ziehharmonika.vsalud h2.active 		{ margin-bottom:21px; background:#e3004f; }
.ziehharmonika.psico h2.active 		{ margin-bottom:21px; background:#5ca3bb; }
.ziehharmonika h2::before 				{ content:attr(data-prefix); font-size:18px; margin-right:9px; }
.ziehharmonika h2.alignLeft				{ padding-left:35px; }
.ziehharmonika > div 					{ display:none; width:90%; margin:0 auto; background:#fff; text-align:left; margin-bottom:15px; }
.ziehharmonika .arrowDown 				{ width:0; height:0; border-style:solid; border-width:13.0px 7.5px 0 7.5px; border-color:#272e35 transparent transparent transparent; position:absolute; bottom:0; left:40px; transition:0.25s all; opacity:0; }
.ziehharmonika .active .arrowDown 		{ bottom:-13px; border-color:#ee1b2c transparent transparent transparent; opacity:1; }
.ziehharmonika.epi .active .arrowDown	{border-color:#9d0c15 transparent transparent transparent;}
.ziehharmonika.vsalud .active .arrowDown	{border-color:#e3004f transparent transparent transparent;}
.ziehharmonika.psico .active .arrowDown	{border-color:#5ca3bb transparent transparent transparent;}

.ziehharmonika .collapseIcon 			{ position:absolute; right:20px; top:45%; font-size:25px; font-weight:300; -ms-transform:translate(0, -50%); transform:translate(0, -50%); }
.ziehharmonika .collapseIcon.alignLeft 	{ right:initial; left:20px; }
.title_2,
.title_3 { background-color:#666; width:100%; color:#fff; text-align:center; padding-top:10px; padding-bottom:10px; }
.title_3 { background-color:#2F407C; }
.content_box 	{ float:left; margin:2px;}
.content_img,
.content_main,
.content_page,
.content_blocks	{ width:90%; text-align:center; margin:0px auto; margin-bottom:30px; float:none; clear:both; }

/* Content1 */
.tabla_riesgos		{ border-collapse:separate; border-spacing:2px; padding: 4px;}
.tabla_riesgos th	{ text-align:center; font-size:12px; font-weight:normal; background-color:#696969; color:#fff; }
.tabla_riesgos th,td{ border-bottom:1px solid #ddd; padding: 4px;}

.borde_gris{border:1px solid lightgray;padding:5px;}
/*Table (Old)*/
.table_old_1 { float:left; width:50%; margin:30px; font-size:14px; }
.table_old_2 { float:right; width:500px; margin:30px; font-size:14px; }
.table_vsalud_1 { float:left; width:95%; margin:20px 0px 30px 30px; font-size:12px; }
/* Filter FORMs */
.filter_form				{ float:left; margin-left:30px; font-size:12px; color:#333; }
.filter_form td				{ border:none !important;}
.filter_form th:nth-child(1){ text-align:right; font-weight:bold; font-size:16; padding-bottom:10px; }
.filter_form td:nth-child(1){ width:50%; text-align:left; }
.filter_form td:nth-child(2){ width:50%; text-align:left; }
.filter_form select			{ width:100%; padding:8px; border:1px solid #bdbdbd; border-radius:5px; color:grey; }
.filter_form .dnitxt		{ width:96.3%; padding:8px; border:1px solid #bdbdbd; border-radius:5px; color:grey; }
.filter_form .nametxt		{ width:92.5%; padding:8px; border:1px solid #bdbdbd; border-radius:5px; color:grey; }
.filter_form .datetxt		{ width:92.5%; padding:8px; border:1px solid #bdbdbd; border-radius:5px; color:grey; }
/* Version 2 */
.filter_form_2				{ font-size:0.95em; color:#333; }
.filter_form_2 table		{ width:100%; }
.filter_form_2 td			{ border:none !important; }
.filter_form_2 select		{ width:100%; padding:8px; border:1px solid #bdbdbd; border-radius:5px; color:grey; font-size: 0.95em;}
.filter_form_2 .dnitxt		{ width:96.5%; padding:8px; border:1px solid #bdbdbd; border-radius:5px; color:grey; font-size: 0.95em;}
.filter_form_2 .datetxt,
.filter_form_2 .dnitxt2		{ width:92.5%; padding:8px; border:1px solid #bdbdbd; border-radius:5px; color:grey; font-size: 0.95em;}
/* Button */
.npButton2 				{ outline:0; background:#4CAF50; width:250px; border:0; padding:15px; margin:20px; color:#fff; font-size:14px; text-transform:uppercase; -webkit-transition:all 0.3 ease; transition:all 0.3 ease; cursor:pointer;  -webkit-border-radius:10px; -moz-border-radius:10px; -webkit-box-shadow: 10px 10px 14px 1px rgba(0,0,0,0.54);	-moz-box-shadow: 10px 10px 14px 1px rgba(0,0,0,0.54);	box-shadow: 10px 10px 14px 1px rgba(0,0,0,0.54);}
.botongrande 				{ background-color:#3e782e; color:#fff; padding:8px !important; border:none; -webkit-border-radius:10px; -moz-border-radius:10px; font-size:22px; text-align:center; cursor:pointer; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);width: 95% !important; margin-top: 5px;}

.botonsm 					{ background-color:#3e782e; color:#fff; padding:8px !important; border:none; -webkit-border-radius:10px; -moz-border-radius:10px; font-size:16px; text-align:center; cursor:pointer; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); width:30%;margin-top: 5px;}
.botonsm.vsalud 					{ background-color:#e3004f;}
.npButtonSalir{background-color:red;color:white;padding:8px;padding-left:16px;padding-right:16px; border:none; -webkit-border-radius:10px; -moz-border-radius:10px; font-size:12px; text-align:center; cursor:pointer;font-size: 18px;font-weight: bold;-webkit-box-shadow: 10px 10px 14px 1px rgba(0,0,0,0.54);	-moz-box-shadow: 10px 10px 14px 1px rgba(0,0,0,0.54);	box-shadow: 10px 10px 14px 1px rgba(0,0,0,0.54);}
.npButtonSalir:hover { cursor:pointer; opacity:.60; }
.custom-file-input::-webkit-file-upload-button {
	visibility: hidden;
  }
  .custom-file-input::before {
	content: 'Select some files';
	display: inline-block;
	background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
	border: 1px solid #999;
	border-radius: 3px;
	padding: 5px 8px;
	outline: none;
	white-space: nowrap;
	-webkit-user-select: none;
	cursor: pointer;
	text-shadow: 1px 1px #fff;
	font-weight: 700;
	font-size: 10pt;
  }
  .custom-file-input:hover::before {
	border-color: black;
  }
  .custom-file-input:active::before {
	background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
  }
 /*Table Botones admin_form*/
 .tableButtons{text-align: center; width: 100%;}
 .tableButtons td {width: 50%; border-bottom: 0px solid #ddd;}
 /*Table Botones admin_form  3 botones*/
 .tableButtons3{text-align: center; width: 100%;}
 .tableButtons3 td {width: 33%; border-bottom: 0px solid #ddd;}
  
/*Table (new)*/
.dataTable span {
    display:none; 
}
/* .dataTables_wrapper 					{ position:relative; top:-15px;  }*/
.dataTables_wrapper th			 		{ text-align:center; }
.dataTables_wrapper td			 		{ font-size: 0.75em;} 
.dataTables_wrapper input[type=text],
.dataTables_filter input[type=search]	{ padding:5px 2px 5px 5px; border:1px solid #bdbdbd; border-radius:5px; width:80%;color:#000; }
.dataTables_filter input[type=search]	{  margin-bottom:15px; }
.dataTables_filter						{  z-index:2 !important; font-size: 0.75em;}
.dataTables_length						{margin-top:20px;font-size: .75em;}
.dt-buttons		 						{ top:25px; z-index:2 !important;margin-top:5px;margin-bottom:5px; }
.dt-buttons button						{ background-color:#3e782e; color:#fff; padding:8px !important; border:none; -webkit-border-radius:10px; -moz-border-radius:10px; font-size:12px; text-align:center; cursor:pointer; }
.botones_tabla button					{ margin-right:5px;background-color:#ee1111; color:#fff; padding:8px !important; border:none; -webkit-border-radius:10px; -moz-border-radius:10px; font-size:12px; text-align:center; cursor:pointer; }
.text-center{text-align:center;}
/*.row_selected td {    background-color:#e3004f !important; }
 
 table.dataTable tbody tr.selected  { background-color: black ; // Add !important to make sure override datables base styles }
 
 table.dataTable.vsalud .selected  { background-color: #e3004f!important ;color:white!important; }
 */
 .notificaciones {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	font-size: 35px;
	color: #fff;
	text-align: center;
	background: #dc3545;
  }
 
/* Charts */
.chart { margin-bottom: 20px; }

/* DataPicker */
.ui-datepicker { position:relative; z-index:50 !important; }
.fc-scroller {
	overflow-y: hidden !important;
 }
.img_desktop{
	display:block;
	height:60px!important;width:auto!important;
}
.img_mobile{
	display:none;
}
@media screen and (max-width:999px) {
	.content_img { margin:0 0; }
	.content_img img { width:100%; }
	.modal-body .btn_2 { width:90%; }
	.espacioHeader{height:50px;}
	.btnSalir-text {
        display: none;
	}
	.btnSalir-image {
        height:25px;
	}
	.img_desktop{
		/*display:none;*/
	}
	.img_mobile{
		display:block;
	}
	.fc-event {font-size: .65em}
}
@media screen and (min-width:1000px) {
	.espacioHeader{height:50px;}
	
}
@media screen and (max-width:1600px) {
	.w2{ max-width:30% !important}
	.w3{ max-width:30% !important}
	}
@media screen and (max-width:1450px) {
	.w2{ max-width:25% !important}
	.w3{ max-width:25% !important}
	}
@media screen and (max-width:1200px) {
	.w2{ max-width:50% !important}
	.w3{ max-width:50% !important}
	}
@media screen and (max-width:900px) {
	.w2{ max-width:100% !important; min-width: 100% !important;}
	.w3{ max-width:100% !important; min-width: 100% !important;}
	}
@media (min-width: 992px){
	.content_box {max-width: 32.333333% !important;flex:32.333333% !important;}
	}
@media (min-width: 576px){
	.content_box {max-width: 100%;flex: 100%;}
	}
@media (max-width: 576px){
	.bandera{margin-right: 1px !important;width: 50px !important;}
	
	}
@media (max-width: 992px){
	.header_cont img{ width:992px; height:auto;}
	.header_cont_right a img{ width:33px; height:auto; margin-top:-3px !important;}
	}
@media (max-width: 1200px){
	.header_cont_right a img{ margin-top:-3px !important;}
	}
@media (max-width: 1250px){
	.header_cont_right a img{ margin-top:0px;}
	}
.nav-pills>li>a.active {
	background-color: #94d0ff !important;
}
.nav-link {
	color: white;
	margin: 1px;
}
.img_logo_header{max-height:50px!important;width:auto!important;}



/* PAGE - FORMACIOM --------------------------------- */
.content_formacion 	{ position:relative; z-index:1; background:#fff; max-width:1000px; margin:0 auto 100px; margin-top:50px; margin-bottom:10px; padding:45px; text-align:center; }
/* Menu Top */
.formacion_menu				{ position:fixed; width:100%; height:45px; top:0px; background-color:#fff; display:block; z-index:4; padding-top:2px; box-shadow:0 1px 0 rgba(12,13,14,.1), 0 1px 3px rgba(12,13,14,.1), 0 4px 20px rgba(12,13,14,.035), 0 1px 1px rgba(12,13,14,.025); }
.formacion_menu .logo		{ float:left; width:70%; margin-left:5%; margin-top:12px; }
.formacion_menu .nombre		{ float:left; margin-top:12px; }
.formacion_menu .boton		{ float:right; }
.formacion_menu .boton a	{ margin-right:40px; }
/* Video */
video { width:100% !important; height:auto !important; }
/* Content */
.frm_test			{ display:block; clear:left; flex-direction:column; text-align:left; margin-top:35px; }
.frm_test label		{ display:block; }
.frm_test h3		{ font-weight:bold; color:#005EA6; font-family:Calibri; text-align:center; }
.frm_especial		{ padding:20px 20px; margin-bottom:10px; /*background:#7CC8FF;*/ border:4px solid #E2E2E2; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
.frm_especial label { color:#005EA6; font-family:Calibri; }
.frm_br 			{ margin-bottom:15px; }
/* Radio */
.radio { margin:15px 0px 0px 30px; }
.radio input[type="radio"] { position:absolute; opacity:0; }
.radio input[type="radio"] + .radio-label:before { content:""; background:#f4f4f4; border-radius:100%; border:1px solid #b4b4b4; display:inline-block; width:1.4em; height:1.4em; position:relative; top:-0.2em; margin-right:1em; vertical-align:top; cursor:pointer; text-align:center; transition:all 250ms ease; }
.radio input[type="radio"]:checked + .radio-label:before { background-color:#336633; box-shadow:inset 0 0 0 4px #f4f4f4; }
.radio input[type="radio"]:focus + .radio-label:before { outline:none; border-color:#3197ee; }
.radio input[type="radio"]:disabled + .radio-label:before { box-shadow:inset 0 0 0 4px #f4f4f4; border-color:#b4b4b4; background:#b4b4b4; }
.radio input[type="radio"] + .radio-label:empty:before { margin-right:0; }
/* Button */
.frm_submit					{ display:block; width:100%; margin-top:30px; text-align:right; margin-top:20px; }
.frm_submit a				{ padding:8px; background-color:#336633; color:#fff !important; text-decoration:none; -webkit-border-radius:10px; -moz-border-radius:10px; text-decoration:none; cursor:pointer; }
.frm_submit a:hover			{ background-color:#9dc39d; }
.frm_submit	.pag_btn_prev 	{ float:left; background:#005EA6; color:#fff; font-family:Calibri; }
.frm_submit	.pag_btn_next 	{ float:right; background:#005EA6; color:#fff; font-family:Calibri; }

.btn-info{
	color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    box-shadow: none;
    padding: 0.25rem 0.5rem;
    font-size: .975rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

/* == PANELES NUEVOS ENTRADA FORMACION ====================================================================================== */

.panel_principal{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.panel_item2{
    display: inline-flex;
    width: 250px;
    height: 270px;
    flex-direction: column;
    min-width: 250px;
    margin: 10px;
    text-align: center;
}
.panel_imagen{
    min-height: 140px;
    align-items: center;
    display: flex;
    justify-content: center;
	padding-bottom: 3px;
}
.panel_imagen img {
    max-width: 250px;
    max-height: 140px;
}

.panel_texto{
    height: 100px;
    display: inline-flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 1.2em;
    color: white;
}
.panel_item2:hover {
    cursor: pointer;
    opacity: .60;
}

.panel_item2 a {
    text-decoration: none;
    color: #fff;
}


.botonlg2 {
    background-color: #3e782e;
    color: #fff;
    padding: 15px;
    text-decoration: none;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-width: 0px;
}

/* == PANELES NUEVOS CUESTIONARIO FORMACION ====================================================================================== */

.panel_principal2{
	display: flex;
	flex-wrap: wrap;
}
.content_formacion2 {
	position: relative;
	z-index: 1;
	background: #fff;
	max-width: 1000px;
	margin-bottom: 10px;
	padding: 45px;
	padding-top: 25px;
	text-align: center;
}
.frm_test2 {
	display: block;
	clear: left;
	flex-direction: column;
	text-align: left;
	margin-top: 35px;
}

.frm_test2 label {
	display: block;
	font-weight: 100 !important;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0.85em;
}
/* == ADMIN FORM ESTADO ====================================================================================== */
.circulo {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
}

/*-----Input SUBIR FOTO----modales entrada de datos*/
#Selector {
	width: 200px;
	margin: 0 auto;
}

.SubirFoto {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
	line-height: normal;
	font-size: 100%;
	margin: 0;
}

.SubirFoto+label {
	font-size: 1.2rem;
	font-weight: bold;
	color: #76a7cc;
	display: inline-block;
	text-overflow: ellipsis;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	padding: 0.6rem 1.2rem;
	cursor: pointer;
}

.SubirFoto:focus+label,
.SubirFoto+label:hover {
	color: orange;
	outline: 1px dotted #000;
	fill: orange;
}

.SubirFoto+label figure {
	width: 50%;
	height: 50%;
	fill: #f1e5e6;
	border-radius: 50%;
	background-color: #76a7cc;
	display: block;
	padding: 20px;
	margin: 0 auto 10px;
}

.SubirFoto+label:hover figure {
	background: orange;
}

inputfile+label svg {
	vertical-align: middle;
	width: 100%;
	height: 100%;
	fill: #f1e5e6;
}
/*-----NOTIFICACION EN PANEL CURSOS----notificación curso pendiente/caducado*/
.notifi_curso_yelow{
	position: absolute;
	background-color: #fd7e14d4;
	color: #ffffff;
	font-size: 18px;
	padding: 8px;
	padding-left: 40px;
	padding-right: 40px;
	border-radius: 5px;
	text-transform: uppercase;
	transform: rotate(337deg);
}
.notifi_curso_red {
	position: absolute;
	background-color: #e30926d4;
	color: #ffffff;
	font-size: 18px;
	padding: 8px;
	padding-left: 40px;
	padding-right: 40px;
	border-radius: 5px;
	text-transform: uppercase;
	transform: rotate(337deg);
}
.notifi_curso_tabla_red {
	background-color: #e30926;
	color: #ffffff;
	font-size: 14px;
	padding: 2px;
	border-radius: 5px;
	text-transform: uppercase;
}
.notifi_curso_tabla_yelow {
	background-color: #fd7e14;
	color: #ffffff;
	font-size: 14px;
	padding: 2px;
	border-radius: 5px;
	text-transform: uppercase;
}
.notifi_curso_tabla_green {
	background-color: #28a745;
	color: #ffffff;
	font-size: 14px;
	padding: 2px;
	border-radius: 5px;
	text-transform: uppercase;
}
    
/* END FILE */