:root {
	--primary-main: ;
	--primary-hover: ;
	--secondary-main: ;
	--secondary-hover: ;
	--font-primary: ;
	--font-secondary: ;
}

.primary-bg { background-color: var(--primary-main) !important; color: white !important; }
.primary-bg * { color: white !important; }

.secondary-bg { background-color: var(--secondary-main) !important; color: white !important; }
.secondary-bg * { color: white !important; }

.text-primary, .primary-text { color: var(--primary-main) !important; }
.text-secondary, .secondary-text { color: var(--secondary-main) !important; }

.degradado { background-image: linear-gradient(to right, var(--primary-main), var(--primary-hover)); color: white !important; }
.degradado * { color: white; }

body { background-color: white; font-family: var(--font-primary); }

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

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

.navbar { /* min-height: 100px; */ }
.navbar.navbar-inverse { background-color: var(--primary-main); }
.navbar-header { width: 100%; }
.nav.navbar-nav.navbar-right { float: right; margin-top: 5px; }

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


.btn:active { background-color: var(--primary-main) !important; color: white;  }

.btn-primary { background-color: var(--primary-main); border: none; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:visited { background-color: var(--primary-hover); border: none; }

a { color: var(--primary-main); }
a:hover { color: var(--primary-hover); }

.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, var(--primary-main), var(--primary-hover)); color: white !important; }

.panel.seleccionado { border: 2px solid var(--primary-main) !important; box-shadow: 2px 2px 10px #999;}

#debug { padding: 10px; }
#debugZone { border-top: 4px solid var(--primary-main); 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 var(--primary-main); background-color: var(--primary-main); }

.choice span, .checker span { border: 2px solid var(--primary-main); color: var(--primary-main); }

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