/* lato-regular - latin */
	@font-face {
	  font-family: 'Lato';
	  font-style: normal;
	  font-weight: 400;
	  src: url('/servicios/resources/fonts/Lato/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
	  src: local('Lato Regular'), local('Lato-Regular'),
	       url('/servicios/resources/fonts/Lato/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/servicios/resources/fonts/Lato/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/servicios/resources/fonts/Lato/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
	       url('/servicios/resources/fonts/Lato/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/servicios/resources/fonts/Lato/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
	}
	/* lato-700 - latin */
	@font-face {
	  font-family: 'Lato';
	  font-style: normal;
	  font-weight: 700;
	  src: url('/servicios/resources/fonts/Lato/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
	  src: local('Lato Bold'), local('Lato-Bold'),
	       url('/servicios/resources/fonts/Lato/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/servicios/resources/fonts/Lato/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/servicios/resources/fonts/Lato/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
	       url('/servicios/resources/fonts/Lato/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/servicios/resources/fonts/Lato/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
	}
	
	.btn-default:hover{
		background-color: #fff !important;
		text-shadow: none !important;
		color: black !important;
		font-weight: 600;
	}
	
	hr{
		padding: 0px !important;
		margin: 0px !important;
		border-top: 2px solid #000 !important;
		margin-bottom: 20px !important;
	}
	.importante ul{
		padding-left: 15px;
	}
	.texto{
		font-family: "Lato";		
	}
	
	.texto-parrafo{
		font-size: 12px;
	}
	
	
	.titulo-info{
		font-size: 16px;
		font-weight:100;
		color: #000;	
		text-align: center;	
	}
	
	
	
	.titulo-sabias-que{
		font-weight:100;
		font-style: italic;
		color: #666;
	}
	
	.padding-inferior{
		padding-bottom: 20px;|
	}
	
	.logo-senae-info{
		text-align: center;
		position: relative;
		top: 45px;
		z-index: 999;
		margin-top: -35px;
	}
	
	.logo-senae{
		position: relative;
		height: 80px;
		width: auto;
	}
	
	/* Equal width */
	.col-lg-5{
	  -ms-flex-preferred-size: 0;
	  flex-basis: 0;
	  -webkit-box-flex: 1;
	  -ms-flex-positive: 1;
	  flex-grow: 1;
	  max-width: 20%;
	  float: left;
	}
	
	/* Add gutters */
	.col-lg-5,
	.col-md-5,
	.col-sm-5,
	.col-xs-5 {
	  position: relative;
	  width: 100%;
	  min-height: 1px;
	  padding-right: 15px;
	  padding-left: 15px;
	}
	
	
	body{	
		font-size: 14px !important;
		font-family: "Lato" !important; 					
	}
	
	input:-webkit-autofill {
    	-webkit-box-shadow: 0 0 0 30px transparent inset !important;
    	transition: all 5000s ease-in-out 0s;
	}
	
	
	div[id="form:mensajes_container"]{
		/*background-color: #fff !important;*/
	}
	div[id="form:mensajes_container"] > div {
        background-color: #fff !important;
        color: #50060e !important;
        font-family: "Lato" !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }
    
	.check-media{
	    display:none;
	    width:0;
	}	
	
	.ui-datatable thead th{
		background: #cccccc !important;
		border-bottom: 3px solid #cccccc !important;
		border-left: 1px solid #cccccc !important;
		border-right: 1px solid #cccccc !important;
		border-top: 1px solid #cccccc !important;
		color: #000 !important;
	}
	.ui-datatable tbody td{
		color: #000 !important;
		border: 1px solid #82a5bb !important;
		font-size: 11px !important;
		height: 30px !important;
	}
	
	.ui-datatable-even{
		color: #fff !important;
	}
	.ui-state-selectable{
		color: #fff !important;
	}
	.ui-state-highlight{
		background: none !important;
		background-color:#ccc !important ;		
		text-shadow: none !important; 
	}
	
	.ui-state-hover{
		background: none !important;
		background-color: #82a5bb !important;
		border: 1px solid #82a5bb !important;
		box-shadow: none !important;
	}
	
	/* font awesome */
	.fa-info-circle{
		color: #2b3990 !important;
	}
	
	.fa-search{
		color: #000 !important;
	}
	.fa-remove{
		color: #000 !important;
	}
	
	
	.boton-default{
		color: black !important;
		background-color: #FFCB05 !important;
		border: 1px solid #D0A700 !important; 	
		border-radius: 0px !important;	
	}
	.boton-default:hover{
		color: black !important;
		background-color: #D0A700 !important;
			
	}
	
	.app:hover{
		background-color: #e5e1cb;
		cursor: pointer;
	}
	.align-right{
		text-align: right;
	}
	
	.no-padding-left{		
		padding-left: 0px !important;
	}
	.no-padding-right{		
		padding-right: 0px !important;
	}
	
	.padding-left{		
		padding-left: 10px !important;
	}
	.padding-right{		
		padding-right: 10px !important;
	}
	
	.panel_1,
	.panel-superior{
		border: none !important;
		box-shadow: none !important;
		margin-bottom: 0px !important;				
	}	
	.panel-superior > div + div > div{
		padding-bottom: 0px !important;
		width: 100% !important;
	}
	
	.panel-superior > div:first-child{
		background-color: #C22820 !important;
		color: #fff;
		border-top-right-radius: 0px;
		border-top-left-radius: 0px;
	}
	
	/**************		EFECTO INPUT	*****************/	
	:focus{outline: none;}
	.effect{
		border: 0 !important; 
		padding: 4px 0 !important; 
		border-bottom: 1px solid #ccc !important;
		border-radius: 0px !important; 
		background-color: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
	}
	
	span.calendario_inicio > input, span.calendario_fin > input{
		border: 0px !important; 
		padding: 4px 0 !important; 
		border-radius: 0px !important; 
		background-color: transparent !important;
		color: #000 !important;
		box-shadow: none !important;		
		font-family: inherit;
		font-size: 14px;
		margin-bottom: 0px !important;		
		text-shadow: none !important;
		width: 100% !important;
		
	}
	
	
	.effect .focus-border{position: absolute !important; bottom: 0 !important; left: 50% !important; width: 90% !important; !important; background-color: #21203a !important; transition: 0.4s !important;}
	.effect:focus .focus-border{width: 90% !important; transition: 0.3s !important; left: 0 !important; }
	.has-content.effect  .focus-border{width: 90% !important; transition: 0.3s !important; left: 0 !important;}
	.effect label{position: absolute; left: 0; width: 100%; top: 9px; color: #fff; transition: 0.3s; letter-spacing: 0.5px;}
	.effect:focus label{top: -16px !important; font-size: 12px !important; color: #21203a !important; transition: 0.3s !important;}
	.has-content.effect label{top: -16px !important; font-size: 12px !important; color: #21203a !important; transition: 0.3s !important;}
	
	.input-effect{
		margin-top: 20px;
		padding-bottom: 1px;
	}
	
	.input-effect > div{
		margin-bottom: 0px;
		padding-left: 0px !important;
		padding-right: 0px !important;		
	}
	
	.input-effect >div > select > option{
		background: rgba(99, 99, 99, 0.9) !important;
	}
	
	/*	Placeholder 	*/
	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	    color: #ddd;
	    opacity: 1; /* Firefox */
	}
	
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	    color: #ddd;
	}
	
	::-ms-input-placeholder { /* Microsoft Edge */
	    color: #ddd;
	}
	/*	--	*/
	
	/*******************	CABECERA DE SESIÓN		 ********************/
	#div_header{
		margin-top: -10px;
	}
	.cabecera1{
		background-color: #009cde;
		color: white;		
	}
	
	.cabecera1 > div > div {
		margin-bottom: 0px;
	}
	.cabecera1 > div > div > div {
		background-color: transparent !important;
		border: 0;
		box-shadow: none;
	}
	.cabecera1 > div + div > form > div {		
		margin-top: 17px;
	}
	.cabecera1 > div > div > div > div > div > div.nombre-usuario{
		font-size: 12px;		
		font-weight: 700;
	}
	.cabecera1 > div > div > div > div > div > div.company {
		font-size: 10px;
		font-weight: 400;
	}
	
	
	/*******************	MENÚ		 ********************/
	.cabecera2{		
		margin-bottom: 0px !important;
		height: 100px;
	}
	.menu > li{
		padding-top: 25px;
	}
	.menu > li > a{
		color: #0056B4 !important;
		font-weight: 800;
	}
	.menu > li > a:hover{
		color: red !important;
		font-weight: 800;
	}
	.logo-left{
		margin-top:0px;
		width: 110px;
	}
	
	/*******************	CAPSULAS HOME		 ********************/
	
	.capsula{
		background-color: #FAF3E4;
		position: relative;;
		margin-top: 30px;
	}
	.capsula p{
		color: #001856;
		font-weight: bold;
		padding: 30px;		
		height: 80px;	
		text-align: center;
		display: flex;
	    justify-content: center;
	    align-content: center;
	    flex-direction: column;	
	}
	.capsula-imagen-1,
	.capsula-imagen-2,
	.capsula-imagen-3,
	.capsula-imagen-4,
	.capsula-imagen-5{		
		background-color: #0056B4;	
		border-radius: 10px;	
		text-align: center;
		margin: 15px;
		padding-top: 30px;
		padding-bottom: 30px;		
	}
	
	.capsula-imagen-1:hover,
	.capsula-imagen-2:hover,
	.capsula-imagen-3:hover,
	.capsula-imagen-4:hover,
	.capsula-imagen-5:hover{
		background-color: #C12A21;
		transition: all 0.5s ease;
	}
	
	.img-cap-home{
		height: 85px;
		width: auto;
	}
	
	
	/*******************	FORMATO TABLA		 ********************/
	.panel_1{
		background-color: #eeeeee !important;		
	}
	.panel_1 > div > h4{
		color: #001856 !important;
		font-weight: 700;
	}
	
	.panel_1 > div > div.panel-body,
	.panel_1 > div + div > div.panel-body {
		padding: 0 !important;
	}
	
	.panel_1 > div > div.panel-body  > div > div:first-child,	
	.panel_1 > div + div > div.panel-body > div > div:first-child{
		display: none;
	}
	
	.tabla-consultas{	
		background-color: white;	
		margin-bottom: 20px;
	}
		
	.tabla-consultas > div + div > div > table > thead tr th span{
		font-size: 11px;
		font-weight: 700;
	}
	
	.tabla-consultas > div + div + div > table > tbody tr:hover{
		background: none !important;
		background-color: #009cde !important;
		transition: all 0.2s ease-in-out 0s;			
	}
	.tabla-consultas > div + div + div > table > tbody tr:hover td{
		color: white !important;
		transition: all 0.2s ease-in-out 0s;
	}
	.tabla-consultas > div + div + div > table > tbody tr.ui-state-highlight{
		background: none !important;
		background-color: #009cde !important;
	}
	.tabla-consultas > div + div + div > table > tbody tr.ui-state-highlight td{
		color: white !important;
	}
	
	
	.layout-consulta > div,
	.layout-consulta > div > div{
		padding: 0px !important;
		border: none !important;		
	}
	
	
	/*****************	SIDE USUARIO	****************/
	.side-usuario{
		background-color: #eeeeee;
		width: 100%;
		height: 100%;
		text-align: center;
		padding-top: 130px;
		padding-bottom: 130px;
	}
	
	.icono-usuario{
		width: 50%;
	}
		
		
	/*******************	BUSCADOR		 ********************/
	.panel_buscador{
		background-color: #eee !important;
		border: none !important;
	}
	#loyout_central{
		width: 85% !important;
	}

	.menu-left{
		width: 100% !important;
		background: none !important;
		border: 0px;
		font-size: 13px !important;
		
	}
	.panel-superior > div + div > div{
		display: table ;
		background-color: #eeeeee;
	}
	.lateral{
		display: table-cell ;		
	}
	.menu-left > ul li a{
		width: 100% !important;
	}
	
	.menu-left > ul li a:hover{
		background: none;
		background-color: #0056B3 !important;
		color: white;
		transition: all 0.2s ease-in-out 0s;
	}
	
	.ui-menu .ui-menuitem-text{
		float: none !important;
    	display: flex !important;
    	margin: 0px !important;
	}
	
	.img-consultas{
		height: 80px;
		width: auto;		
		margin-left: 30%;		
		margin-top: 30px;
		margin-bottom: 30px;	
		filter: alpha(opacity=60); /* For IE8 and earlier */	
	}
	.text-img-consultas{
		text-align: center;;
		padding: 10px 10px;
		font-size: 16px;
		color: #0056B3;
		font-weight: 800;
		position: absolute;
		top: 35%;
	}
		
	
	h3.titulo{
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		padding: 50px 0px 20px 0px;
	}
	
	h4.resultado{
		font-size: 12px;
		font-weight: bold;
		text-align: center;		
	}
	
	.busqueda_fondo_capa1{		
		width: 100%;
		height: auto;
		position: relative;;	
		background-color: transparent;	
	}
	.img_fondo{		
		width: 100%;
		height: auto;
					
	}	
	.img_fondo_capa2{		
		width: 100%;
		height: auto;
		position: absolute;
		top: 0px;
		opacity: 0.9;
		z-index: 0;	
	}
	
	.img_login{
		position: absolute;
		top: 50px;
		left: 110px;
		z-index: 0;
	}
	
	.busqueda{
		position: absolute;
		top: 0px;		
		width: 100%;
		z-index: 1;
	}
	
	.busqueda_marco{
		background-color: #67676e;
		opacity: 0.9;
		border: 1px solid #888;
		padding: 30px 10px 30px 10px;
		
		border-radius: 20px 20px 20px 20px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;		
	}
		
	.busqueda_login{
		width: 100%;		
		position: absolute;;			
		top: 50px;		
	}
	
	.marco_login{
		
		background: rgba(74, 75, 83, 0.5);
		border: 1px solid #888;
		padding-bottom: 20px;		
		
		border-radius: 20px 20px 20px 20px;
		-moz-border-radius: 20px 20px 20px 20px;
		-webkit-border-radius: 20px 20px 20px 20px;
						
		-webkit-box-shadow: 13px 13px 48px -11px rgba(0,0,0,0.5);
		-moz-box-shadow: 13px 13px 48px -11px rgba(0,0,0,0.5);
		box-shadow: 13px 13px 48px -11px rgba(0,0,0,0.5);		
	}
	
	div[id="form:panel"] > div{
		background: rgba(255, 255, 255, 0.8) !important;
	}
	
	.marco_migrantes{
		margin-top: 15px;
	}
	
	.marco_migrantes > div > div{
		
		background: rgba(128, 128, 141, 1.0); 
		border: 1px solid #888;
		padding-bottom: 0px;		
		
		border-radius: 00px 00px 20px 20px;
		-moz-border-radius: 0px 0px 20px 20px;
		-webkit-border-radius: 0px 0px 20px 20px;
						
		-webkit-box-shadow: 13px 13px 48px -11px rgba(0,0,0,0.5);
		-moz-box-shadow: 13px 13px 48px -11px rgba(0,0,0,0.5);
		box-shadow: 13px 13px 48px -11px rgba(0,0,0,0.5);	
		
	}
		
	
	.titulo-login{						
		text-align: center;		
		color: black;
		font-weight: 700;;
		font-size: 14px;
		margin-top: 40px;
		margin-bottom: 0px;
	}
	.botones-left, .botones-right{
		padding-top: 15px !important;
	}
	.botones-left div{
		padding-left: 0px !important;	
	}
	.botones-right div{
		padding-right: 0px !important;		
	}
	
	.captcha{
		width: 100% !important;
	}
	/*	---	*/
	
	/******************		PIE			***********/
	.footer{
		background-color: #0056B4;
		color: white;
		margin-top: 30px;
		padding: 50px 0px;
	}
	
	.titulo-footer{
		font-size: 12px;
		font-weight: bold;
	}
	.titulo-footer + ul{
		padding-left: 15px;
	}
	.titulo-footer + ul li,
	.titulo-footer + ul li a{
		font-size: 12px;
		font-weight: 500;
		color: white;
	}
	.titulo-footer + ul li a:hover{
		color: yellow;;
		text-decoration: none;
	}
	
	.footer2{
		background-color: #0056B4;
		text-align: center;
		font-size: 12px;
		font-weight: 700;
		color: white;
		margin-top: 15px;
		padding: 15px 0px;
		
	}

	.infor{
		display: none;
	}
	.label-fixed{
		position: absolute;
		top: -16px;
		font-size: 14px;
		color: #1F294B;
	}
.ui-icon.ui-confirm-dialog-severity {
    background-position: 0 0 !important; 
    background-image: none;
}
  
  .alert p {
    color: #001856;
    text-align: center;
    justify-content: center;
    align-content: center;
    flex-direction: column
   }