@charset "utf-8";
body, html  {
    background-color: #FFF;
 	color: #2E2E2E;
	font-size: 0.85em;
    height: 100%;
    font-family: 'Roboto', sans-serif;
}
.nav-bgactive{

background-color: #334191;
}
a.menu-bg:hover, a.menu-bg:active {

background-color: #334191;
}
.basecolor {
    background-color: #341d5b;
}

.m3-base,.m3-hover-base:hover{color:#000!important;background-color:#341d5b!important}

header {
    margin-top: 50px;
}
/* (HOVER) COLOR VAN MENU BUTTON */
.menu-button {
    color:#FFF!important;
background-color:#334191!important;
text-decoration: none;
}
.menu-button:hover{
    color:#FFF!important;
background-color: #6171c8!important;
text-decoration: none;
}
input.opslaan {
    background-color: #FFFFFF;
    color: #e93500;
    border: 3px solid #e93500;
    font-weight: bold;
}

h1,h2,h3,h4,h5 {
    color: #334191
}
.w3-button:hover {
    background-color: #334191;
}


/*kleuren*/

h1,h2,h3,h4,h5 {
    color: #334191
}
.bg_oranje {
   /* color: #931e48;     */
   background-color: #e93500;
}
.bg_rood {
   /* color: #931e48;     */
   background-color: #992548;
}
.bg_grey {
    background-color:#363845;
}
.fc_grey {
    color:#363845;
}
.fc_rood {
    color: #992548;
}
.fc_blauw {
    color:#334191;
}

.fc_oranje {
    color: #e93500;
}
label {
    padding-left:6px;
}
input {
    margin-left: 6px;
}
select {
     margin-left: 6px;
}

label.adresform {

    width: 25%;
    background-color: transparent;
    padding: 8px;
    vertical-align: middle;
    border: 1px solid transparent;
    text-align: right;
}
input.adresform, select.adresform{
    padding: 5px;
    width: 75%;
}
input.opslaan {
    background-color: #FFFFFF;
    color: #e93500;
    border: 3px solid #e93500;
    font-weight: bold;
}
 /* tabs */
button.admin-tab {
background-color: #334191;
border: 3px solid white;
margin-right: 4px;
margin-bottom: 4px;
color: #FFF;
}
button.admin-tab:hover {
    color:#FFF!important;
background-color: #6171c8!important;
text-decoration: none;
}
/*thead sticky on top of table*/
.stickythead {
  padding: 3px;
  position: sticky;
  top: 0;

  width: 25vw;
  background: #D8DCF1;
}

.w3-hoverable tbody tr:hover{background-color:#f3f4fb;}

table.maatfactuur td {
    padding: 4px 2px;
}
table.maatfactuur td:nth-child(2){
    width: 600px;
}

div.clear {
  clear: left;
}