:root
{
	--brand-color: #324cd3;
	--q-bq-navbar: #e3f2fd;
	--q-text-color: black;
	--headers-color: black;
	--navbar-text-color : white;
}

html 
{
  font-family: "Open Sans", sans-serif;
}

body
{
	padding-bottom: 3rem;;
}

h1,h2,h3
{
	color: var(--headers-color);
}

.cookiealert
{
	z-index: 999999 !important;
}

.app-logo
{
	max-height: 32px;
}


.body-main
{
	margin-top: 8rem;
	margin-inline: 4rem;
}

.bold
{
	font-weight: bold;
}

.navbar
{
	height: 40px;
}

.q-navbar
{
	background-color: var(--brand-color );
	color: var( --navbar-text-color );
}

.navbar-brand
{
	color: var( --navbar-text-color );
	padding-inline: 1rem;
}

/* Bootstrap */
.dropdown
{
	margin-inline: 0.5rem;
}

.nav-link
{
	color: var( --navbar-text-color );
}


.btn
{
	background-color: var( --brand-color );
}

a 
{
	color: var( --brand-color );	
}

.error_msg
{
	width: min(60ch, 90%);
	margin-inline: auto;
}