@font-face { font-family:'Raleway'; src:url('./fonts/Raleway/Raleway-VariableFont_wght.ttf'); }
@font-face { font-family:'Raleway'; font-style:italic; src:url('./fonts/Raleway/Raleway-Italic-VariableFont_wght.ttf'); }
a.home_logo>img
{
      width: 5rem;
}


@media (min-width: 45rem)
{
header.wide-header-home
{
   background-image:url('/panel5/j.a.m.b.o/public-files/respondenten.jpg');
   min-height:12em;
}
header.wide-header-home .bar_container>ul.bar>li>a.active
{
    color:white;
}
a.home_logo>img
{
      width: 10rem;
}
body.wide a.home_logo
{
   position: absolute;
   left: 4rem;
   top: 0.5rem;
}

}

button, input[type=submit], input[type=button], button.portal-button, .portal-module-toolbar select 
{
    font-size: 105%;
    font-weight:400;
    background: #0096b7;
    border-radius: 3em;
    border: none;
    color: #fff;
    padding: 0.5em 1.5em;
}

input[type=text], input[type=password], input[type=number], input[type=email], textarea
{
	font-size: 105%;
	padding: 0.2em;
}

body.wide nav.tabs_container
{
   border-bottom: 1px solid #3f3f3f;
}

.carousel-controls { position: absolute; }
body.wide header>a+nav
{
   min-height: 7rem;
}


header { min-height: 9rem }

header nav
{
   background: transparent
}

/*
body.wide.scrolled a.home_logo>img
{
   width: 7rem;
}

body.wide.scrolled header
{
   min-height: 7rem !important;
   max-height: 7rem !important;
   border-bottom-style: solid !important;
   border-bottom-color: #aaa !important;
}


body.wide header
{
   padding: 0 !important;
   border-bottom-style: none !important;
}


input, textarea
{
	background-color: var(--input-background-color);
	border-color: var(--input-border-color);
}

select
{
	background-color: var(--select-background-color);
	border-color: var(--select-border-color);
}

button, input[type=button], input[type=submit]
{
	background-color: var(--button-background-color);
	border-color: var(--button-border-color);
}

@media (max-width: 45rem)
{

input, textarea
{
	background-color: var(--narrow-input-background-color);
	border-color: var(--narrow-input-border-color);
}

select
{
	background-color: var(--narrow-select-background-color);
	border-color: var(--narrow-select-border-color);
}

button, input[type=button], input[type=submit]
{
	background-color: var(--narrow-button-background-color);
	border-color: var(--narrow-button-border-color);
}

}

#wide_primary_menu li 
{
   border-radius: 2em; overflow: hidden; margin-left: 1rem
}

#wide_switch_menu a
{
   text-shadow: 1px 1px #3f3f3f
}
body.scrolled #wide_switch_menu a
{
   text-shadow: 1px 1px #fff
}

body.scrolled header nav
{
   background: #ffffff
}

*/


.reporting-table-grid > * 
{
    border: 1px solid lightgray; !important
}