/*
	
	azul-claro: #1e3176
	rojo: #6186b6
	
*/

.azul { color: #1e3176; }
.rojo { color: #6186b6; }

.fondo-azul { background-color: #1e3176; color: white; }
.fondo-rojo { background-color: #6186b6; color: white; }
.fondo-rojo *, .fondo-azul * { color: white; }

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

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

.navbar-brand { padding: 5px 20px; }
.navbar-brand > img { height: auto; width: 100px; }

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

.navbar { min-height: 65px; }
.navbar.navbar-inverse { background-color: #ddd; }
.navbar-header { width: 100%; }
.nav.navbar-nav.navbar-right { float: right; margin-top: 5px; }

.nav.navbar-nav.navbar-right { color: #1e3176; }

.navbar-inverse .navbar-nav > li > a { color: #1e3176; }

.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; }

.page-title a { text-decoration: underline; }


.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: 30px; }


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

.btn-primary { background-color: #1e3176; border: none; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:visited { background-color: #6186b6; border: none; }

a { color: #1e3176; }
a:hover { color: #6186b6; }

.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, #1e3176, #6186b6); color: white !important; }

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

#debug { padding: 10px; }
#debugZone { border-top: 4px solid #1e3176; 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 #1e3176; background-color: #1e3176; }

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

.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; }



.degradado[data-estado="0"] { background-color: red !important; background-image: none; }
.pregunta[data-estado="0"] { background-color: #FF000033; }

.preguntas { margin-bottom: 50px; }
.preguntas .pregunta { margin-top: 40px; }
.preguntas .pregunta .preguntaTexto { font-weight: 700; margin-bottom: 10px; }
.preguntas .pregunta .respuestas { margin-left: 30px; }
.preguntas .pregunta .respuestas .respuesta { padding: 3px 10px; }
.preguntas .pregunta .respuestas .respuesta input { margin-right: 10px; }


.resultados { margin-top: 30px; padding: 20px; display: none; }
.resultados .leyenda { font-size: 20px !important; font-weight: 300 !important; display: inline-block; margin-right: 10px; margin-left: 20px;  }
.resultados .dato { font-size: 24px; font-weight: 700; display: inline-block; color: black; margin-bottom: 10px;  }


.resultados table { width: 100%; margin: 20px auto; max-width: 800px; }

.resultados table th { color: white; background-color: #1e3176; border: 1px solid white; padding: 20px; text-align: center; font-size: 16px;  }
.resultados table td { color: #1e3176; background-color: white; font-size: 30px; font-weight: 300; padding: 10px; text-align: center; }


.preguntas.corregido .correcto { background-color: #179a17; color: white;  font-weight: 700; }
.preguntas.corregido .fallo { background-color: #be2d2d; color: white; }
.preguntas.corregido .correcto-fail { background-color: #b9e2b9; font-weight: 700; }

/*
.contenido .video { text-align: center; width: 90%; max-width: 800px; margin: 30px auto; height: 0; padding-bottom: 56.25%; }
.contenido .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
*/


.contenido .video { text-align: center; width: 90%; max-width: 800px; margin: 30px auto; }
.contenido .video iframe { width: 100%;  }

.contenido .archivo { text-align: center; margin-top: 40px; }
.contenido .archivo a { display: inline-block; margin: 20px 30px; }



@media (max-width: 768px) {
	h1 { font-size: 30px !important; }
	h2 { font-size: 22px !important; }
	.resultados table td { font-size: 22px !important; font-weight: 900; }
}


.well button.close { color: white; font-weight: 700; }