@charset "utf-8";

:root {
  --verdeTurquesa: #2db9c5;
  --verdeTurquesaClaro: #B9ECF0;
}

*:focus { outline: none; }

body {
	background-color:#eef5ee;
	font-family:'Roboto',sans-serif!important;
	text-align:center;
	color:#595959;
	margin-bottom:50px
}
body.fondo {
	background-position:top left;
	background-repeat:no-repeat;
	background-size: cover;
}

p { font-size:1.5em;font-weight:300; }
h1 { font-size:2.5em;font-weight:300; }
h2 { font-size:2em;font-weight:300;margin:10px 0 10px 0 }
h3 { font-size:1.3em;font-weight:300 }
a { color:var(--verdeTurquesa) }
.mini { font-size:0.9em;margin:0;padding:0 }
.medio { font-size:1em;margin:0 0 15px 0;padding:0 }
.anchoMaximo { width:1100px }
.capaAislada { margin:0 auto;clear:both }
.sinMargen { margin:0;padding:0 }
.campo {
	color:#595959;
	font-family:'Roboto',sans-serif;
	font-size:1.5em;
	font-weight:300;
	padding:5px 10px 5px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #999999;
	text-align:center;
}
.campo.reducido { font-size:0.9em }
.campo.comprimido { font-family:'Roboto Condensed',sans-serif!important; }
.campo.deshabilitado {
	background-color:#dddddd;
	color:#999999;
}
.mayusculas { text-transform:uppercase }
.checkGrande { width:30px;height:30px }
.radioGrande { width:30px;height:30px;vertical-align:bottom }
.negrita { font-weight:400 }
.separador{ margin-top: 30px;border-top: 1px solid #999999;border-bottom: 0; }

.bloqueCentrado { margin:0 auto; }

.campo.selectorTipoPalet:not(.noAjustarTamaño) {	
	width:270px;
}

.observacionesComercial {
	width:530px;
	height:200px;
	margin:0 0 0 0
}
.bloqueDatos {
	height:90px;
	clear:both;
}
.campoOrdenPreparacionBloque {
	width:410px;
	height:53px;
	position:relative;
	margin:0;
	text-align:left;
	/*background-color:#FFFF00*/
}
.campoOrdenPreparacion {
	font-size:2em;
	width:380px;
	height:43px;
	position:absolute;
	left:15px;
}
select.campoOrdenPreparacion {
	width: 403px;
    height: 53px;
}
.campoOrdenPreparacionLupa {
	width:55px;
	height:55px;
	position:absolute;
	left:15px;
	cursor:pointer
}
.campoOrdenPreparacionBorrar {
	position:absolute;
	right:-5px;top:2px;
	cursor:pointer;
}


/* AJUSTES PARA CAMPOS S1-128 TRAZABILIDAD */
.bloqueContenedorGS1 {
	width:850px;
	margin:20px auto
}
.campoLecturaGS1 {
		width:850px;
		left:5px;
		font-size:1.2em
}
.campoOrdenPreparacionBorrarGS1 {
	right:-520px
}
.campoCantidadTTT {
	margin-left:230px
}
.campoOrdenPreparacionBorrarTTT {
	right:-235px;
}

@media only screen and (max-width: 1200px) {
	.bloqueContenedorGS1 {
		width:550px!important;
	}
	.campoLecturaGS1 {
		width:550px!important;
		font-size:1em!important
	}
	.campoOrdenPreparacionBorrarGS1 {
		right:-320px;
		margin-top: -5px;
	}
	.campoCantidadTTT {
		margin-left: 130px;
	}
	.campoOrdenPreparacionBorrarTTT {
		right: -125px;
		margin-top: -5px;
	}
	.desplazamientoSuperiorMenu { margin:85px 0 -10px 25px!important; }
}



/* PARTES DE INSPECCION PORTURIA "CIP" */
.CIPcampoBloque {
    position: relative;
	height: 53px;
    text-align: left;
    margin-left: 80px; /* este espacio reserva sitio siempre para el teclado a la izda */
}
.CIPiconoTeclado,.CIPiconoCalculadora,.CIPiconoReloj,.iconoCandado,.iconoCajasUnidades {
	position: relative;
    width: 45px;
    height: 45px;
    cursor: pointer;
    /*margin: 0 20px -12px -65px;*/
	margin: 0 20px -12px -68px;
}
.CIPcampo {
	position:relative;
	font-size:1.6em;
	text-align:left;
}
.CIPcampo.mini { width:100px; }
.CIPcampo.pequeno { width:200px; }
.CIPcampo.medio { width:300px; }
.CIPcampo.largo { width:400px; }
.CIPcampo.enorme { width:600px; }
select.enorme { width:623px!important }
.CIPiconoBorrar {
	position: relative;
	width:45px;
	height:45px;
    cursor: pointer;
    margin: 0 0 -13px -45px;
}

.tablaFormateada.deshabilitada th {
	color:#666666;
}
.tablaFormateada.deshabilitada td {
	background-color:#eeeeee;
}
.tablaFormateada tr.deshabilitado td {
	color:#bbbbbb!important;
}


.tablaFormateada.CIPtabla {
	margin-top:40px
}
.tablaFormateada.CIPtabla tr th {
	font-size:1em;
}
.tablaFormateada.CIPtabla tr.encabezado td {
	font-size:1em;
}
.tablaFormateada.CIPtabla tr td {
	font-family:'Roboto',sans-serif;
	font-size:1em;
}
.tablaFormateada.CIPtabla tr td:first-child {
	border-left:1px solid #999999;;
}
.tablaFormateada.CIPtabla tr td:not(first-child) {
	border-left:0;
}

@media only screen and (min-width: 1000px) {
	.descripcion { width:50%;height:90px }
}
@media only screen and (max-width: 1000px) {
	.descripcion { width:80%;height:90px }
}
.boton {
	color:#ffffff;
	background-color:var(--verdeTurquesa);
	font-family:'Roboto',sans-serif;
	font-size:1.2em;
	font-weight:300;
	padding:15px 35px 15px 35px;
	border-radius: 35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border: 0;
	cursor:pointer;
}
.boton.deshabilitado {
	background-color:#dddddd;
	color:#999999;
	border: 1px solid #bbbbbb;
	cursor:default;
}
.boton.reducido {
	font-size:0.9em;
}
.botonSecundario {
	background-color:#ffffff;
	font-size:1em;
}
.boton-x { width:50px; height:50px; margin-bottom:-12px;margin-left:-60px;cursor:pointer }
.iconoTeclado, .iconoUnidades { width:50px; height:50px; margin-bottom:-12px;margin-right:15px;margin-left:-66px;cursor:pointer }

.logo { max-width:350px;max-height:200px;margin-top:40px; }
.icono { height:70px;cursor:pointer; }
.iconoProxiumMenu { height:85px; }
.icono.ampliado { height:90px; }
.icono.reducido { height:55px; }
.off { cursor:default!important }
.refrescar { width:40px;height:40px;cursor:pointer;margin-bottom:-10px }

.barraFiltro {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	border-top:1px solid #666666;
	background-color:#eeeeee;
	font-size:1.1em;
	padding:0 0 10px 0;
	
	-webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.40);
	-moz-box-shadow: 0 0 50px 0 rgba(0,0,0,0.40);
	box-shadow: 0 0 50px 0 rgba(0,0,0,0.40);
}
.barraFiltro select { font-size:1em }
.barraFiltro .botonFiltro { width:60px;height:60px }

.enlace {
	color:#beb70a;
	text-decoration:underline;
	cursor:pointer;
}
.enlaceLimpio {
	color:#beb70a;
	text-decoration:none;
	cursor:pointer;
}
.clicable {
	cursor:pointer;
}


/* MENU PRINCIPAL */
#menu {
	background-color:#FFFFFF;
	position:absolute;
	top:0;
	left:0;
	border-radius: 0 0 35px 0;
	-moz-border-radius: 0 0 35px 0;
	-webkit-border-radius: 0 0 35px 0;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding:20px 25px 5px 20px;
	text-align:left;
	margin-bottom:25px;
	z-index:2000;
}
#menu-contenido {
	display:none;
	font-size:1.9em;
	font-weight:300;
	margin-top:10px;
	margin-left:10px;
}
#menu .primernivel {
	
	color:#666666;
	
	margin:0;
	padding:12px 0 12px 0;
	cursor:pointer;
	border-bottom: 1px dotted #999999;
}
#menu .primernivel:last-child {
	border-bottom:0;
}
#menu .segundonivel {

	color:#666666;
	display:none;
	font-size:0.85em;
	
	margin:0;
	padding:12px 0 12px 40px;
	cursor:pointer;
	border-bottom: 1px dotted #dddddd;
}
#menu a { color:#666666;text-decoration:none }

#menu .menuIcono {
	margin-right:10px;
	margin-bottom:-5px;
}


.sombra {
	-webkit-box-shadow: 10px 10px 61px -30px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 61px -30px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 61px -30px rgba(0,0,0,0.75);
}




#menuOrdenPreparacion {
	background-color:#FFFFFF;
	position:fixed;
	top:0;
	right:0;
	width:70px;
	border-radius: 0 0 0 35px;
	-moz-border-radius: 0 0 0 35px;
	-webkit-border-radius: 0 0 0 35px;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding:20px 25px 25px 20px;
	-webkit-box-shadow: 10px 10px 61px -30px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 61px -30px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 61px -30px rgba(0,0,0,0.75);
}
#menuOrdenPreparacion .icono { margin-bottom:15px }



#menuFlotanteTerciario {
	background-color:#FFFFFF;
	position:fixed;
	top:0;
	right:100px;
	min-width:30px;
	height:74px;
	border-radius: 0 0 0 35px;
	-moz-border-radius: 0 0 0 35px;
	-webkit-border-radius: 0 0 0 35px;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding:10px 25px 25px 20px;
	-webkit-box-shadow: 10px 10px 61px -30px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 61px -30px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 61px -30px rgba(0,0,0,0.75);
}
#menuFlotanteTerciario table td {
	font-family: 'Roboto', sans-serif;
	font-size:1.2em;
	font-weight:300;
	padding:2px 10px 0 0;
}
#menuFlotanteTerciario .iconoAperturaCierre {
	position: absolute;
    top: 35px;
    right: 30px;
    width: 35px;
    height: 35px;
	cursor:pointer;
}
#menuFlotanteTerciario .rojo {
	color:#CC3300!important;
}
#menuFlotanteTerciario .verde {
	color:#6db200!important;
}


.fichaFormateada {
	margin:0 auto;
	border-spacing:0;
}
.fichaFormateada td {
	background-color:#FFFFFF;
	font-family:'Roboto Condensed',sans-serif;
	font-weight:300;
	font-size:1.2em;
	
	padding:0.5em;
	color: #595959;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	
}
.fichaFormateada .cabeceraFicha , .fichaFormateada th   {
	background-color:#dedb84;
	font-family:'Roboto',sans-serif;
	font-weight:700;
	font-size:0.8em;	
}
.fichaFormateada tr:first-child td {
	border-top:1px solid #999999;
}
.fichaFormateada td:last-child {
	border-right:1px solid #999999;
}
.fichaFormateada tr:first-child td:first-child {
	border-radius: 15px 0 0 15px;
	-moz-border-radius: 15px 0 0 15px;
	-webkit-border-radius: 15px 0 0 15px;
}
.fichaFormateada tr:first-child td:last-child {
	border-radius: 0 15px 0 0;
	-moz-border-radius: 0 15px 0 0;
	-webkit-border-radius: 0 15px 0 0;
}
.fichaFormateada tr:last-child td:last-child {
	border-radius: 0 0 15px 0;
	-moz-border-radius: 0 0 15px 0;
	-webkit-border-radius: 0 0 15px 0;
}
.fichaFormateada .colorAlterno {
	background:#eeeeee;
}


.tablaLimpia, .tablaLimpia tr, .tablaLimpia td { margin:0!important;border:0!important;padding:2px!important }
.tablaLimpia tr td { background-color:rgba(0,0,0,0)!important;font-size:1em!important; }

.tablaFormateada, .tablaFormateada2022 {
	margin:0 auto;
	border-spacing:0;
}
.tablaFormateada tr th, .cabecera, tr.cabecera td, .tablaFormateada2022 tr th {
	background-color:var(--verdeTurquesaClaro)!important;
	font-family:'Roboto',sans-serif;
	font-weight:700!important;
	font-size:0.8em;	
}
.total {
	font-weight:400;
}
.cabeceraTotal {
	background-color:#ebebe4;
	font-family:'Roboto',sans-serif;
	font-weight:700;
	font-size:1em;
	text-align:right;
}
.tablaFormateada tr td , .tablaFormateada2022 tr td {
	background-color:#FFFFFF;
	font-family:'Roboto Condensed',sans-serif;
	font-weight:300;
	font-size:1.2em;
}
.tablaFormateada tr th, .tablaFormateada tr td {
	padding:0.5em;
	color: #595959;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
}
.tablaFormateada tr th:last-child, .tablaFormateada tr td:last-child:not(.noEsUltima) {
	border-right:1px solid #999999;
}
.tablaFormateada tr:last-child th, .tablaFormateada tr:last-child td , .tablaFormateada tr td.ultimaFila, .tablaFormateada tr.ultimaFila td[rowspan] {
	border-bottom:1px solid #999999;
}
.tablaFormateada tr:first-child th:first-child {
	border-radius: 15px 0 0 0;
	-moz-border-radius: 15px 0 0 0;
	-webkit-border-radius: 15px 0 0 0;
}
.tablaFormateada tr:first-child th:last-child {
	border-radius: 0 15px 0 0;
	-moz-border-radius: 0 15px 0 0;
	-webkit-border-radius: 0 15px 0 0;
}
.tablaFormateada tr th:only-child {
	border-radius: 15px 15px 0 0!important;
	-moz-border-radius: 15px 15px 0 0!important;
	-webkit-border-radius: 15px 15px 0 0!important;
	border-bottom:0!important;
}
.tablaFormateada tr:last-child td:last-child , .tablaFormateada tr.ultimaFila td:last-child:not(.noEsUltima) {
	border-radius: 0 0 15px 0;
	-moz-border-radius: 0 0 15px 0;
	-webkit-border-radius: 0 0 15px 0;
}
.tablaFormateada tr:last-child td:first-child:not(.noEsPrimero):not(.noEsUltima) , .tablaFormateada tr.ultimaFila td:first-child:not(.noEsUltima) {
	border-radius: 0 0 0 15px;
	-moz-border-radius: 0 0 0 15px;;
	-webkit-border-radius: 0 0 0 15px;
}
.tablaFormateada tr:last-child td:only-child {
	border-radius: 0 0 15px 15px!important;
	-moz-border-radius: 0 0 15px 15px!important;
	-webkit-border-radius: 0 0 15px 15px!important;
}

.tablaFormateada tr.even td, .tablaFormateada tr:nth-of-type(even) td {
	background:#ffffff;
}
.tablaFormateada tr.odd td, .tablaFormateada tr:nth-of-type(odd) td {
	background:#eeeeee;
}
.tablaFormateada2022.colorearAlternos tr.even td, .tablaFormateada2022.colorearAlternos tr:nth-of-type(even) td {
	background:#ffffff;
}
.tablaFormateada2022.colorearAlternos tr.odd td, .tablaFormateada2022.colorearAlternos tr:nth-of-type(odd) td {
	background:#eeeeee;
}


.tablaFormateada.noColorearAlternos tr td {
	background:#ffffff;
}
.tablaFormateada.noColorearAlternos tr.coloreado td {
	background:#eeeeee
}



.tablaFormateada .rojo td , .tablaFormateada2022 .rojo td{
	font-weight:400!important;
	color:#CC3300!important;
}
.tablaFormateada .fondoRojo td {
	background-color:#f7d2c6!important;
}
.tablaFormateada .verde td {
	font-weight:400!important;
	color:#6db200!important;
}
.tablaFormateada .fondoVerde td {
	background-color:#ecfec9!important;
}
.tablaFormateada .fondoMorado td {
	background-color:#FEE1FF!important;
}
.tablaFormateada .gris td {
	color:#CCCCCC!important;
}
.tablaFormateada .grisOscuro td {
	color:#999999!important;
}
.tablaFormateada .naranja td {
	color:#ed744b!important;
}
.tablaFormateada .morado td {
	color:#6600FF!important;
}
.tablaFormateada .fondoNaranja td {
	background-color:#FFFFCC!important;
}
.tablaFormateada .fondoRosa td {
	background-color:#ffdddd!important;
}
.tablaFormateada .azul td {
	font-weight:400!important;
	color:#0099FF!important;
}
.tablaFormateada tr td.borrarBordeDerecho {
	border-right:0;
}



.tablaFormateada.formatoFicha {
	width:600px;
	margin:50px auto 50px auto;
}
.tablaFormateada.formatoFicha > tbody > tr > td:first-child {
	width:1%; /*porque el auto no funciona*/
	white-space: nowrap;
	text-align:left;
	font-weight:500;
}
.tablaFormateada.formatoFicha > tbody > tr > td:not(first-child) {
	text-align:left;
}


.subtabla {
	margin:0 auto;
	border-spacing:0;
	font-size:0.8em!important;
}
.subtabla tr.even td, .subtabla tr:nth-of-type(even) td {
	background:#ffffff;
}
.subtabla tr.odd td, .subtabla tr:nth-of-type(odd) td {
	background:#eeeeee;
}
.subtabla tr th {
	border-bottom:0!important;
}
.subtabla tr:not(:last-child) td {
	border-bottom:0!important;
	border-radius: 0 0 0 0!important;
	-moz-border-radius: 0 0 0 0!important;
	-webkit-border-radius: 0 0 0 0!important;
}

.subtabla.sinformato td {
	background:none!important;
	padding:0!important;
}
.subtabla.sinformato td {
	border:none!important;
}
.subtabla.sinformato tr:not(:last-child) td {
	border-bottom:1px solid #999999!important;
}
.subtabla.sinformato tr:first-child td {
	padding-top:0!important;
}
.subtabla.sinformato tr:last-child td {
	padding-bottom:0!important;
}
.subtabla.sinformato tr:only-child td {
	
	padding-bottom:0!important;
}


.botonRosa { background-color:#f7d2c6;font-weight:400 }
.error { color:#b70718!important; }
.rojoIntenso { color:#FF0000!important;font-weight:400!important }

.popup {
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4);
	z-index:10;
}
.popupContenido {
	position:fixed;
	top:50%;
	left:50%;
	padding:0 40px 0 40px;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	border:1px solid #999999;	
	background-color:rgba(255,255,255,1);
	z-index:20;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.popupContenidoSimple {
	position:absolute;
	top:50%;
	left:50%;
	padding:20px;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	background-color:rgba(255,255,255,1);
	z-index:20;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.popupContenidoSimple.menosRedondeado {
	border-radius: 10px!important;
	-moz-border-radius: 10px!important;
	-webkit-border-radius: 10px!important;
}

popupCargando {
	z-index:10000000!important;
}
#popupCargando .popupContenidoSimple {
	border-radius: 120px;
	-moz-border-radius: 120px;
	-webkit-border-radius: 120px;
	padding:40px;
	z-index:10000001!important;
}
#popupCargando .popupContenidoSimple img {
	width:160px;
	height:160px;
} 


.popupScroll {
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4);
	z-index:10000;
	overflow:visible;
}
.popupContenidoScroll {
	position:absolute;
	top:50px;
	left:50%;
	padding:20px;
	margin:20px;
	transform:translate(-50%,0);
	-ms-transform:translate(-50%,-0);
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	background-color:rgba(255,255,255,1);
	z-index:10001;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


.calculadora {
	font-size:1.5em;
	text-align:left;
	margin:0 auto;
	z-index:1000;
}
.campoCalculadora {
	width:320px;
	margin:3px;
}
.botonCalculadora,.botonReloj,.campoCalendario {
	width:80px;
	height:80px;
	margin:3px;
	font-family:'Roboto',sans-serif;
	font-size:1.5em;
	font-weight:100;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border:1px solid #999999;	
	background-color:#FFFFFF;
	cursor:pointer;
}
.botonCalculadoraEnter,.botonRelojEnter {
	height:166px;
	font-size:0.9em;
	color:#595959;
}

.calendario {
	font-size:1.1em;
}
.campoCalendario {
	width:auto;
}
.valorCalendario {
	font-weight:300;
	font-size:2em;
}
.botonCalendario {
	padding:0 25px 0 25px;
}



@media only screen and (min-width: 1250px) {
	.teclado {
		font-size:1.5em;
		text-align:left;
		margin:0 auto;
		z-index:1000;
	}
	.anchoTeclado {
		width:1100px
	}
	.campoTeclado {
		width:920px;
		margin:3px;
	}
	.botonTeclado {
		width:80px;
		height:80px;
		margin:3px;
		font-family:'Roboto',sans-serif;
		font-size:1.5em;
		font-weight:100;
		border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border:1px solid #999999;	
		background-color:#FFFFFF;
		cursor:pointer;
	}
	.botonTecladoEnter {
		height:166px;
		font-size:0.9em;
		color:#595959;
	}
	.botonTecladoBloq {
		width:130px;
		font-size:0.7em;
		line-height: 3.8em;
	}
	.botonTecladoSymbols {
		width:130px;
		font-size:0.7em;
		line-height: 3.8em;
	}
	.botonTecladoEspacio {
		width:600px;
	}
}

/* RESOLUCION PARA PANTALLAS MÁS PEQUEÑAS */

@media only screen and (max-width: 1250px) {
	.teclado,.calculadora {
		font-size:1.3em;
		text-align:left;
		margin:0 auto;
		z-index:1000;
	}
	.anchoTeclado {
		width:800px
	}
	.campoTeclado, {
		width:640px;
		margin:3px;
	}
	.campoCalculadora {
		width: 250px;
	}
	.botonTeclado,.botonCalculadora {
		width:55px;
		height:55px;
		margin:3px;
		font-family:'Roboto',sans-serif;
		font-size:1.3em;
		font-weight:100;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border:1px solid #999999;	
		background-color:#FFFFFF;
		cursor:pointer;
	}
	.botonTecladoEnter,.botonCalculadoraEnter {
		height:115px;
		font-size:0.9em;
		color:#595959;
	}
	.botonTecladoBloq {
		width:100px;
		font-size:0.7em;
		line-height: 3.8em;
	}
	.botonTecladoSymbols {
		width:100px;
		font-size:0.7em;
		line-height: 3.4em;
	}
	.botonTecladoEspacio {
		width:400px;
	}
	
	/* CAMBIOS 29-08-2018 PARA PANTALLAS INTERIORES ORDEN PREPARACION */
	
	h2 { font-size:1.6em }
	h3 { font-size:1.2em }
	p { font-size:1.3em }
	.campo { font-size:1.2em }
	
	
	.observacionesComercial {
		width:430px;
	}
	.campoOrdenPreparacionBloque {
		width:300px;
	}
	.campoOrdenPreparacionBloque .iconoTeclado {
		margin-left: -50px;
	}
	.campoOrdenPreparacion {
		font-size:1.7em;
		width:260px;
		height:33px;
		left:10px;
	}
	.campoOrdenPreparacionLupa {
		with:45px;
		height:45px;
		left:10px;
	}
	.icono { height:70px; }
	.iconoTeclado { width:45px;height:45px;margin-bottom: -15px; margin-right: 10px; }
	.boton-x { margin-bottom: -15px; margin-left: -60px; }
	/*.anchoMaximo { width:800px } */
	.anchoMaximo { width:calc(100% - 20px)!important }
	.boton {
		font-size:1.1em;
		font-weight:300;
		padding:10px 30px 10px 30px;
	}
	#menu {
		border-radius: 0 0 25px 0;
		-moz-border-radius: 0 0 25px 0;
		-webkit-border-radius: 0 0 25px 0;
		padding:10px 15px 0 10px;
	}
	#menu-contenido {
		font-size:1.5em;
	}
	#menuOrdenPreparacion {
		width:auto;
		height:50px;
		border-radius: 0 0 0 25px;
		-moz-border-radius: 0 0 0 25px;
		-webkit-border-radius: 0 0 0 25px;
		padding:10px 10px 15px 10px;
	}
	#menuOrdenPreparacion .icono { margin-left:10px;float:right }
	.tablaFormateada tr td { font-size:1em }
	.tablaFormateada tr th, .cabecera { font-size:0.7em }
	.barraFiltro {
		font-size:0.8em;
		padding:0 0 5px 0;
	}
	.barraFiltro .botonFiltro { width:40px;height:40px }
	
	.estilosOP h2 { margin:25px 0 0 75px; text-align:left }
	.estilosOP h3 { margin:30px 0 10px 25px; text-align:left }
	.estilosOP .desplazamientoSuperior { padding-top:40px }
	.estilosOP .tablaFormateada { margin:0 0 0 25px; }
	.estilosOP .anchoMaximo { width:calc(100% - 50px) }
	.estilosOP .columnaUbicacion {
		white-space: nowrap;
	}
	
}

/* RESOLUCION PARA PANTALLAS MOVIL VERTICALES */

@media only screen and (max-width: 600px) {

	p { font-size:0.9em; }
	h1 { font-size:1.5em; }
	h2 { font-size:1.2em;  }
	h3 { font-size:1em; }
	.campo { font-size:0.9em }

	.teclado {
		font-size:0.9em;
		text-align:left;
		margin:0 auto;
		z-index:1000;
	}
	.anchoTeclado {
		width:360px
	}
	.campoTeclado {
		width:250px;
		margin:3px;
	}
	.botonTeclado {
		width:29px;
		height:29px;
		margin:1px;
		font-family:'Roboto',sans-serif;
		font-weight:300;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border:1px solid #999999;	
		background-color:#FFFFFF;
		cursor:pointer;
	}
	.botonTecladoEnter {
		height:65px;
		font-size:0.9em;
		color:#595959;
	}
	.botonTecladoBloq {
		width:35px;
		font-size:0.7em;
		line-height: 3.8em;
	}
	.botonTecladoSymbols {
		width:50px;
		font-size:0.7em;
		line-height: 3.4em;
	}
	.botonTecladoEspacio {
		width:200px;
	}

	#popupCargando .popupContenidoSimple img {
		width:80px;
		height:80px;
	} 
	
	#menu-contenido {
		font-size:1.2em;
	}
	#menu .segundonivel {
		font-size:0.8em;
	}
	#menu .menuIcono {
		height:20px;
		margin-right: 10px;
		margin-bottom: -3px;
	}
	
	#confirmOk { margin-bottom:10px }

}


.campoError {
	color:#FF0000;
	border-color:#FF0000;
	background-color:#FFFFCC;
}
.miniTotal {
	font-size:0.8em;
	color:#3366CC;
}

.recepcionar { width:500px;clear:both;overflow:hidden }
.recepcionarEtiqueta { margin:0;padding:0;width:100px;float:left;text-align:left;padding-top:10px }
.recepcionarCampo	{ margin:0;padding:0;width:300px;float:left;margin-bottom:10px }

.botonSelect { width:40px;height:40px;cursor:pointer }


/* PESTAÑAS */

.contenedorPestanyas {
	margin:51px auto;
	width:1000px;
	height:200px;
	position:relative;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	overflow:visible;
	border-radius: 0 15px 15px 15px;
	-moz-border-radius: 0 15px 15px 15px;
	-webkit-border-radius: 0 15px 15px 15px;
}
.pestanya {
	position:absolute;
	margin:0;
	top:0;
	left:0;
	width:100%;
	text-align:left;
	background-color:#FFFFFF;
	display:none;
	border-radius: 0 15px 15px 15px;
	-moz-border-radius: 0 15px 15px 15px;
	-webkit-border-radius: 0 15px 15px 15px;
}
.pestanya.activa {
	z-index:500!important;
}
.pestanyaEtiqueta {
	position:absolute;
	z-index:1;
	height:10px;
	margin:-51px 0 0 -1px;
	padding:20px;
	display:inline-block;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius:15px 15px 0 0;
	cursor:pointer;
	background-color:#eeeeee;
}

.pestanyaEtiqueta.activa {
	background-color:#ffffff;
}
.pestanyaContenido {
	z-index:0;
	border-top:1px solid #999999;
	padding:15px;
	border-radius: 0 15px 0 0;
	-moz-border-radius: 0 15px 0 0;
	-webkit-border-radius: 0 15px 0 0;
	margin-top:0;
}
.pestanyaContenido.activa  {
	margin-top:-1px;
}

.parpadea {
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}
@-moz-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
@keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}


.tablaCamposEntradaGs1 { width:650px;margin:0 auto;font-size:1.3em;font-weight:300; }
.tablaCamposEntradaGs1 .campoOrdenPreparacionBloque { width:350px;margin:5px 0 0 90px }
.tablaCamposEntradaGs1 .campoOrdenPreparacion { font-size:1.3em }

/************** TABLA RESPONSIVE *******************/

.tablaFormateada.tablaResponsive tr.linea td { height:50px }
.tablaFormateada.tablaResponsive td.ocultar600 { display:table-cell }
.tablaFormateada.tablaResponsive td.mostrar600 { display:none }
.tablaFormateada.tablaResponsive tr.firmable td { background-color:#FFFFCC!important }

@media screen and (max-width: 600px) {
  
	.tablaFormateada.tablaResponsive {
		width:100%;
	}
	  
	.tablaFormateada.tablaResponsive th {
		display:none
	}
	  
	.tablaFormateada.tablaResponsive tr {
		display: block;
		margin-bottom:2em;
	}
	  
	.tablaFormateada.tablaResponsive td {
		display: block;
		text-align: right;
		border-right:1px solid #999999;
	}
	 
	.tablaFormateada.tablaResponsive tr td:first-child {
		font-size:1.5em;
	}
	
	
	.tablaFormateada.tablaResponsive tr:last-child td {
		border-bottom:0;
	}
	  
	.tablaFormateada.tablaResponsive td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
	}
	
	.tablaFormateada.tablaResponsive tr.linea td { height:15px }
	
	.tablaFormateada.tablaResponsive td.ocultar600 { display:none }
	.tablaFormateada.tablaResponsive td.mostrar600 { display:table-cell }
	
	.tablaFormateada.tablaResponsive tr td:first-child , .tablaFormateada.tablaResponsive tr td:only-child , .primeraFila {
		border-radius: 15px 15px 0 0;
		-moz-border-radius: 15px 15px 0 0;
		-webkit-border-radius: 15px 15px 0 0;
	}
	.tablaFormateada.tablaResponsive tr td:last-child , .tablaFormateada.tablaResponsive tr:last-child td:only-child {
		border-radius: 0 0 15px 15px;
		-moz-border-radius: 0 0 15px 15px;;
		-webkit-border-radius: 0 0 15px 15px;
	}
	
	.popupContenidoScroll.ancho600 {
		width:80%;
		left: 47%;
	}

}


/* FOTOS */

.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	width:100%;
	height:100px;
}
.btn{
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.btn-primary{
	color: #fff;
	/*background-color: #337ab7;
	border-color: #2e6da4;*/
}



.miniaturas-contenedor {
	margin:0 auto;
	width:700px;
	text-align:center;
}
.miniaturas-caja {
	width:200px;
	display:inline;
}
.miniatura {
	width:200px;
	margin:10px;
}


/* Iconos para modos de lectura palets/cajas en OP */
.opModoIconoSelector { width:120px;margin-left:20px }
.opModoEsquemaInterior {
	float:right;
	padding:20px;
	border:#dddddd 1px solid;
	background-color:#FFFFCC;
	width: 150px;
    height: 130px;
	margin-bottom:10px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	opacity: 0.7;
	filter: alpha(opacity=0.7);
}
.opModoEsquemaInterior.colorP { background-color:#c4e1fd }
.opModoEsquemaInterior.colorC { background-color:#cbfddc }
.opModoEsquemaInterior.colorPC { background-color:#ffefdf }
.opModoEsquemaInterior.colorComp { background-color:#ffffc5 }
.opModoIconoAnimado { width:155px;margin-top:20px }

.entradaModoIconoSelector { width:90px;margin-left:20px }

.entradaChincheta {
	float: left;
    margin: -10px 0 0 -60px;
    width: 50px;
    height: 50px;
	cursor: pointer;
}
.entradaChincheta.posicionDerecha {
	float: right;
    margin: 0 15px 0 -50px;
}

.alertComprimido {
	font-size:0.6em;
	width:calc(100% - 80px);
}

/* OBSOLETOS, CAMBIA A LOS DE ABAJO GENERICOS
.OP_multioperario_flecha_otros {
	width: 30px;
    height: 30px;
    cursor: pointer;
    margin-bottom: -8px;
    margin-left: 10px;
}
.OP_multioperario_capa_otros {
	display:none;
}
*/
.flecha_desplegable {
	width: 30px;
    height: 30px;
    cursor: pointer;
    margin-bottom: -8px;
    margin-left: 10px;
}
.capa_desplegable {
	display:none;
}


.tablaFormateada2022 {
	/*border-collapse: collapse;*/
	/* Hay varias definiciones comunes a .tablaFormateada */
	border-top:1px solid #999999;
	border-left:1px solid #999999;
}
.tablaFormateada2022 tr th, .tablaFormateada2022 tr td {
	padding:0.5em;
	color: #595959;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
}
.tablaFormateada2022 tr td {
	background:#ffffff;
}
.tablaFormateada2022 tr.coloreado td {
	background:#eeeeee
}

.paginacionDeshabilitado {
	color:#CCCCCC;
}
.paginacionEnlace {
	text-decoration:none;
	cursor:pointer;
}

.tablaFormateada tr.lineaOrden td {
	/* cursor:pointer; */
}
.tablaFormateada tr.altoMinimo {
	height:60px;
}

.botonMenuFlotante {
	width:70px;
	height:70px;
	border-radius: 35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	background-color:#DFDFDF;
	display:flex;
	justify-content: center;
	align-items: center;
	cursor:pointer;
}
.botonMenuFlotante img {
	max-width:40px;
}
.botonMenuFlotante img.deshabilitado {
	opacity: 0.5;
}