/*
    Document   : eris
    Created on : 24-abr-2012, 13:25:17
    Author     : juanon
    Description:
        Purpose of the stylesheet follows.
*/

* {
	font-family: noto mono, dejavu sans mono, monospace;
	font-size: 13px;
}

html {
	background-image: url(img/eris.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}

pre,
code {
	font-family: monospace;
}

input[readonly]:not(.pikiBloqueado),
textarea[readonly]:not(.pikiBloqueado) {
	background-color: lightgrey;
}

input[type=checkbox] {
	display: none;
}

input[type=checkbox]+label {
	background: #ffffff;
	display: inline-block;
	padding-left: 16px;
	background: url(app/img/checkbox_off.png) 0px 0px no-repeat;
}

input[type=checkbox]:checked+label {
	background: url(app/img/checkbox_on.png) 0px 0px no-repeat;
}

textarea {
	/*
	font-family: monospace,sans-serif;
	font-size: 12px;
	*/
}

input {
	/*	padding: 3px;
		font-family: monospace;
		height: 20px;*/
}

button,
input,
select,
textarea {
	border-width: 1px;
	border-style: solid;
	border-color: steelblue;
	border-radius: 0.4em;
	background-color: white;
	color: black;
}

input:focus,
select:focus,
textarea:focus {
	border: 1px solid darkblue;
	background-color: lightblue;
}

select {
	padding: 1px;
}

a {
	text-decoration: none;
	color: rgb(35, 83, 138);
}

a:hover {
	color: rgb(135, 168, 181);
}

table.fondoOscuro a {
	color: white;
}

table.fondoOscuro a:hover {
	color: rgb(135, 168, 181);
}

table {
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
}

tr {
	padding: 0px;
	margin: 5px;
}

td {
	padding: 2px;
	margin: 0px;
}

cite {
	display: block;
	font-family: monospace;
	font-style: normal;
	font-size: 14px;
	border: 1px solid gray;
	background-color: #FCF0AD;
	margin: 10px;
	padding: 10px;
}

.enlace {
	cursor: pointer;
}

.enlaceInfo {
	cursor: pointer;
	color: darkgreen;
}

.enlaceInfoError {
	cursor: pointer;
	color: darkred;
}

.enlaceInfo:before,
.enlaceInfoError:before {
	content: " [";
	cursor: text;
	color: black;
}

.enlaceInfo:after,
.enlaceInfoError:after {
	content: "] ";
	cursor: text;
	color: black;
}

.boton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 20px;
	text-shadow: 0 0 3px black;
	border-radius: 6px;
}

.boton:hover {
	text-decoration: none;
}

.boton:active:not([disabled=on]) {
	transform: translate(0px, 2px);
}

.gris {
	color: #404040;
	border: solid 1px #808080;
	background-color: #e8e8e8;
}

/* azul */
.azul {
	color: white;
	border: solid 1px #0076a3;
	background-color: #0095cd;
	background: -moz-linear-gradient(top, #87a8b5, #23558a);
}

.azul:hover {
	background-color: #007ead;
	background: -moz-linear-gradient(top, #7798a5, #13457a);
}

.azul:active {
	color: #80bed6;
	/*
	background: -webkit-gradient(linear, left top, left bottom, from(#97b8c5), to(#33659a));
	background: -moz-linear-gradient(top,  #97b8c5,  #33659a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#97b8c5', endColorstr='#33659a');
	*/
}

.cajaPequena {
	position: relative;
}

.cab_cajaPequena {
	padding: 3px 5px 3px 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-color: steelblue;
	border-width: 1px;
	border-style: solid;
	border-bottom: none;
	color: white;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgb(0, 0, 0);
	background: rgb(35, 83, 138);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(35, 83, 138, 1) 0%,
			rgba(135, 168, 181, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(35,
					83, 138, 1)), color-stop(100%, rgba(135, 168, 181, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(35, 83, 138, 1) 0%,
			rgba(135, 168, 181, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: linear-gradient(rgba(35, 83, 138, 1) 0%, rgba(135, 168, 181, 1) 100%);
	/* W3C */
}

.cue_cajaPequena {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-color: steelblue;
	border-width: 1px;
	border-style: solid;
	border-top: none;
	padding: 2px;
}

.caja {
	position: relative;
	margin: 5px;
	width: auto;
	display: inline-block;
	border-radius: 1em;
}

.cab_caja {
	padding: 10px;
	/*
		border-top-left-radius: 1em;
		border-top-right-radius: 1em;
	*/
	border-color: #13487a;
	border-width: 2px;
	border-style: solid;
	border-bottom: none;
	color: white;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgb(0, 0, 0);
	background-color: #13487a;
}

.cue_caja {
	/*
		border-bottom-left-radius: 1em;
		border-bottom-right-radius: 1em;
	*/
	border-color: #13487a;
	border-width: 2px;
	border-style: solid;
	border-top: none;
	padding: 5px;
	width: 100%;
	background-color: #e0f0ff;
}

.app {
	min-height: 100%;
}

#app {
	display: block;
}

#cue_app {
	width: 100%;
	/*
		overflow: auto;
	/*
		background-image: url(img/logo.png);
		background-repeat: no-repeat;
		background-position: top right;
		background-size: 30%;
	*/
}

#cue_menu {
	background-color: white;
}

#der {
	position: absolute;
	display: inline-block;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

div {
	position: relative;
}

TABLE.gridResul {
	width: 100%;
	border-style: ridge;
	border-width: 2px;
	border-color: black;
	background-color: white;
}

TABLE.gridResul TR {
	vertical-align: top;
}

TABLE.gridResul TR:not(.normal):hover {
	background-color: #C0D2EC;
	background-color: lightgray;
}

TABLE.gridResul TH {
	background-color: rgba(135, 168, 181, 1);
	background-color: #bbb;
	border-color: white black black white;
	border-style: outset;
	border-width: 1px;
	padding: 0px 5px;
}

TABLE.gridResul TD:not(.normal) {
	padding: 2px 5px;
	border-right: #c0c0c0 thin solid;
	border-bottom: #c0c0c0 thin solid;
}

TABLE.gridResul TH A {
	color: black;
	font-weight: 600;
}

TABLE.gridResul TH A:hover {
	color: white;
}

TABLE.normal {
	width: 100%;
	background-color: white;
}

TABLE.normal TR {
	vertical-align: top;
}

TABLE.normal TH {
	background-color: rgba(135, 135, 135, 1);
}

TABLE.normal TD {
	padding-left: 3px;
	padding-right: 3px;
}

th {
	font-weight: 100;
	font-weight: 400;
}

TABLE.normal TH A:hover {
	color: white;
}

.tonelada {
	text-align: right;
	white-space: nowrap;
}

.euro {
	text-align: right;
	white-space: nowrap;
}

.euro:after {
	content: "€";
	cursor: text;
}

.porcentaje {
	text-align: center;
}

.izquierda {
	text-align: left;
}

.derecha {
	text-align: right;
}

.centrado {
	text-align: center;
}

.justificado {
	text-align: justify;
}

.rojo {
	color: red;
}

.numero {
	text-align: right;
}

.entero {
	text-align: right;
}

.arriba {
	vertical-align: top;
}

.margen {
	padding: 5px;
}

.recuadro {
	border: 1px solid green;
	white-space: nowrap;
}

.filaResaltada {
	font-weight: bold;
}

.cebra {}

.error_fatal {
	background-color: red;
	color: white;
}

.adicional {
	background-color: #ffffbb;
}

.aviso {
	background-color: bisque;
}

.baja {
	color: gray;
	background-color: lightgray;
}

.datado {
	text-decoration: line-through;
}

.error {
	position: relative;
	margin: 5px;
	width: auto;
	display: inline-block;
	border-radius: 1em;
}

.cab_error {
	padding: 10px;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-color: #600000;
	border-width: 2px;
	border-style: solid;
	border-bottom: none;
	color: white;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgb(0, 0, 0);
	background: #600000;
}

.cue_error {
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	border-color: #600000;
	border-width: 2px;
	border-style: solid;
	border-top: none;
	padding: 10px;
	width: 100%;
}

.OK {
	position: relative;
	margin: 5px;
	width: auto;
	display: inline-block;
	border-radius: 1em;
}

.cab_OK {
	padding: 10px;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-color: #216432;
	border-width: 2px;
	border-style: solid;
	border-bottom: none;
	color: white;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgb(0, 0, 0);
	background: #216432;
}

.cue_OK {
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	border-color: #216432;
	border-width: 2px;
	border-style: solid;
	border-top: none;
	padding: 10px;
	width: 100%;
}

.subCaja {
	position: relative;
	margin: 5px;
}

.cab_subCaja {
	padding: 3px 5px 3px 5px;
	border-radius: 5px;
	border-color: steelblue;
	border-width: 1px;
	border-style: solid;
	color: steelblue;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgb(0, 0, 0);
}

.cue_subCaja {
	border-radius: 5px;
	border-color: steelblue;
	border-width: 1px;
	border-style: solid;
	padding: 3px;
	width: 100%;
}

form td {
	padding: 2px;
	vertical-align: top;
}

.divBotonaco {
	/*
		float:left;
		vertical-align: top;
		display:inline-table;
	*/
	margin: 5px 2px;
	border: 2px solid #13458a;
	border-radius: 3px;
	background-color: #13487a;
	overflow: hidden;
	max-width: 250px;
}

.divBotonaco:hover {
	filter: drop-shadow(0 0 5px #000000);
	cursor: pointer;
}

.divBotonaco:active {
	transform: scale(.95);
}

.tituloBotonaco {
	color: white;
	font-weight: bold;
	padding: 10px;
	font-size: 14px;
	vertical-align: middle;
}

.divBotonaco:hover .tituloBotonaco {
	filter: drop-shadow(0 0 1px black) drop-shadow(0 0 4px white) drop-shadow(0 0 25px white);

}

.cuerpoBotonaco {
	background-color: rgba(255, 255, 255, .9);
	padding: 5px;
	height: 100%;
}

.separador {
	color: white;
	background-color: #13487a;
	background: -webkit-gradient(linear, left top, left bottom, from(#87a8b5),
			to(#23558a));
	background: -moz-linear-gradient(top, #87a8b5, #13487a, #13487a, #87a8b5);
	padding: 2px;
	text-align: center;
}

*[disabled] {
	background-color: lightgrey;
	color: #303030;
}

.LV_valid_field {
	border-color: steelblue;
}

.LV_invalid_field {
	border-color: red;
}

/******************** Paginador ********************/
.paginador_actual {
	font-size: 120%;
	color: white;
}

.inactivo {
	color: black;
}

.dtree {
	font-family: sans-serif, Verdana, Geneva, Arial, Helvetica;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}

.dtree img {
	border: 0px;
	vertical-align: top;
}

.dtree a {
	text-decoration: none;
}

.dtree a.node,
.dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}

.dtreeee a.node:hover,
.dtree a.nodeSel:hover {
	color: #333;
}

.dtree a.nodeSel {
	background-color: #c0d2ec;
}

.dtree .clip {
	overflow: hidden;
}

.vertical {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}

.tachado {
	text-decoration: line-through;
}

/****** BARRA PROGRESO *****/
.bpBarra {
	color: white;
	text-align: center;
	height: 32px;
	width: 50%;
	background-size: 100% 16px;
	border-radius: 3px;
	background: #13487a;
	background: linear-gradient(to bottom, #87a8b5, #23558a, #13487a);
	transition: width 0.9s linear;
}

.bpFondo {
	background-color: #DCDCDC;
	border-radius: 3px;
	padding: 0px;
	transition: width 0.9s linear;
}

/***** SPINBOX *****/
.spinBox {
	position: relative;
	display: inline-block;
	padding-right: 0.875em;
	border-radius: 0.25em;
	box-shadow: 0 0.0625em 0 rgba(255, 255, 255, 0.5);
}

.spinBox input {
	display: block;
	height: 1.5625em;
	padding: 0 0.25em;
	border: 0.0625em solid #4682B4;
	border-right: none;
	border-top-left-radius: 0.25em;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0.25em;
	border-bottom-right-radius: 0;
	text-align: right;
	box-shadow: 0 0.125em 0.125em rgba(0, 0, 0, 0.03125) inset;
}

.spinBox input[disabled] {
	background: lightgrey;
}

.spinBoxUp,
.spinBoxDown {
	position: absolute;
	right: 0;
	display: block;
	width: 0.75em;
	height: 0.75em;
	border: 0.0625em solid #4682B4;
	background: rgb(248, 248, 248);
	background-image: -webkit-linear-gradient(rgb(248, 248, 248), rgb(240, 240, 240));
	background-image: linear-gradient(rgb(248, 248, 248), rgb(240, 240, 240));
	cursor: pointer;
}

.spinBox input[disabled]+span,
.spinBox input[disabled]+span+span {
	background: rgb(240, 240, 240);
	cursor: auto;
}

.spinBoxUp span,
.spinBoxDown span {
	display: block;
	width: 0.75em;
	height: 0.75em;
}

.spinBoxUp {
	top: 0;
	border-bottom: none;
	border-top-right-radius: 0.25em;
}

.spinBoxUp span {
	background: url('app/img/flecha_arriba.png') no-repeat center center;
}

.spinBoxDown {
	bottom: 0;
	border-top: none;
	border-bottom-right-radius: 0.25em;
}

.spinBoxDown span {
	background: url('app/img/flecha_abajo.png') no-repeat center center;
}

/***** FIN SPINBOX *****/
.descuFI001 {
	background-color: #ffffbb;
}

.descuEPEL {
	background-color: #ffcc99;
}

.filtroGris {
	filter: opacity(0.5) grayscale(100%);
}

.negrilla {
	font-weight: bold;
}

.pikiPositPrincipal {
	display: block;
	position: fixed;
	width: 200px;
	height: 200px;
	border: 1px solid goldenrod;
	background-color: #FCF0AD;
	padding: 10px;
}

.pikiPosit {
	display: block;
	position: fixed;
	width: 200px;
	height: 200px;
	border: 1px solid goldenrod;
	background-color: #FCF0AD;
	padding: 10px;
	line-height: 20px;
	font-family: monospace;
}

/* keyframes para la animación */
@keyframes novedad {
	0% {
		background-color: yellowgreen;
	}

	50% {
		background-color: salmon;
	}

	100% {
		background-color: yellowgreen;
	}
}

/* elementos a los que se aplica la animación */
.novedad {
	animation-name: novedad;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}

.sombra {
	box-shadow: 5px 5px 20px;
}

@keyframes correccion {
	0% {
		color: red;
	}

	5% {
		color: black;
	}

	10% {
		color: red;
	}

	15% {
		color: black;
	}

	20% {
		color: red;
	}

	100% {
		color: black;
	}
}

.correccion {
	animation-name: correccion;
	animation-duration: 2s;
	animation-iteration-count: 1;
}

@keyframes parpedear {
	0% {
		opacity: 1;
	}

	10% {
		opacity: 0;
	}

	20% {
		opacity: 1;
	}

	30% {
		opacity: 0;
	}

	40% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	60% {
		opacity: 1;
	}

	70% {
		opacity: 0;
	}

	80% {
		opacity: 1;
	}

	90% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.parpadear {
	animation-name: parpedear;
	animation-duration: 1s;
	animation-iteration-count: 1;
	/*
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	*/
}

/** Quita margenes en la visualización de plantillas */
td,
span,
p:first-child {
	margin: 0px;
}

ul {
	padding: 0px;
	margin: 0 0 0 20px;
}

@keyframes ocultarTR {
	0% {
		max-height: 80px;
	}

	100% {
		max-height: 0px;
		padding: 0px;
		visibility: collapse
	}
}

.ocultaTR {
	animation-name: ocultarTR;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	margin: 0px;
	padding: 0px;
	overflow: hidden
}

.seleccionado {
	background-color: cornflowerblue;
}

.errorTitular {
	background-color: #800000;
	border: 2px solid red;
	border-radius: 3px;
	width: 60ch;
	padding: 2ch;
	text-align: center;
	color: white;
	font-weight: bold;
}

.avisoTitular {
	background-color: #ec4d00;
	border: 2px solid #ff6d00;
	border-radius: 3px;
	width: 60ch;
	padding: 2ch;
	text-align: center;
	color: white;
	font-weight: bold;
}

.cambioRC {
	background-color: #800000;
	border: 1px solid red;
	padding: 2ch !important;
	text-align: center;
	color: white;
}

.inputVisible {
	display: inline !important;
}

.colorSoloRoot {
	color: darkblue;
}

.tareaNoNormal {
	color: black;
	border: solid 1px #216432;
	background-color: #badfba;
}

.tareaPrioridadCritica {
	color: red;
}

.tareaPrioridadMuyAlta {
	color: #952612;
}

.tareaPrioridadAlta {
	color: #d03b00;
}

.botonera {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 5px 10px;
	background-color: #f0f0f0;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}