html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  background-image: url("/images/bg-landing.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #007EC7;
  font-family: 'Roboto Condensed';
  min-height: 100vh;
  height: 100%;
}

textbox.ro {
  background-color: #BCC7CD;
  color: #033D5E;
}

.navbar-vebecad {
  background-color: #033D5E;
  font-weight: 200;
  color: #BCC7CD;
}

.navbar-brand {
  color: #BCC7CD !important;
  font-size: 35px;
  font-weight: 600 !important;
  padding: 0px;
}

.nav-link {
  color: #BCC7CD !important;
  font-size: 15px !important;
  font-weight: 100 !important;
}

  .nav-link:hover {
    color: #007EC7 !important;
  }

.btn {
  min-width: 100px !important;
}

.btn-primary {
  background-color: #033D5E !important;
  border-color: #033D5E !important;
}

.btn-vebecad {
  min-width:125px;
  border-radius: 50px;
}

.panel-vebecad {
  background-color: #BCC7CD;
}

.panel-vebecad-document {
  background-color: #BCC7CD;
  margin-top: 15px;
}

.panel-vebecad-editor {
  background-color: #BCC7CD;
  height: 100%;
  padding: 10px;
}

.panel-vebecad-wit {
  background-color: white;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
}

.inhoud-item-vebecad {
  color: #033D5E;
}

.fib {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}

  .fi:before {
    content: '\00a0';
  }

  .fi.fis {
    width: 1em;
  }

.fi-de {
  background-image: url(../images/vlaggen/de.svg);
}
.fi-nl {
  background-image: url(../images/vlaggen/nl.svg);
}
.fi-fr {
  background-image: url(../images/vlaggen/fr.svg);
}
.fi-en {
  background-image: url(../images/vlaggen/gb.svg);
}
.fi-sv {
  background-image: url(../images/vlaggen/sv.svg);
}
.vebecad-togglet.navbar-toggler-icon {
  color:white;
  border:2px solid white;
}

.met-bestanden {
  color: #033D5E;
}
.zonder-bestanden {
  color: #BCC7CD;
}
.niet-zonder-bestanden {
  color: lightgreen;
}

.lf-met-bestanden {
  color: #CAAF02;
}

.lf-zonder-bestanden {
  color: #FEF4AE;
}

.verplicht-leeg {
  background-color:orange;
}

.icoon {
  color: #033D5E !important;
}

.fixed-table td:first-child {
  max-width: 1%;
  width: 1%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}