/********************************************************************************************************************************************/
/*****   RESETEO DE ESTILOS                                                                                                             *****/
/********************************************************************************************************************************************/
* {
	-moz-box-sizing: border-box;	/* Para hacer que se interpreten los padding de la misma forma */
	-webkit-box-sizing: border-box;	/* Para hacer que se interpreten los padding de la misma forma */
	-khtml-box-sizing: border-box;	/* Para hacer que se interpreten los padding de la misma forma */
	-o-box-sizing: border-box;		/* Para hacer que se interpreten los padding de la misma forma */
	-ms-box-sizing: border-box; 	/* Para hacer que se interpreten los padding de la misma forma */
	box-sizing: border-box;			/* Para hacer que se interpreten los padding de la misma forma */
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
fieldset, figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 99.99%;
	line-height: 1;
}
/********************************************************************************************************************************************/
/*****   FIN RESETEO DE ESTILOS                                                                                                             *****/
/********************************************************************************************************************************************/

/********************************************************************************************************************************************/
/*****   NO SE USAN                                                                                                                     *****/
/********************************************************************************************************************************************/
/*
.pantallacompleta { width: 100%; min-height: 100% !important; }

.frame { min-height: 100%; width: 100%; border: 0; background-color: #e6effa; }
.frameAppExplorer { height: 300%; width: 100%; border: 0; background-color: #e6effa; overflow: hidden; }
.frameAppIPhone { height: 300%; width: 100%; border: 0; background-color: #e6effa; overflow: hidden; }
.frameFirefox { height: 100%; width: 100%; border: 0; background-color: #e6effa; overflow: hidden; }
*/
/********************************************************************************************************************************************/
/*****   FIN NO SE USAN                                                                                                                     *****/
/********************************************************************************************************************************************/

table { margin-left: auto; margin-right: auto; }

div[data-role="page"],
.ui-page { background-image: linear-gradient(#f9f9f9,#eee); width: 100%; height: 100%; overflow: auto; }
.ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page {overflow: auto;}

.cabeceraLogin { border-bottom: solid 5px #86B3EA; min-height: 55px; background-color: #5e87b0; }
.cabeceraLogin table { width: 100%; }

.ui-header,
.ui-header-fixed { border-bottom: solid 5px #86B3EA; min-height: 52px; }

.ui-header > table,
.ui-header-fixed > table { height: 100%; margin-left: auto; margin-right: auto; }

.ui-footer,
.ui-footer-fixed { padding-top: 1px; padding-bottom: 1px; }

.frameAplicacion { width: 100%; height: calc(100% - 3px); }

.ui-content { padding: 5px; outline: 0 !important; height: calc(100% - 52px); }

.span-portal { font-family: "Trebuchet MS","Arial"; color: #707070; font-size: 0.85em; text-align: center; line-height: 18px; }

.logoLogin { height: 33px; list-style: none; font-size: 24px; color: #FFFFFF;; padding: 14px 1px 7px 5px; font-weight: normal !important; }
.logoLogin .spCabecera { font-size: 20px; }
div.divCabeceraLinea { display: none; }

.anchoEntreIconos {	height: 40px; }
.anchoEntreIconoyLiteral { }

.btnSalir { background-image: url(../images/salir.png); background-repeat: no-repeat; padding: 2px 0px 5px 30px; cursor: pointer; }
.btnVolver { background-image: url(../images/volver.png); background-repeat: no-repeat; padding: 2px 0px 5px 30px; cursor: pointer;	}
.btnInicio { background-image: url(../images/inicio.png); background-repeat: no-repeat; padding: 2px 0px 5px 30px; cursor: pointer; }
.btnAcercaDe {background-image: url(../images/ayuda.png); background-repeat: no-repeat; padding: 2px 0px 5px 30px; cursor: pointer; }

.ui-link div { height: 60px; background-repeat: no-repeat; background-position: 50% 100%; }

.icono-analisis-eficiencia { background-image: url(../images/eficienciadia.png); }
.icono-planing-diario { background-image: url(../images/planningdia.png); }
.icono-eficiencia-por-tramos { background-image: url(../images/eficienciatramos.png); }
.icono-eventos-diarios { background-image: url(../images/eventosdiarios.png); }
.icono-situacion-trabajador { background-image: url(../images/situaciontrabajador.png); }
.icono-seguimiento-proyectos { background-image: url(../images/seguimientoproyectos.png); }
.icono-informe-actividades { background-image: url(../images/informeactividades.png); }

.icono-situacion-diaria { background-image: url(../images/situaciondiaria.png); }
.icono-ver-parte { background-image: url(../images/verparte.png); }
.icono-situacion-trabajador1 { background-image: url(../images/situaciontrabajador.png); }
.icono-informe-incidencias { background-image: url(../images/informeincidencias.png); }
.icono-eventos-diarios1 { background-image: url(../images/eventosdiarios.png); }
.icono-relacion-partes { background-image: url(../images/relacionpartes.png); }
.icono-hitos-proyectos { background-image: url(../images/hitosenproyectos.png); }
.icono-semanal-horarios { background-image: url(../images/informesemanalhorarios.png); }
.icono-operaciones { background-image: url(../images/informesemanalhorarios.png); }
.icono-incidencias-del-servicio { background-image: url(../images/incidservicio.png); }

.icono-vision-servicio { background-image: url(../images/visionservicio.png); }
.icono-portal-trabajador { background-image: url(../images/Trabajador.png); }
.icono-portal-utilidades { background-image: url(../images/utilidades.png); }

.icono-mi-perfil {background-image: url(../images/miPerfil.png)}
.icono-mis-turnos { background-image: url(../images/misturnos.png); }
.icono-notas { background-image: url(../images/notas.png); }
.icono-crear-parte { background-image: url(../images/crear-parte.png); }
.icono-circulares { background-image: url(../images/circulares.png); }
.icono-partes-transito { background-image: url(../images/partetransito.png); }
.icono-con-notas { background-image: url(../images/NotasCON.png); }
.icono-con-circulares { background-image: url(../images/CircularesCON.png); }
.icono-crear-parte-con-tarea { background-image: url(../images/tareasDiarias.png); }
.icono-vacaciones-dias { background-image: url(../images/vacaciones.png); }
.icono-mis-partes { background-image: url(../images/crear-parte.png); }
.icono-preIldi { background-image: url(../images/preildi.png); }
.icono-cambio-contraseña-trabajador { background-image: url(../images/passwordmobile.png); }
.icono-documentacion { background-image: url(../images/micarpeta.png); }
.icono-plantilla-trabajadores { background-image: url(../images/plantillatrabajadores.png); }
.icono-app-de-usuario { background-image: url(../images/informeactividades.png); }
.icono-apps-de-usuario { background-image: url(../images/iconosappusuario/SinIcono.png); }
.icono-registro-jornada { background-image: url(../images/registrojornadamobile.png); }
.icono-portal-evaluaciones { background-image: url(../images/evaluaciones.png); }
.icono-mis-evaluaciones { background-image: url(../images/misevaluaciones.png); }
.icono-permutas { background-image: url(../images/permutas.png); }
.icono-certificacion-tareas { background-image: url(../images/certificaciontarea.png);}
.icono-movimiento-tareas { background-image: url(../images/movertareas.png);}   
.icono-mobiliario { background-image: url(../images/mobiliario.png);}   
.icono-revision-tareas { background-image: url(../images/revisiontareas.png);}
.icono-revision-tareas-genericas {background-image: url(../images/revisiontareas.png);}
.icono-portal-formularios { background-image: url(../images/formularios.png); }
.icono-formularios-kpis { background-image: url(../images/formularios.png); }

.icono-posicion-diaria {
	background-image: url(../images/paneldiario.png);
}

.popup-cch {width: 100%; height: 100%;  display: block;  position: fixed;  top: 0px;  left: 0px;  background: rgba(0,0,0,0.75); z-index:10}
.popup-cch .popup-inner { max-width: 700px; font-family: Helvetica, Arial, sans-serif;
    width: 92%;
    padding: 5px 5px 0px 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0px 2px 6px rgba(0,0,0,1);
    border-radius: 12px;
    background: #fff;}

/*contenido del headder*/
.popup-cch .cabecera-cch-popup { min-height: inherit; height: 40px; }
.popup-cch .cabecera-cch-popup span.ui-btn-inner { top: -1px; right: 1px; }

/*Contenido del main*/
.popup-cch .contenido-mensaje { min-height: 30px; padding-top: 20px;padding-bottom: 20px;}
.popup-cch .contenido-mensaje .icono-popup-cch-alert { background: transparent url(../images/iconos/aviso.png) no-repeat; height: 26px; width: 26px; display: inline-flex; position: absolute; left: 4%; top: 38%; background-size: contain;}
.popup-cch .contenido-mensaje .icono-popup-cch-info { background: transparent url(../images/iconos/informacion.png) no-repeat; height: 26px; width: 26px; display: inline-flex; content: ""; position: absolute; left: 4%; top: 38%; background-size: contain;}
.popup-cch .contenido-mensaje .icono-popup-cch-confirm { background: transparent url(../images/iconos/confirmacion.png) no-repeat; height: 26px; width: 26px; display: inline-flex; content: ""; position: absolute; left: 4%; top: 38%; background-size: contain;}

.popup-cch .contenido-mensaje .icono-texto { margin-left:12%; }

/*contenido botones*/
.popup-cch .botones { text-align: center; }

.postit-login {
	width: 32px;
	height: 32px;
	display: flex;
	float: right;
	margin-right: 8px;
	margin-top: 4px;
	background-repeat: no-repeat;
	background-position: top;
	animation: blink 1.5s infinite;
}

@keyframes blink {
	50% {
		opacity: 0; /* varia de 0 a 1, un valor intermedio podra ser 0.33 */
	}
}

.icono-con-notas-login {
	background-image: url(../images/notasnuevas_amarillo.png);
}