body, html {
  padding: 0;
  margin: 0; }

table, td {
  margin: 0;
  padding: 0; }

/* KLEUREN */
/*bla*/
/* groen */
/* blauw */
/*lichtblaur */
/* 26 juli 2018 */
/* FONT GROOTTES */
/* AFMETINGEN */
/* MARGES */
/*$marginx_rij_midden_content: 10px;*/
/* RESPONSIVE GRENZEN */
/*760px;*/
/*760px;*/
/* TWEAKS */
/* ALGEMEEN */
body {
  background: #fff; }

body {
  overscroll-behavior: none; }

div.rij {
  width: 100%;
  float: left; }

div.hoofdrij {
  margin: 10px 0; }

.hoofdrij_lessmarginbottom {
  margin: 10px 0 0 0; }

div.rij_midden {
  /*width:$container_width;	*/
  width: 100%;
  max-width: 1550px;
  margin: 0 auto;
  padding: 0; }

/* CONTENT */
div.content {
  float: left; }

/* HOOFDSTUK EN RIJ */
.hoofdstuk {
  float: left;
  /* width 100% minus padding!! */
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 5px;
  background: #e1e1e1; }

.datarij {
  display: block;
  float: left;
  /* width 100% minus padding!! */
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  background: #444;
  color: #fff;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-decoration: none; }
  .datarij.clr_green {
    background: #cbffd2; }
    .datarij.clr_green, .datarij.clr_green * {
      color: #444444 !important; }
  .datarij.clr_red {
    background: #ffc7c7; }
    .datarij.clr_red, .datarij.clr_red * {
      color: #444444 !important; }
  .datarij.clickabledatarij {
    cursor: pointer; }

.datarij_grey {
  opacity: 0.6;
  margin-left: 4%;
  width: 96%; }

.datarij_kopje {
  background: none;
  margin-bottom: 0;
  padding-bottom: 0; }

.datarij_kopje th, .datarij_kopje td {
  color: #444 !important; }

.tableintable .datarij, .tableintable .datarij table td, .tableintable .datarij table th {
  margin-top: 0 !important;
  padding: 0 !important; }

.tableintable table td, .tableintable table th {
  color: #fff !important;
  font-size: 10px !important; }

.tableintable table td {
  font-weight: normal !important;
  border-bottom: solid 1px #888; }

.tableintable table th {
  border-bottom: solid 1px #fff; }

.Minor {
  background-color: orange; }

.Minor * {
  color: #222 !important; }

.Major {
  background-color: red; }

.Observation {
  background: #0091c1; }

.datarij table th, .datarij table td {
  color: #fff;
  font-weight: bold; }

.materiaalMetMutaties .clickformutaties {
  cursor: pointer; }
.materiaalMetMutaties .materiaalmutatierij {
  background: #888;
  display: none; }
.materiaalMetMutaties.uitgeklapt .materiaalmutatierij {
  display: block; }

.medewerkerMetTrainingen .clickfortrainingen {
  cursor: pointer; }
.medewerkerMetTrainingen .trainingregistratierij {
  background: #888;
  display: none; }
.medewerkerMetTrainingen.uitgeklapt .trainingregistratierij {
  display: block; }

.clearfix:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

table td {
  /*border: solid 1px red !important;*/ }

.mt-20 {
  margin-top: 20px; }

.spacer {
  display: block;
  float: left;
  width: 100%;
  height: 20px; }

.hidden {
  visibility: hidden !important; }

html, body {
  font-family: "Century Gothic", Arial; }

html, body, p, td {
  font-size: 14px; }

h1 {
  font-family: Arial;
  color: #444444;
  font-size: 19.6px;
  margin: 5px 0 7px 0; }

h2 {
  font-size: 16.8px;
  color: #444444;
  margin: 5px 0 0px 0; }

h3 {
  font-size: 15.4px;
  color: #444444; }

h1, h2, h3 {
  font-weight: bold; }

p, a, li, td, label {
  color: #444444; }

a {
  color: #0091c1; }

p {
  margin: 0 0 10px 0; }

hr {
  border-style: none;
  height: 1px;
  background: #dddddd;
  margin: 0;
  padding: 0; }

/* UPPER */
#logo {
  float: left;
  margin-right: 10px; }

#werlkomandslogan {
  float: left;
  max-width: 65%; }

#welkom {
  float: left;
  margin-top: 20px;
  color: #888;
  font-size: 19px;
  font-family: "Century Gothic", Arial; }

#slogan {
  float: left;
  color: #009100;
  font-weight: bold;
  font-size: 18px; }

/* END UPPER */
/* INLOG */
.languagebutton {
  display: block;
  float: left;
  width: 50px;
  height: 28px;
  margin-right: 5px;
  cursor: pointer;
  border: solid 3px #fff;
  border-radius: 5px; }

.languagebutton_selected {
  border-color: #444; }

/* END INLOG */
/* knoppen mijn gegevens, uitloggen, verversen rechtsboven tot bepaalde grootte */
@media (min-width: 720px) {
  #algknoppen {
    /*float:left !important;*/
    position: absolute;
    top: 10px;
    right: 10px !important;
    border-style: none !important;
    width: auto; }

  .wegalsalgknoppenrechtsboven {
    display: none; } }
/* END knoppen mijn gegevens, uitloggen, verversen rechtsboven tot bepaalde grootte */
.ftp_filelist {
  padding: 0 10px;
  border-radius: 5px;
  background: #0091c1; }
  .ftp_filelist * {
    color: #fff;
    text-decoration: none; }
  .ftp_filelist li {
    list-style: none;
    padding: 10px 0;
    border-bottom: solid 1px #bbb; }
    .ftp_filelist li:last-child {
      border-bottom: none; }

.tabcontent table td {
  padding: 10px !important; }

.uploadpreview {
  vertical-align: top;
  /*max-width:150px;
  max-height:150px;*/
  max-width: 350px;
  max-height: 350px;
  display: none; }

.uploadpreview:hover {
  max-width: 600px;
  max-height: 600px; }

.btn {
  display: block;
  float: left;
  border-radius: 5px;
  background: #009100;
  color: #fff;
  margin-right: 10px;
  cursor: pointer; }

.btn:last-child {
  margin-right: 0px; }

/*.btn_flat
{
	padding-top:8px !important;
	padding-bottom:8px !important;	
}*/
.btn span {
  display: inline-block;
  margin-top: 12px;
  margin-bottom: 12px; }

.btn_flat span {
  margin-top: 6px;
  margin-bottom: 6px; }

.alignright {
  float: right; }

.btn_heigh {
  margin-top: 10px;
  margin-bottom: 10px; }

.btn_large span {
  margin-left: 20px;
  margin-right: 20px;
  /*padding: 12px 20px;*/ }

.btn_small span {
  margin-left: 10px;
  margin-right: 10px;
  /*padding: 12px 10px;*/ }

.btn_altcolor {
  background: #accfda; }

.btn_disabled {
  background: #dddddd;
  color: #888888;
  cursor: help; }

.btn_altcolor_active {
  background: #0091c1; }

.btn_altcolor {
  background: #accfda; }

/* KNOPJES IN BALK */
div.mutatebuttons {
  display: block;
  float: right; }

a.mutatebutton {
  width: 20px;
  height: 18px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  background-position: top left;
  background-repeat: no-repeat;
  cursor: pointer; }

a.mutatebutton_edit {
  background-image: url("/gfx/mutateicon_edit.png"); }

a.mutatebutton_cancel {
  background-image: url("/gfx/mutatebutton_cancel.png"); }

a.mutatebutton_save {
  background-image: url("/gfx/mutatebutton_save.png"); }

a.mutatebutton_add {
  background-image: url("/gfx/mutatebutton_add.png"); }

a.mutatebutton_delete {
  background-image: url("/gfx/mutateicon_delete.png"); }

a.mutatebutton_togglearchiveer, a.mutatebutton_togglearchiveerSupplier, a.mutatebutton_togglearchiveerHistory, a.mutatebutton_togglearchiveerActor, a.mutatebutton_togglearchiveerTrainingGevolgd {
  width: 30px;
  height: 30px; }

.btn.btn_keurmerk {
  width: 56px; }
  .btn.btn_keurmerk span {
    width: 35px;
    text-align: center !important; }

/* HOOFDSTUK EN RIJ */
.hoofdstuk {
  float: left;
  /* width 100% minus padding!! */
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 5px;
  background: #e1e1e1; }

.hoofdstuk.disabled {
  background: #999999;
  cursor: help; }

.hoofdstuk h1.hoofdstuktitel {
  font-size: 20px;
  font-weight: bold;
  padding-left: 43px;
  background: url("../gfx/icon_bg.png") top left no-repeat;
  margin: 0; }

.hoofdstuk h1.hoofdstuktitel span {
  display: inline-block;
  vertical-align: middle;
  width: 43px;
  height: 43px;
  margin-left: -43px;
  margin-right: 10px; }

.hoofdstuk h1.hoofdstuktitel span.Certificaat {
  background: url("../gfx/icon_certificaat.png") center center no-repeat; }

.hoofdstuk h1.hoofdstuktitel span.Acties {
  background: url("../gfx/icon_acties.png") center center no-repeat; }

.hoofdstuk h1.hoofdstuktitel span.InterneAudits {
  background: url("../gfx/icon_certificaat.png") center center no-repeat; }

.hoofdstuk h1.hoofdstuktitel span.Proces {
  background: url("../gfx/icon_proces.png") center center no-repeat; }

.hoofdstuk h1.hoofdstuktitel span.Training {
  background: url("../gfx/icon_training.png") center center no-repeat; }

.hoofdstuk h1.hoofdstuktitel span.Handelsmerk {
  background: url("../gfx/icon_handelsmerk.png") center center no-repeat; }

.hoofdstuk h1.hoofdstuktitel span.Documenten {
  background: url("../gfx/icon_documenten.png") center center no-repeat; }

.hoofdstuk h1.hoofdstuktitel span.StelselVanZorgvuldigheid {
  background: url("../gfx/icon_stelselvanzorgvuldigheid.png") center center no-repeat; }

.hoofdstuk h1.hoofdstuktitel span.Uitbestedingen {
  background: url("../gfx/icon_uitbestedingen.png") center center no-repeat; }

.hoofdstuk h1.hoofdstuktitel span.Onderaannemingen {
  background: url("../gfx/icon_onderaannemingen.png") center center no-repeat; }

.hoofdstuk h1.hoofdstuktitel span.Klachten {
  background: url("../gfx/icon_klachten.png") center center no-repeat; }

.hoofdstuk h1.hoofdstuktitel span.AfwijkendeProducten {
  background: url("../gfx/icon_afwijkendeproducten.png") center center no-repeat; }

.hoofdstuk h1.hoofdstuktitel span.OrderAdministratie {
  background: url("../gfx/icon_orderadministratie.png") center center no-repeat; }

.hoofdstuk h1.hoofdstuktitel span.ProjectAdministratie {
  background: url("../gfx/icon_projectadministratie.png") center center no-repeat; }

.hoofdstuk h1.hoofdstuktitel span.LeveranciersControle {
  background: url("../gfx/icon_leverancierscontrole.png") center center no-repeat; }

.hoofdstuk h2 {
  font-size: 14px;
  font-style: italic; }

.hoofdstuk hr {
  background: #888888 !important; }

.hoofdstuk_contents {
  display: none;
  /*display:block;												/* WEGHALEN, IS VOOR DEBUG DOELEINDEN */
  margin-top: 10px;
  border-top: solid 1px #888888; }

.hoofdstuk h1 div.plakrechts {
  float: right;
  /*	background:red;*/ }

.hoofdstuk h1 span.uitklapper {
  display: block;
  width: 35px;
  height: 43px;
  float: left;
  /*background-color:#fff;*/
  background-position: center right;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  cursor: pointer; }

.hoofdstuk h1 span.uitklapper_up {
  background-image: url("../gfx/uitklapper_up.png"); }

.hoofdstuk h1 span.uitklapper_down {
  background-image: url("../gfx/uitklapper_down.png"); }

.hoofdstuk h1 span.help {
  display: block;
  width: 35px;
  height: 43px;
  /*background-color:#000;*/
  background-image: url("../gfx/icon_help.png");
  float: left;
  background-position: center right;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  cursor: pointer; }

span.inlinehelpknop {
  display: inline-block;
  width: 35px;
  height: 43px;
  /*background-color:#000;*/
  background-image: url("../gfx/icon_help.png");
  background-position: center right;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
  float: right; }
  span.inlinehelpknop.showspopup {
    position: relative; }
    @media (max-width: 400px) {
      span.inlinehelpknop.showspopup {
        float: none;
        display: block; } }
    span.inlinehelpknop.showspopup .helppopup {
      position: absolute;
      top: 0;
      left: 0;
      display: none;
      border: solid 3px #444;
      border-radius: 3px;
      background: #fff;
      padding: 15px;
      overflow: hidden;
      min-width: 300px;
      z-index: 5;
      box-shadow: 5px 5px 23px 5px rgba(0, 0, 0, 0.56); }
      span.inlinehelpknop.showspopup .helppopup.isvisible {
        display: block; }

.tabs {
  float: left;
  width: 100%;
  padding-top: 10px;
  border-bottom: solid 1px #888888;
  margin-bottom: 10px; }

.tabs .tab {
  margin-bottom: 10px; }

.tabs .btn_disabled {
  background-color: #f8f8f8; }

.hoofdstuk_contents table {
  border-collapse: collapse;
  width: 100%; }

.hoofdstuk_contents table td, .hoofdstuk_contents table th {
  text-align: left;
  vertical-align: top;
  padding-left: 0;
  padding-right: 10px;
  font-size: 14px; }

.hoofdstuk_contents table.firstcolvet td:first-child {
  font-weight: bold; }

.hoofdstuk_contents table td:last-child {
  padding-right: 0; }

.hoofdstuk_contents table.rowseparator {
  margin-top: 10px; }
  .hoofdstuk_contents table.rowseparator tr.scoperecord .mainrecord {
    padding-left: 15px;
    margin-bottom: 15px;
    border-radius: 10px;
    box-shadow: 0px 5px 2px 0px rgba(0, 0, 0, 0.06);
    background: rgba(255, 255, 255, 0.5); }
  .hoofdstuk_contents table.rowseparator tr td {
    padding-top: 5px;
    padding-bottom: 5px; }
  .hoofdstuk_contents table.rowseparator tr:last-child td {
    border-bottom: none; }
.hoofdstuk_contents ul.lossevelden {
  padding: 10px 15px;
  margin: 0 0 20px 0;
  list-style: none;
  border-bottom: solid 1px #444;
  margin-left: -15px; }
  .hoofdstuk_contents ul.lossevelden li {
    padding: 3px 0; }
    .hoofdstuk_contents ul.lossevelden li:last-child {
      font-weight: bold; }
.hoofdstuk_contents .childtable > td {
  background: rgba(255, 255, 255, 0.5);
  padding: 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
.hoofdstuk_contents .childtable th {
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: solid 2px #888; }
.hoofdstuk_contents .actionbuttons {
  min-width: 70px; }
.hoofdstuk_contents .ddsinfo_uitklapper {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer; }
  .hoofdstuk_contents .ddsinfo_uitklapper:hover {
    font-weight: bold; }
  .hoofdstuk_contents .ddsinfo_uitklapper .uitklapicon {
    display: inline-block;
    width: 18px;
    height: 13px;
    background: url("../gfx/uitklapper_down.png") center left no-repeat; }
  .hoofdstuk_contents .ddsinfo_uitklapper.uitgeklapt .uitklapicon {
    background: url("../gfx/uitklapper_up.png") center left no-repeat; }

.hoofdstuk .tabcontents div.tabcontent {
  width: 100%;
  display: none;
  float: left; }

.mimetype_icon {
  vertical-align: middle;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  margin-top: -3px; }

.kennistesten_titlebar {
  background: #0091c1;
  padding: 20px 30px;
  border-radius: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center; }
  .kennistesten_titlebar.behaald {
    background: #009100; }
  .kennistesten_titlebar.nietbehaald {
    background: #dd2222; }
  .kennistesten_titlebar, .kennistesten_titlebar * {
    color: #fff; }
  .kennistesten_titlebar * {
    margin: 0; }
  @media (min-width: 720px) {
    .kennistesten_titlebar {
      flex-direction: row; } }
  .kennistesten_titlebar h2 {
    font-size: 18px; }
  @media (min-width: 1024px) {
    .kennistesten_titlebar h2 {
      font-size: 24px; } }
  .kennistesten_titlebar .downloaddiploma {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
    cursor: pointer; }
    .kennistesten_titlebar .downloaddiploma i {
      display: inline-block;
      width: 32px;
      height: 32px;
      margin-right: 7px;
      background: url("../gfx/icon_downloaddiploma.png") center center no-repeat;
      background-size: contain; }

.kennistesten {
  box-sizing: border-box;
  display: grid;
  gap: 20px;
  padding: 20px;
  grid-template-columns: repeat(1, 1fr); }
  @media (min-width: 720px) {
    .kennistesten {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1024px) {
    .kennistesten {
      grid-template-columns: repeat(3, 1fr); } }
  .kennistesten .kennistestHolder {
    background: #eee;
    padding: 10px;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*&:nth-child(even)
    {
    	margin-left:10px;
    	margin-right:10px;
    }*/ }
    .kennistesten .kennistestHolder h3 {
      height: 18px;
      overflow: hidden; }
    .kennistesten .kennistestHolder .videoholder {
      width: 90%; }
    .kennistesten .kennistestHolder a.btn {
      display: inline-block; }
    .kennistesten .kennistestHolder .onder {
      width: 100%;
      min-height: 61px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: auto;
      padding-top: 10px; }
      .kennistesten .kennistestHolder .onder .attempts {
        position: absolute;
        bottom: 0px;
        right: 0px;
        border-radius: 50px;
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        background: #dd2222;
        color: #fff; }
      .kennistesten .kennistestHolder .onder .geslaagd {
        font-weight: bold;
        color: #009100;
        font-size: 24px; }
      .kennistesten .kennistestHolder .onder .behaald {
        position: absolute;
        bottom: 0px;
        right: 0px;
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 35px;
        background: url("../gfx/icon_behaald.png") center center no-repeat;
        background-color: #009100;
        margin: 0;
        padding: 0;
        cursor: pointer; }

.videoholder {
  /*width:100%;*/
  /*width:auto;
  padding:10px;
  border-radius:10px;
  background:$color_Duracert_2;
  float:left;
  box-sizing: border-box;*/
  padding: 10px;
  border-radius: 10px;
  background: #0091c1; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.videoholder embed {
  width: 100% !important;
  height: auto !important; }

/* BALKEN KLEINER MOD */
/*.hoofdstuk h1.hoofdstuktitel
{
	zoom:0.7; /* ZO MOET HET ONGEVEER WORDEN MAAR ZOOM WERKT NIET OVERAL GOED. 
}*/
.hoofdstuk h1.hoofdstuktitel {
  background-image: url("../gfx/icon_bg_small.png"); }

.hoofdstuk h1.hoofdstuktitel span {
  width: 30px;
  height: 30px; }

.hoofdstuk h1 span.help {
  width: 30px;
  height: 30px; }

/* END BALKEN KLEINER MOD */
table.fieldsabovepopup {
  width: 90%; }
  table.fieldsabovepopup:first-child {
    margin-top: -17px; }
  table.fieldsabovepopup:not(:first-child) {
    margin-bottom: 20px; }
  table.fieldsabovepopup tr td:first-child {
    font-weight: bold; }
  table.fieldsabovepopup tr td a {
    color: #009100; }

.datarij ul.trainingenbehaaldofniet {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: -5px; }
  .datarij ul.trainingenbehaaldofniet li {
    padding: 5px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.2);
    margin: 5px; }
.datarij .updatewarning {
  padding: 5px 10px;
  border-radius: 30px;
  background: #f3df00;
  color: #000;
  display: inline-block;
  vertical-align: middle; }

.icon_sendmail {
  background-image: url("../gfx/icon_sendmail.png");
  width: 31px;
  height: 26px;
  display: inline-block;
  cursor: pointer; }

.portalform {
  float: left;
  width: 100%; }

/*
.portalform table
{
	width:100%;
	padding:0;
	margin:0;
	border-collapse: collapse;
}

.portalform table td
{
	padding-top:3px;
	padding-bottom:3px;
	vertical-align: top;
}
*/
.formveld {
  float: left;
  width: 100%;
  margin: 3px 0 3px 0; }

.formveld label.veldnaam {
  float: left;
  width: 19%; }

.formveld .veldhouder {
  float: right;
  width: 80%; }

.veld {
  float: left;
  padding: 3px;
  background: #fff;
  border: solid 1px #bbb;
  width: 100%; }

.keer {
  display: block;
  float: left;
  vertical-align: middle;
  margin: 3px 5px 0 5px; }

.veldhouder label {
  float: left;
  margin-right: 10px; }

.veldhouder label:last-child {
  margin-right: 0; }

input.veld[type="text"], input.veld[type="password"], select.veld:not([multiple]), input.veld[type="number"] {
  height: 31px; }

.multiselectlist {
  height: 150px; }

input.veld[type="checkbox"], input.veld[type="radio"] {
  float: left;
  text-align: left;
  width: auto;
  margin-left: 0; }

input.error {
  background: #ffbbbb; }

h1.error {
  color: #dd2222; }

label.error, p.error, label.warning {
  display: inline-block;
  border-radius: 12px;
  padding: 5px 15px;
  background: #dd2222;
  color: #fff;
  margin-top: 5px  !important; }

label.warning {
  background: #888888; }

p.error {
  display: block; }

@media (min-width: 400px) {
  .mijngegevensform .formveld .veldhouder {
    width: 50% !important; } }
@media (max-width: 400px) {
  .formveld .veldnaam, .formveld input, .formveld label {
    font-size: 12px; } }
@media (min-width: 850px) {
  .mijngegevensform {
    float: left;
    width: 48%; }

  .mijngegevensform:nth-child(2) {
    float: right; } }
/*hier de vragenlijst styles*/
/* QUESTIONNAIRE STYLES */
.hiddenQuestionnaire {
  display: none; }

.pager {
  padding: 0 10px 0 10px; }

.currentpager, .disabledpager {
  cursor: default; }

.currentpager {
  /*	text-decoration:underline;*/
  color: #000;
  color: #ddd;
  text-shadow: none; }

.disabledpager {
  opacity: 0.6; }

.categories_pager {
  margin-top: 10px;
  float: right; }

.questionblock, .questionparamblock {
  background: #eee;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
  box-sizing: border-box; }

.questionparamblock {
  background: lightblue; }

.questionblock.required, .questionparamblock.required {
  background-image: url(/gfx/icon_required.png);
  background-position: top right;
  background-repeat: no-repeat; }

.questionresultbox {
  border-radius: 10px;
  padding: 10px;
  float: left;
  width: 100%;
  box-sizing: border-box;
  background: #0091c1;
  margin-top: 10px;
  margin-bottom: 10px; }

.questionresult {
  padding: 10px;
  padding-top: 0;
  box-sizing: border-box;
  width: 100%;
  float: left;
  background: #0091c1; }

.questionresult_neutral, .questionresult_neutral * {
  color: #fff; }

.questionresult_neutral p {
  margin: 0 !important; }

.questionresult_goed {
  background: #cbffd2; }

.questionresult_fout {
  color: #000;
  background: #ffc7c7; }

.score {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 10px;
  border: solid 3px #444444;
  padding: 10px; }
  .score.nietbehaald {
    background: #ffc7c7;
    color: #dd2222; }
  .score.behaald {
    background: #cbffd2;
    color: #009100; }
  @media (min-width: 720px) {
    .score {
      flex-direction: row; } }
  .score .percentage {
    font-size: 40px;
    font-weight: bold;
    margin-right: 12px; }
  .score p {
    margin: 0; }

/*@import "fonts";*/
.white-popup {
  position: relative;
  background: #FFF;
  padding: 35px 20px 20px 20px;
  width: auto;
  max-width: 800px;
  margin: 20px auto; }

/* override standaard 44px closebutton */
.mfp-close {
  width: 35px;
  height: 35px;
  line-height: 35px; }

.signatureform {
  float: left; }

.signaturecanvas_holder {
  width: 100%;
  height: 100%;
  background: rgba(11, 11, 11, 0.8);
  position: fixed;
  z-index: 65535;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .signaturecanvas_holder.initiallyhidden {
    display: none; }
  .signaturecanvas_holder .signaturecanvas_holder_inner {
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
    max-width: 90%; }
    .signaturecanvas_holder .signaturecanvas_holder_inner canvas {
      width: 350px;
      height: 200px;
      border-bottom: solid 1px #eee; }
      @media (min-width: 720px) {
        .signaturecanvas_holder .signaturecanvas_holder_inner canvas {
          width: 600px;
          height: 350px; } }
    .signaturecanvas_holder .signaturecanvas_holder_inner .canvastools {
      padding: 10px;
      display: flex;
      justify-content: flex-end; }

.signature_preview {
  margin-top: 15px;
  max-width: 300px; }
  .signature_preview.initiallyhidden {
    display: none; }

body.noscrolling {
  overflow: hidden; }

.questionnaires_popup {
  width: 100%;
  height: 100%;
  background: rgba(11, 11, 11, 0.8);
  background: linear-gradient(180deg, rgba(11, 11, 11, 0.7) 0%, rgba(11, 11, 11, 0.9) 50%);
  position: fixed;
  z-index: 65535;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  top: 185px;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  @media (max-width: 1550px) {
    .questionnaires_popup {
      top: 195px; } }
  @media (max-width: 720px) {
    .questionnaires_popup {
      top: 225px; } }
  @media (max-width: 400px) {
    .questionnaires_popup {
      top: 390px; } }
  .questionnaires_popup.closed {
    transition: all 0.5s;
    height: 0px;
    top: 1000px !important;
    opacity: 0;
    overflow: hidden; }
  .questionnaires_popup .questionnaires_popup_inner {
    margin-top: -185px;
    max-width: 800px;
    background: #fff;
    overflow: hidden;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-width: 600px; }
    @media (max-width: 1550px) {
      .questionnaires_popup .questionnaires_popup_inner {
        margin-top: -195px;
        max-width: 60%; } }
    @media (max-width: 1250px) {
      .questionnaires_popup .questionnaires_popup_inner {
        max-width: 70%; } }
    @media (max-width: 720px) {
      .questionnaires_popup .questionnaires_popup_inner {
        margin-top: -225px;
        max-width: 80%; } }
    @media (max-width: 400px) {
      .questionnaires_popup .questionnaires_popup_inner {
        margin-top: -390px; } }
    @media (max-width: 720px) {
      .questionnaires_popup .questionnaires_popup_inner {
        min-width: 300px; } }
    @media (max-width: 400px) {
      .questionnaires_popup .questionnaires_popup_inner {
        min-width: 0; } }
    .questionnaires_popup .questionnaires_popup_inner ul {
      margin: 10px 0;
      padding: 0;
      list-style: none;
      display: flex;
      flex-direction: column;
      align-items: stretch; }
      .questionnaires_popup .questionnaires_popup_inner ul li {
        border-radius: 5px;
        overflow: hidden;
        background: #ff7300;
        margin: 5px 0;
        cursor: not-allowed;
        display: flex;
        flex-direction: column;
        align-items: stretch; }
        .questionnaires_popup .questionnaires_popup_inner ul li:not(.nonclickable) {
          cursor: pointer; }
        .questionnaires_popup .questionnaires_popup_inner ul li a {
          padding: 10px;
          text-decoration: none;
          color: #fff; }
        .questionnaires_popup .questionnaires_popup_inner ul li.status_red {
          background-color: #e00808; }
    .questionnaires_popup .questionnaires_popup_inner .btns {
      display: flex;
      justify-content: center;
      align-items: center; }
      .questionnaires_popup .questionnaires_popup_inner .btns a {
        cursor: pointer;
        width: 35px;
        height: 35px;
        border-radius: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: red;
        color: #fff;
        font-weight: bold;
        font-size: 20px;
        line-height: 35px; }

#waitpopup4refreshportal {
  width: 100%;
  height: 100%;
  background: rgba(11, 11, 11, 0.8);
  background: linear-gradient(180deg, rgba(11, 11, 11, 0.7) 0%, rgba(11, 11, 11, 0.9) 50%);
  position: fixed;
  z-index: 65535;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  #waitpopup4refreshportal.closed {
    height: 0px;
    top: 1000px !important;
    opacity: 0;
    display: none; }
  #waitpopup4refreshportal .inner {
    background: #fff;
    overflow: hidden;
    padding: 35px 15px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 600px; }
    #waitpopup4refreshportal .inner img {
      width: 70px;
      height: 70px;
      margin-right: 10px; }
    #waitpopup4refreshportal .inner .txt {
      text-align: center;
      font-size: 20px; }
    @media (max-width: 720px) {
      #waitpopup4refreshportal .inner {
        min-width: 300px; } }
    @media (max-width: 400px) {
      #waitpopup4refreshportal .inner {
        min-width: 0; } }

.metertjes {
  display: flex;
  flex-wrap: wrap;
  margin: -16px;
  margin-bottom: 12px; }
  .metertjes .metertje {
    box-sizing: border-box;
    padding: 16px;
    width: 100%; }
    @media only screen and (min-width: 720px) {
      .metertjes .metertje {
        width: 50%; } }
    @media only screen and (min-width: 1325px) {
      .metertjes .metertje {
        width: 33.33%; } }
    .metertjes .metertje .metertje_inner {
      padding: 24px;
      /*background:#0091c1;
      &, * {
          color:#fff;
      }*/
      background: #f0f0f0;
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .metertjes .metertje .metertje_inner .title {
        margin-bottom: 8px;
        font-size: 20px;
        font-weight: normal;
        margin-top: 0;
        margin-bottom: 16px;
        text-align: center; }
      .metertjes .metertje .metertje_inner canvas {
        margin-bottom: 20px; }
      .metertjes .metertje .metertje_inner .text {
        margin-top: 16px; }

.subpart {
  width: 100%;
  float: left; }
  .subpart:first-child {
    margin-top: 25px; }
  .subpart h2 {
    border-bottom: solid 2px #444444; }
    .subpart h2 span {
      background: #bbb;
      border: solid 2px #444444;
      border-bottom: none;
      padding: 5px 10px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      display: inline-block; }

/* DESCRIPTION */
@media (max-width: 1550px) {
  body {
    padding: 10px; }

  .kennistestHolder {
    width: 100%; } }
@media (max-width: 1250px) {
  .hoofdstuk_contents table td, .hoofdstuk_contents table td p, .hoofdstuk_contents table th {
    font-size: 11px;
    font-size: 12px; }

  .hoofdstuk_contents .datarij table td, .hoofdstuk_contents .datarij table {
    font-weight: normal; }

  .hoofdstuk_contents .datarij_kopje table td {
    font-weight: bold; } }
@media (max-width: 850px) {
  .hoofdstuk h1 {
    font-size: 15px; } }
@media (max-width: 720px) {
  #slogan {
    display: none; } }
@media (max-width: 400px) {
  .hoofdstuktitel {
    font-size: 16px !important; }

  #logo {
    max-width: 30%; }

  #welkom {
    font-size: 15px; }

  .btn {
    margin-bottom: 10px; }

  #algknoppen .btn:last-child {
    margin-bottom: 0; }

  /*
  #keurmerkknoppen .btn:nth-last-of-type(-n+2) // twee laatste geen ondermarge
  {
  	margin-bottom:0;
  }
  */
  #keurmerkknoppen .btn:last-child {
    margin-bottom: 0; }

  .btn_flat, .tabs .tab {
    width: 100% !important;
    text-align: center; }

  /* KEURMERKKNOPPEN GROTER MOD */
  .btn_keurmerk {
    text-align: center; }

  /* END KEURMERKKNOPPEN GROTER MOD */
  #keurmerkknoppen .btn_small {
    width: 48% !important; }

  #keurmerkknoppen .btn_small:nth-child(even) {
    margin-right: 0; }

  .formveld label.veldnaam {
    width: 100%; }

  .formveld .veldhouder {
    width: 100%; }

  .tabcontent p {
    font-size: 10px; }

  .hoofdstuk_contents table td, .hoofdstuk_contents table th {
    font-size: 9px;
    font-size: 10px; }

  .hoofdstuk_contents table td, .hoofdstuk_contents table th {
    padding-right: 4px; } }
.initialhidden {
  display: none; }

.clicksortableColumnHeader {
  cursor: pointer; }
  .clicksortableColumnHeader.actievesortkolom {
    background-image: url("../gfx/uitklapper_up.png");
    background-repeat: no-repeat;
    background-position: 0% 28%; }
    .clicksortableColumnHeader.actievesortkolom.desc {
      background-image: url("../gfx/uitklapper_down.png"); }

.hoofdstuk_contents table td.clicksortableColumnHeader.actievesortkolom {
  padding-left: 17px !important; }

.sortable_asc {
  /*padding-left:18px !important;
  background: url("../gfx/uitklapper_up.png") center left no-repeat;*/ }
  .sortable_asc::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 13px;
    background: url("../gfx/uitklapper_up.png") center left no-repeat; }

.sortable_desc {
  /*padding-left:18px !important;
  background: url("../gfx/uitklapper_down.png") center left no-repeat;*/ }
  .sortable_desc::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 13px;
    background: url("../gfx/uitklapper_down.png") center left no-repeat; }

/*# sourceMappingURL=styles.css.map */