/*

	primario: #006280
	secundario: #1b478c

*/

.primario { color: #006280; }
.secundario { color: #1b478c; }


.fondo-primario { background-color: #006280; color: white; }
.fondo-secundario { background-color: #1b478c; color: white; }
 .fondo-primario *, .fondo-secundario * { color: white; }



.fondo-rojo { background-color: #006280; color: white; }
.fondo-azul { background-color: #1b478c; color: white; }
.fondo-rojo *, .fondo-azul * { color: white; }

.degradado { background-image: linear-gradient(to right, #006280, #1b478c); color: white !important; }
.degradado * { color: white; }


.navbar-brand { padding: 8px 46px; }
.navbar-brand > img { height: auto; width: 177px; }
.navbar-brand.servei > img { height: auto; width: 160px; }

@media (max-width: 600px) {
	.navbar-brand { padding: 2px 10px; }
	.navbar-brand > img { width: 80px; }
	.navbar-brand.servei > img { width: 120px; }
	.page-title h4 { font-size: 12px; }
}

.navbar { min-height: 100px; }
.navbar.navbar-inverse { /*background-image: linear-gradient(to right, #1b478c, #006280);*/ background: transparent;  }
.navbar-header { width: 100%; }
.nav.navbar-nav.navbar-right { float: right; margin-top: 5px; background: #006280; }




.degradado { background-image: linear-gradient(to right, #1b478c, #006280); color: white !important; }
.degradado * { color: white; }

body { background-color: white; font-family: 'Lato', sans-serif; }

.aceptarLOPD a { text-decoration: underline !important; }

.notifyBordeBlanco { border: 1px white solid; }

.resumen .progress-micro  { margin-top: 15px; width: 90%; }
.resumen i, .resumen svg { margin-right: 2px; width: 26px !important; display: inline-block !important; }

.formulario { margin: 50px 0; }
.formulario .row .campo { margin-bottom: 12px; }



.mismaAltura { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.cajaMismaAltura { display: -webkit-flex; display: flex; }
.cajaMismaAltura > div { width: 100%; }


.registro.nuevo {
	border: 5px dashed #ccc;
	text-align: center;
	height: 250px;
	margin-top: 20px;
	padding: 60px 50px;
	color: #ccc;
	font-size: 24px;
}
.registro.nuevo .icono {
	font-size: 50px;
	margin-bottom: 20px;
}

input.nuevoNombre { max-width: 80%; width: 400px; margin: 0 auto; font-size: 20px; border: none; text-align: center; }


input[type="radio"] { float: left; width: 20px; height: 20px; margin: 0; padding: 0; margin-right: 10px; }

.btn:active { background-color: #006280 !important; color: white;  }


a { color: #006280; }
a:hover { color: #1b478c; }

.btnEnviar { margin: 5px 0 0 10px; }

.linkMarcado { text-decoration: underline; }
.linkMarcado:hover { text-decoration: none; }

.login-container { width: 320px; margin: 0 auto; }

.icon-4x { font-size: 64px; }


.degradado input, .degradado select, .degradado .select2-selection__rendered { color: black; }
.degradado .heading-elements.visible-elements { background-image: linear-gradient(to right, #006280, #1b478c); color: white !important; }

.panel.seleccionado { border: 2px solid #006280 !important; box-shadow: 2px 2px 10px #999;}

#debug { padding: 10px; }
#debugZone { border-top: 4px solid #006280; margin-top: 40px; padding-top: 20px; }

.obligatorio { color: red !important; }

.seleccionable { background-color: #8f8f8f; background-clip: padding-box; border: 12px solid transparent; padding: 8px; text-align: center; color: white; }
.seleccionable.activo { box-shadow: 0 0 8px #006280; background-color: #006280; }

.choice span, .checker span { border: 2px solid #006280; color: #006280; }

.disabled { background-color: #ccc; opacity: 0.6; padding: 3px; }

.label.estadoPago { cursor: default !important; }


.filters input { width: 60px; }
tr[data-url] { cursor: pointer; }

td.linkAcceso a { font-size: 110%; text-decoration: underline; font-weight: 700; }


button.siguiente, button.anterior, button.descargarResumen { padding: 8px 12px; font-weight: 500 !important; }

button.descargado { padding: 8px 12px; font-weight: 500 !important; background-color: green !important; color: white !important; border-color: green !important; }

.contadorNum { text-align: right !important; color: red; }
.contadorTotal.contadorNum { font-size: 20px; }
.form-group label { font-weight: 700; text-transform: uppercase; }
h1 { font-size: 36px; }
h2 { font-size: 28px; color: #006280; }
h3.subtitulo { font-size: 20px; margin-top: 50px; margin-bottom: 20px; }

textarea { height: 300px !important; }

.faltanDatos { background-color: #ffc2c2 !important; }

img.archivo { width: 100%; height: auto; }


button.borrarImagen { right: 0; position: absolute; padding: 10px 20px; text-transform: uppercase; }
button.borrarImagen:hover { background-color: red; border: white; }


.resumen label { font-weight: 700; }
.textoResumen { border: 1px solid #ccc; padding: 20px; line-height: 1.6em;  white-space: pre-wrap; }

.resumen img.archivo { width: 60%; }

.resumen h2 { margin-top: 80px; }
.resumen h2:first-of-type { margin-top: 10px; }




.autor { margin-bottom: 20px; }
.autor .editar { width: 20%; max-width: 100px; display: inline-block; text-align: center; font-weight: 700; }
.autor .editar i, .autor .editar svg { margin: 0 8px !important; }
.autor .orden { width: 5%; max-width: 60px; display: inline-block; text-align: center; font-weight: 700; cursor: pointer !important; }
.autor .nombre { width: 70%; display: inline-block; font-weight: 700; text-transform: uppercase; cursor: pointer !important;}

.editarAutor { cursor: pointer !important; color: green; }
.ordenarAutor { cursor: row-resize !important; color: #666; }

button.crearAutor, button.borrarAutor { float: right; padding: 10px 20px; text-transform: uppercase; margin: 30px 0; }

button.borrarComunicacion { float: right; padding: 10px 20px; text-transform: uppercase; margin: 30px 0; font-size: 12px; background: #00A06F; border-color: #00A06F; }
button.borrarComunicacion:hover { background: #00A06F; border-color: #00A06F; }


.datosAutor { padding: 0 0 40px 100px;  display: none;}
.datosAutor label { font-weight: 700; margin-top: 20px; }