body {
  box-sizing: border-box;
  background-color: #fdfdfd;
  color: #242424;
}
body * {
  box-sizing: border-box;
}
.navbar-default {
  background-color: #fdfdfd;
  padding-top: 20px;
}
.navbar-default .navbar-nav {
  padding-left: 15px;
  float: left;
}
.navbar-default .navbar-nav.has-icons li a {
  font-size: large;
  padding-left: 0;
}
.navbar-default .navbar-nav.navbar-right {
  float: right;
  padding-left: 15px;
}
.navbar-default .navbar-nav .active a {
  background: transparent;
  color: #961f95;
}
.navbar-default .navbar-nav .active a:hover {
  background: transparent;
}
.navbar-default .navbar-brand {
  height: 50px;
  width: 256px;
  padding-left: 15px;
  margin-right: 30px;
}
.navbar-default .navbar-brand img {
  height: 100%;
  display: inline-block;
  padding: 0;
  vertical-align: middle;
  max-width: 100%;
}
.navbar-default li.login {
  font-size: large;
}
.navbar-default li.login i {
  padding: 0 0 0 10px;
  display: inline-block;
  width: 28px;
  position: initial;
}
.navbar-default li.blokje-user {
  width: 140px;
}
.navbar-default li.blokje-user .blokje-uitloggen {
  display: block;
  height: 40px;
  margin: 0;
  padding: 0;
  width: 140px;
}
.navbar-default li.blokje-user .blokje-uitloggen .uitloggen-right {
  display: block;
  float: right;
  margin: 0;
  padding: 0;
  width: 40px;
}
.navbar-default li.blokje-user .blokje-uitloggen .uitloggen-right .fa {
  font-size: 40px;
}
.navbar-default li.blokje-user .blokje-uitloggen .uitloggen-right a:hover {
  text-decoration: none;
}
.navbar-default li.blokje-user .blokje-uitloggen .uitloggen-left {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 90px;
}
.navbar-default li.blokje-user .blokje-uitloggen .uitloggen-left .link-logout {
  color: #555555;
  height: 15px;
  line-height: 15px;
  text-align: left;
  width: 90px;
}
.navbar-default li.blokje-user .blokje-uitloggen .uitloggen-left .link-user {
  color: #555555;
  font-weight: bold;
  height: 15px;
  line-height: 15px;
  text-align: left;
  width: 90px;
}
ul.has-icons > li > a > i.fa {
  padding: 0 10px 0 0;
  display: inline-block;
  width: 28px;
  position: initial;
}
.header-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 220px;
  width: 100%;
  overflow: hidden;
}
.header-image img.img-responsive {
  display: block;
  max-width: unset;
  min-width: 100%;
  min-height: 100%;
  height: auto;
  width: auto;
}
.panel {
  border-color: transparent;
  position: relative;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dashboard-filter {
  background-color: #fdfdfd;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.dashboard-filter button.btn-primary {
  background-color: #961f95;
  transition: none;
}
.dashboard-filter button.btn-primary:hover {
  border-color: transparent;
}
.dashboard-filter button.btn-primary:not(:hover) {
  border-width: 0 0 2px;
  border-color: #571256;
}
.dashboard-filter ul.list-group li.list-group-item:not(.active) {
  background-color: transparent;
  border-width: 0 0 1px;
  border-color: #e4e4e4;
  border-style: solid;
  line-height: 40px;
  padding-left: 15px;
}
.dashboard-filter ul.list-group li.list-group-item:not(.active) input[type=checkbox] {
  position: relative;
  display: inline-block;
  margin-right: 8px;
}
.dashboard-filter ul.list-group li.list-group-item.active {
  border-radius: 6px !important;
  background-color: #961f95;
}
.dashboard-filter button.dashboard-filter-search.filtered {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.dashboard-filter button.dashboard-filter-clear {
  color: #fdfdfd;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dashboard-filter button.dashboard-filter-clear i {
  color: inherit;
}
.blokgrid-grid {
  padding: 0;
}
.blokgrid-grid .blokgrid-blok .inner {
  background-color: transparent;
  left: 0;
  overflow: hidden;
  position: relative;
  right: 0;
  top: 0;
  border-radius: 8px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #d7d7d7;
}
.blokgrid-grid .blokgrid-blok .inner:hover {
  box-shadow: rgba(0, 0, 0, 0.35) 2px 2px 10px;
  transition: ease-in-out 0.2s;
}
.blokgrid-grid .blokgrid-blok .inner .static {
  background-color: transparent;
  border: none;
  bottom: 0;
  color: #242424;
  left: 0;
  right: 0;
  top: 0;
}
.blokgrid-grid .blokgrid-blok .inner .front {
  background-color: transparent;
  bottom: 0;
  color: black;
  left: 0;
  right: 0;
  top: 0;
}
.blokgrid-grid .blokgrid-blok .inner .back {
  background-color: transparent;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.blokgrid-grid .blokgrid-blok .inner .panel-heading {
  background-color: #961f95;
  color: #fdfdfd;
}
.blokgrid-grid .blokgrid-blok .inner .panel-heading .subtitel {
  color: inherit;
}
.blokgrid-grid .blokgrid-blok .inner .panel-heading h2 {
  margin: 0;
  color: inherit;
  font-size: 20px;
}
.dashboard h4,
.profiel h4 {
  font-weight: 700;
}
.dashboard h2,
.profiel h2 {
  font-size: 18px;
  font-weight: 600;
}
.dashboard .dashboard-menu .user-info .details-left .profiel-link,
.profiel .dashboard-menu .user-info .details-left .profiel-link {
  border-radius: 100% 100%;
  box-sizing: border-box;
  display: inline-block;
  height: 70px;
  line-height: 70px;
  margin: 10px;
  overflow: hidden;
  position: relative;
  width: 70px;
}
.dashboard .dashboard-menu .user-info .details-left .profiel-link .hover,
.profiel .dashboard-menu .user-info .details-left .profiel-link .hover {
  display: none;
}
.dashboard .dashboard-menu .user-info .details-left .profiel-link:hover .hover,
.profiel .dashboard-menu .user-info .details-left .profiel-link:hover .hover {
  background-color: rgba(255, 255, 255, 0.75);
  color: #242424;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.dashboard .container.dashboard > .row,
.profiel .container.dashboard > .row,
.dashboard form[action="/profiel"] > .row,
.profiel form[action="/profiel"] > .row {
  display: flex;
  flex-direction: row;
  padding-top: 0;
  padding-bottom: 0;
}
.dashboard .container.dashboard > .row > .dashboard-kolom,
.profiel .container.dashboard > .row > .dashboard-kolom,
.dashboard form[action="/profiel"] > .row > .dashboard-kolom,
.profiel form[action="/profiel"] > .row > .dashboard-kolom,
.dashboard .container.dashboard > .row > .col-md-3,
.profiel .container.dashboard > .row > .col-md-3,
.dashboard form[action="/profiel"] > .row > .col-md-3,
.profiel form[action="/profiel"] > .row > .col-md-3,
.dashboard .container.dashboard > .row > .col-md-9,
.profiel .container.dashboard > .row > .col-md-9,
.dashboard form[action="/profiel"] > .row > .col-md-9,
.profiel form[action="/profiel"] > .row > .col-md-9 {
  display: flex;
  flex-direction: column;
}
.dashboard .container.dashboard > .row > .col-md-9,
.profiel .container.dashboard > .row > .col-md-9,
.dashboard form[action="/profiel"] > .row > .col-md-9,
.profiel form[action="/profiel"] > .row > .col-md-9 {
  padding-bottom: 40px;
}
a.fill-div {
  color: black;
  display: block;
  height: 100%;
  text-decoration: none;
  width: 100%;
}
.panel.detail {
  border: none;
}
.panel.detail .panel-heading {
  background-color: rgba(252, 252, 252, 0.84);
  left: 0;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 0;
  position: absolute;
  right: 0;
  height: 80px;
  line-height: 80px;
  padding-left: 30px;
  top: -80px;
  color: #961f95;
  border-radius: 0;
}
.panel.detail .panel-heading h1 {
  margin-bottom: 20px;
}
.subtitel.pull-right {
  font-size: x-large;
}
.info-panel .panel-heading {
  background-color: #fdfdfd;
  border-color: #fdfdfd;
}
.info-panel .panel-heading > h2 {
  color: #961f95;
}
.panel-body ul {
  list-style: none;
  padding: 0;
}
.dashboard-kolom.col-md-3 .panel-heading {
  display: none;
}
.dashboard-kolom.col-md-3 .panel-body > ul .btn-default {
  font-size: small;
  text-overflow: inherit;
}
.list-group-item {
  background-color: #fdfdfd;
  border: transparent;
  margin-bottom: 5px;
}
.panel.dashboard-menu {
  background-color: #961f95;
  border-radius: 0;
  border: none;
  color: #fdfdfd;
  min-height: 100%;
}
.panel.dashboard-menu .panel-body {
  clear: both;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.panel.dashboard-menu .panel-body ul li {
  border-radius: 0;
  font-size: 16px;
  line-height: 46px;
  transition: none;
  width: 100%;
}
.panel.dashboard-menu .panel-body ul li a {
  color: inherit;
  background-color: inherit;
  transition: none;
}
.panel.dashboard-menu .panel-body ul li a i {
  color: inherit;
  background-color: inherit;
  transition: none;
}
.panel.dashboard-menu .panel-body ul li:hover {
  background-color: #e4e4e4;
  color: #555555;
  transition: none;
}
.panel.dashboard-menu .panel-body ul li.active {
  background-color: #e4e4e4;
  color: #555555;
}
.panel.dashboard-menu .panel-body ul li.active a {
  border-color: #797979;
  border-radius: 0;
  border-style: solid;
  border-width: 0 6px 0 0;
  box-sizing: border-box;
}
.fa {
  color: #961f95;
}
.fa.dashboard-menu {
  color: #fdfdfd;
}
.dashboard-menu .panel-body > ul > li > a > i {
  color: #fdfdfd;
}
.dashboard-menu .pull-right {
  padding: 0 25px 0 25px;
}
.blokgrid .panel-heading {
  background-color: #fdfdfd;
  border-color: #fdfdfd;
  color: #242424;
}
.blokgrid .panel-heading > h2 {
  margin: 10px 0;
}
.sidebar {
  background-color: #e4e4e4;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.sidebar .panel {
  background-color: transparent;
}
.panel-sidebar .panel-heading h3 {
  margin: 10px 0 0 0;
}
.panel-sidebar.panel-primary .panel-heading {
  background-color: transparent;
  border-color: transparent;
  color: #961f95;
  padding: 0;
}
.panel-sidebar.panel-info .panel-heading {
  background-color: transparent;
  border-color: transparent;
  color: #961f95;
  padding: 0;
}
.wizard-form > .panel-info > .panel-body {
  padding: 15px 15px 0 15px;
}
#dashboard-kolom-67 > .panel > .panel-heading {
  display: none;
}
#dashboard-kolom-70 > .panel > .panel-heading {
  display: none;
}
.dashboard-menu#pagina-30 > .panel-heading {
  display: none;
}
.wizard-progressbar-item > .number {
  margin-bottom: 10px;
}
#betaalopties label.radio-inline > img {
  padding-right: 15px;
  width: 75px;
}
#betaalopties .form-group input.radio-inline {
  position: absolute;
  display: block;
  z-index: -1;
  opacity: 0;
}
#betaalopties .form-group input.radio-inline:checked + label.radio-inline {
  background-color: #e4e4e4;
}
#betaalopties .form-group input.radio-inline + label.radio-inline {
  background-color: #fdfdfd;
  border-radius: 4px;
  display: block;
  float: left;
  margin-right: 5px;
  margin-left: 0;
  padding: 5px;
  width: calc(33% - 5px);
  overflow: hidden;
  height: 55px;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 45px;
  text-indent: 65px;
  border-width: 1px;
  border-color: #e4e4e4;
  border-style: solid;
  box-sizing: border-box;
}
#betaalopties .form-group input.radio-inline + label.radio-inline img {
  padding-right: 15px;
  width: 75px;
  position: absolute;
  display: block;
  top: 5px;
  left: 10px;
  height: 45px;
  max-width: 65px;
}
#betaalopties .form-group input.radio-inline + label.radio-inline:hover {
  background-color: #d6f3ff;
}
section.login .login-inloggen,
section.wizard .login-inloggen,
section.login .wizard-form-inloggen,
section.wizard .wizard-form-inloggen {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
section.login .login-inloggen .panel,
section.wizard .login-inloggen .panel,
section.login .wizard-form-inloggen .panel,
section.wizard .wizard-form-inloggen .panel {
  border-color: #959595;
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
  margin-top: 50px;
  padding: 15px;
}
section.login .login-inloggen .panel .panel-heading,
section.wizard .login-inloggen .panel .panel-heading,
section.login .wizard-form-inloggen .panel .panel-heading,
section.wizard .wizard-form-inloggen .panel .panel-heading {
  background: transparent;
  border: none;
  margin: 0 0 15px;
  padding: 0;
}
section.login .login-inloggen .panel .panel-heading h1,
section.wizard .login-inloggen .panel .panel-heading h1,
section.login .wizard-form-inloggen .panel .panel-heading h1,
section.wizard .wizard-form-inloggen .panel .panel-heading h1,
section.login .login-inloggen .panel .panel-heading h2,
section.wizard .login-inloggen .panel .panel-heading h2,
section.login .wizard-form-inloggen .panel .panel-heading h2,
section.wizard .wizard-form-inloggen .panel .panel-heading h2 {
  color: #004478;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
section.login .login-inloggen .panel .panel-body,
section.wizard .login-inloggen .panel .panel-body,
section.login .wizard-form-inloggen .panel .panel-body,
section.wizard .wizard-form-inloggen .panel .panel-body {
  padding: 0 0 15px;
}
section.login .login-inloggen .panel .panel-body label,
section.wizard .login-inloggen .panel .panel-body label,
section.login .wizard-form-inloggen .panel .panel-body label,
section.wizard .wizard-form-inloggen .panel .panel-body label {
  color: #555555;
  font-weight: normal;
}
section.login .login-inloggen .panel .panel-body button,
section.wizard .login-inloggen .panel .panel-body button,
section.login .wizard-form-inloggen .panel .panel-body button,
section.wizard .wizard-form-inloggen .panel .panel-body button {
  background-color: #961f95;
  border-color: #961f95;
  color: #fdfdfd;
  display: block;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  width: 100%;
}
section.login .login-inloggen .panel .panel-footer,
section.wizard .login-inloggen .panel .panel-footer,
section.login .wizard-form-inloggen .panel .panel-footer,
section.wizard .wizard-form-inloggen .panel .panel-footer {
  background: transparent;
  border: none;
  padding: 0;
}
section.login .login-inloggen .panel .panel-footer a,
section.wizard .login-inloggen .panel .panel-footer a,
section.login .wizard-form-inloggen .panel .panel-footer a,
section.wizard .wizard-form-inloggen .panel .panel-footer a {
  color: #7bbcd9;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
}
footer {
  background-color: #555555;
}
/* < MD (alleen XS en SM) */
@media (max-width: 991px) {
  .dashboard .dashboard-menu .user-info .details-left {
    width: 100% !important;
    clear: both;
    float: none !important;
  }
  .dashboard .dashboard-menu .user-info .details-left .profiel-link {
    border-radius: 0;
    box-sizing: border-box;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  .dashboard .dashboard-menu .user-info .details-left .profiel-link i.fa {
    display: none !important;
  }
  .dashboard .dashboard-menu .user-info .details-left .profiel-link .hover {
    background-color: rgba(255, 255, 255, 0.75);
    color: #242424;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
  }
  .panel.dashboard-menu .panel-body ul li {
    font-size: 0.9em;
  }
  .panel.dashboard-menu .panel-body ul li a {
    padding: 5px 5px 5px 10px;
  }
}
footer.footer {
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  background: #e4e4e4;
}
section.detail .panel-heading {
  padding-bottom: 0;
}
section.detail .panel-heading h2 {
  margin: 0;
}
section.detail .infopanel-button {
  display: block;
  width: 100%;
  padding: 15px;
  border-radius: 6px;
  border-width: 0 0 2px;
  border-style: solid;
  font-weight: bold;
  transition: none;
  font-size: 16px;
}
section.detail .infopanel-button:hover,
section.detail .infopanel-button:active {
  text-decoration: none;
  border-width: 2px 0 0;
  transition: none;
}
section.detail .infopanel-button::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 24px;
}
section.detail .infopanel-button .sublabel {
  padding-left: 24px;
  font-size: 12px;
  font-weight: normal;
}
section.detail .button-locatie-datum {
  display: block;
  width: 100%;
  padding: 15px;
  border-radius: 6px;
  border-width: 0 0 2px;
  border-style: solid;
  font-weight: bold;
  transition: none;
  font-size: 16px;
  background-color: #62b674;
  border-color: #51ae65;
  color: #fdfdfd;
}
section.detail .button-locatie-datum:hover,
section.detail .button-locatie-datum:active {
  text-decoration: none;
  border-width: 2px 0 0;
  transition: none;
}
section.detail .button-locatie-datum::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 24px;
}
section.detail .button-locatie-datum .sublabel {
  padding-left: 24px;
  font-size: 12px;
  font-weight: normal;
}
section.detail .button-locatie-datum::before {
  content: "\f061";
}
section.detail .button-op-locatie {
  display: block;
  width: 100%;
  padding: 15px;
  border-radius: 6px;
  border-width: 0 0 2px;
  border-style: solid;
  font-weight: bold;
  transition: none;
  font-size: 16px;
  background-color: #d6f3ff;
  border-color: #bdecff;
  color: #004478;
  margin-top: 10px;
}
section.detail .button-op-locatie:hover,
section.detail .button-op-locatie:active {
  text-decoration: none;
  border-width: 2px 0 0;
  transition: none;
}
section.detail .button-op-locatie::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 24px;
}
section.detail .button-op-locatie .sublabel {
  padding-left: 24px;
  font-size: 12px;
  font-weight: normal;
}
section.detail .button-op-locatie::before {
  content: "\f274";
}
section.detail .panel.info-panel {
  margin-bottom: 0;
}
section.detail #opleiding-actie-knoppen ul.info-panel-list,
section.detail #opleiding-uitvoeringen-actie-knoppen ul.info-panel-list {
  margin: 0;
  padding: 0;
  width: 100%;
}
legend.legend-info {
  color: #004478;
}
legend.legend-success {
  color: #51ae65;
}
/*# sourceMappingURL=demo.css.map */