/*
  COLORES
  #446080 azul destacado

	#3897ff azul celeste
	#8bc0ff azul celest (50%)

	#ff562b rojo
	#ffa418 amarillo
	#7ecb3f verde

  #d0d0d0 gris claro
  #999998 gris oscuro
*/

/*
* {
	transition:all 0.3s ease;
}
*/

a {
  color:#446080;
  text-decoration:none;
}
a:hover {
	color:#3897ff;
}
body {
  background:#fff;
  color:#000;
  cursor:default;
  font:15px Calibri,Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
}
em {
  border:2px solid #f0b384;
  /*border-radius:5px;*/
  display:inline-block;
  font-size:16px;
  font-style:normal;
  margin:0 0 20px;
  padding:0 0 0 10px;
}
h1 {
  color:#999998;
  font-size:25px;
  font-weight:normal;
  margin:0 0 10px 0;
}
h2 {
  color:#999998;
  font-size:20px;
  margin:0 0 10px 0;
}
iframe {
  /*height:200px;*/
  overflow:auto;
  width:100%;
}
iframe,
img {
  border-style:none;
}
mark {
  background:#f0b384;
  padding:0 10px;
}
p {
  margin:0 0 5px 0;
}


/* FORMULARIO */
form {
}
input,
select,
textarea {
  color:#000;
  font:22px calibri,Arial,Helvetica,sans-serif;
  padding:5px;
}
/*
input[type='button'],
input[type='submit'] {
  border:2px solid #446080;
  border-radius:5px;
  color:#446080;
  cursor:pointer;
  font-weight:bold;
}
*/
input.input-min,
input.input-fecha,
input.input-med,
input.input-max {
  border:2px solid #999998;
  /*border-radius:5px;*/
  padding:3px;
}
input.input-min {
  width:100px;
}
input.input-fecha {
  width:200px;
}
input.input-med {
  width:350px;
}
input.input-max {
  width:96%;
}
.grande {
  font-size:28px !important;
}
input.input-off {
  background:#c0c0c0;
  border:none;
  color:#999998;
  text-transform:uppercase;
  width:100%;
}
input:hover,
input:focus,
select:hover {
	border-color:#446080;
  /*box-shadow:inset 0 0 5px #f0b384;*/
}
label {
  cursor:pointer;
}
label.estilo {
	border:4px solid #fff;
	font-size:20px;
  font-weight:bold;
	margin-right:10px;
	overflow:hidden;
	padding:10px;
  position: relative;
	text-transform:uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
label.estilo input {
  position: absolute;
  opacity: 0;
}
label.estilo span.valor {
 	position:absolute;
	padding:10px;
	top:0;
	left:0;
	width:84.5%;
}
label.estilo.disponible {
	border-color:#7ecb3f;
}
label.disponible:hover {
	background:rgba(126, 203, 63,.5);
}
label.disponible input:checked ~ .valor {
  background:#7ecb3f;
	color:#fff;
}
label.cancelado {
	border-color:#ff562b;
}
label.cancelado:hover {
	background:rgba(255, 86, 43,.5);
}
label.cancelado input:checked ~ .valor {
  background:#ff562b;
	color:#fff;
}
label.finalizado {
	border-color:#3897ff;
}
label.finalizado:hover {
	background:rgba(56, 151, 255,.5);
}
label.finalizado input:checked ~ .valor {
  background:#3897ff;
	color:#fff;
}
label.proyecto {
	border-color:#446080;
}
label.proyecto:hover {
	background:#fff;
}
label.proyecto input:checked ~ .valor {
  background:#446080;
	color:#fff;
}
textarea {
  border:1px solid #999998;
  /*border-radius:5px;*/
  height:250px;
  overflow:auto;
  width:96%;
}
select {
  border:2px solid #999998;
  /*border-radius:5px;*/
  cursor:pointer;
}
select option.nueva {
	background:#7ecb3f;
}

/* SWITCH */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switch input {
	display:none;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ff562b;
  -webkit-transition: .4s;
  transition: .4s;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.switch input:checked + .slider,
.switch-on {
  background-color: #7ecb3f;
}
/*
.switch input:focus + .slider {
  box-shadow: 0 0 1px yellow;
}
*/
.switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.switch-off .slider {
  background-color: #ff562b;
}
.switch-off .slider:before {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}


/* TABLAS */
caption {
  background:#999998;
  /*border-radius:5px;*/
  color:#fff;
  font-size:14px;
  font-weight:bold;
  padding-left:4px;
  text-align:left;
}
table {
  /*border:1px solid #999998;*/
  border-collapse:collapse;
  width:96%;
}
td,
th {
  font:16px Calibri,Arial,Helvetica,sans-serif;
}
td {
  color:#000;
}
th {
	text-align:left;
}
th.off {
  background:#fff;
  color:#446080;
  cursor:pointer;
  font-weight:normal;
  white-space:nowrap;
}
th.off:hover {
  background:#ffc;
}
th.on {
  background:#446080;
  color:#fff;
  cursor:default;
  font-weight:bold;
  white-space:nowrap;
}
tr:hover td {
	background:#999998;
}


/* CLASES */
.contenido {
	padding:15px 15px 64px;
	position:relative;
}
.modulo {
  /*border-bottom:3px solid #c0c0c0;*/
  margin:0 0 30px;
  /*padding:0 0 15px;*/
}
.ali-cen {
  text-align:center;
}
.ali-der {
  text-align:right;
}
.ali-inf {
  vertical-align:bottom;
}
.ali-sup {
  vertical-align:top;
}
.guion {
	color:#3897ff;
	font-size:30px;
	font-weight:bold;
	margin:0 10px 0 20px;
}
.cabeza * {
	color:#fff !important;
}
.cabeza a {
	color:#8bc0ff !important;
}
.cabeza a:hover {
	color:#ffa418 !important;
}
.cabeza h1 {
	float:left;
}
.cabeza .utiles {
	float:right;
}
.boton {
	border:1px solid #446080;
	font-size:20px;
	margin-left:20px;
	padding:10px;
}
.boton:hover {
	background:#fff;
}

/* ICONOS */
.ico-16,
.ico-32,
.ico-64 {
	margin:0;
	padding:0;
	vertical-align:middle;
}

.ico-16 {
	height:16px;
	width:16px;
}
.ico-32 {
	height:32px;
	width:32px;
}
.ico-64 {
	height:64px;
	width:64px;
}
/*
.ico-ayuda {
  cursor:help;
}
.ico-basura {
  background:url(ico/basura.gif) no-repeat left center;
  color:darkred;
  padding:3px 0 3px 20px;
}
.ico-lupa {
  background:url(ico/lupa.gif) no-repeat 5px center;
  display:inline;
  padding:2px 0 2px 20px;
  text-indent:-9999px;
}
.ico-mano td {
  cursor:pointer;
}
.ico-mano:hover {
  background:#f0b384;
}
.ico-mas {
  background:url(ico/mas.gif) no-repeat 5px center;
  display:inline;
  padding:2px 0 2px 20px;
  text-indent:-9999px;
}
.ico-mas2 {
  background:url(ico/mas.gif) no-repeat 5px center;
  padding:2px 0 2px 20px;
}
.ico-ok {
  background:url(ico/ok.gif) no-repeat 2px center;
  padding:3px 0 3px 20px;
}
.ico-editar {
  background:url(ico/lapiz.gif) no-repeat 2px center;
  padding:3px 0 3px 20px;
}

.jdpicker_w {
  display:inline !important;
}
*/

/* listados */
#lista {
  margin:0 0 64px;
	width:100% !important;
}
#lista th,
#lista td {
  border-bottom:1px solid #d0d0d0;
	font-size:20px;
  padding:10px !important;
}
#lista th {
  background:#999998;
  color:#fff;
  font-weight:bold;
  /*text-transform:uppercase;*/
}
#lista td {
  color:#000 !important;
}
#lista tr:hover td {
  background:#d0d0d0;
}
#lista tr.nooperativo td {
  text-decoration:line-through;
}
#lista a {
  font-weight:bold;
}
#lista .visible,
#lista .oculto {
  height:34px;
  width:60px;
}
#lista .visible {
	background:#7ecb3f;
}
#lista .oculto {
	background:#ff562b;
}
#lista .estado {
  font-weight:bold;
	text-transform:uppercase;
}
#lista .disponible {
	color:#7ecb3f;
}
#lista .cancelado {
	color:#ff562b;
}
#lista .finalizado {
	color:#3897ff;
}
#lista .proyecto {
	background:#446080;
	color:#fff;
	font-size:15px;
	padding:2px 5px;
	text-transform:uppercase;
}

/* fichas */
#ficha th {
  background:#999998;
  color:#fff;
  font-weight:bold;
  padding:0 5px;
  text-align:right;
  /*text-transform:uppercase;*/
  white-space:nowrap;
  width:100px;
}
#ficha td {
  padding:5px;
}
#ficha td.importante {
  font-weight:bold;
  /*text-transform:uppercase;*/
}

/* capas de abajo */
#guardar,
#mensaje,
#publicar {
	bottom:0;
	padding:20px 2%;
	position:fixed;
}
#guardar a,
#publicar a {
	color:#fff;
	margin-left:20px;
}
#guardar a:hover,
#publicar a:hover {
	color:#ffa418;
}

/* guardar */
#guardar {
	background:#446080;
	right:0;
	width:100%;
	z-index:999;
}

/* mensajes de error y ok */
#mensaje {
	left:0;
	opacity:0;
	width:1%;
	z-index:99999;
}
#mensaje-mini {
  font-size:1px;
	line-height:0;
	opacity:0;
}
	.ok {
		background:#7ecb3f;
	}
	#mensaje.ok {
    animation: mensaje-ok 2s;
    -webkit-animation: mensaje-ok 2s;
	}
	@keyframes mensaje-ok {
	  0%   {left:0px; opacity:0}
		20%  {left:0px; opacity:1; width:96%}
	  80%  {left:0px; opacity:1; width:96%}
	  100% {left:100%; width:1px; opacity:0}
	}
	@-webkit-keyframes mensaje-ok {
	  0%   {left:0px; opacity:0}
		20%  {left:0px; opacity:1; width:96%}
	  80%  {left:0px; opacity:1; width:96%}
	  100% {left:100%; width:1px; opacity:0}
	}
	#mensaje-mini.ok {
    animation: mensaje-ok-mini 2s;
    -webkit-animation: mensaje-ok-mini 2s;
	}
	@keyframes mensaje-ok-mini {
	  0%   {opacity:0;font-size:1px;line-height:0}
		10%  {opacity:1;font-size:18px;line-height:20px}
	  90%  {opacity:1;font-size:18px;line-height:20px}
	  100% {opacity:0;font-size:1px;line-height:0}
	}
	@-webkit-keyframes mensaje-ok-mini {
	  0%   {opacity:0;font-size:1px;line-height:0}
		10%  {opacity:1;font-size:18px;line-height:20px}
	  90%  {opacity:1;font-size:18px;line-height:20px}
	  100% {opacity:0;font-size:1px;line-height:0}
	}
	.error {
		background:#ffa418;
	}
	.info {
		background:#8bc0ff;
	}
	.mensaje-plano {
		padding:20px 2%;
	}

/* publicar */
#publicar {
	color:#fff;
	left:0;
	z-index:9999;
}
#publicar .switch {
  top:10px;
}


/* campos del formulario */
.selector {
	background:#d0d0d0;
	margin-bottom:64px;
}
	.selector .desplegable {
		display:none;
	}
	.selector .desplegable-on {
		display:initial;
	}
	.fila {
		display:grid;
    grid-template-columns: 18% 80%;
    grid-gap: 2%;
		padding:10px 0;
		width:100%;
	}
	.fila-4 {
		display:grid;
    grid-template-columns: 18% 35% 6% 35%;
    grid-gap: 2%;
		padding:10px 0;
		width:100%;
	}
	.resaltado {
		background:#999998;
	}
	.resaltado .campo {
		color:#fff !important;
	}
	.resaltado h2 {
  	color:#fff;
		font-size:20px;
		font-weight:bold;
		padding:10px;
	}
	.campo {
		color:#666;
		font-size:20px;
		font-weight:bold;
		text-align:right;
	}
	.fila small {
		float:right;
	}

/* popup menssajs */
#popup {
	background:rgba(56, 151, 255,.75);
	display:none;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:9999999;
}
	#popup .ventana {
		background:#fff;
		box-shadow:0 0 20px rgba(68, 96, 128,.8);
		height:200px;
		padding:30px;
    transform:translate(45%,70%);
		width:50%;
	}
	#popup .ventana h2 {
		color:#446080;
		font-size:30px;
		padding:0 0 60px;
	}
	#popup .ventana p {
		font-size:20px;
		font-weight:bold;
	}
	#popup .ventana a {
  	border:1px solid #446080;
		margin:0 20px;
		padding:20px;
	}
	#popup .ventana a:hover {
   	background:rgba(139, 192, 255,.5);
	}

/* tabs */
#tabs {
	background:#fff;
	border-bottom:4px solid #446080;
	display:table-row;
	font-size:20px;
	font-weight:bold;
	margin-bottom:4px;
	left:15px;
	position:fixed;
	top:60px;
	width:98.25%;
}
	#tabs .tab {
		background:#d0d0d0;
		border-right:4px solid #fff;
		color:#000;
		cursor:pointer;
		display:table-cell;
		padding:10px;
	}
	#tabs .tab:hover {
		background:#999998;
	}
	#tabs .tab-on,
	#tabs .tab-on:hover {
		background:#446080;
		color:#fff;
	}
	.tabbed {
		display:none;
		margin-top:95px;
	}