body {
	background-color: #FFF;
	color: #000;
	/*font-family: Tahoma;*/
	font-size: 13px !important;
	margin: 0px;
	border: 0px;
	background-image: url('imagenes/trans.gif');
}

.logo{
	max-width: 100%;
	max-height: 60px;
}



.sinlogo{
	text-transform: uppercase; font-size: 1.4em; font-weight: bold; color: #FFF; padding-right: 20px;
}

.bodyLogeado{
	background-color: #f9f9f9;
}

.bginicio1,.bginicio2,.bginicio3 ,.bginicio4 {
	background: url('https://www.iveo.es/iveopro-fondo/bg1.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
}
.bginicio2 {
	background: url('https://www.iveo.es/iveopro-fondo/bg2.jpg') no-repeat center center fixed;
}
.bginicio3 {
	background: url('https://www.iveo.es/iveopro-fondo/bg3.jpg') no-repeat center center fixed;
}
.bginicio4 {
	background: url('https://www.iveo.es/iveopro-fondo/bg4.jpg') no-repeat center center fixed;
}

.redondeaEsquina, .redondea{
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
}

#head {
	height: 130px !important;
}


#head .titulo{
	text-align: left !important;
	margin-left: 0px !important;
	padding-left: 0px !important;
	left: 10px !important;
	height: 100px;
}

input [type=button] {
	padding: 5px;
}

input {
	max-width: 100%;	
}


input:required, select:required {
  border: 1px solid #00aad6;
}

a:link,a:visited {
	
	text-decoration: none;
	border:none;
}

a.selecAdmin {
	color: #888888 !important;
	font-weight: bold;
}

.limitado{
	max-width: 100px !important;
}
.limitadoMini{max-width: 80px !important;}
.limitadoMax{max-width: 120px !important;}
.limitadoPro{max-width: 250px !important;}
.limitadoUd{max-width: 50px !important;}

.separador{height: 1px; background-color: #DDD; margin-top: 3px;}


.pedidoDocumento{
	position: relative;
	float: left;
	padding: 10px 10px;
	background-color: #FFF;
	margin-right: 10px;
	border: 1px solid #DDD;
}

.facturaOpciones{
	width: 50px;
	border: none;
}

a.nuevo {
	color: #AEAEAE;
	font-weight:bold;
}
img{
	border: none;
}

.limitado, .selectReducido{
	max-width: 120px;
	padding-left: 5px !important;
}
.limitadoMini, .selectReducidoMini{
	max-width: 80px !important;
	padding-left: 5px !important;
}
.limitadoMinusculo, .selectReducidoMinusculo{
	max-width: 40px;
	padding-left: 5px !important;
}
.limitadoMax{
	max-width: 150px;
	padding-left: 10px !important;
}

.select2-selection--single{
	height: 36px !important; 
}
.mi-selector{
	/*font-size: 14px;*/
}

/*
input[type="time"]{
	width: 55px !important;	
}
*/

input[type="date"]{
	width: 115px !important;	
}


td.usuario{
color: #AEAEAE;
}

.total, .totalN{
	font-size: 1.2em;
}
.totalN{
	font-weight: bold;
}

.tituloCarrito{
	font-weight: bold;
}

.tituloAdmin{
	font-size:15px;
	color:#8e9294;
	height: 50px;
	width: 100%;
	vertical-align: middle;
	font-size: 1.8em;
	padding-top: 5px;
	position: relative;
}

.tituloAdminTexto{
	
	color: #6e7884;
	text-transform: uppercase;
}

td.tituloAdminMini{
text-align:left;
font-size:16px;
font-weight:bold;
color: #8e9294;
}

.aviso, .avisoTarea, .avisoEstado, .entradaCalendario, .avisoEstadoOscuro, .formularioFind{
	padding: 5px 10px;
    border-spacing: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.aviso{
	padding: 10px 10px;
}

.avisoTarea, .avisoEstado, .entradaCalendario{
	border: 1px solid white;
    color: #FFF;
}
.avisoEstado a{
	color: #FFF !important;
}

.avisoTarea{
	padding: 20px 20px;
	border-radius: 20px;
    -moz-border-radius: 20px;
	max-width: 260px;
	height: 115px;
	overflow: hidden;
}
.avisoLateral{
	max-width: 80px;
	margin-right: 5px;
}
.textoNegro, .avisoEstadoOscuro{
	color: #222 !important; 
	border: 1px solid #AAA;
}

.formularioFind{
	position: relative;
	float: left;
	border: 1px solid #999;
}

.porcentaje{
	margin-top: 5px;
	width: 50px;
	text-align: right;
	
}


/* Gestion de proyectos*/

.galeria {
	-moz-column-count: 5;
	-moz-column-gap: 10px;
	/*-moz-column-fill: auto;*/
	-webkit-column-count: 5;
	-webkit-column-gap: 10px;
	/*-webkit-column-fill: auto;*/
	column-count: 5;
	column-gap: 15px;
	/*column-fill: auto;*/
	width: 100%;
}

.pin {
	-moz-column-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	column-break-inside: avoid;
	display: inline-block;
	margin: 0 2px 15px;
	padding: 15px; 
	width: 100%;

}
.pinIn{
	background-color: #FFF;
	padding: 10px 10px;
}
.pin .proTitulo{
	font-size: 1.2em;
	font-weight: bold;
}
.pin .proCita{
	font-weight: bold;
}
.lineaCita{
	height: 35px;
	overflow: hidden; 
}

.overflow{
	overflow: hidden;
}

.citaProyecto{
	border: 1px solid #EEE;
	position: relative;
}

.proyectoDia{
	text-align: center;
	font-weight: bold;
}
.proyectoDiaPar{
	background-color: rgba(200,200,200,0.1);
}

.proyectoCliente, .proyectoTitulo, .proyectoLinea{
	height: 30px;
	overflow: hidden;
}

.proyectoCliente{
	font-weight: bold;
}

.proyectoUsuario, .proyectoAusencia,.proyectoCasilla{
	max-width: 100px;
	width: 100px;
}

.proyectoUsuario, .proyectoAusencia{
	padding: 5px 5px;	
	overflow: hidden;
	font-size: 0.9em;
}

.proyectoEconomico{
	padding: 5px 5px;
	width: 100px;
}

.proyectoResumen{
	font-size: 1.4em;
	font-weight: bold;
}

/* fin de proyectos ------*/

/* Parte trabajo*/
.parteHead, .parteHeadGrande{
	font-weight: bold;
}
.parteHeadGrande, .parteGrande{
	font-size: 1.2;
}
/*------------- */


button div{
	white-space:nowrap;
}

.desactiva{
    cursor: not-allowed;
    background-color: rgb(229, 229, 229) !important;
    pointer-events:none;
}
 

.avisoTareaIco{
	/*background-color: #FFF;*/
	border-radius: 50px;
    -moz-border-radius: 50px;
}
.avisoTitulo{
	font-weight: bold;
	margin-bottom: 5px;
}



.entradaCalendario, .entradaCalendario a{
	color: #333 !important;
}

.estimacion{
	font-size: 1.3em;
	color: #333;
	font-weight: bold;
	
}


.headMini{
	padding-top: 5px;
	height: 20px;
}


.tablaExtra td{
	padding: 10px 10px !important;
}


.tablaVenta{
	font-size: 1.4em;
}


td.eliminado{
 font-weight: bold;
 color: red;
}



/** MENSAJES**/
#div_mensaje_usuario {
	
}

.mensajeok, .mensajeinfo, .mensajeko {
	background: #19c593 url("imagenes/icon/ico-ok.png") 5px -5px no-repeat;
	padding: 20px 5px 10px 80px;
	font-size: 1.2em;
	color: #000;
}

.mensajeinfo {
	background: #ffb878 url("imagenes/icon/shuffle-2.png") 5px 5px no-repeat;
}

.mensajeko {
	background: #ff6925 url("imagenes/icon/ico-error.png") 5px -5px no-repeat;
}

/** CATEGORIA ABSENTISMO*/
.solicitudResumenAno{
	padding: 10px 10px;
	background-color: #FFF;
	
}
.solicitudDia{
	font-size: 1.1em;
}
.solicitudMini{
	font-size: 0.6em;
}

.tituloResumenAno{
	font-size: 1.1em;
	font-weight: bold;
}

/*-------------------------*/
.licitacionResumen{
	margin: 20px 20px;
	border: 1px solid #999;
	padding: 20px;
}
.licitacionFiltro{
	color: #444;
	margin-right: 30px;
	margin-bottom: 10px;
}

.licitacionTitulo{
	font-weight: bold;
}

.licitacionTituloMovil{
		font-weight: bold;
		color: #444;
		margin-top: 15px;
		margin-bottom: 3px;
	}

.licitacionSupertitulo{
	font-size: 2em;
	margin-top: 10px;
}

.licitacionSeparada{
	width: 100%;
	margin-bottom: 5px;
	border-bottom: 1px solid #AAA;
	height: 10px;
}

.fa-lg {
  padding-top: 8px;
}





td.topNombre{
	color: #1F76BD;
	text-align: center;
}

td.topNumero{
	color: #666666;
	text-align: center;
	font-size: 20px;
}
td.topIndice{
	color: #FFFFFF;
	text-align: center;
	font-size: 26px;
}

td.miniTitulo{
	font-size: 18px;
	color: #666666;
	text-align: left;
}

td.miniVolver{
	text-align: right;
}


td.tituloLateral{
	background-color: #AAAAAA;
	color: #000;
	padding: 2px 2px;
}

/** tablas */

.tablaListado, .tablaFormulario {
	width: 100%;
	border-spacing: 0px;
	border-collapse: separate;
	background-color: #FFF;
	border-collapse: separate;
    border-spacing: 5;
    border: 1px solid white;
    border-radius: 5px;
    -moz-border-radius: 20px;
    padding: 0px;
}

.tablaCorta {
	width: auto !important;
}

.tablaListado td, .tablaFormulario td {
	padding: 2px 5px;
	vertical-align: top;
}

.avisoTabla {
	padding: 0px 0px !important;
}

.headTabla, .headTablaC, .headTablaD, .cabeceraTablaC, .cabeceraTablaD {
	background-color: #707e98;
	color: #FFF;
	height: 38px;
	padding: 3px 5px;
}

.headTablaC, .cabeceraTablaC {
	text-align: center;
}

.headTablaD, .cabeceraTablaD {
	text-align: right;
}

.headTabla a, .headTablaC a, .headTablaD a {
	color: #FFF !important;
}

.tablaContenedor, .tablaGrupo, .proyectoTabla {
	border-collapse: separate;
	border-spacing: 0px 0px;
	
}

.headTablaResT,.headTablaResC{
	
}

.headTablaResAction{
	padding-top: 10px;
}

.headSecond{
	font-weight: bold;
}

.tablaContenedor{
	width: 100%;
}

.tablaGrupo, .proyectoTabla{
	background-color: #FFF;
	padding: 10px 10px;
    border-spacing: 5;
    border: 1px solid white;
    border-radius: 5px;
    -moz-border-radius: 20px;
}
.tablaGrupoCabecera{
	padding-bottom: 10px;
	color: #333;
	font-weight: 600;
}

.tituloGrupo{
	font-weight: bold;
}

.proyectoTabla{
	height: 250px;
	overflow: hidden;
}
.tablaScroll{
	overflow-x: hidden;
	overflow-y: scroll;
}

.tablaGris, .colorGris{
	background-color: #FAFAFA;
}
.tablaBlanca{
	background-color: #FFF;
}
.tablaSinColor, .tablaSinColor tr, .tablaSinColor td{
	background-color: auto !important;
}

.invertirColor {
	-webkit-filter: invert(0.9);
	filter: invert(0.9);
}

.tablaEspacio td {
	padding: 5px 5px;
}

.aireMini {
	padding: 3px 5px;
}

.aire {
	padding: 5px 8px;
}

.aireMax {
	padding: 8px 12px;
}

.contenidoTabla {
	
}
.contenidoTablaC {
	text-align: center;
}

.contenidoTablaR, .contenidoTablaD {
	text-align: right;
}

.inputCantidad{
	width: 70px !important;
	text-align: right;
}

.tablaTotal{
	font-size: 1.2em;
	
}

td.separadorHorizontal {
	background: url(imagenes/propias/separador.png);
	font-size: 3px;
}

.tablaColor tr:nth-child(odd) {
	background: #efefef;
}

.tablaColor  tr:nth-child(even) {
	background: #FFF;
}

.tablaColor td {
	
}

table.top{
	width: 250px;
}

.tabla300{
	width: 300px;
}
	
.tituloMensaje{
	font-size: 1.4em;
	color: #666;
}
	
.paralelo{
	position: relative;
	float: left;
}

.paraleloLeft{
	position: relative;
	float: left;
	padding-left: 20px;
}

.nobr	{ white-space:nowrap; }

.proyectoTitulos{
	font-weight: bold;
	font-size: 1.4em;
}


/* -------------------- HOJA DE STILOS DEL CALENDARIO -----------------------------------*/
	
	 #ui-datepicker-div{
		
		padding: 8px 8px;
	}
	#ui-datepicker-div:hover {
		background-color: #FFF;
		border: 1px solid #AAA;
	}
	.ui-datepicker-prev{
		padding-right: 60px;
		cursor: pointer;
		font-weight: bold;
		
	}
	.ui-datepicker-next{
		cursor: pointer;
		font-weight: bold;
	}
	.ui-datepicker-title{
		margin-top: 10px;
		margin-bottom: 5px;
		font-size: 1.1em;
		font-weight: bold;
	}
	
	.ui-datepicker-today{
		background-color: #DDD;
	}
	.ui-state-default{
		padding: 3px 3px;
		text-align: center;
	}
	
	
/* -----------------------------------------------------------------------------------------*/

.fotop{
	max-width: 50px;
	max-height: 50px;
}

.fotog{
	max-width: 80px;
	max-height: 80px;
}

.entrada {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
	background-color: #273238;
	height: 100%;
	padding-top: 50px;
}

.entrada-margen {
	padding: 20px 30px;
}

.logotipoadmin{
	/*background-color: #FFF;*/
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

#adminEncabezado{
	width: 100%;
	color: #FFF;
	padding: 0px 20px;
	min-height: 50px;
}
#adminTitulo{
	width: 50%;
	position: absolute;
	padding-top: -5px;
	left: 0;
	padding-left: 10px;
	overflow: hidden;
}

#adminTitulo img{
	max-height: 50px;
}

#adminOpciones{
	width: 50%;
	position: absolute;
	top: 10;
	right: 0;
	text-align: right;
}
.adminOpciones{
	float: right;
	position: relative;
}

#lateralAdmin{
	position: relative;
	float: left;
	width: 15%;
	background-color: #354052;
	min-height: 1000px;
	overflow: hidden;
}

.contenedorLateralMenu{
	background-color: #354052;
}

.contenedorLateralMenu a{
	color: #FFF !important;
}

.contenedorLateralMenu ul {
	margin: 0px;
	list-style-type: none;
}
		
.contenedorLateralMenu li {
	padding-bottom:10px;
	background-repeat:no-repeat;	
	padding: 6px 10px;
}

.contenedorLateralMenu li:hover {
	background-color: #2b3443;
	/*opacity: 0.7;*/
}

.sidenav {
    height: 100%;
    z-index: 1;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 40px;
}

.closenav{
	width: 45px !important;	
}

.opennav{
	width: 95% !important;
}

.closenav .entradaTexto{
	display: none;
}

.entradaMenu{
	clear: both;
	width: 100%;
	padding: 10px 0px;
}
.entradaImagen{
	position: relative;
	float: left;
	width: 20%;
	text-align: center;
	overflow: hidden;
	min-width: 27px;
}

.icono50{
	width: 50px;
}

.iconoFacturas{
	width: 62px;
	text-align: center;
	height: 80px;
	overflow: hidden;
	padding-bottom: 10px;
}
.marginIcono10{
	margin-right: 10px;
}
#lateralLogo{
	position: absolute;
	top: 0;
	left: 15px;
	height: 70px;
	text-align: center;
	max-width: 80%;
}
#lateralOpciones{
	padding: 10px 10px;
	margin-top: 10px;
}

.opcionConcreta{
	padding-right: 10px;
}

.entradaImagen img{
	min-width: 25px;
}

.entradaTexto{
	position: relative;
	float: left;
	margin-top: 5px;
	padding-left: 5px;
	font-size: 1.1em;
	width: 80%;
}
#adminContenido{
	position: relative;
	float: left;
	
	z-index: 90;
	padding-left: 10px;
	
	/* Ajustes ISO*/
	/*margin-top: -10px;*/
	width: 84%; /*antes 85*/
	
	
}

.separadorLateral{
	border-bottom: 2px #FFF solid;
	width: 100%;
	margin-bottom: 5px;
}

#cerrarLateral, #abrirLateral{
	height: 40px;
}

.lateralVolver{
	position: absolute; right: 50px;
}


/* Menú de administrador */
#menuAdmin {
	z-index: 100;
	position: absolute;
	/*background-color: #EEE;*/
	background-repeat: no-repeat;
	right: 0px;
	top: -5px;
	padding: 0px 10px;
	text-align: center;
}

#menuOculto {
	display: none;
	z-index: 150;
	position: absolute;
	background-color: #FFF;
	color: #666;
	right: 0px;
	top: 50px;
	width: 180px;
	padding: 30px 10px;
	font-size: 1.2em;
	transient: 0.5;
	border: 2px #DDD solid;
}


/* ---------------------- */

.ventaTitulo, .ventaIcono{
	padding-top: 15px;
	font-size: 1.2em;
	color: #666;
	padding-left: 10px;
	font-weight: bold;
}

.ventaIcono{
	padding-top: 0px;
}

.ventaContenido, .ventaContenidoR, .ventaContenidoC{
	font-size: 1.5em;
	color: #666;
	padding: 20px 0px;
}
.ventaContenidoR{
	text-align: right;
}
.ventaContenidoC{
	text-align: center;
}


/*Impresión de etiquetas */
.dina4{
	width: 950px;
	height: 1123px;
		
}
/*
.etiquetaEan13{
	padding: 5px 5px;
	width: 179px;
	height: 82px;
	
	float: left;
	position: relative;
	overflow: hidden;
}*/
.etiquetaEan13{
	padding: 5px 5px;
	padding-top: 10px;
	padding-left: 60px;
	padding-right: 40px;
	width: 33%;
	height: 140px;
	/*border: 1px #000 solid;*/
	float: left;
	position: relative;
	/*overflow: hidden;*/
}
.four-columns{
	padding: 5px 5px;
	padding-top: 5px;
	padding-left: 28px;
	padding-right: 25px;
	width: 25%;
	height: 114px;
	/*border: 1px #000 solid;*/
	float: left;
	position: relative;
	/*overflow: hidden;*/
}
.four-first{
	padding-left: 55px;
}
.four-last{
	padding-right: 40px;
}

.linea1{
	width: 100%;
	overflow: hidden;
	font-size: 1em;
	height: 16px;
}
.linea2{
	margin-bottom: 5px;
}
.lineaTalla{
	font-size: 1.5em;
}
.codigoEan, .precioEtiqueta{
	float: left;
	position: relative;
	width: 60%;
}
.precioEtiqueta{
	width: 40%;
	padding-left: 10px;
	text-align: right;
	margin-top: -5px;
}

.precioEstandard {
	font-size: 1.3em ;
	font-weight: bold;
}

.precioTachado {
	/*text-decoration: line-through;*/
	font-size: 1em;
}

.precioOferta {
	font-size: 1.3em;
	color: red;
	font-weight: bold;
}

.ticket{
	width: 227px;
	font-size: 0.95em;
}

.ticket50{
	width: 50%;
}

.ticketD{
	vertical-align: top;
	text-align: right;
}
.ticketI{
	vertical-align: top;
}
.ticketC{
	vertical-align: top;
	text-align: center;
}

.ticket10{
	width: 10%;
}
.ticket20{
	width: 20%;
}
.ticket30{
	width: 30%;
}
.ticketS{
	width: 100%;
	border-top: 1px solid #000;
}

td.separadorHorizontal{
	background:url(imagenes/menus/separador.jpg);
	font-size:3px;
	background-repeat: repeat-x;
}

.imgenlace, .imgenlaceG, .imgordenar, .imgenlaceBoton, .imgmini{
	cursor: pointer;
	width: 22px !important;
	min-width: 22px;
	font-size: 15px;
}

.imgmini{
	width: 10px !important;
	min-width: 10px !important;
}

.imgenlaceBoton{
	padding: 2px 5px !important;
	height: 30px !important;
	width: 50px;
}
.imgordenar{
	width: 18px !important;
}
.imgenlaceG{
	width: 35px !important;
}

.clasegrupo{
	width: 25px !important;
}

.iconoDerecha{
	float: right !important;
	text-align: right;
	padding-right: 5px;
}

/***************** ESTILOS INCLUIDOS PARA EL MINI CALENDARIO ***************/

.dia{
	text-align: center;
	font-size: 1.2em;
}
.botondia{
	background: none;
  border: 0;
  color: inherit;
  /* cursor: default; */
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-user-select: none; /* for button */
   -webkit-appearance: button; /* for input */
     -moz-user-select: none;
      -ms-user-select: none;
      cursor: pointer;
}

.calendarioHora{
	font-size: 1.1em;
}
.calendarioDia{
	font-size: 1.3em;
	color: #FFF !important;
	padding-top: 8px;
}
.altn, .tit, .fs, .da, .dn  {
	
	vertical-align: middle;
	height: 25px;
	text-align:	center;	
}
.altn  {
	
	color: #FFFFFF;
	background-color: #666666;
}

.tit  {
	
	font-size : 1.2em;
	color: #FFFFFF;
	background-color: #333333;
	
}
.fs	{	
	background-color: #DDD;
	color:	#FFFFFF;
}
.da	{
	background-color: #F7B04A;
	color:	#FFFFFF;
	
}
.ds	{
	background-color: #dbf9eb;
	color:	#FFFFFF;
	
}
.dn	{	
	
}


.botonDia{
	cursor: pointer;
	border-collapse: separate;
    border-spacing: 5;
    border: 1px solid white;
    border-radius: 5px;
    -moz-border-radius: 20px;
    width: 50px;
    text-align: right;
    padding: 5px 5px;
}

/* calendario de jornadas de trabajo*/
.diaJornada{
	max-width: 100%;
	overflow: hidden;
	text-align: left;
	padding: 5px 5px;
	vertical-align: top;
	min-height: 100px;
}


.diaCalendario{
	width: 14.25%;
	overflow: hidden;
	min-height: 50px;
}

.calendarioReducido .diaJornada{
	padding: 2px 1px;
}



.jornada{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-border-radius: 10px;
	padding: 5px 5px;	
}

.jornada a{
	color: #333 !important;
}

/** control tamaño iconos*/
.bolita50{
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
		-border-radius: 40px;
		padding: 7px 2px;
		font-size: 1.8em;
		height: 40px !important;
		width: 40px !important;
		text-align: center;
		border: 1px solid #EEE;
	}

/* Tamaño para awesome icon*/	
.iconoBoton{
	font-size: 18px;
}

.control25{
	font-size: 25px;
}

.control20{
	font-size: 20px !important;
}


.fuenteMini{
	font-size: 1em !important;
}



.controlCalendario{
	font-size: 26px;
}

.zoomReducir{
	zoom: 0.5;
}


.buttonLimpio{
  padding: 0px 0px !important;
  height: auto !important;
  background: none; border: none;
  cursor: pointer;
}

.tablaCalendario{
	
}
.tablaCalendario td{
	vertical-align: top;
	border: 1px solid #EEE;	
}
td.sinborde{
	border: none !important;
}

.botonTicaje, .botonTica, .inputTicaje{
	cursor: pointer;
	border-collapse: separate;
    border-spacing: 5;
    border: 1px solid white;
    border-radius: 5px;
    -moz-border-radius: 20px;
    height: 50px !important;
    text-align: center;
    padding: 5px 15px !important;
}

.inputTicaje{
	border: 1px solid #333 !important;
}

.botonTica{
    height: 40px !important;
}

.botonEntrada, .botonSalida{
	color: #FFF;
    font-weight: bold;
    background-color: #00bb2f;
}
.botonSalida{
   background-color: #e01701;
}
	
a.dia:active {
	font-size: 0.8em;
	}
.mini{
	font-size: 0.8em;
	}
	
	.tituloImagen{
		position: relative;
		float: left;
	}
	
	.tituloTexto{
		position:relative;
		float: left;
		font-size: 1.1em;
		margin-left: 8px;
		padding-top: 3px;
	}
	
	.tablaLimitada{
		height: 40px !important; overflow: hidden;
	}
	
	.vencimientoContenedor{
		width: 10%;
	}
	
	.vencimientoBola{
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-border-radius: 20px;
		padding: 8px 10px;
		font-size: 0.8em;
		max-width: 100%;
		height: 70px;
		overflow: hidden;
		margin-bottom: 5px;
		background-color: #FFF;
	}
	
	.bolitaPosicion{
		position: absolute;
		margin: auto;
		right: 10px;
		z-index: 5554;
	}
	
	.aviso .bolitaPosicion{
	 	right: 20px;
	 	top: 10px;	
	 }
	 
	.bolita{
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		-border-radius: 30px;
		padding: 7px 2px;
		font-size: 1.4em;
		font-weight: bold;
		height: 30px;
		width: 30px;
		color: #FFF;
		text-align: center;
	}
	
	.botonTrabajar{
		background-color: transparent;
		border: none;
		height: 20px !important;
		padding: 0px 4px !important;
		color: #FFF;
		cursor: pointer;
		font-size: 1.05em;
		margin-top: -2px;
	}

/* HOJA DE estilos para factura */

.anchoFactura{
	width: 700px;
}

.tablaF, .tablaCabeceraFactura, .tablaSinBorde {
	border               : 1px solid #CCC;
	border-collapse      : collapse;
  	font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  	
}
.tablaCabeceraFactura  {
	border                :none;
}

.tablaF th{
  background            : #fafafb;
  border-top            : 1px solid #CCC;
  color                 : #666;  
  padding               : 5px 10px;
  border-left           : 1px solid #CCC;
}

.tablaF tr td{
	padding               : 5px 10px;
  	color                 : #666;
  	border-top            : 1px solid #CCC;
}

.tablaSinBorde{
	border: 0px !important;
} 
.tablaSinBorde .ponemos{
	border-top            : 1px solid #CCC;
}

.tablaFactura{
	width: 100%;
}

.tablaFactura tr{
	border-bottom: 1px solid #111;
	padding: 10px 5px;
}

.contenidoFactura{
	
}

.contenidoFacturaC{
	text-align: center;	
}

.contenidoFacturaR, .contenidoFacturaD{
	text-align: right;	
}


/* FACTURA MINIMAL*/
.tabla100, .facturaTabla{width: 100%;}
.facturaTabla{padding-left: 10px; width: 100%;}
.facturaTablaDesglose{ border-bottom: #111111 1px solid !important; padding: 20px 5px;}
.facturaTipo{ text-transform: uppercase; font-size: 20px !important; padding: 5px;}
.facturaTitulo{ font-weight: bold;}
.facturaIdioma{ color: #999;}


/* impresion */
@media print {
	.tablaColor tr:nth-child(odd) {
		background: #efefef !important;
	}
	
	.tablaColor  tr:nth-child(even) {
		background: #FFF !important;
	}
	
	.tablaF, .tablaCabeceraFactura {
		border               : 1px solid #CCC;
		border-collapse      : collapse;
	  	font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	}
	.tablaCabeceraFactura  {
		border                :none;
	}
	
	.facturaTabla{padding-left: 10px; width: 100%; border-collapse: collapse;}
	
	.tablaF th{
	  background            : #fafafb;
	  border-top            : 1px solid #CCC;
	  color                 : #666;  
	  padding               : 5px 10px;
	  border-left           : 1px solid #CCC;
	}
	
	.tablaF tr td{
		padding               : 5px 10px;
	  	color                 : #666;
	  	border-top            : 1px solid #CCC;
	}
}
/* fin impresion*/

.cajaPrecio, .cajaPrecioIlimitada, .cajaPrecioGrande, .cajaPrecioMini{
	text-align: right;
	padding: 2px 2px !important;
	width: 60px !important;
}
.cajaPrecioMini{
	width: 45px !important;
}

.cajaPrecioGrande{
	width: 130px !important;
}
.cajaPrecioIlimitada{
	width: auto !important;
}

.globoEscritorio{
	/*padding-right: 10px;*/
	margin-bottom: 10px;
	padding-right: 10px;
}

.globoMini{
	height: 80px !important;
	overflow: hidden;
	font-size: .9em;
}

.globoMenu{
	padding-right: 10px;
}
.globoMenuContenido{
	padding: 0px 10px !important;
	background: none repeat scroll 0 0 #d8e4f1; 
	color: #4a6da5;
	height: 36px;
	cursor: pointer;
	border: none;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	transition: all 0.5s ease-out 0s;
	margin-right: 10px;
	
}
.globoMenuContenido:hover{
	opacity: 0.6;	
	transition: all 0.5s ease-out 0s;
}

a.globoMenuContenido{
	color: #4a6da5 !important;
}

/*VENTA LATERAL---------------------------*/


.ventaTitulo, .ventaIcono{
	padding-top: 15px;
	font-size: 1.2em;
	color: #666;
	padding-left: 15px;
	font-weight: bold;
}

.ventaTitulo2{
	font-weight: bold;
	color: #666;
	height: 30px !important;
	padding-top: 5px;	
}

.ventaIcono{
	padding-top: 0px;
}

.ventaContenido, .ventaContenidoR, .ventaContenidoC{
	font-size: 1.2em;
	color: #666;
	padding: 3px 0px;
}
.ventaContenidoR{
	text-align: right;
}
.ventaContenidoC{
	text-align: center;
}

.ventaLateral{
	padding: 10px 10px;
	min-height: 50px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	transition: all 0.5s ease-out 0s;
}
.ventaLateral, .ventaLateral a{ 
	color: #333 !important;
}

.cajaContenedor{
	padding: 5px 5px;
	padding-bottom: 10px;
	position: relative;
	float: left;
	
}
.cajaOpcion{
	background-color: #FFF;
	color: #666;
	padding: 5px 5px;
	text-align: center;
	width: 90px;
	height: 110px;
	overflow: hidden;
}

.cajaOpcion input, .iconoPedido{
	max-height: 80px;
}

/* PROYECTOS ------------------------------------------------- */
.mistareasProyecto{
	padding: 10px 10px;
	background-color: #00aad6;
	color: #FFF;
	margin-bottom: 20px;
}

.mistareasProyecto .nombreProyecto{
	font-size: 1.2em;
	font-weight: bold;
}

.cabeceraDiv{
	font-weight: bold;
}


.timingTitulo{
	font-weight: bold;
}

.timingClase{
	position: relative;
	overflow: hidden;
	padding: 5px 10px;
}

.timingTituloTrabajador{
	height: 40px;
	overflow: hidden;
}

.timingLink{
	position: absolute;
	right: 0;
	top: -10px;
	padding-right: 5px;
	font-size: 20px;
}
.lineaPunteada, .lineaPunteadaFin{
	position: absolute;
	z-index: 22222;
	border-bottom: 2px #DDD dotted;
	opacity: 0.5;
}
.lineaPunteadaFin{
	
}

.comienzoDia{
	margin-top: 17px;
}

.timingEditAltura{
	height: 20px !important;
}

.saldoTrabajo{
	font-size: 30px;
	font-weight: bold;
}


/* Intranet del trabajador*/


.intranet_aviso{
	width: 100%;
	background-color: #FFF;
	margin-bottom: 20px;
	font-family: Montserrat,helvetica, arial, sans-serif;
	font-size: 1.2em;
}

.intranet_titulo{
	padding: 20px 30px;
}
.intranet_titulo h2{
	font-size: 1.6em;
	color: #001460;
}

.intranet_lineainfo{
	background-color: #f0f0f6;
	padding: 20px 20px;
}

.intranet_fecha{
	
}

.intranet_descripcion{
	padding: 20px 30px;
}
.intranet_boton_div{
	width: 100%;
	margin-top: 20px;
}
.intranet_boton{
	font-weight: bold;
	text-transform: uppercase;
	font-family: Montserrat,helvetica, arial, sans-serif;
}

.intranet_imagen_div, .intranet_imagen_divp{
	width: 100%;
	max-height: 300px;
	overflow: hidden;
}

.intranet_imagen_divp{
	max-height: 150px;
}

.tablaAncho600 {
	max-width: 600px;
}

.tablaAncho800 {
	max-width: 1000px;
}

.headMovil{
	font-weight: bold;
}

.ticajes {
  
  text-align: right;
  float: right;
  right: 0px;
  z-index: 100;
}


td.fondoSeparador{
	background-color: #A4A5AA;
	font-size: 4px;
}

:root {
  --colorGris: #eaeaea;
  --colorVerde: #dbf9eb;
  --colorRojo: #FCB9BF;
  --colorNaranja: #fce6c5;
  --colorAmarillo: #fdfdd0;
  --colorAzul: #d7f5ff;
  --colorMorado: #a8a8ff;
  --colorBlanco: #FFF;
  
  --colorGrisF: #C5C5C5;
  --colorVerdeF: #61e4a6;
  --colorRojoF: #f76675;
  --colorNaranjaF: #f7b655;
  --colorAmarilloF: #f8f85f;
  --colorAzulF: #81e1fe;
  --colorMoradoF: #6a6aff;
  
  --bordeGrisF: #999;
  
}

.divApi{
	background-color: var(--colorVerde);
	border: 1px solid var(--colorVerdeF);
	color: #000;
	padding: 5px 10px;
}

.divApiTitulo{
	color: var(--colorVerdeF);
	font-weight: bold;
}

.fondoBlanco{
	background-color: var(--colorBlanco);
}

.fondoGris{
	background-color: var(--colorGris);
}

.fondoVerde{
	background-color: var(--colorVerde) !important;
}
.fondoRojo{
	background-color: var(--colorRojo) !important;
}
.fondoNaranja{
	background-color: var(--colorNaranja) !important;
}
.fondoAmarillo{
	background-color: var(--colorAmarillo) !important;
}
.fondoMorado{
	background-color: var(--colorMorado) !important;
}
.fondoAzul{
	background-color: var(--colorAzul) !important;
}
.fondoVerdeF{
	background-color: var(--colorVerdeF) !important;
}
.fondoRojoF{
	background-color: var(--colorRojoF) !important;
}
.fondoNaranjaF{
	background-color: var(--colorNaranjaF) !important;
}
.fondoAmarilloF{
	background-color: var(--colorAmarilloF) !important;
}
.fondoAzulF{
	background-color: var(--colorAzulF) !important;
}
.fondoMoradoF{
	background-color: var(--colorMoradoF) !important;
}
.fondoGrisF{
	background-color: var(--colorGrisF);
}
.fondoAzulMarino, .fondoAzulMarinoF{
	background-color: #1c355d;
}
.fondoDorado, .fondoDoradoF{
	background-color: #86754d;
}

.colorVerde{
	color: var(--colorVerde) !important;
}
.colorRojo{
	color: var(--colorRojo) !important;
}
.colorNaranja{
	color: var(--colorNaranja) !important;
}
.colorAmarillo{
	color: var(--colorAmarillo) !important;
}
.colorAzul{
	color: var(--colorAzul) !important;
}
.colorGris{
	color: var(--colorGris);
}
.colorVerdeF{
	color: var(--colorVerdeF) !important;
}
.colorRojoF,.letraRoja{
	color: var(--colorRojoF) !important;
}
.colorNaranjaF{
	color: var(--colorNaranjaF) !important;
}
.colorAmarilloF{
	color: var(--colorAmarilloF) !important;
}
.colorAzulF{
	color: var(--colorAzulF) !important;
}
.colorGrisF{
	color: var(--colorGrisF);
}

.bordeGrisF{
	border: 2px solid var(--bordeGrisF);
}

.colorBlanco{
	color: var(--colorBlanco);
}

.gradient-box {
    
    height: 10px;
    background: linear-gradient(90deg, var(--colorMoradoF), var(--colorAzulF), var(--colorNaranjaF), var(--colorRojoF));
}

.resumenTiempos{
	color: #333;
	border: 1px solid #333;
	background-color: #FFF;
}
.resumenTiempos , .resumenTiempos a{
	color: #333 !important;
}


/*1024*/
@media screen and (max-width: 1080px) {
	.entrada{
		width: 100%;
	}
	.galeria {
        columns:2;
    }
        
    .tableResponsive, .tablaAncho600, .tablaAncho800 {
           width:100%;
      }
      .tableResponsive thead {
           display: none;
       }
      .tableResponsive tr:nth-of-type(2n) {
           background-color: inherit;
       }
       /*
      .tableResponsive tr td:first-child {
           background: #f0f0f0;
           font-weight:bold;
           font-size:1.3em;
       }
       */
      .tableResponsive tbody td {
           display: block;
           /*text-align:center;*/
       }
       .tableResponsive tbody td:before {
           content: attr(data-th);
           display: block;
           /*text-align:center;*/
       }
     
	    .tableResponsive .headTablaC,
	    .tableResponsive .headTablaD,
	    .tableResponsive .contenidoTabla, 
	    .tableResponsive .contenidoTablaC, 
	    .tableResponsive .contenidoTablaD,
	    .tableResponsive .contenidoFacturaR, 
	    .tableResponsive .contenidoFacturaC{
	    	text-align: left;
	    	
	    }
	    .tableResponsive .contenidoTabla, 
	    .tableResponsive .contenidoTablaD,
	    .tableResponsive .contenidoTablaC, 
	    .tableResponsive .contenidoFacturaR, 
	    .tableResponsive .contenidoFacturaC{
	    	margin-top: 5px;
	    }
	    
	    .tableResponsive .imgenlace, .tableResponsive .imgenlaceG, .tableResponsive .imgordenar, .tableResponsive .imgenlaceBoton, .tableResponsive .imgmini{

			width: 30px !important;
			min-width: 30px;
			font-size: 20px;
		}
		
		.tableResponsive .opciones li{
			padding-right: 20px;
		}
		.tableResponsive .opciones ul{
			padding: 10px 10px;
		}
       
       .headMovil{
			margin-top: 5px;
		}
		
		.headTablaResT,.headTablaResC{
			position: relative; 
			float: left;
			width: 30%;
			overflow: hidden;
		}
		.headTablaResC{
			width: 70% ;
		}
		
       
       .tituloTablaInt{
       		font-size: 1.2em;
       		padding: 5px 5px !important;
       }
       
     .tablaBordeMovil{
     	border-top: 1px solid #999;
     }
       
     #lateralAdmin{
     	display: none;
     }
     
     #adminContenido{
     	width: 100%;
     	/*Solo habilitamos al contenido no a */
     	overflow-x: auto;
     	padding-left: 0px;
     	
     	/* Ajustes ISO*/
     	margin-top: -15px;
     }
     #blanco{
     	width: 100%;
     	padding: 10px 10px;
     }
     
     #lateralLogo{
		position: relative;
		float: left;
		padding-left: 5px;
		text-align: left;
		width: 30%;
		left: 0px;
	 }
	 #lateralOpciones{
		position: relative;
		float: left;
		padding: 0px 0px;
		width: 70%;
		margin-top: 0px;
		text-align: right;
	 }
	 #lateralTiendas{
	 	float: right;
	 }
	 
	 #lateralMovilMenu{
	 	display: none;
	 	height: 300%;
	 	min-height: 1024px;
	 }
	 .opcionConcreta img{
	 	width: 40px;
	 }
	 
	 .tabla300{
	 	width: 100%;
	 }
	 
	 .vencimientoContenedor{
	 	width: 50%;
	 }
	 
	 .vencimientoBola{
	 	height: 80px !important;
	 	font-size: 1.05em;
	 }
	 .vencimientoBola .imgmini{
	 	width: 15px !important;
	 }
	 
	 .bolita{
	 	font-size: 1em;
	 }
	 
	 .intranet_aviso{
	 
	 }
	 
	 .intranet_imagen_divp, .intranet_imagen_div{
		max-height: 150px;
	}
	.headTabla, .headTablaD, .headTablaR, .headTablaC{
		min-height: 35px;
	}
	
	.ticajes {
  		position: relative !important;
  		right: 0px;
	}
	
	.licitacionHead{
		display: none !important;
	}
	.licitacionTituloMovil{
		display: block;
		 
	}
	.licitacionFiltro{
		paddding-right: 10px;
		margin-right: 0px;
		/*clear: both;*/
	}

	.formu50movil{
		width: 50%;
	}	
	
	.tituloAdmin{
		height: 80px;
	}
	
	.globoMenuContenido{
	margin-bottom: 10px;
	}
	
}

@media screen and (max-width: 600px) {
	.galeria {
        columns:1;
    }
}



.sinsalto{
	white-space:nowrap;
}

.avisoLateral {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: red;
    color: white;
    padding: 0px 5px;
}

.registroCerrado{
	display: none;
}

/* Estilo subida ficheros*/

.file-select {
  position: relative;
  display: inline-block;
}

.file-select::before {
  
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  content: 'Seleccionar'; /* texto por defecto */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select input[type="file"] {
  opacity: 0;
  width: 200px;
  height: 32px;
  display: inline-block;
}

#src-file1::before {
  content: 'Subir documento';
}

.divkit{
	margin-left: auto;
	margin-right: auto;
	width: 400px;
}
.lineakit{
	padding-top: 10px;
}
.lineakit input[type="submit"],.lineakit input[type="button"], .lineakit input[type="text"], .lineakit select {
	width: 100%;
	padding: 5px 10px;
    border-spacing: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 1.5em;
    height: 50px !important;
}

.tablaAdministrador{
	display: none;
}

.recorridoCasillaHead{
	width: 3.5%;
	overflow: hidden;
	padding: 5px 0px;
}

.recorridoDia{
}
.recorridoMes{
	font-size: 10px;
}
.recorridoCita{
	font-weight: bold;
}
.recorridoCitaDias{
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	height: 20px;
	font-size: 10px;
}

.recorridoProyecto{
	height: 32px !important;
	padding: 0px 2px;
	font-size: 12px;
}

/* Listas ordenadas en linea*/
.ulInline{
	list-style: none;
	padding:0;
}
.ulInline li {
	display: inline-block;
	vertical-align: middle;
}

.listaTrabajadores{
	padding-left: 5px;
}

#lateralTiendas li{
	padding: 5px 0px;
	padding-right: 3px; 
}

.listaTrabajadores li{
	margin-left: -5px;
}

.botonTexto{
	margin-top: -5px;
}

.divEditable, .divTexto{
	
	padding: 10px;
	border-radius: 5px;
	overflow: auto;
	resize: vertical;
  	outline: none;
  	width: 100%;
  	max-width: 100%;
  	scrollbar-width: thin;	
}

.divEditable{
	border: 1px solid gray;	
}

/* Selector del calendario de planifiacion*/
.selector{
		
}

.selector button{
	height: 20px !important;
	border: none !important;
	padding: 0px 0px !important;
}
.selector li, .fondoSelector{
	padding: 5px 10px;
	background-color: #EEE;
	margin-right: -4px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-border-radius: 20px;
}
.seleccionado{
	background-color: #CCC !important;
}

/* Varios ---------------------------------*/
.ocultar{
	display: none;
}