/* GENERAL DE LA APLICACION */
/****************************/

/* -------- Importar ficheros de estilos ------------ */
@import 'styles/base/variables.css?version=1.3';
@import 'styles/base/layout.css?version=1.3';
@import 'styles/base/typography.css?version=1.3';
@import 'styles/components/button.css?version=1.3';
@import 'styles/components/checkbox.css?version=1.3';
@import 'styles/components/radiobutton.css?version=1.3';
@import 'styles/components/inputs.css?version=1.3';
@import 'styles/components/dialog.css?version=1.3';
@import 'styles/components/link.css?version=1.3';
@import 'styles/components/tabpanel.css?version=1.3';
@import 'styles/components/tooltip.css?version=1.3';
@import 'styles/components/separator.css?version=1.3';
@import 'styles/components/pagination.css?version=1.3';
@import	'styles/components/panel.css?version=1.3';
@import 'styles/components/treepanel.css?version=1.3';
@import	'styles/components/alerts.css?version=1.3';
@import 'styles/components/calendario.css?version=1.3';
@import 'styles/components/datepicker.css?version=1.3';
@import 'styles/components/tablas.css?version=1.3';
@import 'styles/components/toolbar.css?version=1.3';
@import 'styles/components/cards.css?version=1.3';
@import 'styles/components/scrollbar.css?version=1.3';
@import 'styles/components/progressbar.css?version=1.3';
@import 'styles/components/slider.css?version=1.3';
@import 'styles/components/labels.css?version=1.3';
@import 'styles/components/fieldset.css?version=1.3';
@import 'styles/components/fieldcontainer.css?version=1.3';
@import 'styles/components/formularios.css?version=1.3';
@import 'styles/pages/login.css?version=1.3';
@import 'styles/pages/home.css?version=1.3';
@import 'styles/pages/policyPage.css?version=1.3';
@import 'styles/pages/controlFichajesEmpleado.css?version=1.3';
@import 'styles/pages/consulta.css?version=1.3';
@import 'styles/pages/quienesquien.css?version=1.3';
@import 'styles/pages/datosPersonales.css?version=1.3';
@import 'styles/pages/logotipos.css?version=1.3';
@import 'styles/pages/homeNewsViewer.css?version=1.3';
@import 'styles/pages/polsegPage.css?version=1.3';
@import 'styles/pages/totpPage.css?version=1.3';
@import 'styles/pages/notificacionespdePage.css?version=1.3';
@import 'styles/pages/estadisticasAccidentes.css?version=1.3';
@import 'styles/pages/fichaResumen.css?version=1.3';
@import 'styles/pages/accidenteIncidente.css?version=1.3';
@import 'styles/pages/registroComunicaciones.css?version=1.3';
@import 'styles/pages/panelcontrol.css?version=1.3';
/* --------------------------------------------------- */

/* CONFIGURACION DE IMAGEN DE CLIENTE */

/* Configuracion de logotipos */
.login-img {
	background: rgb(255, 255, 255) url('../../resources/logo-bienvenida')
		no-repeat;
	background-position: center;
	background-size: contain;
}

/** GENERALES */
body {
	background-color: #FFF !important;
}

[role="button"] {
	color: green;
}

.bg-white table {
	background-color: white !important;
}

/* Checkboxes grid de lectura (evita confusion) */
.readonly img.x-grid-checkcolumn {
	opacity: 0.5;
}

.busquedaresultadoscontainer .x-item-disabled {
	opacity: 0.8 !important;
}

/* PAGINAS COMUNES */
.logo-comun {
	margin: auto;
	padding: 2%; /*agrando unb poco y separa*/
	width: 25%;
	height: 150px;
	background: url(../../resources/logo-bienvenida);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

/* Pijama del desplegable */

/* Se a�ade un borde a los elementos del desplegable del combo para separarlos */
.x-boundlist-item {
	border-bottom: 1px solid rgb(224, 224, 224) !important;
}

/* FIRMA DIGITAL */
/*.firmadig-add {
	
}*/

.firmadig-firmado {
	border-color: #257C18 !important;
	background-image: none !important;
	background-color: #257C18 !important;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #257C18),
		color-stop(50%, #257C18), color-stop(51%, #257C18),
		color-stop(100%, #257C18)) !important;
	background-image: -webkit-linear-gradient(top, #257C18, #257C18 50%, #257C18 51%, #257C18)
		!important;
	margin-right: 8px;
}

.firmadig-firmado:hover {
	border-color: #1B5911 !important;
	background-image: none !important;
	background-color: #1B5911 !important;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #1B5911),
		color-stop(50%, #1B5911), color-stop(51%, #1B5911),
		color-stop(100%, #1B5911)) !important;
	background-image: -webkit-linear-gradient(top, #1B5911, #1B5911 50%, #1B5911 51%, #1B5911)
		!important;
}

.firmadig-firmado .x-btn-default-small-pressed {
	border-color: #174B0E !important;
	background-image: none !important;
	background-color: #174B0E !important;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #174B0E),
		color-stop(50%, #174B0E), color-stop(51%, #174B0E),
		color-stop(100%, #174B0E)) !important;
	background-image: -webkit-linear-gradient(top, #174B0E, #174B0E 50%, #174B0E 51%, #174B0E)
		!important;
}

.firmadig-borrar {
	border-color: #E64646 !important;
	background-image: none !important;
	background-color: #E64646 !important;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #E64646),
		color-stop(50%, #E64646), color-stop(51%, #E64646),
		color-stop(100%, #E64646)) !important;
	background-image: -webkit-linear-gradient(top, #E64646, #E64646 50%, #E64646 51%, #E64646)
		!important;
}

.firmadig-borrar:hover {
	border-color: #CE1C1C !important;
	background-image: none !important;
	background-color: #CE1C1C !important;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #CE1C1C),
		color-stop(50%, #CE1C1C), color-stop(51%, #CE1C1C),
		color-stop(100%, #CE1C1C)) !important;
	background-image: -webkit-linear-gradient(top, #CE1C1C, #CE1C1C 50%, #CE1C1C 51%, #CE1C1C)
		!important;
}

.firmadig-borrar .x-btn-default-small-pressed {
	border-color: #AE1717 !important;
	background-image: none !important;
	background-color: #AE1717 !important;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #AE1717),
		color-stop(50%, #AE1717), color-stop(51%, #AE1717),
		color-stop(100%, #AE1717)) !important;
	background-image: -webkit-linear-gradient(top, #AE1717, #AE1717 50%, #AE1717 51%, #AE1717)
		!important;
}

/* GESTOR DOCUMENTAL */
/********/
.ux-filtered-column {
	font-style: italic;
	font-weight: bold;
}

.ux-gridfilter-text-icon {
	background-image: url(img/find.png) !important;
}

/*
 * RangeMenu Styles
 */
.ux-rangemenu-icon {
	display: block;
	height: 16px;
	background: no-repeat 5px center;
}

.ux-rangemenu-gt {
	background-image: url(img/greater_than.png) !important;
}

.ux-rangemenu-lt {
	background-image: url(img/less_than.png) !important;
}

.ux-rangemenu-eq {
	background-image: url(img/equals.png) !important;
}

/* 
 * Iconos de los tipos de documentos 
 * (simples antes para que no sobreescriban)
 */

/*Cambia el cursor para identificar una descarga.*/
.iconofiletype {
	cursor: pointer;
}

.mimetype[class*=text] {
	background: url(img/dms/txt.png) center no-repeat !important;
}

.mimetype[class*=excel] {
	background: url(img/dms/xls.png) center no-repeat !important;
}

.mimetype[class*=application\/pdf] {
	background: url(img/dms/pdf.png) center no-repeat !important;
}

.mimetype[class*=image] {
	background: url(img/dms/img.png) center no-repeat !important;
}

.mimetype[class*=script] {
	background: url(img/dms/script.png) center no-repeat !important;
}

.mimetype[class*=exe] {
	background: url(img/dms/app.png) center no-repeat !important;
}

/**/
.mimetype[class*=octet-stream] {
	background: url(img/dms/file.png) center no-repeat !important;
}

.mimetype[class*=wordprocessingml] {
	background: url(img/dms/docx.png) center no-repeat !important;
}

.mimetype[class*=word] {
	background: url(img/dms/doc.png) center no-repeat !important;
}

.mimetype[class*=spreadsheetml] {
	background: url(img/dms/xlsx.png) center no-repeat !important;
}

.mimetype[class*=ms-powerpoint] {
	background: url(img/dms/ppt.png) center no-repeat !important;
}

.mimetype[class*=presentation] {
	background: url(img/dms/pptx.png) center no-repeat !important;
}

.mimetype[class*=zip], .mimetype[class*=-multipart], .mimetype[class*=compressed]
	{
	background: url(img/dms/zip.png) center no-repeat !important;
}

/*para espaciar los iconos.*/
.x-action-col-icon {
	margin-right: 8px;
}

/* ICONOS BOTONES */
/******************/
.boton-excel {
	mask-image: url(img/iconos/microsoftexcel.svg) !important;
  	background-color: var(--color-texto) !important;
 	mask-size: contain;
}

.boton-entrada-stock {
	background-image: url(img/datasheet-add.png) !important;
}

.boton-salida-stock {
	background-image: url(img/datasheet-remove.png) !important;
}

/* ICONOS ARCHIVOS BLOQUEADOS */
.desbloquear {
	background-image: url(img/dms/lock1.png) !important;
	background-repeat: no-repeat;
}

.bloquear {
	background-image: url(img/dms/lock2.png) !important;
	background-repeat: no-repeat;
}

/*TREEPICKER */

/* DASHBOARD */
/*************/
.roundedpanel {
	padding: 0px;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.roundedimg {
	padding: 0px;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

/* BOTONERA INFORMATIVA */
#estado {
	text-align: rigth;
}

.sin-cambios {
	background-color: white;
	background-image: url(img/sin_cambios.png) !important;
	background-repeat: no-repeat !important;
	background-image: url(img/sin_cambios.png) !important;
}

.cambios-icono {
	width: 16;
	background-color: white;
	background-image: url(img/con_cambios.png) !important;
	background-repeat: no-repeat !important;
	opacity: 0.7;
}

/** REGISTRO COMUNICACIONES */
.rc-treepicker input {
	background-color: white;
	opacity: 1.0 !important;
}

/* EXPORTACION A EXCEL */
.excelexport-header div {
	background-color: #1E7145; /*verde MS*/
}

.excelexport-header-image {
	width: 128px;
	height: 128px;
}

.excelexport-title div {
	background-color: #1E7145; /*verde MS*/
	color: #FFF;
}

/* Control de cookies */
.inner {
	width: 100%;
	position: absolute;
	padding-left: 5px;
	font-family: verdana;
	font-size: 12px;
	top: 30%;
}

.inner a.ok {
	padding: 4px;
	color: #00ff2e;
	text-decoration: none;
}

.inner a.info {
	padding-left: 5px;
	text-decoration: none;
	color: #faff00;
}

/* Web Cookies */
body {
	background-color: #262626;
	margin: 0px !important;
}

.cookie-img img {
	width: 15%;
}

.cookie-header {
	background: #FC8F14;
	margin-top: 2%;
	text-align: center;
	padding: 10px;
	color: #FFF;
}

.cookie-body {
	text-align: justify;
	padding: 10px;
	width: 50%;
	margin: auto;
}

/*.cookie-info {
	
}

.cookie-what {
	
}

.cookie-conf {
	
}*/

.footer {
	bottom: 0px;
	background: #157FCC;
	border-top: 8px solid #FC8F14;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	padding: 30px 0 30px 0;
}

/* Fin del CSS para cookies */

/* Common Grid Relaciones */
.relacion-no-vigente td {
	background-color: #FFDCDC !important;
}

.relacion-no-vigente.x-grid-row-selected td {
	background-color: #FC6A6A !important;
}

.texto-relacion-no-vigente {
	color: #CC3030 !important;
	font-weight: bold;
	font-size: 12px;
}

/*.relacion-no-vigente td :hover {
	background-color: #FF8C8C; !important
}*/

/* TEST: Para solucionar bug en chrome con texarea y textfield, se mueven al poner el foco */
.x-form-text {
	display: inherit;
}

/******************************************************************************************************************/
/******************************************************************************************************************/

/* HOJA DE ESTILOS GENERAL PARA LA APLICACION (SE APLICA CON CUALQUIER ASPECTO) */

/* ------ GENERALES ------ */

/* --- FUENTES --- */

/* Fuente embebida para los 'glyphs' ('FontAwesome') */
@font-face {
	font-family: 'FontAwesome';
	src: url('./fonts/fonts/fontawesome-webfont.eot?32940503');
	src: url('./fonts/fonts/fontawesome-webfont.eot?32940503#iefix')
		format('embedded-opentype'),
		url('./fonts/fonts/fontawesome-webfont.woff?32940503') format('woff'),
		url('./fonts/fonts/fontawesome-webfont.ttf?32940503')
		format('truetype'),
		url('./fonts/fonts/fontawesome-webfont.svg?32940503#FontAwesome')
		format('svg');
	font-weight: normal;
}

/* 'Glyphs' especificos para la pantalla de bienvenida de la aplicacion */
@font-face {
	font-family: MilenaIcons;
	/* Se utiliza este fichero de fuentes porque el fichero 'Milena_OpenSans_Icons' no funciona sobre Firefox v44.0; ademas, se hace 
	la transformacion de formato 'opentype' a 'truetype' y se modifican sus permisos para evitar el fallo sobre Internet Explorer */
	src: url("./fonts/fonts/MilenaIcons.ttf") format("truetype");
}

/* Google Open Sans */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url("./fonts/fonts/Google_OpenSans/OpenSans-Regular.ttf")
		format("truetype");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
		U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url("./fonts/fonts/Google_OpenSans/OpenSans-Semibold.ttf")
		format("truetype");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
		U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: url("./fonts/fonts/Google_OpenSans/OpenSans-Bold.ttf")
		format("truetype");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
		U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* El tipo de fuente se aplica a todos los elementos de la aplicacion excepto los 'glyphs' y los 'font' utilizados en los componentes 'HtmlEditor' */
/* En la primera fase no cambiamos la fuente en toda la aplicacion, si en el boton-primario, si en campo texto, si en h2 login, si enlace-primario, si enlaces pie, si titulos de la home, etc */
/* MANTENER ESTA LINEA HASTA CAMBIO DE TIPOGRAFIA EN TODA LA APLICACION */
/* TODO: al aplicar tipografia mantener *:not(.x-btn-glyph):not(.x-menu-item-glyph):not(font) cuando se establezca la fuente principal, e incluir los casos que tengan fuente secundaria */
*:not(.x-btn-glyph):not(.x-menu-item-glyph):not(font):not(.boton-primario .x-btn-inner):not(.campo-texto .x-form-field):not(.campo-texto .x-form-item-label):not(.campo-select .x-form-field):not(.campo-select .x-form-item-label):not(.campo-fecha .x-form-field):not(.campo-fecha .x-form-item-label):not(.campo-numero .x-form-field):not(.campo-numero .x-form-item-label):not(.login-form h2):not(.enlace-primario):not(.listado-enlaces-pie > li > a):not(.listado-enlaces-pie > li > span):not(.titulo-bienvenida):not(.titulo-bienvenida span):not(.titulo-acceso):not(.boton-inicio-label):not(.label-perfilUsuario):not(.boton-cabecera.cierre-sesion span):not(.x-mask-msg-text):not(.title-cookies):not(.text-cookies):not(.div-contenido-cookies h1):not(.div-contenido-cookies h2):not(.div-contenido-cookies p):not(.dialogo .x-window-header-text):not(.label-breadcrums):not(.main-tabs.x-tab-bar .x-tab-inner):not(.maindropdownsubmenu .x-menu-item span):not(.boton-atras .x-btn-inner):not(.campo-checkbox .x-form-cb-label):not(.campo-checkbox .x-form-item-label):not(.campo-radio-group .x-form-cb-label):not(.alerta-texto-edicion-datos.x-box-item):not(.dialogo-upload-campo-subida > *):not(.dialogo-upload *):not(.dialogo-confirmacion *):not(.card-detalle-empleado label):not(.dialogo-envio *):not(.controlfichajes-empleado-boton-nuevo-registro i):not(.controlfichajes-empleado-boton-nuevo-registro .x-btn-inner span):not(.controlfichajes-botonera span div *):not(.controlfichajes-grafico-detalle-filtro .x-form-item-input-row .x-form-item-label):not(.controlfichajes-grafico-detalle-filtro .x-form-field):not(.controlfichajes-celda-cuerpo-detalle-actividad p):not(.controlfichajes-celda-cabecera-detalle-actividad span div):not(.registro-calendario-hora):not(.tooltip-calendario p):not(.tooltip-calendario b):not(.card-organigrama label):not(.card-configuracionUsuario *):not(.card-quienesquien .item-wrap-text-header):not(.card-quienesquien .item-wrap-text):not(.controlfichajes-supervisor-celda-cuerpo-detalle-actividad span .x-component):not(.controlfichajes-supervisor-seccion-cronograma-detalle-actividad span div):not(.controlfichajes-supervisor-celda-cabecera-detalle-actividad span div):not(.controlfichajes-supervisor-celda-cuerpo-detalle-actividad span div):not(.consulta-fichajes .formbusqueda .x-field-label-cell label):not(.consulta-fichajes .formbusqueda .x-form-item-body input):not(.dialogo-label):not(.dialogo-texto):not(.dialogo-error .x-form-display-field):not(.quien-es-quien .quien-es-quien-nombre):not(.buttons-cookies .info):not(a.boton-primario):not(boton-inicio-ir):not(.controlfichajes-celda-cuerpo-detalle-actividad p span):not(.controlfichajes-celda-cuerpo-detalle-actividad p .registro-calendario.hora):not(.campo-estado-sin-cambios-toolbar):not(.campo-estado-con-cambios-toolbar):not(.boton-secundario .x-btn-inner):not(.boton-control-accesos .x-btn-inner):not(.x-vertical-box-overflow-body .x-menu-item-text):not(.evaluaciones-titulo-previsualizar b):not(.evaluaciones-texto-previsualizar b):not(.label-textarea):not(.evaluaciones-elemento-evaluacion-panel-autoevaluacion div):not(.evaluaciones-elemento-evaluacion-panel-evaluacion div):not(.label-panel-chart-aceptacion):not(.panel-fijo-horizontal .x-header-text):not(.fieldset-generico .x-fieldset-header-text):not(.panel-fijo-horizontal.panel-fijo-interno-evaluaciones label):not(texto-mensaje-error):not(.td-organigrama .x-tree-node-text):not(.formulario-contadores .campo-numero .x-form-item-label b):not(.formulario-contadores .campo-texto .x-form-item-label b):not(.formulario-contadores .campo-select .x-form-item-label b):not(.tooltip-generico-claro-slider div span div):not(.texto-mensaje-confirmacion):not(.panel-acord-horizontal-borde .x-panel-body.x-panel-body-default.x-panel-body-default.x-noborder-t.x-panel-default-outer-border-rbl span div):not(.totp-contenedor):not(.totp-contenedor-titulo):not(.label-texto):not(.polseg-titulo):not(.paginacion-toolbar *):not(.label-texto div span div):not(.label-texto .x-form-text):not(.label-texto .x-form-item-label):not(.fieldset-generico .x-fieldset-header-text):not(.dialogo-alerta .x-form-display-field):not(.dialogo-alerta .x-fit-item span div):not(.texto-graficos svg text):not(.texto-graficos div div div svg text tspan):not(.x-panel-ghost .x-header .x-panel-header-text):not(.campo-filepicker .texto):not(.campo-filepicker .x-form-display-field):not(.texto-relacion-no-vigente):not(.panel-acord-vertical .x-region-collapsed-placeholder .x-panel-header-text-container-default .x-panel-header-text):not(.texto-mensaje-error):not(.fieldset-generico .estado.cantidad):not(.fieldset-generico .estado.nombre):not(.fieldset-generico .estado-texto):not(.tabla-grid .x-grid-cell-inner):not(.tabla-grid .x-column-header-text):not(.campo-textarea .x-form-item-label-top):not(.campo-radio-group .x-form-item-label):not(.panel-planificacionPrev .x-panel-header-text):not(.panel-planificacionPrev~> .x-panel-header-text):not(.tabpanel-h1 .x-tab-inner):not(.tabpanel-v1 .x-tab-inner):not(.tabpanel-h1 .x-header-text):not(.panel-acord-horizontal .x-header-text):not(.campo-label-titulo):not(.titulo-alerta) {
	font-family: Open Sans, sans-serif !important;
}

/* --- FONDO DE PANTALLA --- */
.x-body {
	/*background-image: url(img/main/background-body-additional.png),
		url(img/main/background-body.png) !important;*/
	background-size: auto, 100% 100% !important;
	background-position: right bottom !important;
	background-repeat: no-repeat !important;
}

/* Necesario para sobreescribir el color del texto de los botones en un componente 'Datepicker' */
.x-datepicker .x-btn-inner {
	color: white !important;
}

/* --- 'GLYPHS' --- */
.x-btn-glyph, .x-menu-item-glyph {
	opacity: 1 !important;
}

/* --- 'SPLITTERS' --- */
.x-splitter  .x-collapse-el {
	background-color: #4c4c4c !important;
	color: #fff !important;
}

/* ------ VISTA PRINCIPAL ('MAIN') ------ */
.contenedor-main {
	padding: 0% 0% !important;
	background-color: transparent !important;
}

/* --- FONDOS DE LA APLICACION --- */
.contenedor-gestion-lateral {
	background-color: transparent !important;
}

.relleno-gestion-lateral {
	background-image: url(img/main/background-relleno-lateral.png)
		!important;
	background-size: auto !important;
	background-position: left bottom !important;
	background-repeat: no-repeat !important;
	background-color: #dbdbdb !important;
}

/* --- PESTAÑAS --- */

/* Eliminar la linea horizontal del menu (debajo de las pesta�as) */
.x-tab-bar-strip-default {
	height: 0px !important;
}

/* Importante el orden de las dos primeras reglas*/
.x-tab-bar-default {
	background-color: #4c4c4c !important;
}

.x-tab-button {
	/* Necesario para centrar los titulos de pesta�a */
	display: table !important;
	width : 100% !important;
}

.x-tab-default-active .x-tab-inner {
	color: #323232 !important;
}

.tab-horizontal-relleno {
	cursor: default !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#323232+0,4c4c4c+50,4c4c4c+100 */
	background: #4c4c4c !important; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YzRjNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
		!important;
	background: -moz-linear-gradient(left, rgba(50, 50, 50, 1) 0%,
		rgba(76, 76, 76, 1) 50%, rgba(76, 76, 76, 1) 100%) !important;
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(50, 50
		, 50, 1)), color-stop(50%, rgba(76, 76, 76, 1)),
		color-stop(100%, rgba(76, 76, 76, 1))) !important;
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(50, 50, 50, 1) 0%,
		rgba(76, 76, 76, 1) 50%, rgba(76, 76, 76, 1) 100%) !important;
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(50, 50, 50, 1) 0%,
		rgba(76, 76, 76, 1) 50%, rgba(76, 76, 76, 1) 100%) !important;
	/* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(50, 50, 50, 1) 0%,
		rgba(76, 76, 76, 1) 50%, rgba(76, 76, 76, 1) 100%) !important;
	/* IE10+ */
	background: linear-gradient(to right, rgba(50, 50, 50, 1) 0%,
		rgba(76, 76, 76, 1) 50%, rgba(76, 76, 76, 1) 100%) !important;
	/* W3C */
	filter: none !important; /* IE6-8 */
}

/* Reglas especificas para IE9 */
.x-ie9m .x-tab-default-left {
	filter: none !important;
}

.x-ie9m .tab-menu-lateral {
	padding: 0px !important;
}

/* --- IMAGENES DE USUARIO POR DEFECTO --- */

/* Existe una imagen de perfil (o empleado) por defecto en caso de que falle el servicio */
.imagen-perfilUsuario-contain {
	background: url(img/usuario-def.png) no-repeat !important;
	background-size: contain !important;
}

.imagen-perfilUsuario-corner {
	background: url(img/usuario-def.png) no-repeat !important;
	background-position: right top !important;
}

.imagen-empleado-corner {
	background: url(img/usuario-def.png) no-repeat !important;
	background-position: right top !important;
}

/* --- 'ACCORDION' --- */

.elemento-accordion-sin-titulo .x-accordion-hd, 
.elemento-accordion-sin-titulo .x-accordion-hd-over {
	background: white !important;
	padding: 0px !important;
}


/* ------ PANTALLAS ------ */

/* --- FORMULARIOS --- */
.field-uppercase {
	text-transform: uppercase;
}

/* --- PANTALLAS DE INICIO DE SESION ('LOGIN') Y DE COOKIES --- */
.contenedor-cargando {
	background: white !important;
	border: none !important;
}

.login-form.x-panel {
	border-radius: 8px !important;
}

.login-form .x-panel-header-text {
	font-size: 16px !important;
	font-weight: normal !important;
}

.login-footer {
	background: url(img/login/background-login-footer.png), transparent
		!important;
	background-size: 100% auto, auto !important;
	background-repeat: no-repeat !important;
	border: none !important;
}

/*.login-form .x-form-item-label {
	font-size: 11px !important;
	margin-bottom: 3px !important;
}*/

/*.login-form .x-form-text {
	background-color: #727272 !important;
	border: none !important;
	color: white !important;
	padding-left: 14px !important;
	padding-right: 14px !important;
}*/

.div-contenido-cookies {
	color: #323232 !important;
}

/* --- PANTALLA DE BIENVENIDA ('HOME') --- */
.boton-home .x-btn-glyph {
	color: white !important;
	font-size: 225px !important;
}

.boton-inicio {
	background: none !important;
    border-style: none !important;
    border-radius: 0px !important;
}

.boton-inicio:hover {
	cursor: pointer;
}

.boton-inicio-imagen:hover {
    -webkit-transition: all 0.30s;
    transition: all 0.30s;
    -webkit-filter: brightness(105%);
    -moz-filter: brightness(105%);
    -o-filter: brightness(105%);
    -ms-filter: brightness(105%);
    filter: brightness(1.05);
}

.boton-inicio-imagen {
	top: 0;
    right: 0;
    bottom: 24px;
    left: 0;
    background-position-x: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	position: absolute;
}

/*.boton-inicio-label {
    width: 100%;
    bottom: 0;
    color: white;
    position: absolute;
	white-space: normal;
	font-size: 13px;
    font-weight: bold;
    text-align: center;
}*/

.boton-home-icon-imagen {
	height: 90% !important;
	background-size: 40%, auto !important;
	background-position: center !important;
}

.label-boton-home {
	white-space: normal;
	color: white;
	position: absolute;
	bottom: 4px !important;
	left: 5px !important;
}

.boton-home-pde {
	background-image: url(img/mainmenu/escritorio.jpg) !important;
}
.boton-home-prl {
	background-image: url(img/mainmenu/prl.jpg) !important;
}
.boton-home-horario {
	background-image: url(img/mainmenu/horario.jpg) !important;
}
.boton-home-conf {
	background-image: url(img/mainmenu/configuracion.jpg) !important;
}

/* --- PANTALLA DE CONFIGURACION DE USUARIO --- */
.panel-configuracionUsuario {
	border-radius: 8px;
}

/* --- PANTALLA DE RECIBOS (PDE) --- */
.left-header-col .x-column-header-inner {
	text-align: left;
}

.grid-cell-destacado .x-grid-cell {
	font-weight: bold;
}

.grid-panel-recibos .x-grid-cell {
	vertical-align: middle !important;
	height: 50px !important;
}

.celda-mes-recibo {
	background-image: url(img/calendario.png) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
	color: #555 !important;
	font-weight: bold !important;
}

/* .boton-descargar-recibo { */
/* 	background: transparent !important; */
/* 	border-style: none !important; */
/* } */

/* --- PANTALLA DE DATOS DE IRPF --- */
.panel-contenido-justificado {
	text-align: justify;
	text-justify: inter-word;
}

/* --- PANTALLA DE SOLICITUDES DE VACACIONES --- */
.grid-contadores-destacado {
	color: #555 !important;
	font-weight: bold !important;
}

.panel-leyenda-contadores {
	border: 1px solid #ccc !important;
}

.calendario-vacaciones .x-item-disabled {
	opacity: 1 !important;
}

.grid-solicitudes-solicitudes {
	border: 1px solid #b5b8c8 !important;
}

.grid-solicitudes-solicitudes .x-grid-cell {
	height: 35px !important;
}

.grid-solicitudes-solicitudes .x-grid-cell .x-grid-cell-inner {
	height: 35px !important;
	line-height: 35px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.grid-solicitudes-solicitudes .x-grid-cell .x-grid-cell-inner .x-action-col-icon {
	vertical-align: middle;
}

.solicitud-vacaciones-modificada .x-grid-cell-inner {
	/* Se configura un color de fondo transparente para no perder del todo los estilos de 'hover' y 'selected' del 'grid' gen�rico */
	background-color: rgba(50, 50, 50, .15) !important;
}

.boton-mostrar-historico-solicitud.x-action-col-icon {
	height: 18px !important;
    width: 18px !important;
}

/* --- PANTALLA DE ACEPTACION DE VACACIONES --- */
.label-panel-chart-aceptacion {
	font-family: var(--fuente-secundaria) !important;
	color: #595959;
	font-weight: bold;
}

.grid-aceptacion-solicitudes {
	border: 1px solid #b5b8c8 !important;
}

.grid-aceptacion-solicitudes .x-grid-cell {
	height: 35px !important;
}

.grid-aceptacion-solicitudes .x-grid-cell .x-grid-cell-inner {
	height: 35px !important;
	line-height: 35px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.grid-aceptacion-solicitudes .x-grid-cell .x-grid-cell-inner .x-action-col-icon {
	vertical-align: middle;
}

.boton-aprobar-solicitud.x-action-col-icon {
	height: 20px !important;
    width: 20px !important;
}

/* --- PANTALLA DE COBERTURA DE VACACIONES --- */
.contenedor-detalles.x-item-disabled {
	opacity: 1 !important;
}

/* --- PANTALLA DE NOTICIAS (PDE) --- */

/* Estilos para el componente 'HtmlEditorImagePlugin' */
.x-panel-body .panel-vista-previa-imagen {
	border: 1px solid #ccc !important;
}

.x-panel-body .panel-vista-previa-imagen-readonly {
	background-color: #e7eff4 !important;
	padding: 5px 10px !important;
}

.label-imagen-no-disponible {
	color: #CC0000 !important;
}

.htmleditor-chain {
	background: url(img/chain.png) no-repeat !important;
	background-position: center !important;
	border: none !important;
	height: 100% !important;
	width: 100% !important;
}

.htmleditor-chain-break {
	background: url(img/chain-break.png) no-repeat !important;
	background-position: center !important;
	border: none !important;
	height: 100% !important;
	width: 100% !important;
}

/* --- GESTOR DOCUMENTAL --- */

/* botones accion gestor documental */
.x-toolbar.toolbar-dms-errores {
	background-color: #ffe5e5 !important;
	border: 1px solid silver;
}

.label-dms-errores {
	color: #cc0000;
	font-weight: bold;
}

.toolbar-errores 

.boton-history {
	background-image: url(img/dms/history.png) !important;
}

.boton-nueva-version {
	background-image: url(img/dms/uparrow.png) !important;
}

.boton-descarga {
	background-image: url(img/dms/download.png) !important;
}

/* --- EDITOR HTML --- */
.htmleditor-cleartags-button .x-btn-glyph, .htmleditor-cleartags-button .x-menu-item-glyph {
    color: #999999 !important;
}

.field-center-text .x-form-text {
	text-align: center !important;
}

/* --- PANTALLA DE IMAGEN DE LA EMPRESA (LOGOTIPOS) --- */
.logotipo-reset .x-btn-glyph {
	color: #666 !important;
	font-size: 28px !important;
}


/* --- CAE --- */

/*TEST: //para solucionar bug en chrome con texarea y textfield, se mueven al poner el foco*/
.x-form-text {
	display: inherit;
}

/*.relacion-no-vigente td :hover {
	background-color: #FF8C8C; !important
}*/
div.estados { /*resumen estado*/
	display: -webkit-flex;
	display: flex;
}

div.estados .estado {
	padding-right: 30px;
}

div.estados .cantidad {
	font-weight: bold;
	font-size: 110%;
}

.resumen-estados span {
	background-size: 83% !important;
}

.x-grid-cell.icono-estado { /* grid*/
	background-size: 24px !important;
	background-position-x: 20px; /*centra en la columna*/
}

.x-tree-icon.icono-estado { /* arbol*/
	background-size: 16px !important;
}

/*valido*/
.estado-0 {
	background-image: url(img/estados/green.png) !important;
	background-repeat: no-repeat !important;
}
/* inicial */
.estado-1 {
	background-image: url(img/estados/grey.png) !important;
	background-repeat: no-repeat !important;
}
/* enviado */
.estado-2 {
	background-image: url(img/estados/orange.png) !important;
	background-repeat: no-repeat !important;
}
/* pendiente */
.estado-3 {
	background-image: url(img/estados/blue.png) !important;
	background-repeat: no-repeat !important;
}
/* caducado */
.estado-4 {
	background-image: url(img/estados/yellow.png) !important;
	background-repeat: no-repeat !important;
}
/* rechazado    */
.estado-5 {
	background-image: url(img/estados/red.png) !important;
	background-repeat: no-repeat !important;
}

/* */
.arbol-procesoscoords .icono-estado {
	font-size: 20px;
}

/* CONTROL ACCESOS */

/* agranda el espacio del icono*/
.control-accesos-button {
	height: 32px !important;
}

/* Alinear los digitos de un componente de tipo 'numberfield' a la derecha */
.campo-number-align-right .x-form-field {
	text-align: right;
}

/* --- PANTALLA DE ESTADISTICAS --- */

/* Esta regla deshabilita la opacidad de la clase '.x-item-disabled' fijada en 'firma.css' */
.panel-estadisticas-accidentes .x-item-disabled {
	opacity: 1;
}

/* --- PANTALLA DE GESTION DE CUESTIONARIOS --- */
.elemento-accordion-sin-titulo .x-accordion-hd, 
.elemento-accordion-sin-titulo .x-accordion-hd-over {
	background: white !important;
	padding: 0px !important;
}


/* --- PANTALLA DE RETRIBUCION FLEXIBLE --- */

/* .retflex-panel-tipo-producto .x-header-text { */
/*     line-height: 60px !important; */
/* } */


/* .retflex-panel-tipo-producto-border { */
/* 	border: solid 1px silver !important; */
/* } */

/* .retflex-panel-producto { */
/*     background: white !important; */
/* 	border: solid 1px silver !important; */
/* } */

/* .retflex-panel-producto .x-panel-body { */
/* 	background: white !important; */
/* } */

.retflex-boton-seleccionar-producto {
    background: transparent !important;
	border-style: none !important;
}

.retflex-boton-seleccionar-producto span {
	color: #323232 !important;
	font-size: 13px !important;
	font-weight: normal !important;
}

.retflex-boton-seleccionar-producto .x-btn-glyph {
    color: #595959 !important;
	font-size: 24px !important;
}

.retflex-boton-seleccionar-producto.x-btn-disabled {
    opacity: 1 !important;
}

.retflex-boton-seleccionar-producto.x-btn-disabled .x-btn-glyph {
    opacity: .7 !important;
}

.img-picker>.x-box-inner .roundedimg{
	border: 1px solid var(--color-fondo-primario);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
	border-radius: 0.875rem !important;
	cursor: pointer;
}

/* --- PANTALLAS DE EVALUACIONES --- */

.evaluaciones-elemento-evaluacion .x-form-checkboxgroup-body {
	padding: 0px !important;
}

.evaluaciones-elemento-evaluacion .x-form-type-radio.x-form-readonly {
	opacity: .6 !important;
}

.evaluaciones-label-no-existe-objetivo-anio-anterior {
    color: #595959;
    font-weight: bold;
}

/* --- PANTALLAS DE ANALISIS DE EVALUACIONES --- */

.checkbox-fielset-filtros-serie {
	margin-right: 3px !important;
}

.checkbox-fielset-filtros-serie:focus {
	background-position-x: -15px;
}

.checkbox-fielset-filtros-serie-checked {
	background-position-y: -15px !important;
}

.analisis-evaluaciones-arbol-ambito-secciones .x-grid-cell-inner {
    white-space: normal !important;
}

.label-titulo-chart-analisis-evaluaciones {
	color: #8c8c8c;
	font-size: 15px;
	font-weight: bold;
}

/* CALENDARIO ANUAL EMPLEADO */
.toolbar-navegacion-anual .x-btn-toolbar{
	background-color: #727272 !important;
}

.toolbar-navegacion-anual .x-btn-toolbar:link{
	background-color: #727272 !important;
}

.toolbar-navegacion-anual .x-btn-toolbar:visited{
	background-color: #727272 !important;
}

.toolbar-navegacion-anual .x-btn-toolbar:hover{
	background-color: #5B5B5B !important;
}

.toolbar-navegacion-anual .x-btn-toolbar:active{
	background-color: #727272 !important;
}


.relleno-detalles-gestion-central {
	background: #FFFFFF !important;
}
.imagen-perfilUsuario-izqda-top {
	background: url(img/usuario-def.png) no-repeat;
	background-position: right top;
}
.x-column-header.ficharesumencolaborador {
	background-color: #00008F;
	color: #FFFFFF;
}
.x-column-header.ficharesumendatos {
	background-color: #95B3D7;
	color: #FFFFFF;
}
.x-column-header.ficharesumenresultado {
	background-color: #376092;
	color: #FFFFFF;
}

.x-column-header.ficharesumencolaborador .x-column-header-over,
.x-column-header.ficharesumencolaborador .x-column-header-sort-ASC,
.x-column-header.ficharesumencolaborador .x-column-header-sort-DESC, 
.x-column-header.ficharesumendatos .x-column-header-over,
.x-column-header.ficharesumendatos .x-column-header-sort-ASC,
.x-column-header.ficharesumendatos .x-column-header-sort-DESC, 
.x-column-header.ficharesumenresultado .x-column-header-over,
.x-column-header.ficharesumenresultado .x-column-header-sort-ASC,
.x-column-header.ficharesumenresultado .x-column-header-sort-DESC {
    background-color: var(--color-celda-hover);
    color: var(--color-texto-oscuro);
}

/* QUIEN ES QUIEN */
.listempleados {
	height: 100%;
}

/* Items de resultados */
.item-wrap {
	float: left;
    height: max-content;
    margin-right: 30px;
    margin-left: 10px;
    margin-bottom: 15px;
}

.item-wrap-text-header {
	font-size: 0.9em;
    max-width: 180px;
    text-align: center;
    word-break: break-word;
    font-weight: bold;
}

.item-wrap-text {
	font-size: 0.9em;
    max-width: 180px;
    text-align: center;
    word-break: break-word;
}

.item-wrap img {
	padding: 0px;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    height: 220px;
	object-fit: cover;
}

.documento-noleido {
	font-weight: bold !important;
	font-style: italic;
}

.documento-leido {
	font-family: Arial, Helvetica, sans-serif;	
}