* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
td {
  vertical-align: top;
}
body, span:not(.fas,.far,.fal,.fab), p, div, a, input, textarea {
  font-family: Verdana, Tahoma, Geneva, Verdana, sans-serif;
}
body.start .home_block .lr_img {
  width: 40%;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 40%;
  flex: 0 1 40%;
  height: 100% !important;
}

body.start #home_right #home_block_23 a.link1 {
  display: inline-block;
  background: #2963d6 !important;
  padding: 10px;
  color: white;
  text-decoration: none;
  position: relative;
  width: 100%;
  border: solid 2px white;
  -webkit-box-shadow: 1px 2px 2px 2px #00000070;
  box-shadow: 1px 2px 2px 2px #00000070;
  cursor: pointer;
  margin-bottom: 4px;
  text-align: center;
}

body.start #home_right #home_block_23 a.link1:hover {
  background: rgb(0, 110, 255) !important;
  color: rgb(255, 255, 255);
  border: solid 2px rgb(241, 241, 241);
  -webkit-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}
body.start .custom-home-page .main-content-block.melding {
  border-style: none !important;
  margin: 0 !important;
  background-color: transparent !important;
}
body.start #home_right #home_block_23 a.link2 {
  display: inline-block;
  background: #2963d6 !important;
  padding: 10px;
  color: white;
  text-decoration: none;
  position: relative;
  width: 100%;
  background-size: 101px;
  border: solid 2px white;
  -webkit-box-shadow: 1px 2px 2px 2px #00000070;
  box-shadow: 1px 2px 2px 2px #00000070;
  cursor: pointer;
  text-align: center;
}
body.start #home_right #home_block_23 a.link2:hover {
  background: rgb(0, 118, 253) !important;
  color: rgb(255, 255, 255);
  border: solid 2px rgb(255, 255, 255);
  -webkit-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}
body.start #containerDiv {
  margin-top: -70px;
}
body.login #homeDiv::before,
body.aanmelden #homeDiv::before {
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: left;
  -webkit-animation-duration: 60s;
  animation-duration: 60s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
a.close_playlist {
  display: block !important;
}
#boventekst {
  z-index: 100;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 70px;
  max-width: 1100px;
  margin: 0 auto;
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
}

#boventekst #headerprofile {
  -webkit-box-ordinal-group: 101;
  -ms-flex-order: 100;
  order: 100;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: auto 20px;
  padding: 0;
}
#boventekst .breadcrumb_bar_container {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 1500px;
  flex: 0 1 1500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  margin-left: 3px !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
#boventekst .breadcrumb_bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  letter-spacing: 0em;
  font-size: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
body.playlist #boventekst .breadcrumb_bar,
body.leerroutes #boventekst .breadcrumb_bar,
body.lt_playlist #boventekst .breadcrumb_bar,
body.start #boventekst .breadcrumb_bar {
  margin: 0 auto;
}
body.playlist #boventekst .breadcrumb_bar a,
body.leerroutes #boventekst .breadcrumb_bar a,
body.lt_playlist #boventekst .breadcrumb_bar a,
body.start #boventekst .breadcrumb_bar a {
  color: black !important;
  font-size: 22px !important;
}
body.start #boventekst .breadcrumb_bar a {
  font-weight: bold;
}
.login #boventekst,
.aanmelden #boventekst {
  display: none;
}

body.login #containerDiv,
body.aanmelden #containerDiv {
  margin-top: 0 !important;
  min-height: 100%;
}
#vergetenform table td {
  padding: 0;
}
#vergetenform table td:nth-child(2) {
  min-width: 120px;
  width: 120px;
}

/******************************************************login vergeten form combinatie met inlog form*/

body.login div.ww_vergeten_titel {
  margin-top: 0.5em;
  text-align: right;
  color: var(--theme-color);
  cursor: pointer;
}

body.login div.ww_vergeten_titel:before {
  content: "\f078";
  font-family: "Font Awesome 7 Pro";
  margin-right: 0.5em;
}

body.login div.ww_vergeten_titel.open:before {
  content: "\f077";
}

body.login div.ww_vergeten_container {
  max-height: 0;
  height: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

body.login div.ww_vergeten_container.open {
  max-height: 200px;
  -webkit-animation-name: schuif_open;
  animation-name: schuif_open;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
}

#boventekst #top_logo {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  height: 50px;
  margin: 10px 13px;
  text-align: left;
}

#boventekst #top_logo img {
  height: 100%;
  width: auto;
}

#klant_titel {
  display: none;
  font-size: 2rem;
  line-height: 60px;
  color: #1793cd;
  font-family: "FedraSansMedium";
  position: relative;
  width: 50%;
  text-align: center;
  z-index: 9991;
  margin: -60px auto 0 auto;
}

/*************************************************************************************************************************BREADCRUMB*/
a.breadcrumb {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-position: 25% 50%;
  background-size: 80% 80%;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.3em;
  font-size: 1.2rem !important;
  margin: 0 0 0 0;
}
a.breadcrumb:after {
  content: " \f105 ";
  font-family: "Font Awesome 7 Pro";
  color: #ccc;
  width: 25px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
}
body.leerroute a.breadcrumb.bc_level_0,
body.leerroutes a.breadcrumb.bc_level_0,
body.lt_playlist a.breadcrumb.bc_level_0,
body.lt_playlist a.breadcrumb.bc_level_1,
body.playlist a.breadcrumb.bc_level_0,
body.playlist a.breadcrumb.bc_level_1 {
  display: none !important;
}

/*start verbergen*/
a.breadcrumb:last-child {
  pointer-events: none;
}
a.breadcrumb:last-child:after {
  content: none;
}
a.breadcrumb:hover {
  text-decoration: none;
  color: rgb(23, 147, 205);
}
.link:hover {
  text-decoration: underline;
}

@-webkit-keyframes backgrounds {
  0% {
    background-image: url(/images/fotoslider/nh01.jpg);
  }
  15% {
    background-image: url(/images/fotoslider/nh01.jpg);
  }
  17% {
    background-image: url(/images/fotoslider/nh02.jpg);
  }
  32% {
    background-image: url(/images/fotoslider/nh02.jpg);
  }
  34% {
    background-image: url(/images/fotoslider/nh03.jpg);
  }
  49% {
    background-image: url(/images/fotoslider/nh03.jpg);
  }
  51% {
    background-image: url(/images/fotoslider/nh04.jpg);
  }
  66% {
    background-image: url(/images/fotoslider/nh04.jpg);
  }
  68% {
    background-image: url(/images/fotoslider/nh05.jpg);
  }
  83% {
    background-image: url(/images/fotoslider/nh05.jpg);
  }
  85% {
    background-image: url(/images/fotoslider/nh06.jpg);
  }
  100% {
    background-image: url(/images/fotoslider/nh06.jpg);
  }
}

@keyframes backgrounds {
  0% {
    background-image: url(/images/fotoslider/nh01.jpg);
  }
  15% {
    background-image: url(/images/fotoslider/nh01.jpg);
  }
  17% {
    background-image: url(/images/fotoslider/nh02.jpg);
  }
  32% {
    background-image: url(/images/fotoslider/nh02.jpg);
  }
  34% {
    background-image: url(/images/fotoslider/nh03.jpg);
  }
  49% {
    background-image: url(/images/fotoslider/nh03.jpg);
  }
  51% {
    background-image: url(/images/fotoslider/nh04.jpg);
  }
  66% {
    background-image: url(/images/fotoslider/nh04.jpg);
  }
  68% {
    background-image: url(/images/fotoslider/nh05.jpg);
  }
  83% {
    background-image: url(/images/fotoslider/nh05.jpg);
  }
  85% {
    background-image: url(/images/fotoslider/nh06.jpg);
  }
  100% {
    background-image: url(/images/fotoslider/nh06.jpg);
  }
}

/*##########################################################*/
#ondertekst {
  width: 100%;
  margin: 0 auto;
  position: fixed !important;
  z-index: 10;
  background: white;
  bottom: 0px;
  -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  padding: 0;
  left: 0;
  display: block;
  right: 0px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 2rem;
  height: auto;
  border: none !important;
}
#ondertekst ul {
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#ondertekst ul li {
  display: block;
  list-style: none;
  margin: 0 !important;
  position: relative;
  padding: 0px !important;
  background-image: none;
}
#ondertekst ul li:before {
  content: "|";
  margin-left: 20px;
  margin-right: 20px;
}
#ondertekst ul li:first-child:before {
  margin-left: 0px;
  content: "";
}
#ondertekst,
#ondertekst ul li,
#ondertekst span,
#ondertekst a:not(.active) {
  color: #000 !important;
  font-size: 1.05rem;
}
#ondertekst a:hover {
  text-decoration: underline;
}
#footer-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#footer-logo img {
  height: 100%;
  width: auto;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

body:not(.login) #ondertekst #footer-logo {
  height: 20px;
}
body:not(.login) #ondertekst,
body:not(.login) #ondertekst ul li,
body:not(.login) #ondertekst span,
body:not(.login) #ondertekst a {
  font-size: 0.8rem;
}

/*************************************************************************************************profile button*/
body.start #headerprofile {
  position: relative;
  cursor: pointer;
  margin: 10px 10px 0 0;
  text-align: right;
  padding-left: 1;
  z-index: 100;
}
#profilename {
  font-family: "FedraSansMedium";
  font-weight: normal;
  color: #696969;
  display: none;
  line-height: 40px;
  font-size: 1rem;
}
#headerprofile img {
  margin: 0 0 0 10px;
  padding: 0;
  float: right;
  height: 40px;
  width: 40px;
  width: auto;
  border-radius: 50%;
}
#headerprofile:hover #profilename {
  color: #000;
}
body.start #clickbox {
  display: none;
  z-index: 902;
  position: absolute;
  border-collapse: collapse;
  padding: 0;
  margin: -10px 15px -15px -15px;
  margin: -10px 0 -15px 0;
  width: auto;
  background-color: #f1f1f1;
  border: 1px solid #d0d0d0;
  border: 1px solid rgba(208, 208, 208, 0.2);
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

/*************************************************************************************************homeDivs button*/
body.aanmelden #homeDiv,
body.login #homeDiv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 100%;
  width: 100%;
  position: absolute;
}
body.avg #homeDiv {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
body.login #homeDiv #home_left,
body.login #homeDiv #home_right {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 530px;
  flex: 0 1 530px;
  max-width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-bottom: 120px;
}
#homeDiv #home_left.volledige_breedte,
#homeDiv #home_right.volledige_breedte {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 1100px;
  flex: 0 1 1100px;
  max-width: 1100px;
  margin: 0 33%;
  /* door een overrule in de js margin is nu -520px */
  margin-top: 10px !important;
  margin-bottom: 40px;
  -webkit-margin-before: 0em;
  /*door extra breaks in opera en chrome */
  -webkit-margin-after: 0em;
}
.popbox #homeDiv #home_left.volledige_breedte,
.popbox #homeDiv #home_right.volledige_breedte {
  margin: 0 30px;
  height: 500px;
}
body.login #homeDiv #home_left:not(.single),
body.aanmelden #homeDiv #home_left:not(.single) {
  visibility: hidden;
  display: none;
}
body.login.avg #homeDiv #home_left,
body.aanmelden #homeDiv #home_left {
  visibility: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.login #homeDiv #home_left,
body.aanmelden #homeDiv #home_left {
  margin: 0 !important;
}
body.login #homeDiv #home_right,
body.aanmelden #homeDiv #home_right,
body.login #homeDiv #home_left.single,
body.aanmelden #homeDiv #home_left.single {
  background-color: #fff;
  z-index: 1;
  position: relative;
}

body.aanmelden #homeDiv #home_right,
body.aanmelden #homeDiv #home_left.single {
  background-color: transparent;
}

body.login.avg.privacy #homeDiv #home_left.single{
  background-color: #ffffff;
  padding:  0;
  top: calc(50% - 80px);
  transform: translateY(calc(-50% + 40px));
}
body.login.avg #homeDiv #home_left.single{
  max-width: 800px !important;
  width: 100% !important;
  position: absolute;
}
body.login.avg #homeDiv #home_left.single > .home_block{
  max-height: calc(100vh - 70px);
  overflow-y: auto;
  display: flex;
}
body.login.avg #homeDiv #home_left.single .home_block_content h1{
  text-align: center;
  padding-bottom: 20px !important;
}
body.login.avg #homeDiv #home_left.single .aanmeldform_list,
body.login.avg #homeDiv #home_left.single .aanmeldform_list .home_block_content{
  margin: 0 !important;
}
body.login.avg #homeDiv #home_left.single .aanmeldform_list .home_block_content form.aanmeldform{
  padding: 0
}
body.login.avg #homeDiv #home_left.single .aanmeldform_list .home_block_content form.aanmeldform input,
body.login.avg #homeDiv #home_left.single .aanmeldform_list .home_block_content form.aanmeldform select{
  padding: 10px 6px;
}
body.login.avg #homeDiv #home_left.single .home_block_content .home_overzicht .home_img{
  width: 100%;
  height: 220px;
}
body.login #homeDiv #home_right::before,
body.login #homeDiv #home_left.single::before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 100px;
  left: -100px;
  background-color: var(--theme-color);
  z-index: 1;
  opacity: 50%;
}

/* volledige_breedte privacy page */
body.login.avg.privacy #homeDiv #home_left.volledige_breedte {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  margin-top: 0 !important;
  margin-bottom: 30px !important;
}
body.login.avg.privacy .volledige_breedte .home_block {
  margin: 0;
}
body.login.avg.privacy .volledige_breedte .is_avg_akkoord_int {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
body.login.avg.privacy .volledige_breedte .avg_form_container {
  margin: 0 6% !important;
  flex: 1;
}
body.login.avg.privacy .volledige_breedte .form-privacy {
  position: relative;
  padding-bottom: 58px;
}
body.login.avg.privacy .volledige_breedte .btn-privacy {
  position: absolute;
  right: 10px;
  bottom: 8px;
}

@media screen and (max-width: 1024px) {
  body.login.avg #homeDiv #home_left.single{
    max-width: calc(100% - 200px) !important;
  }
}

@media only screen and (max-width: 1014px) {
  #homeDiv #home_left.volledige_breedte,
  #homeDiv #home_right.volledige_breedte {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 1100px;
    flex: 0 1 1100px;
    max-width: 1100px;
    margin: -40px 10%;
    /* door een overrule in de js margin is nu -10 */
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  body.login.avg #homeDiv #home_left.single{
    left: auto;
    right: 0;
  }
}
@media only screen and (max-width: 549px) {
  body.login #homeDiv {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  body.login #homeDiv #home_left,
  body.login #homeDiv #home_right {
    max-width: calc(100% - 18px);
  }
  body.login.avg #homeDiv #home_left.single{
    max-width: calc(100% - 30px) !important;
  }
  body.login.avg #homeDiv #home_left.single > .home_block{
    max-height: calc(100vh - 76px);
    overflow-y: auto;
    background: white;
  }
  body.login.avg #homeDiv #home_left.single .home_block_content{
    margin: 0 !important;
  }
  body.login > .popbox {
    margin: 4px !important;
    width: calc(100% - 8px) !important;
  }
  body.login > .popbox .content a{
    word-wrap: break-word;
  }
}
body.login .home_block h1,
body.aanmelden h1,
body.login .home_block .home_block_content,
body.aanmelden .home_block .home_block_content {
  margin: 0 14% !important;
}
body.aanmelden .home_block .home_block_content,
body.aanmelden .home_overzicht .home_intro > div {
  margin: 0 10% !important;
}
body.login .home_block h1,
body.aanmelden .home_block h1 {
  padding: 1rem 0 1rem 0;
}
body.login:not(.aanmelden) .home_overzicht .home_intro > h1 {
  margin: 0 !important;
  padding-top: 0;
  color: black !important;
}
body.login:not(.aanmelden) .home_overzicht .home_intro > h1::before {
  display: none;
}
.home_block.login_form {
  background-size: auto;
  padding-top: 5% !important;
}
.home_block.login_form h1 {
  padding: 1rem 0 1rem 0;
  text-align: center;
}
.home_block h1,
.home_block h2 {
  font-weight: normal;
  display: block;
}
.home_block h1 p,
.home_block h2 p {
  padding: 0;
  margin: 0;
}
.home_block h1,
.home_block h1 p {
  font-size: 28px !important;
  line-height: 150%;
}
.home_block .home_cbt_text h1,
.home_block .home_cbt_text h1 p {
  font-size: 22px !important;
  line-height: 150%;
}
body:not(.aanmelden) .home_block:not(.aanmelden) h2,
.home_block h2 p:first-child {
  font-size: 1rem;
  line-height: 1.5rem;
}
.home_block h3 {
  font-size: 13px !important;
  font-weight: normal !important;
  margin: 0px 0px 5px 0px !important;
  padding: 2px 0px !important;
  display: block;
}
.home_block a.btn_home {
  line-height: 2rem;
  font-size: 1.5rem;
  padding: 10px 0 !important;
  margin: 0 !important;
  font-weight: normal;
  font-family: "FedraSansMedium";
  border-bottom: 1px solid transparent;
}
#home_right .home_block a.btn_home {
  line-height: 1.5rem;
  font-size: 1.2rem;
}
.home_block a.btn_home div {
  background-repeat: no-repeat;
  width: 33px;
  height: 33px;
  display: inline-block;
  float: left;
}
.home_block a.start div {
  background-position: 0 0;
}
.home_block a.verder div {
  background-position: 0 -35px;
}
.home_block a.klaar div {
  background-position: 0 -70px;
}
.home_block a.resultaten div {
  background-position: 0 -105px;
}
.home_block a.certificaat div {
  background-position: 0 -140px;
}
.home_block a.enquete div {
  background-position: 0 -175px;
}
.home_block a.enq_resultaat div {
  background-position: 0 -210px;
}
.home_block a.start:hover div {
  background-position: -35px 0;
}
.home_block a.verder:hover div {
  background-position: -35px -35px;
}
.home_block a.klaar:hover div {
  background-position: -35px -70px;
}
.home_block a.resultaten:hover div {
  background-position: -35px -105px;
}
.home_block a.certificaat:hover div {
  background-position: -35px -140px;
}
.home_block a.enquete:hover div {
  background-position: -35px -175px;
}
.home_block a.enq_resultaat:hover div {
  background-position: -35px -210px;
}
.home_more,
.home_less {
  position: relative;
  bottom: 0;
  display: none;
  height: 0;
  width: 100%;
  text-align: center;
  padding: 0;
}
.home_more .btn,
.home_less .btn {
  width: 25px !important;
  height: 25px !important;
  display: none;
  background-color: white !important;
  border: 1px solid #00000040 !important;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  left: 50%;
  text-indent: -9999px;
  overflow: hidden;
}
.home_more .btn {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transform-origin: 70% 30% 0;
  -ms-transform-origin: 70% 30% 0;
  transform-origin: 70% 30% 0;
}
.home_less .btn {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
  margin-top: 20px;
}
.more_or_less {
  height: 0;
  line-height: 0;
  padding-top: 0.5rem;
}
body.login .more_or_less,
body.aanmelden .more_or_less {
  margin: 0px 20%;
}
.home_btn {
  background-color: #fff;
  background-image: -o-linear-gradient(top, #fff 0, #f4f4f4 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #fff),
    to(#f4f4f4)
  );
  background-image: linear-gradient(top, #fff 0, #f4f4f4 100%);
  background-image: -webkit-gradient(
    linear,
    center top,
    center bottom,
    color-stop(0, #fff),
    color-stop(1, #f4f4f4)
  );
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f4f4f4')";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#f4f4f4)";
  border: 1px solid #ccc;
  border-radius: 3px;
  clear: both;
  padding: 3px 6px 3px 6px;
  text-align: center;
  width: 105px;
  overflow: auto;
  position: absolute;
  left: 50%;
  margin-left: -65px;
}
.home_btn span {
  text-decoration: none;
  cursor: pointer;
  display: block;
  padding: 3px 6px 6px 6px;
}
.home_more .home_btn span {
  background-position: 0px -13px;
}
.home_more .home_btn:hover span {
  background-position: 0px -53px;
}
.home_less .home_btn span {
  background-position: 0px -93px;
}
.home_less .home_btn:hover span {
  background-position: 0px -133px;
}
.home_block ul.home_list {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.home_block ul.home_list > li {
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none;
  background-image: none;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.home_block ul.home_list > li:hover {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
.home_block ul.home_list li > a,
.home_block > a {
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: block;
  padding: 5px;
  color: #000 !important;
}
.home_block ul.home_list li > a:hover,
.home_block > a:hover {
  background-color: #f3f3f3;
  text-decoration: none;
}
.home_block ul.home_list li a.no_home,
.home_block a.no_home {
  display: inline;
  padding: 0px;
  border-bottom: none;
}
.home_block a.btn {
  display: none;
}
.home_block ul.home_list li a .email {
  font-size: 11px;
  font-style: italic;
}
fieldset {
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
legend {
  background-color: #fff;
  background-image: -o-linear-gradient(top, #fff 0, #f4f4f4 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #fff),
    to(#f4f4f4)
  );
  background-image: linear-gradient(top, #fff 0, #f4f4f4 100%);
  background-image: -webkit-gradient(
    linear,
    center top,
    center bottom,
    color-stop(0, #fff),
    color-stop(1, #f4f4f4)
  );
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f4f4f4')";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#f4f4f4)";
  border: 1px solid #ccc;
  border-radius: 3px;
  clear: both;
  padding: 3px 6px 3px 6px;
  text-align: center;
}
.omschrijving {
  padding-bottom: 10px;
}
.home_block .voltooid_container,
.home_block .voltooid,
.home_block .voltooid_container div {
  position: relative;
  display: block;
  height: 5px;
}
.home_block .voltooid_container {
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
}
.home_block .voltooid_container div.voltooid {
  background-color: #14b300;
  border-bottom: 1px solid #207915;
  position: relative;
  height: 100%;
  border-radius: 3px;
  -webkit-transition: 2000ms all;
  -o-transition: 2000ms all;
  transition: 2000ms all;
}
.home_block .voltooid_container span {
  display: none;
}
.home_block.toon_als_knop {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.home_block.toon_als_knop h1 {
  cursor: pointer;
}
.home_block.toon_als_knop.dicht {
  overflow: hidden;
}
.home_block.toon_als_knop.dicht .home_block_content,
.home_block.toon_als_knop.dicht .more_or_less {
  display: none;
}
.home_block.toon_als_knop h1:hover {
  color: #1793cd;
}
.home_block.toon_als_knop h1:before {
  font-family: "Font Awesome 7 Pro";
  width: 40px;
  display: inline-block;
}
.home_block.toon_als_knop.dicht h1:before {
  content: "\f078";
}
.home_block.toon_als_knop.open h1:before {
  content: "\f077";
}
.home_block h2.cbt_naam {
  margin: 10px 0px 0px 0px !important;
  padding: 0 !important;
  border-top: 5px solid #e5e5e5;
  border-right: 5px solid #e5e5e5;
}
.home_block h2.cbt_naam a {
  font-size: inherit;
  padding: 5px 0 !important;
  display: block;
}
.home_block h2.cbt_naam a:hover {
  text-decoration: none;
  background-color: #f3f3f3;
}
.home_block ul.index_fase_lijst,
.home_block ul.index_fase_lijst > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.home_block ul.index_fase_lijst > li > ul {
  margin-left: 16px;
  padding-left: 0px;
}
.home_block a.menu_opdracht,
span.menu_opdracht,
a.menu_item {
  padding-left: 0;
}
.home_block ul.index_fase_lijst li a.menu_fase {
  width: auto;
  border-color: #ccc;
}
div.mijn_actieplannen .btn_fa {
  margin-left: 5px;
  margin-bottom: 5px;
}
div.mijn_actieplannen .ap_naam {
  font-size: 18px;
}
div.mijn_actieplannen .ap_datum {
  float: left;
  margin-right: 10px;
}

fieldset.home_acteurs {
  margin-top: 1rem;
}

/***********************************************************************************CBT/MODULES ALS IEDER APART ALS HOMEBLOCK*/
.home_block.home_learning {
  padding: 0;
  border: none !important;
  background-color: transparent !important;
}
.home_block.home_learning .home_block_content {
  margin: 0 !important;
}
.home_block.home_learning ul.learning {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.home_block.home_learning ul.learning > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 240px;
  flex: 0 1 240px;
  margin: 0 0 20px 0;
  padding: 0px !important;
  position: relative;
  z-index: 1;
}
.home_block.home_learning ul.learning > li > a:hover {
  background-color: #f7f9fd;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 30%);
  box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 30%);
}
.home_block.home_learning ul.learning > li > a:hover .home_cbt_image img {
  width: 105% !important;
  height: 105% !important;
  margin: -2.5%;
  display: none;
}
.home_block.home_learning ul.learning > li > a .home_cbt_image img {
  display: none;
}
.home_cbt_info > h2 > p:nth-child(1) {
  font-size: 1.5rem !important;
  font-weight: normal !important;
  line-height: 2rem !important;
}
.home_cbt_info > h2 > p {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
ul.learning > li > a {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #adadad;
}
ul.learning > li > a:hover {
  text-decoration: none;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
}
ul.learning > li > a > .home_cbt_image {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin: 0;
  height: 200px !important;
  max-height: 100%;
  overflow: hidden;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: rgba(4, 73, 107, 0.51);
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
ul.learning > li > a:hover > .home_cbt_image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
ul.learning > li > a > .home_cbt_info {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  padding: 20px 20px 0 20px;
  display: block !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
ul.learning > li > a > .labels_lijst {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  padding: 10px 10px;
  position: absolute;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
}
ul.learning > li .home_cbt_options,
ul.learning > li .home_cbt_options2,
ul.learning > li br.clear {
  display: none;
}
ul.learning > li > a > .home_cbt_image p {
  padding-bottom: 0;
  line-height: 0;
  margin: 0;
}
ul.learning > li > a > .home_cbt_info .kleiner {
  color: #666;
  line-height: 1em;
  margin-bottom: 10px;
}
ul.learning > li > a > .home_cbt_info h2 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
ul.learning > li > a > .home_cbt_info .home_cbt_text > *:nth-child(1) {
  margin-top: 0;
  padding-top: 0;
}
div.home_block ul.learning > li > a > .home_cbt_info p:last-child {
  padding-bottom: 0;
}
a.btn_home > div:before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  font-style: normal;
  font-size: 1.5rem;
  text-decoration: inherit;
  position: relative;
  display: inline-block;
  line-height: 1.2;
}
a.btn_home.verder > div:before {
  content: "\f04b";
}
a.btn_home.enquete > div:before {
  content: "\f096";
}
a.btn_home.enq_resultaat > div:before,
a.btn_home.resultaten > div:before {
  content: "\f15c";
}
body.aanmelden #klant_titel {
  margin-top: -327px;
}
body.aanmelden .flytabel td {
  vertical-align: middle !important;
}
body.aanmelden .flytabel td label,
body.aanmelden .flytabel td input[type="text"] {
  font-size: 1.2rem;
  line-height: 1.5rem;
}
body.aanmelden .flytabel td input[type="text"] {
  width: 100%;
}

/***************************************************************************************************************************************AANMELDEN*/
body.afsprakenplanner #homeDiv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 100%;
  width: 100%;
}
body.aanmelden .flytabel td {
  vertical-align: middle !important;
}
body.aanmelden .flytabel td label,
body.aanmelden .flytabel td input[type="text"],
body.aanmelden .flytabel td select {
  font-size: 1.2rem;
  line-height: 1.5rem;
}
body.aanmelden .flytabel td input[type="text"],
body.aanmelden .flytabel td select {
  width: 100%;
}
body.aanmelden .flytabel td select ~ .required_ster{
  position: relative;
  bottom: 10px;
}
body.aanmelden .flytabel tr > td:first-child {
  display: none;
}
body.aanmelden .home_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  z-index: 1;
}
body.aanmelden .home_block .home_overzicht.aanmeldform_container {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  padding: 0;
  background-color: #ffffff;
  min-height: 150px;
  border: none;
  border-top: 1px solid #ddd;
}
body.aanmelden
  .home_block
  .home_overzicht.aanmeldform_container
  .aanmeldform
  table {
  background-color: white !important;
}
body.aanmelden
  .home_block
  .home_overzicht.aanmeldform_container
  .aanmeldform
  td {
  background-color: white !important;
  padding: 4px 0 !important;
}

body.aanmelden
  .home_block
  .home_overzicht.aanmeldform_container:nth-of-type(2n + 1) {
  margin-right: 2%;
}
body.aanmelden .home_overzicht .home_img {
  float: none;
}
body.aanmelden .aanmeldform_container.unsel {
  background-color: #f6f6f6;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
body.aanmelden .aanmeldform_container.unsel > * {
  background-color: #f6f6f6;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
}

/***************************************************************************************************************************************STARTPAGINA*/
body.start #home_left .home_block {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
body.start #homeDiv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 240px;
  margin-bottom: 100px;
  max-width: 70vw;
  width: 95vw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1400px) {
  body.start #homeDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 240px;
    margin-bottom: 100px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  body.start #homeDiv {
    margin-top: 280px;
  }

  body.start #homeDiv .banner {
    display: none;
  }
}

body.start #home_right:not(.volledige_breedte) {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 500px;
  flex: 0 1 500px;
  max-width: 600px;
  display: -webkit-box;
  float: right;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
body.start #home_left:not(.volledige_breedte) {
  margin: 0 50px 2% 0;
}
body.start #home_left.volledige_breedte,
body.start #home_right.volledige_breedte {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 1100px;
  flex: 0 1 1100px;
  max-width: 1100px;
  margin: 0 auto;
  margin-bottom: 0px;
  margin-bottom: 40px;
}
body.start #home_left .home_block {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 45px;
  width: 500px;
  z-index: 0;
}
body.start #home_left.volledige_breedte .home_block {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 500px;
  flex: 1 1 500px;
}
body.start div#home_left.volledige_breedte .home_block:nth-of-type(2n) {
  margin-right: 0px !important;
}
body.start:before {
  content: "";
  border: none !important;
  height: 220px !important;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -ms-flexbox;
  z-index: 1;
  background-color: #efefef;
}
body.start .banner_hervatten,
body.start > .banner_hervatten::before {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 26%;
  max-height: 220px;
  font-family: "Verdana";
  color: white;
  text-transform: none;
  margin: 0;
  padding: 70px 20px 0 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  z-index: 3;
  border: none;
  font-size: 18px;
  font-weight: normal;
}
body.start .home_leertrajecten_wp .banner_hervatten {
  display: none !important;
}
body.start > .banner_hervatten::before {
  content: "" !important;
  z-index: 2;
  background-color: var(--theme-color);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0.5;
}

body.start > .banner_hervatten * {
  z-index: 2;
  line-height: 1.25em;
  margin: 0;
  font-size: 22px;
  margin-bottom: 0.5rem;
}
body.start > .banner_hervatten *:last-child {
  margin-bottom: 0;
}
body.start > .banner_hervatten::before {
  width: 100%;
  z-index: 1;
}

body.start .banner_hervatten h1 {
  font-family: "Verdana" !important;
  display: none;
  content: "Welkom";
}

/* leergang text no display */
body.start .banner_hervatten p {
  display: none;
  font-family: "Verdana" !important;
}

body.start > .banner_hervatten p {
  display: block;
}

@media screen and (max-width: 1024px) {
  body.start:before,
  body.start::after,
  body.start .banner_hervatten {
    margin-top: 70px !important;
  }
  body.start .banner_hervatten {
    width: auto;
  }
  body.start #homeDiv{
    margin-top: 310px;
  }
}
@media screen and (max-width: 768px) {
  body.start{
    overflow: unset;
  }
  body.start::after {
    display: none;
  }
  body.start > .banner_hervatten p {
    width: 100%;
    margin: 0 auto;
  }
}

body.start .home_block .home_block_content {
  padding: 0;
}

body.start .home_afsprakenplanner .omschrijving {
  border-bottom: unset;
}
body.start .home_block.toon_als_knop {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
}
body.start .home_block.locaties .home_block_content {
  margin: 0 -20px -5px -20px;
}
body.start .home_block {
  background-color: transparent;
  border: none;
  width: 100%;
}
body.start .home_block h1 {
  margin: 0 !important;
  padding: 20px 0 10px !important;
}
body.start .home_block.over .omschrijving > div {
  display: inline-block;
  margin-right: 20px;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #adadad;
}
body.start .home_block.home_groep_leertraject fieldset,
body.start .home_block.trainingen fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
body.start .home_block.home_groep_leertraject fieldset legend,
body.start .home_block.trainingen fieldset legend {
  background-color: transparent;
  border: none;
  background-image: none;
  font-family: "Expletus Sans";
  font-size: 1rem;
  padding-left: 0;
  text-align: left;
}
body.start .home_block.home_groep_leertraject fieldset legend strong,
body.start .home_block.trainingen fieldset legend strong {
  font-weight: normal;
}
body.start .home_block.home_groep_leertraject fieldset ul.home_list,
body.start .home_block.trainingen fieldset ul.home_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
body.start .home_block.home_groep_leertraject fieldset ul.home_list li,
body.start .home_block.trainingen fieldset ul.home_list li {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
  height: 220px;
  background-color: #efefef;
  padding: 10px 10px !important;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
body.start .home_block.home_groep_leertraject fieldset ul.home_list li a.no_home.edit_profiel {
  margin: 0;
}
body.start .home_block.home_groep_leertraject fieldset ul.home_list li:nth-of-type(3n + 0),
body.start .home_block.trainingen fieldset ul.home_list li:nth-of-type(3n + 0) {
  margin-right: 0 !important;
}
body.start .home_block.home_groep_leertraject fieldset ul.home_list li img,
body.start .home_block.trainingen fieldset ul.home_list li img {
  width: 100%;
  height: auto;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
body.start .home_block.home_groep_leertraject fieldset ul.home_list li span.naam,
body.start .home_block.trainingen fieldset ul.home_list li span.naam {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 1rem;
  line-height: 1.5em;
  padding: 0 5px;
}
body.start .home_block.home_groep_leertraject fieldset ul.home_list li a,
body.start .home_block.trainingen fieldset ul.home_list li a {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  text-align: right;
  padding-right: 8px;
  font-size: 1rem;
  float: left;
}
body.start .home_block.home_groep_leertraject fieldset ul.home_list li a.edit_profiel,
body.start .home_block.trainingen fieldset ul.home_list li a.edit_profiel {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  text-align: right;
  padding-right: 0;
  font-size: 1em;
}
body.start .borderb {
  display: none !important;
}

/************** style name: jimmy ********************/
h1 {
  font-size: 40px;
}
p {
  font-family: "Verdana";
  font-size: 14px;
  font-weight: 400;
}
a {
  font-family: "Verdana";
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
  margin: auto;
  position: relative;
}
hr {
  size: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(88, 88, 88, 1)), color-stop(35%, rgba(0, 0, 0, 1)), to(rgba(106, 106, 106, 1)));
  background: -o-linear-gradient(left, rgba(88, 88, 88, 1) 0%, rgba(0, 0, 0, 1) 35%, rgba(106, 106, 106, 1) 100%);
  background: linear-gradient(90deg, rgba(88, 88, 88, 1) 0%, rgba(0, 0, 0, 1) 35%, rgba(106, 106, 106, 1) 100%);
}
.balk_rood {
  position: absolute;
  width: 450px;
  height: 180px;
  right: 0px;
  background: -o-radial-gradient(50% 40%, circle cover, #ff0000, #a30606 66%, #9b5050 100%);
  background: radial-gradient(50% 40%, circle cover, #ff0000, #a30606 66%, #9b5050 100%);
}
@media (max-width: 1080px) and (min-width: 640px) {
  .balk_rood {
    position: absolute;
    width: 450px;
    height: 180px;
    right: -120px;
    background: -o-radial-gradient(50% 40%, circle cover, #ff0000, #a30606 66%, #9b5050 100%);
    background: radial-gradient(50% 40%, circle cover, #ff0000, #a30606 66%, #9b5050 100%);
  }
}
@media (max-width: 640px) and (min-width: 240px) {
  .balk_rood {
    position: absolute;
    width: 450px;
    height: 180px;
    right: -230px;
    background: -o-radial-gradient(50% 40%, circle cover, #ff0000, #a30606 66%, #9b5050 100%);
    background: radial-gradient(50% 40%, circle cover, #ff0000, #a30606 66%, #9b5050 100%);
  }
}
.start-text {
  font-size: 35px;
  text-shadow: rgb(56, 56, 56) 0 2px 2px;
  color: white;
  position: absolute;
  left: 30px;
  top: 85px;
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .start-text {
    font-size: 30px;
    text-shadow: rgb(56, 56, 56) 0 2px 2px;
    color: white;
    position: absolute;
    left: 10px;
    top: 90px;
    z-index: 10000;
  }
}
.balk_blauw {
  width: 25px;
  height: 180px;
  background-color: rgba(0, 4, 255, 0.8);
  right: 450px;
  position: absolute;
  opacity: 0.7;
}
.ardis-logo {
  background-image: url("/images/achtergrond/logo_mijn_ardis.png");
  width: 253px;
  height: 200px;
  position: absolute;
  right: 200px;
}
.welkom-text {
  font-size: 30px;
  color: white;
  position: absolute;
  right: 50px;
  top: 90px;
}
body.start .klant-footer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  background-color: white;
  margin-top: -6%;
  padding: 2px 20px;
  height: 130px;
}
@media (max-width: 1080px) and (min-width: 640px) {
  body.start .klant-footer {
    width: 100%;
    background-color: white;
    margin-top: -18%;
  }
}
.klant-footer p {
  padding: 25px;
  left: 5%;
  position: absolute;
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .klant-footer p {
    padding: 10px;
    left: 0%;
    position: absolute;
  }
}
.ardis-footer {
  background-image: url("/images/icons/logo_ardis@2x.png");
  width: 103px;
  height: 30px;
  position: relative;
  top: 20px;
  left: 13%;
  background-size: 99px 31px;
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .ardis-footer {
    background-image: url("/images/icons/logo_ardis@2x.png");
    width: 80px;
    height: 20px;
    position: relative;
    top: 35px;
    left: -2%;
    background-size: 59px 20px;
  }
}
.creapolis-logo {
  background-image: url("/images/favicon-my_tools-for-change_nl.png");
  width: 57px;
  height: 45px;
  position: relative;
  top: 10px;
  left: 15%;
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .creapolis-logo {
    background-image: url("/images/favicon-my_tools-for-change_nl.png");
    width: 55px;
    height: 45px;
    position: relative;
    top: 27px;
    left: 3%;
    background-size: 45px 40px;
  }
}
.twise-logo {
  background-image: url("/images/achtergrond/t-wise-logo.png");
  background-repeat: no-repeat;
  width: 75px;
  height: 45px;
  position: relative;
  top: 23px;
  left: 17%;
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .twise-logo {
    background-image: url("/images/achtergrond/t-wise-logo.png");
    background-repeat: no-repeat;
    width: 80px;
    height: 45px;
    position: relative;
    top: 35px;
    left: 7%;
    background-size: 50px 15px;
  }
}
.aib-logo {
  background-image: url("/images/achtergrond/AIB.png");
  background-repeat: no-repeat;
  width: 235px;
  height: 86px;
  position: relative;
  top: 0px;
  left: 30%;
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .aib-logo {
    background-image: url("/images/achtergrond/AIB.png");
    background-repeat: no-repeat;
    width: 235px;
    height: 86px;
    position: relative;
    top: 0px;
    left: 5%;
    background-size: 180px 80px;
  }
}

/* css popup**/
body.start #leerroute_swiper a.btn_leerroutes .btn_lr {
  color: #1693cd;
}
body.leerroute #leerroute_swiper a.btn_leerroutes > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
body.leerroute #leerroute_swiper a.btn_leerroutes .btn_lr {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  margin-top: auto;
}
body.leerroute #leerroute_swiper a.btn_leerroutes div.lr_top {
  display: block;
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
}
body.start .lr_content_container {
  margin: auto;
  width: 85vw;
  position: relative !important;
  z-index: 0;
}
body.start .leerroutes_container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
body.start #leerroute_swiper .leerroutes_container {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin: 0;
  height: 500px;
  width: 85vw;
}
body.start #leerroute_swiper .leerroutes_container .swiper-container {
  background: white;
  font-family: "Verdana";
  border: 1px solid rgba(0, 12, 17, 0.5);
  width: 100vw;
  height: 500px;
  -webkit-box-shadow: 0px 3px 6px #00000078;
  box-shadow: 0px 3px 6px #00000078;
  display: none;
}

/***************************************************************************************************************************************EINDE STARTPAGINA*/
@media (max-width: 1116px) and (min-width: 631px) {
  body.start #homeDiv #home_left:not(.volledige_breedte) {
    margin: 0 auto 2% 2%;
  }

  body.start #homeDiv #home_right:not(.volledige_breedte) {
    margin: 0 2% 2% auto;
  }

  body.start #homeDiv #home_left:not(.volledige_breedte),
  body.start #homeDiv #home_right:not(.volledige_breedte) {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 46%;
    flex: 0 1 46%;
  }

  body.start #home_left.volledige_breedte .home_block:nth-of-type(1n + 1) {
    margin: 0 2% 50px 2%;
  }

  body.start #home_right.volledige_breedte .home_block:nth-of-type(2n + 1) {
    margin: 0 2% 50px 2%;
  }

  body.start #home_left.volledige_breedte .home_block,
  body.start #home_right.volledige_breedte .home_block {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 46%;
    flex: 0 1 46%;
  }
}
@media (max-width: 670px) {
  body.start #homeDiv #home_left:not(.volledige_breedte),
  body.start #homeDiv #home_right:not(.volledige_breedte) {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 90%;
    flex: 0 1 90%;
    margin: 0 auto;
  }

  body.start #home_left.volledige_breedte .home_block,
  body.start #home_right.volledige_breedte .home_block {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 90%;
    flex: 0 1 90%;
    margin: 0 auto !important;
  }
}
@media (max-width: 1350px) {
  body.aanmelden #boventekst {
    height: 20%;
  }
  body.aanmelden #klant_titel {
    margin-top: -5rem;
  }
}

.home_list.file_download a img {
  display: none;
}
.home_list.file_download a {
  position: relative;
  margin-bottom: 0.5em;
}
.home_list.file_download a::before {
  content: "\f15b";
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  font-size: 1.5em;
  color: rgba(2, 130, 194, 1);
  display: inline-block;
  float: left;
  margin: 0 0.5em 0 0;
}
.home_list.file_download a::after {
  content: attr(data-extensie);
  color: white;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 7px;
  width: 20px;
  text-align: center;
  top: 50%;
}
#oloaanbod {
  padding: 30px;
}
#oloaanbod.popbox{
  padding: 0;
}
#olo_aanbod_wrapper .fontred {
  color: #008642;
}
#olo_aanbod_wrapper .fontbold {
  font-weight: bold;
}
#olo_aanbod_wrapper .nummer_aantal_gekozen {
  color: red;
  font-weight: 600;
}
#oloaanbod .aanbod_bz_knop {
  padding: 14px;
  background: white;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 2px 3px 2px #80808087;
  box-shadow: 0px 2px 3px 2px #80808087;
  font-family: "Lato";
  margin-bottom: 80px;
  font-size: 16px;
}
#oloaanbod.popbox > .popboxheader,
#oloinfo.popbox > .popboxheader{
  padding: 30px 30px 0 30px;
  height: 50px;
}
#oloaanbod.popbox > .popboxheader button{
  z-index: 1000;
}
#oloaanbod.popbox > .content{
  padding: 0 40px 30px 40px;
}
#oloaanbod.popbox > .content #olo_aanbod_wrapper h1:after{
  width: calc(100% - 360px);
  right: 40px;
  top: 40px;
}

@media screen and (max-width: 768px) {
  #oloaanbod, #oloinfo {
    width: calc(100% - 30px) !important;
    left: 15px !important;
    top: 15px !important;
  }
  #oloaanbod.popbox > .content,
  #oloinfo.popbox > .content {
    padding: 0 20px 20px;
  }
}

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  #oloaanbod {
    padding: 0px;
    max-width: 374px;
  }
}

#olo_aanbod_wrapper .olo_color {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
  border-radius: 3px;
  color: #fff;
}
.olo_color_1 {
  background-color: #008dc2 !important;
  color: #fff !important;
}
.olo_color_5 {
  background-color: #d4861f !important;
  color: #fff !important;
}#olo_aanbod_wrapper .olo_aanbod_cntr ul li
.olo_color_10 {
  background-color: green !important;
  color: #fff !important;
}

#nf_wrapper h1,
#olo_aanbod_wrapper h1,
#nf_wrapper h2,
#olo_aanbod_wrapper h2,
#nf_wrapper h3,
#olo_aanbod_wrapper h3 {
  font-weight: 300;
}
#nf_wrapper h1,
#olo_aanbod_wrapper h1 {
  font-size: 28px;
  font-weight: normal;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  #nf_wrapper h1,
  #olo_aanbod_wrapper h1 {
    font-size: 25px;
    font-weight: normal;
    margin: 0px 50px;
    padding: 20px;
  }
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  #olo_aanbod_wrapper h1 {
    font-size: 25px;
    font-weight: normal;
    margin: 0px -10px;
    padding: 20px;
  }
}
#nf_wrapper h2,
#olo_aanbod_wrapper h2 {
  font-weight: 300;
  font-size: 22px;
  line-height: 1em;
}
#nf_wrapper h3,
#olo_aanbod_wrapper h3 {
  font-weight: 300;
  font-size: 16px;
  line-height: 1em;
}
#nf_wrapper .nf_box_text h2 span {
  font-family: "Expletus Sans" !important;
}
#nf_wrapper {
  margin-top: 20px;
}
@media (min-width: 1000px) and (max-width: 1400px) {
  #nf_wrapper {
    margin-top: 20px;
    padding: 30px;
  }
}
@media (max-width: 1000px) {
  #nf_wrapper {
    margin-top: 20px;
    padding: 30px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  #nf_wrapper {
    margin-top: 150px;
    padding: 0;
  }
}
#nf_wrapper h1 span,
#olo_aanbod_wrapper h1 span {
  font-family: "Expletus Sans" !important;
  color: red;
  font-weight: bold;
}
#nf_wrapper:after {
  clear: both;
  display: table;
  content: "";
}
#nf_wrapper_left,
#nf_wrapper_right {
  float: left;
  width: 50%;
  /*Bethuel op 25-08-2020: waarom stond deze op 500...dan wordt'ie niet net zo breed als de linkerkant*/
  min-width: 500px;
}
#nf_wrapper_left {
  padding-right: 5%;
}
#nf_wrapper_right p {
  font-size: 15px;
}

/* Portrait Galaxy 3*/
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  #nf_wrapper_right p {
    font-size: 14px;
    width: 70%;
    margin-left: 77px;
  }
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  #nf_wrapper_right p {
    font-size: 14px;
    width: 70%;
  }
}
#nf_wrapper .nf_box {
  position: relative;
  background-color: white;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2),
    inset 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 50px;
  display: table;
  width: 100%;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  #nf_wrapper .nf_box {
    position: relative;
    background-color: white;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2),
      inset 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 50px;
    display: table;
    width: 65%;
    margin: auto;
  }
}

/* ----------- Galaxy S6 ----------- */
/* Portrait and Landscape */
@media screen and (min-device-width: 360px) and (max-device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
  #nf_wrapper .nf_box {
    position: relative;
    background-color: white;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2),
      inset 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 50px;
    display: table;
    width: 70%;
  }
}

/* ----------- iPhone 6, 6S, 7 en 8 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  #nf_wrapper .nf_box {
    position: relative;
    background-color: white;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2),
      inset 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 50px;
    display: table;
    width: 70%;
    margin: auto;
  }
}
.nf_box_progress_wrapper {
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 0;
  height: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
    inset 0 0 5px rgba(0, 0, 0, 0.15), 0 2px 2px rgba(255, 255, 255, 0.25),
    inset 0 10px 20px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
    inset 0 0 5px rgba(0, 0, 0, 0.15), 0 2px 2px rgba(255, 255, 255, 0.25),
    inset 0 10px 20px rgba(0, 0, 0, 0.05);
}
.nf_box_progress {
  height: 5px;
  background-color: #14b300;
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #207915;
  border-radius: 3px;
  -webkit-transition: 2000ms all;
  -o-transition: 2000ms all;
  transition: 2000ms all;
  z-index: 11;
}
#nf_wrapper .nf_box_image {
  display: table-cell;
  position: relative;
  background-size: cover;
  background-position: center center;
  margin-bottom: 0px;
  width: 50%;
}
#nf_wrapper .nf_box_text {
  position: relative;
  display: table-cell;
  padding: 20px;
}
#nf_wrapper .nf_box_text p {
  line-height: 1.5em;
  font-size: 15px;
}

/*rail is voor nu uitgezet, verwijder property display */
.leerroute_rail {
  position: relative;
  display: none;
}
.leerroute_rail ul {
  list-style: none;
}
.leerroute_rail ul:before {
  content: "";
  position: absolute;
  border-left: 1px dotted #8f8f8f;
  left: 0;
  bottom: 0;
  top: 0;
  -webkit-transform: translate3d(31px, 0, 0);
  transform: translate3d(31px, 0, 0);
}
.leerroute_rail li {
  position: relative;
  margin-bottom: 10px;
}
.leerroute_rail li:before {
  line-height: 11px;
  content: attr(data-nr);
  text-indent: -25px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #ff0000;
  left: 0;
}
.leerroute_rail li:after {
  z-index: 1000;
  background-image: url(/images/icons/sort-512.png);
  background-size: 30px 30px;
}
.leerroute_rail li.leerroute_rail_active:before {
  line-height: 11px;
  content: attr(data-nr);
  text-indent: -25px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ff0000;
  border: 2px solid #ff0000;
  left: 0;
}
.leerroute_rail li.leerroute_rail_empty div.leerroute_rail_item:before {
  content: "Hier komt jouw e-module";
  color: #a0a0a0;
  position: absolute;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  left: 50%;
  top: 50%;
}
.leerroute_rail li div.leerroute_rail_item {
  width: 100%;
  position: relative;
  border: 1px solid #ccc;
  height: 80px;
  margin-left: 40px;
  display: table;
  background-color: #fff;
}
.leerroute_rail li.leerroute_rail_active div.leerroute_rail_item {
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2),
    inset 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.leerroute_rail li:not(.leerroute_rail_active):not(.leerroute_rail_empty) div.leerroute_rail_item {
  opacity: 0.4;
}
.leerroute_rail li.leerroute_rail_empty div.leerroute_rail_item {
  background-color: transparent;
}
.leerroute_rail li div.leerroute_rail_item_image {
  display: table-cell;
  position: relative;
  background-size: cover;
  background-position: center center;
  width: 120px;
}
.leerroute_rail li div.leerroute_rail_item_image::before {
  display: block;
  position: absolute;
  content: "";
  z-index: 1000;
  background-image: url(/images/icons/sort-512.png);
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  background-color: white;
  border: 1px solid black;
}
.leerroute_rail li div.leerroute_rail_item_text {
  position: relative;
  display: table-cell;
  padding: 20px;
}
.leerroute_rail li div.leerroute_rail_item_text h3 {
  margin-top: 0;
}
.leerroute_rail li div.leerroute_rail_item_text .nf_olo_cat {
  width: auto;
  display: inline-block;
}
.leerroute_rail li div.leerroute_rail_item_progress_wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
    inset 0 0 5px rgba(0, 0, 0, 0.15), 0 2px 2px rgba(255, 255, 255, 0.25),
    inset 0 10px 20px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
    inset 0 0 5px rgba(0, 0, 0, 0.15), 0 2px 2px rgba(255, 255, 255, 0.25),
    inset 0 10px 20px rgba(0, 0, 0, 0.05);
}
.leerroute_rail li div.leerroute_rail_item_progress {
  height: 6px;
  background-color: rgba(0, 200, 83, 1);
  position: relative;
  -webkit-box-shadow: inset 0 4px 0 rgba(0, 200, 83, 0.3),
    inset 0 2px 2px rgba(0, 200, 83, 0.6);
  box-shadow: inset 0 4px 0 rgba(0, 200, 83, 0.3),
    inset 0 2px 2px rgba(0, 200, 83, 0.6);
  cursor: pointer;
  margin: 0 0px;
  border-right: 1px solid rgba(0, 200, 83, 1);
  border-radius: 3px;
  -webkit-transition: 2000ms all;
  -o-transition: 2000ms all;
  transition: 2000ms all;
  z-index: 11;
}

#nf_wrapper button,
a.nf_btn {
  display: inline-table;
  text-shadow: none;
  border: 1px solid #bbbbbb;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: white;
  padding: 6px 12px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  cursor: pointer;
  text-decoration: none !important;
  color: inherit !important;
  margin-right: 15px;
}

#nf_wrapper button:hover:before,
#nf_wrapper button:active:before,
#nf_wrapper button:focus:before,
a.nf_btn:hover:before,
a.nf_btn:active:before,
a.nf_btn:focus:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#nf_wrapper button:before,
a.nf_btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (max-width: 1100px) {
  /*Bethuel 26-08-2020: dit was 1040, maar dat is een wat rare maat lijkt mij. De bovenbalk is 1100*/
  #nf_wrapper_left,
  #nf_wrapper_right {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
  }
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  #nf_wrapper_right {
    margin-left: 15%;
  }
}

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  #nf_wrapper_right h1 {
    margin-left: -5%;
  }
}
#olo_aanbod_wrapper {
  width: 100%;
  max-width: 900px;
}
#olo_aanbod_wrapper h1:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 50px;
  width: calc(100% - 300px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 1px;
  border-bottom: 1px solid #000;
}
#olo_aanbod_wrapper h3 {
  color: #a1a1a1;
  font-size: 18px;
}
#olo_aanbod_wrapper ul {
  list-style: none;
  margin: 0;
  font-family: "Lato", sans-serif;
}
#olo_aanbod_wrapper ul li {
  font-family: "Lato", sans-serif;
  display: inline-block;
  margin: 0px 20px 20px 0px;
  position: relative;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(0, 0, 0, 0.1);
  width: 200px;
  -webkit-transition: 250ms ease-out box-shadow;
  -o-transition: 250ms ease-out box-shadow;
  transition: 250ms ease-out box-shadow;
}
#olo_aanbod_wrapper ul li:hover {
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}
#olo_aanbod_wrapper ul li .nf_olo_image:after {
  opacity: 0;
  z-index: 2;
  font-family: "Courier New", Courier, monospace;
  font-weight: 1000;
  font-size: 20px;
  content: "i";
  position: absolute;
  text-align: center;
  line-height: 50px;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #ccc;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transition: 250ms ease-out transform;
  -o-transition: 250ms ease-out transform;
  transition: 250ms ease-out transform;
}
#olo_aanbod_wrapper ul li .nf_olo_image:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: 250ms ease-out transform;
  -o-transition: 250ms ease-out transform;
  transition: 250ms ease-out transform;
}
#olo_aanbod_wrapper ul li:hover .nf_olo_image:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
#olo_aanbod_wrapper ul li:hover .nf_olo_image:after {
  opacity: 1;
}
#olo_aanbod_wrapper ul li .nf_olo_image {
  cursor: pointer;
  overflow: hidden;
  height: 120px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.nf_olo_cat {
  text-align: center;
  width: 100%;
  padding: 4px 8px;
  font-size: 11px;
}
.nf_olo_name {
  background-color: #fff;
  text-align: center;
  width: 100%;
  height: 55px;
  overflow: hidden;
  font-size: 13px;
  line-height: 1 !important;
  padding: 10px;
}
.nf_olo_name span {
  font-family: "Lato";
  font-size: 14px;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
ul.interface-direction-hor li .nf_olo_name span {
  font-size: 18px;
}
#olo_aanbod_wrapper ul li .nf_btn_olo_add {
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 3;
}
#olo_aanbod_wrapper ul li .nf_btn_olo_add i {
  -webkit-transition: 250ms ease-out transform;
  -o-transition: 250ms ease-out transform;
  transition: 250ms ease-out transform;
}
#olo_aanbod_wrapper ul li .nf_btn_olo_add:hover i {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
#olo_aanbod_info_wrapper {
  max-width: 800px;
  width: 100%;
  display: table;
  position: relative;
  padding: 20px;
  padding-top: 0;
  background-color: #fff;
}
#olo_aanbod_info_wrapper .nf_olo_info_cntr {
  display: table-cell;
  padding: 20px;
}
#olo_aanbod_info_wrapper .nf_olo_info_name {
  font-size: 23px;
  font-family: Lato, Verdana, Arial, Helvetica, sans-serif !important;
  color: gray;
  word-break: break-all;
  margin-bottom: 7px;
}
#olo_aanbod_info_wrapper .nf_olo_info_cat {
  display: inline-block;
  text-align: center;
  padding: 1px 10px;
  font-size: 12px;
  margin: 15px 3px 3px 0px;
  font-weight: 200;
  border-radius: 3px;
  background-color: #bbbbbb;
}
#olo_aanbod_info_wrapper .nf_olo_info_text {
  background-color: #fff;
  padding: 10px 0px;
  width: 100%;
  font-family: Lato, Verdana, Arial, Helvetica, sans-serif !important;
  font-weight: 300;
  min-height: 51px;
}
#oloinfo .toevoegen_knop a {
  font-size: 20px;
  text-transform: none;
  float: right;
  color: #6a6a6a !important;
  border: none !important;
}
#olo_aanbod_wrapper .algemeen_aanbod {
  font-size: 20px;
  margin-bottom: 20px;
  border: none;
  -webkit-box-shadow: 0px 2px 2px 2px #bba5a5;
  box-shadow: 0px 2px 2px 2px #bba5a5;
}
#olo_aanbod_wrapper .algemeen_aanbod p {
  padding: 10px;
  position: relative;
  top: 8px;
}
#olo_aanbod_info_wrapper.cs-olo_aanbod {
  width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 10px 0 10px;
}
#olo_aanbod_info_wrapper.cs-olo_aanbod .nf_olo_info_image {
  display: block;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 2px solid #bfbfbf;
  flex: 0 0 170px;
  height: 170px;
}
#olo_aanbod_info_wrapper.cs-olo_aanbod .nf_olo_info_cntr {
  padding: 0px 0px 0px 20px;
  margin-top: -9px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
#olo_aanbod_info_wrapper.cs-olo_aanbod .nf_olo_info_name span {
  font-size: 22px;
}
#olo_aanbod_info_wrapper.cs-olo_aanbod .nf_olo_info_cntr .toevoegen_check .container {
  margin: 0;
  padding-left: 0;
}
#olo_aanbod_info_wrapper.cs-olo_aanbod .nf_olo_info_cat {
  margin: 3px 3px 3px 0px;
}

@media screen and (max-width: 768px) {
  #olo_aanbod_wrapper .olo_aanbod_cntr ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  #olo_aanbod_wrapper .olo_aanbod_cntr ul li {
    width: calc((100% / 3) - 1rem);
    margin: 0;
  }

  #olo_aanbod_info_wrapper.cs-olo_aanbod {
    width: 100%;
    padding: 20px 0 0;
  }
}

@media screen and (max-width: 549px) {
  #olo_aanbod_wrapper .olo_aanbod_cntr ul li {
    width: calc((100% / 2) - 0.5rem);
    margin: 0;
  }

  #olo_aanbod_info_wrapper.cs-olo_aanbod {
    flex-direction: column;
  }
  #olo_aanbod_info_wrapper.cs-olo_aanbod .nf_olo_info_cntr {
    padding: 0;
    margin-top: 10px;
  }
}

.toevoegen_check {
  font-size: 20px;
  text-transform: none;
  color: #6a6a6a !important;
  border: none !important;
}
.toevoegen_check .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 20px;
  color: #6a6a6a !important;
}
.toevoegen_check .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.toevoegen_check .checkmark {
  content: "\f0fe";
  color: rgb(110, 110, 110);
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}
.toevoegen_check a {
  color: white;
  padding: 4px 15px 5px !important;
  margin: 0;
  display: block;
  font-size: 20px;
  width: max-content;
  height: auto;
}

@media screen and (max-width: 549px) {
  #olo_aanbod_info_wrapper .toevoegen_check {
    position: sticky;
    bottom: -15px;
    left: 0;
  }
  #olo_aanbod_info_wrapper .toevoegen_check a {
    width: 100%;
  }
}

.container:hover input ~ .checkmark {
  background-color: rgb(55, 187, 176);
}
.container input:checked ~ .checkmark {
  background-color: rgb(1, 144, 73);
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.popbox .popboxheader a.refresh {
  display: none;
}
.popboxBg {
  background: none;
  background-color: rgba(0, 0, 0, 0.2) !important;
}
div#oloinfo .popboxheader,
div#oloinfo .popboxfooter,
div#oloinfo .content {
  background-color: #fff;
}
div#oloinfo:after {
  content: "";
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  pointer-events: none;
}
.popbox.ui-draggable{
  top: 50%;
  margin: -150px 0px 0px -260px;
}
.popbox.ui-draggable .content{
  min-width: 320px;
  min-height: 200px;
}
.popbox.ui-draggable .content .loading-t4c-icon{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}
.dragging {
  cursor: move;
}
.leerroute_overige {
  position: relative;
}
@media (max-width: 1100px) {
  .leerroute_overige {
    position: relative;
    -webkit-margin-before: 10px;
    -webkit-margin-after: 40px;
    margin-bottom: 20px;
    width: calc(100% - 30px);
    left: 30px;
    margin-top: 0px;
  }
}
@media screen and (max-width: 768px) {
  .leerroute_overige {
    left: 0;
  }
}
ol.leerrails_list .leerrails_list_img::before {
  content: "";
  position: relative;
  height: 10px;
  width: 10px;
  background-color: rgb(255, 255, 255);
  border: 1px solid red;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  left: -38px;
  margin-right: -15px;
  top: 30%;
}
ol.leerrails_list li.leerroute_item_inactief .leerrails_list_img::before {
  content: "";
  position: relative;
  height: 10px;
  width: 10px;
  background-color: rgb(255, 255, 255);
  border: 1px solid red;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  left: -38px;
  margin-right: -15px;
  top: 30%;
}
ol.leerrails_list .leerroute_actief {
  content: "";
  position: relative;
  height: 10px;
  width: 10px;
  background-color: rgb(255, 0, 0);
  border: 1px solid red;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  left: -46px;
  margin-right: -15px;
  top: 30%;
}
ol.leerrails_list .leerrails_list_img::before:hover {
  content: "";
  position: relative;
  height: 10px;
  width: 10px;
  background-color: rgb(255, 0, 0);
  border: 1px solid red;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  left: -46px;
  margin-right: -15px;
  top: 30%;
}
ol.leerrails_list .leerrails_list_img::before:first-of-type {
  content: "";
  position: relative;
  height: 10px;
  width: 10px;
  background-color: rgb(255, 0, 0);
  border: 1px solid red;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  left: -46px;
  margin-right: -15px;
  top: 30%;
}
ol.leerrails_list .leerrails_list_img::before:visited {
  content: "";
  position: relative;
  height: 10px;
  width: 10px;
  background-color: rgb(255, 0, 0);
  border: 1px solid red;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  left: -46px;
  margin-right: -15px;
  top: 30%;
}
ol.leerrails_list .leerrails_list_img::before:active {
  content: "";
  position: relative;
  height: 10px;
  width: 10px;
  background-color: rgb(255, 0, 0);
  border: 1px solid red;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  left: -46px;
  margin-right: -15px;
  top: 30%;
}
ol.leerrails_list {
  list-style-type: none;
  counter-reset: my-counter;
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  ol.leerrails_list {
    -webkit-transform: scaleY(0.88) scaleX(0.7);
    -ms-transform: scaleY(0.88) scaleX(0.7);
    transform: scaleY(0.88) scaleX(0.7);
    position: relative;
    left: -80px;
    top: -100px;
    font-size: 20px;
  }
}
ol.leerrails_list::before {
  content: "";
  position: absolute;
  border-left: 4px dotted #8f8f8f;
  left: -24px;
  bottom: 0;
  top: 0;
  -webkit-transform: translate3d(31px, 0, 0);
  transform: translate3d(31px, 0, 0);
}
ol.leerrails_list .leerrails_list_img,
body.start .home_block.home_blok .main-content-block ul.interface-direction-hor li .nf_olo_image_parent {
  position: relative;
  z-index: 3;
  height: 88px;
  width: 100px;
  float: left;
  cursor: pointer;
  background-size: cover;
  background-position-x: center;
  opacity: 1;
  background-repeat: no-repeat;
}

ol.leerrails_list span.label1 {
  position: relative;
  top: 0px;
  left: 20px;
  text-align: left;
  font-size: 11px;
  background: #037912;
  color: white;
  padding: 5px;
  border-radius: 3px;
}
ol.leerrails_list span.label2 {
  position: relative;
  font-size: 11px;
  top: 0px;
  left: 20px;
  text-align: left;
  color: white;
  padding: 5px;
  border-radius: 3px;
  height: 24px;
  display: block;
  background: #008dc2;

  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;

  /* Needed to make it work */
  overflow: hidden;
  white-space: nowrap;
}
ol.leerrails_list a {
  color: black;
  text-decoration: none;
}
ol.leerrails_list a:hover {
  background-size: 100px 100px;
  -webkit-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
  position: relative;
  /* margin: 20px 0px; */
  margin: 0;
  color: black;
}
ol.leerrails_list li > a {
  position: relative;
}
ol.leerrails_list li.placeholder {
  position: relative;
  /** More li styles **/
}
ol.leerrails_list li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}
ol.leerrails_list li::before {
  content: counter(my-counter);
  background: transparent;
  font-size: 25px;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: block;
  line-height: 5.8rem;
  color: #7e7e7e;
  text-align: left;
  margin-right: 20rem;
  position: absolute;
  float: left;
  margin-left: -70px;
}

ol.leerrails_list li {
  counter-increment: my-counter;
  font-family: "Lato";
  min-height: 88px;
  background: white;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 2px 2px 2px #00000040;
  box-shadow: 0px 2px 2px 2px #00000040;
  cursor: pointer;
  padding-right: 40px;
  position: relative;
}

ol.leerrails_list li:hover {
  z-index: 100;
  background: #f8f8f8;
  -webkit-box-shadow: 0px 3px 3px 3px #0000006b;
  box-shadow: 0px 3px 3px 3px #0000006b;
  -webkit-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}

ol.leerrails_list li.leerroute_item_inactief {
  border: 1px solid grey;
  -webkit-box-shadow: none;
  box-shadow: none;
}
ol.leerrails_list li.leerroute_item_inactief:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

ol.leerrails_list li.leerroute_item_inactief p {
  margin: 17px 60px;
  padding: 5px;
  color: grey;
  font-weight: 300;
}
ol.leerrails_list li p {
  position: relative;
  top: 10px;
  left: 20px;
  text-align: left;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;

  /* Needed to make it work */
  overflow: hidden;
  white-space: nowrap;
}
ol.leerrails_list li i.fa-sort {
  font-size: 19px;
  position: relative;
  color: gray;
  border: none;
  padding: 8px;
  z-index: 100;
  position: absolute;
  top: 0;
  right: 0;
}

ol.leerrails_list li.leerroute_item_inactief i.fa-sort {
  font-size: 19px;
  position: absolute;
  margin-left: 85%;
  color: gray;
  border: none;
  padding: 6px;
  z-index: 100;
}
ol.leerrails_list .leerrails_list_voortgang {
  height: 6px;
  background: rgba(0, 200, 83, 1);
  top: 0px;
  position: relative;
  left: 0px;
  z-index: 0;
  width: 0%;
}
ol.leerrails_list li button.btn-remove{
  background-color: transparent !important;
  border: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  position: absolute;
  bottom: 13px;
  right: 6px;
  padding: 0 !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  z-index: 3;
  font-size: 20px;
}
ol.leerrails_list li button.btn-remove i{
  transition: all 0.2s ease;
  color: #d2d2d2 !important;
}
ol.leerrails_list li button.btn-remove:hover i{
  color: #1372e6 !important;
  opacity: 0.8;
}
ol.leerrails_list .leerrails_list_voortgang_blok {
  position: absolute;
  width: 100%;
  height: 6px;
  background: rgb(233, 233, 233);
  bottom: 0px;
  left: left;
  z-index: 0;
  padding-left: 100px;
}
ol.leerrails_list .leerrails_list_img .img_1 {
  display: block;
  content: "";
  height: 100px;
  width: 100px;
  border: 1px solid black;
  background-image: url("/images/aanbod/Diversiteit en inclusie.png");
}
ol.leerrails_list .url-leerroute > *:not(.leerrails_list_img, .leerrails_list_voortgang_blok){
  width: max-content;
  max-width: calc(100% - 150px);
}
.custom-home-page #nf_wrapper_right h2 {
  font-size: 1.5rem;
  font-weight: 700 !important;
}
.custom-home-page #nf_wrapper_right .leerroute_overige .leerrails_list li {
  padding-right: 0px;
}

@media (max-width: 1100px) {
  ol.leerrails_list .leerrails_list_voortgang {
    width: 100%;
    position: relative;
    max-width: -webkit-fill-available;
  }
}
@media (max-width: 667px) {
  .custom-home-page .leerroute_overige {
    width: 100%;
    left: 0;
  }
  .custom-home-page ol.leerrails_list {
    left: 0;
    top: 0;
    -webkit-transform: scaleY(0.88) scaleX(0.99);
    -ms-transform: scaleY(0.88) scaleX(0.99);
    transform: scaleY(0.88) scaleX(0.99);
  }
}

body.start .mijn_uploads {
  background-image: url(/images/icons/upload-blauw.png);
  background-size: 32px 24px;
  background-repeat: no-repeat;
  background-position: 35px 16px;
  position: relative;
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  left: -50px;
  width: 200px;
  -webkit-filter: hue-rotate(17deg);
  filter: hue-rotate(17deg);
  opacity: 0.8;
}
body.start .mijn_uploads a {
  position: relative;
  padding: 20px 30px;
  left: 35px;
  text-align: right;
  color: #3697ff;
  font-size: 14px;
  width: 80px;
}
body.leerroute .mijn_uploads {
  background-image: url(/images/icons/upload-blauw.png);
  background-size: 32px 24px;
  background-repeat: no-repeat;
  background-position: 35px 16px;
  position: relative;
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  left: -50px;
  width: 200px;
  -webkit-filter: hue-rotate(17deg);
  filter: hue-rotate(17deg);
  opacity: 0.8;
}
body.leerroute .mijn_uploads a {
  position: relative;
  padding: 20px 30px;
  left: 28px;
  text-align: right;
  color: #3697ff;
  font-size: 14px;
  width: 80px;
}
body.lt_playlist .mijn_uploads {
  background-image: url(/images/icons/upload-blauw.png);
  background-size: 32px 24px;
  background-repeat: no-repeat;
  background-position: 35px 16px;
  position: relative;
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  left: -50px;
  width: 200px;
}
body.lt_playlist .mijn_uploads a {
  position: relative;
  padding: 20px 30px;
  left: 28px;
  text-align: right;
  color: #3697ff;
  font-size: 14px;
  width: 80px;
}
body.lt_playlist .assignment_content ul li {
  font-family: "Lato";
}

/* =============================== Login Page ============================= */
body.login:not(.vpn):not(.mobile) #overflowDiv #containerDiv {
  background-image: unset !important;
}
body.login .login_form.home_block {
  padding-top: 0 !important;
}
body.login .login_form.home_block h1 {
  padding: 0 !important;
  margin-bottom: 1rem !important;
}
body.login #login-form__logo {
  width: 100%;
  background-color: inherit;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3rem 0 2rem 0;
}
body.login .fixed #login-form__logo {
  -webkit-box-shadow: 0px 1px 2px #00000026;
  box-shadow: 0px 1px 2px #00000026;
  position: fixed;
  top: 0;
  margin: 0;
  padding: 0.5rem 0;
  z-index: 15;
  max-width: 530px;
}
body.login #login-form__logo img {
  width: auto;
  height: 100%;
  display: block;
  height: 100px;
}
body.login .fixed #login-form__logo img {
  height: 60px;
}

body.login #homeDiv > .fixed {
  padding-top: 170px !important;
}

.login-video-background video#login-video-background {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}
.login-video-background img#login-image-background {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

@media (min-width: 1300px) {
  body.login #homeDiv #home_right {
    position: relative;
    z-index: 2;
  }
}
@media (max-width: 1014px) {
  #homeDiv #home_left.volledige_breedte {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 1100px;
    flex: 0 1 1100px;
    max-width: 1100px;
    margin: 0px 10%;
    margin-bottom: 20px;
    -ms-flex: 0 1 100% !important;
    flex: 0 1 100% !important;
  }
}
@media (max-width: 768px) {
  #homeDiv #home_left.volledige_breedte {
    margin: 30px 10px;
  }
}
@media (max-width: 549px) {
  #homeDiv #home_left.volledige_breedte {
    margin: 30px 10px;
  }
  body.login .home_block h1,
  body.aanmelden h1,
  body.login .home_block .home_block_content,
  body.aanmelden .home_block .home_block_content {
    margin: 0 20px !important;
  }
}
#headerprofile .profile_img {
  margin: 0;
}
/* =============================== Home Page ============================== */
.start .video-background {
  display: none;
}
.start .video-header {
  height: 180px;
  position: absolute;
  width: 100%;
}
.start .video-header video {
  height: 180px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
body.start::after {
  content: "";
  border-radius: inherit;
  position: absolute;
  width: 100%;
  height: 220px;
  top: 0px;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 0.85;
  z-index: 2;
}
body.start .banner_hervatten::after {
  background-image: none;
  border-left: 4px solid #000;
  display: none !important;
}

.custom-home-page h1 span,
.custom-home-page #nf_wrapper_right h2 span {
  color: var(--theme-color);
}
.custom-home-page {
  max-width: 1375px !important;
  width: 100% !important;
}
.custom-home-page #home_right {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 1 auto !important;
  flex: 0 1 auto !important;
  max-width: 100% !important;
}
.custom-home-page #home_left,
.custom-home-page #home_right {
  margin-right: 0 !important;
  width: 50% !important;
  padding: 0 25px;
}
.custom-home-page #home_left .home_block {
  width: 100% !important;
}
.custom-home-page #nf_wrapper_right {
  width: 100%;
  min-width: unset;
  margin-bottom: 45px;
}
.custom-home-page #home_block_24.leermodules .home_block_content #pag_item_24 .learning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.custom-home-page #home_block_24.leermodules .home_block_content #pag_item_24 .learning li {
  width: 50% !important;
  margin: 0px 0 30px !important;
  -webkit-box-flex: unset !important;
  -ms-flex: unset !important;
  flex: unset !important;
}
.custom-home-page #home_block_24.leermodules .home_block_content #pag_item_24 .learning li:nth-child(odd) {
  padding-right: 15px !important;
}
.custom-home-page #home_block_24.leermodules .home_block_content #pag_item_24 .learning li:nth-child(even) {
  padding-left: 15px !important;
}
.custom-home-page #home_block_24.leermodules .home_block_content #pag_item_24 ul.learning > li > a > .home_cbt_image {
  height: 228px;
  background-size: cover;
}
#homeDiv .home_block.home_toets .home_block_content,
#homeDiv .home_block.home_enquetes .home_block_content,
#homeDiv .home_block.home_monitoren20 .home_block_content,
#homeDiv .home_block.home_afsprakenplanner .home_block_content,
.custom-home-page #home_block_17 .home_block_content,
.custom-home-page .home_documents .home_block_content,
.custom-home-page .home_afsprakenplanner .home_block_content {
  padding: 24px 15px 15px !important;
  position: relative;
  background-color: #fff;
  background-image: none !important;
  z-index: 2;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  outline: 0px solid rgba(70, 134, 210, 0.3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 14%),
    0 2px 1px -1px rgb(0 0 0 / 12%), 0 1px 3px 0 rgb(0 0 0 / 20%);
  box-shadow: 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%),
    0 1px 3px 0 rgb(0 0 0 / 20%);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.custom-home-page #home_block_5 .more_or_less.custom-js {
  margin-top: 25px;
}
.custom-home-page .home_list.file_download li {
  margin: 10px 5px 10px 15px !important;
}
.custom-home-page .home_list.file_download a {
  padding: 10px 5px !important;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 0;
}
.more_or_less.custom-js {
  height: auto;
}
.more_or_less.custom-js .home_more,
.more_or_less.custom-js .home_less {
  height: 34px;
  text-align: center;
}
.more_or_less.custom-js .home_more a.btn,
.more_or_less.custom-js .home_less a.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  font-size: 14px;
  z-index: 10;
  border-radius: 4px !important;
  padding: 0 15px 0 40px !important;
  background-color: var(--theme-color-secondary) !important;
  color: #ffffff !important;
  text-transform: none;
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
  height: 100% !important;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
  -webkit-transform-origin: unset;
  -ms-transform-origin: unset;
  transform-origin: unset;
  text-indent: unset;
  position: relative;
  border: none !important;
  line-height: 160%;
  margin: auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.login .more_or_less.custom-js .home_more a.btn,
body.login .more_or_less.custom-js .home_less a.btn {
  background-color: var(--theme-color-secondary) !important;
}
.custom-home-page a.nf_btn {
  margin-top: 30px;
  font-size: 16px;
  top: -10px;
  z-index: 10;
  border-radius: 5px !important;
  -webkit-box-shadow: 0px 2px 2px 2px #00000040;
  box-shadow: 0px 2px 2px 2px #00000040;
  padding: 9px 22px !important;
  background-color: rgb(248, 248, 248) !important;
  line-height: 16px;
  color: #000;
  text-transform: none;
}
.more_or_less.custom-js .home_more a.btn::before,
.more_or_less.custom-js .home_less a.btn::before {
  content: "\f063" !important;
  min-width: unset !important;
  margin: 0;
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-46%);
  -ms-transform: translateY(-46%);
  transform: translateY(-46%);
  font-size: 15px;
}
.more_or_less.custom-js .home_less a.btn::before {
  content: "\f062" !important;
}
.more_or_less.custom-js .home_less::before,
.more_or_less.custom-js .home_more::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background-color: var(--theme-color-secondary);
  left: 0;
  top: 50%;
}
body.login .more_or_less.custom-js .home_less::before,
body.login .more_or_less.custom-js .home_more::before {
  background-color: var(--theme-color) !important;
}
.custom-persoonlijke-leerroute a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.custom-persoonlijke-leerroute-img {
  width: 100px !important;
  height: 90px !important;
}
.custom-persoonlijke-leerroute-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.custom-persoonlijke-leerroute-content p {
  left: 0 !important;
  padding: 10px 20px 10px 20px !important;
  margin-bottom: 10px;
}
.custom-persoonlijke-leerroute-content span {
  left: 0 !important;
  margin-left: 20px !important;
  bottom: 8px;
  top: unset !important;
}
.custom-persoonlijke-leerroute-content .nf_box_progress_wrapper {
  left: 100px;
}
body.login.mobile #homeDiv #home_left {
  background-color: #fff;
  z-index: 1;
}
body.start .custom-home-page #home_left.volledige_breedte {
  -webkit-box-flex: unset !important;
  -ms-flex: unset !important;
  flex: unset !important;
  margin: unset !important;
}
body.start .custom-home-page #home_right.hide {
  display: block !important;
}
.custom-verify-email {
  width: 60%;
}
.custom-home-page .home_cbt_text {
  width: 100%;
  display: block;
}

ul.learning > li > a > .home_cbt_info .home_cbt_text > *:nth-child(1) {
  display: block;
  margin-bottom: 0;
}
.custom-home-page #home_block_17 .home_block_content ul.home_list a.btn_home div {
  width: unset;
  padding-right: 15px;
}
.custom-home-page #home_block_17 .home_block_content ul.home_list a.btn_home div i {
  color: rgb(62 61 61);
  font-size: 22px;
}
.custom-home-page #home_block_17 .home_block_content ul.home_list a.btn_home > div:before {
  display: none;
}
.custom-text-title-leerroute {
  margin-bottom: 0 !important;
}
.custom-text-title-leerroute p {
  font-size: 15px;
  color: #333;
}
body.start .custom-home-page #home_right .home_block {
  margin-bottom: 45px;
}
body.start .custom-home-page .home_block#home_block_24 {
  margin-bottom: 20px;
}
@media (max-width: 1400px) {
  .custom-home-page {
    -webkit-box-pack: unset !important;
    -ms-flex-pack: unset !important;
    justify-content: unset !important;
  }
}
@media (max-width: 1116px) {
  .custom-home-page #home_left,
  .custom-home-page #home_right {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 1014px) {
  #homeDiv.custom-home-page #home_left.volledige_breedte {
    -webkit-box-flex: unset !important;
    -ms-flex: unset !important;
    flex: unset !important;
    margin: unset !important;
  }
}
@media (max-width: 1000px) {
  .custom-home-page #home_block_24.leermodules .home_block_content #pag_item_24 .learning li {
    width: 100% !important;
  }
  .custom-home-page #home_block_24.leermodules .home_block_content #pag_item_24 .learning li:nth-child(odd) {
    padding-right: 0px !important;
  }
  .custom-home-page #home_block_24.leermodules .home_block_content #pag_item_24 .learning li:nth-child(even) {
    padding-left: 0px !important;
  }
}
@media (max-width: 768px) {
  #boventekst #top_logo {
    -webkit-box-flex: unset !important;
    -ms-flex: unset !important;
    flex: unset !important;
    width: 160px;
  }
  .custom-home-page #home_block_38,
  .custom-home-page #home_left,
  .custom-home-page #home_right {
    width: 100% !important;
  }
  body.start #homeDiv #home_left:not(.volledige_breedte),
  body.start #homeDiv #home_right:not(.volledige_breedte) {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  .custom-home-page #nf_wrapper_left,
  #nf_wrapper_right {
    margin-left: 0;
  }
  body.kennis_bibliotheek:before,
  body.start:before {
    background-position: center !important;
    background-size: cover !important;
  }
  .custom-home-page-title {
    top: 126px;
    left: 25px;
  }
  .custom-home-page-title img {
    width: 84px;
  }
  .custom-home-page-title span {
    font-size: 20px;
    padding: 8px 15px 0px 20px;
  }
  .custom-home-page #home_block_1.leermodules .home_block_content #pag_item_1 .learning li {
    width: 50% !important;
  }
  .custom-home-page #home_block_1.leermodules .home_block_content #pag_item_1 .learning li:nth-child(odd) {
    padding-right: 15px !important;
  }
  .custom-home-page #home_block_1.leermodules .home_block_content #pag_item_1 .learning li:nth-child(even) {
    padding-left: 15px !important;
  }
  body.start .banner_hervatten {
    width: 100%;
    padding: 0 40px;
  }
}
@media (max-width: 667px) {
  .more_or_less.custom-js {
    margin-bottom: 40px;
  }
}
@media (max-width: 549px) {
  .custom-home-page #home_block_1.leermodules .home_block_content #pag_item_1 .learning li {
    width: 100% !important;
  }
  .custom-home-page #home_block_1.leermodules .home_block_content #pag_item_1 .learning li:nth-child(odd) {
    padding-right: 0px !important;
  }
  .custom-home-page #home_block_1.leermodules .home_block_content #pag_item_1 .learning li:nth-child(even) {
    padding-left: 0px !important;
  }
}
@media (max-width: 480px) {
  body.mobile .popbox#upload-foto .content .padding iframe,
  body.kennis_bibliotheek .popbox#upload-foto .content .padding iframe {
    width: 100% !important;
  }
  body.mobile .popbox#upload-foto .content .padding iframe body {
    margin: 0;
  }
  body.mobile.start.popbox_active .popbox.ui-draggable .content .w400 {
    width: auto !important;
  }
  .custom-home-page-title img {
    display: none;
  }
  #boventekst #top_logo {
    width: 450px;
  }
  .custom-home-page #home_block_24.leermodules .home_block_content #pag_item_24 .learning .label_leertraject {
    width: 100%;
  }
  ul.learning > li > a > .home_cbt_image {
    background-size: cover !important;
  }
  .home_block.home_learning ul.learning > li {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 1 100% !important;
    flex: 0 1 100% !important;
    margin-right: 0 !important;
  }
  ul.learning > li > a > .home_cbt_image {
    background-size: cover !important;
  }
  .custom-home-page #home_block_38,
  .custom-home-page #home_left,
  .custom-home-page #home_right {
    padding: 0 15px;
  }
  .custom-home-page ol.leerrails_list {
    left: 0;
    top: 0;
    -webkit-transform: scaleY(0.88) scaleX(0.99);
    -ms-transform: scaleY(0.88) scaleX(0.99);
    transform: scaleY(0.88) scaleX(0.99);
  }
}
/* =============================== Leertraject Page ======================= */
.custom-leertraject_swipper .swiper-container {
  position: relative !important;
}
.custom-leertraject_swipper .swiper-container .swiper-button {
  position: absolute;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  background-size: 40px 40px;
  height: 50px;
  width: 50px;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 2px 2px #c1c1c1;
  box-shadow: 0px 2px 2px 2px #c1c1c1;
}
body.leerroute .swiper-button-next {
  background-image: url("/images/icons/chevron-right-50px.png");
  border-radius: 50px 0px 0px 50px;
  right: 0;
}
body.leerroute .swiper-button-prev {
  background-image: url("/images/icons/chevron-left-50px.png");
  border-radius: 0px 50px 50px 0;
  left: 0;
}
body.leerroute .swiper-button-next:hover {
  scale: 1.05;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  right: 0 !important;
  height: 50px;
  width: 60px;
  background-color: #fff;
  display: inline-block;
  -webkit-box-shadow: 0px 2px 2px 2px #c1c1c1;
  box-shadow: 0px 2px 2px 2px #c1c1c1;
}
body.leerroute .swiper-button-prev:hover {
  scale: 1.05;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  left: 0 !important;
  height: 50px;
  width: 60px;
  background-color: #fff;
  display: inline-block;
  -webkit-box-shadow: 0px 2px 2px 2px #c1c1c1;
  box-shadow: 0px 2px 2px 2px #c1c1c1;
}

@media (max-width: 480px) {
  body.leerroute .custom-leertraject_swipper #leerroute_swiper .lr_intro {
    margin: 90px 0px 0px !important;
    width: 100% !important;
    padding: 0 20px !important;
  }
}
/* =============================== Custom vragenlijst.css ======================= */
body:not(.none-mobile) #vragen_container .antw_type_9 .antwoord_blok label p {
  display: none;
}
body:not(.none-mobile) .vraag_antwoord_blok.matrix_head {
  padding: 0rem 5rem;
}
body:not(.none-mobile) #vragen_container .matrix_head.matrix_5 > div {
  margin-left: 45%;
}
body:not(.none-mobile) #vragen_container .matrix_head p {
  display: inline-block;
  text-align: center;
  border-left: 1px solid #e0e0e0;
  word-wrap: break-word;
  line-height: 1.6em;
}
body:not(.none-mobile) #vragen_container .matrix_head.matrix_5 p,
body:not(.none-mobile) #vragen_container .antw_type_9.matrix_5 .antwoord_blok label {
  width: 20%;
}
body:not(.none-mobile) #vragen_container .antw_type_9.matrix_5 .antwoord_blok label {
  border: none;
  background-color: unset;
  text-align: center;
}
body:not(.none-mobile) #vragen_container .vraag_antwoord_blok:nth-child(odd) .antwoord_blok label:hover,
body:not(.none-mobile) #vragen_container .vraag_antwoord_blok:nth-child(odd) .antwoord_blok label.selected {
  background-color: unset !important;
}
body:not(.none-mobile) #vragen_container .vraag_antwoord_blok:nth-child(even) .antwoord_blok label:hover,
body:not(.none-mobile) #vragen_container .uitlijning_0.vraag_antwoord_blok:nth-child(even) .antwoord_blok label.selected {
  background-color: unset;
  cursor: pointer;
}
body:not(.none-mobile) #vragen_container .antw_type_9.matrix_5 .vraag {
  width: 45%;
}
body:not(.none-mobile) #vragen_container .antw_type_9.matrix_5 .antwoord_blok {
  width: 55%;
}
body:not(.none-mobile) .vraag_antwoord_blok.antw_type_9,
body:not(.none-mobile) .vraag_antwoord_blok.matrix_head {
  padding: 0rem 5rem;
}
body:not(.none-mobile) ul.rating li {
  list-style: none !important;
}
/* =============================== multi languages ======================= */
#ondertekst .languages-switcher {
  padding: 0;
}
.languages-switcher {
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 10px;
  background-color: #ffffff;
}
.languages-switcher svg {
  height: 40px;
  width: 40px;
  color: gray;
  margin-left: 1rem;
}
.languages-switcher .block_lang_switcher-home-page {
  width: 100%;
}
.languages-switcher .multi_languages_login_mobile {
  display: none;
}
body.mobile .languages-switcher .multi_languages_login_mobile {
  display: block;
}
/* languages for names */
.languages-switcher .block_lang_switcher .names{
  display: flex;
  justify-content: flex-start;
  height: 23px;
  background-color: #0000001a;
  width: max-content;
  margin-left: auto;
}
.languages-switcher .block_lang_switcher .names a {
  font-weight: 600;
  margin: 0;
  border-left: 1px solid #dbdbdb;
  padding: 0px 7px;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.languages-switcher .block_lang_switcher .names a.active {
  background-color: var(--theme-color);
  color: #ffffff !important;
}
.languages-switcher .block_lang_switcher .names a:not(.active):hover {
  background-color: #0000002a;
}
.block_lang_switcher a:not(:last-child)::after {
  height: 90% !important;
  display: none;
}
/* css dropdown */
.languages-switcher .block_lang_switcher .dropdown {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: max-content;
  line-height: 100%;
  overflow: hidden;
  margin: 2px 0;
}
body.login .languages-switcher .dropdown {
  margin: 0;
}
.languages-switcher .block_lang_switcher .dropdown select {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0 !important;
  background: #0282c2;
  background-image: none;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 4px;
  color: #fff;
  cursor: pointer;
  height: 22px;
}
.languages-switcher .block_lang_switcher .dropdown select::-ms-expand {
  display: none;
}
body:not(.login) #ondertekst .languages-switcher .version,
body:not(.login) #ondertekst .languages-switcher > :not(.block_lang_switcher ) {
  display: none;
}
/* Css flags */
.languages-switcher .block_lang_switcher .flags {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.languages-switcher .block_lang_switcher .flags .flag-icon {
  cursor: pointer;
  line-height: 1em;
  width: 1.6em;
}
.languages-switcher .block_lang_switcher .flags .toggle-list-languages {
  z-index: 10;
  display: none;
  background-color: transparent;
  left: 2.8em;
  top: 0;
  -webkit-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
}
.languages-switcher .block_lang_switcher .flags .toggle-list-languages > div{
  display: flex;
  margin-left: 4px;
}
.languages-switcher .block_lang_switcher .flags .toggle-list-languages > div > a{
  margin-right: 4px;
  line-height: 1em;
}
body.login .languages-switcher .block_lang_switcher .flags .toggle-list-languages .lang-flag {
  margin-right: 4px;
}
.mobile.login .languages-switcher .block_lang_switcher .flags .toggle-list-languages {
  top: 36px;
}
.languages-switcher .block_lang_switcher .flags .toggle-list-languages a {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  color: #000;
  padding: 0;
  font-size: 14px !important;
}
.languages-switcher .block_lang_switcher .flags .toggle-list-languages a:hover {
  opacity: 0.8;
}
.languages-switcher .block_lang_switcher .flags .toggle-list-languages a span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 10px;
}
.languages-switcher .block_lang_switcher .flags a.active {
  display: block;
}

.flag-icon:not(input):not(textarea) {
  line-height: 2.3em;
  width: 2.3em;
}
@media (max-width: 768px) {
  .flag-icon:not(input):not(textarea) {
    line-height: 1em;
    width: 1.3333em;
  }
  .languages-switcher .block_lang_switcher .flags .flag-icon {
    font-size: 1.2rem;
  }
  .mobile.start .languages-switcher .block_lang_switcher .flags .toggle-list-languages {
    left: 3em;
  }
  #clickboxarrow.clickboxbottom {
    left: 95% !important;
  }
}
#fotodisplay img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
#boventekst .titel_profiel_container,
.szw_nav a:hover,
#opslaan_btn,
#opslaanBtn,
#resetBtn,
#checkBtn,
#editBtn,
.item_btn,
body.module.label_casus #vorigeVolgendeBtn #vorigeBtn:hover,
body.module.label_casus #vorigeVolgendeBtn #volgendeBtn,
body.module.label_casus #voortgang_cbt a.voortgang_item.sel:before,
body.module.label_casus #voortgang_cbt a.voortgang_item:after,
body.module.label_casus #voortgang_cbt a.voortgang_item,
body.module.label_casus .assignment {
  background-color: rgba(2, 130, 194, 1) !important;
}
body.login .btn,
body.login .btn_mini,
body.login .btn_fa {
  border-color: var(--theme-color) !important;
  background-color: var(--theme-color) !important;
}
#opslaanBtn {
  border: none;
}
body.start .btn.uitloggen {
  background-color: transparent !important;
}
.progress-done {
  display: block !important;
  position: absolute;
  bottom: 0;
  height: 5px !important;
}
.progress-done div {
  background: #14b300 !important;
  border-bottom: 1px solid #207915 !important;
  border-radius: 3px !important;
}
/* Landscape mijn uitleg */
body.start:not(.mobile) .home_block.home_learning ul.learning > li {
  margin: 0 0 1rem 0 !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 50% !important;
  flex: 0 0 50% !important;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
body.start:not(.mobile) .home_block.home_learning ul.learning > li:nth-child(odd) {
  padding-right: 10px !important;
}
body.start:not(.mobile) .home_block.home_learning ul.learning > li:nth-child(even) {
  padding-left: 10px !important;
}
.is_hidden {
  display: none !important;
}
.home_block.home_learning ul.learning > li > a {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: none;
  webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 14%),
    0 2px 1px -1px rgb(0 0 0 / 12%), 0 1px 3px 0 rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 14%),
    0 2px 1px -1px rgb(0 0 0 / 12%), 0 1px 3px 0 rgb(0 0 0 / 20%);
  box-shadow: 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%),
    0 1px 3px 0 rgb(0 0 0 / 20%);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
ul.learning > li > a > .home_cbt_image {
  min-height: 100px;
  height: auto;
}
ul.learning > li > a > .home_cbt_info {
  padding-bottom: 8px !important;
}
ul.learning > li > a > .home_cbt_info > .home_cbt_text {
  font-weight: bold;
  padding-bottom: 18px;
}
ul.learning > li > a > .home_cbt_info > .home_cbt_text > p ul.learning > li > a > .home_cbt_info > .kleiner {
  margin-top: -14px;
  font-size: 12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  padding: 0 !important;
  max-height: 90px;
}
ul.learning > li:last-child {
  margin-bottom: 0 !important;
}

/* custom css */
#vorigeVolgendeBtn #volgendeBtn:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64.5 106.51'%3E%3Ctitle%3Ecbt_item_next%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolyline points='11.31 11.31 53.19 53.19 11.31 95.19' style='fill:none;stroke:%23FFF;stroke-linecap:square;stroke-miterlimit:10;stroke-width:16px'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}
#vorigeVolgendeBtn #vorigeBtn:hover {
  background-color: transparent !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 128 128' x='0px' y='0px'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;stroke:#3c4476;stroke-linecap:square;stroke-miterlimit:10;stroke-width:16px;}%3C/style%3E%3C/defs%3E%3Ctitle%3EPrevious item%3C/title%3E%3Cpolyline class='cls-1' points='84.94 22.06 43.06 63.94 84.94 105.94'/%3E%3C/svg%3E") !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64.5 106.51'%3E%3Ctitle%3Ecbt_item_prev%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolyline points='53.19 11.31 11.31 53.19 53.19 95.19' style='fill:none;stroke:%233c4476;stroke-linecap:square;stroke-miterlimit:10;stroke-width:16px'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}
.assignment_content.has_media .kop1 {
  padding-bottom: 0 !important;
}
.assignment_content.assignment_half .padding {
  padding-top: 0 !important;
  background-color: transparent;
}
.assignment_content .padding .kop1 {
  padding-top: 0 !important;
}
ul.fase_lijst li:hover > ul.opdracht_lijst,
ul.fase_lijst li ul.opdracht_lijst li:hover > ul.item_lijst {
  color: black !important;
}
.custom-menu-popup .one-item {
  display: none !important;
}
#menu_fases.custom-menu-popup #menubtn_home.menu_fase {
  padding: 0;
  height: 61px;
  background-color: var(--theme-color-secondary) !important;
  border-top: unset;
  color: #fff;
}
#menu_fases.custom-menu-popup #menubtn_home.menu_fase:hover {
  -webkit-filter: brightness(120%) !important;
  filter: brightness(120%) !important;
  color: #fff !important;
}
#menu_fases.custom-menu-popup #menubtn_home .titeltje {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  font-size: 24px;
}
#menu_fases.custom-menu-popup {
  background-color: #e9ebf2;
}
#menu_fases.custom-menu-popup a,
#menu_fases.custom-menu-popup span.menu_opdracht {
  border-bottom: 1px solid #8fcae7;
  background-color: #e9ebf2;
  color: #666666;
  line-height: 180% !important;
  padding: 10px 10px;
  border-left: unset !important;
}
#menu_fases.custom-menu-popup ul.opdracht_lijst,
#menu_fases.custom-menu-popup ul.item_lijst {
  width: 350px;
  margin-top: -47px !important;
}
#menu_fases.custom-menu-popup ul.item_lijst {
  margin-top: -46px !important;
}
#menu_fases.custom-menu-popup a.menu_fase.done,
#menu_fases.custom-menu-popup span.menu_opdracht.done,
#menu_fases.custom-menu-popup a.menu_opdracht.done,
#menu_fases.custom-menu-popup a.menu_item.done {
  border-left: unset !important;
}
#menu_fases.custom-menu-popup a.menu_fase .btnFase {
  height: auto !important;
  width: 20px !important;
}
body #boventekst .notificatie_container a.btn_notificatie {
  opacity: 1 !important;
  width: 2rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body #boventekst .notificatie_container a.btn_notificatie::before {
  content: "\f0f3";
  font-family: "Font Awesome 7 Pro";
  font-size: 1.7rem;
}
body #boventekst .notificatie_container a.btn_notificatie:hover {
  text-decoration: none !important;
}
.mobile .edit-user {
  max-height: 250px !important;
  width: 100% !important;
}
.mobile .edit-user .width-mb {
  width: 80px !important;
}
.mobile .edit-user input:not(#is_avg_akkoord_int) {
  width: 100% !important;
}
#clickbox li a:hover {
  text-decoration: none;
}
.btn.omhoog:hover,
.btn.omlaag:hover {
  color: #000 !important;
}
.underline,
.underline:hover {
  text-decoration: none;
}
/* btn */
#clickboxarrow.clickboxbottom {
  left: 44%;
}
.popup-user-client .btn {
  height: unset !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px !important;
  padding: 6px 10px !important;
  -webkit-box-shadow: 0px 2px 2px 2px #00000040;
  box-shadow: 0px 2px 2px 2px #00000040;
}
.popup-user-client .btn.uitloggen:hover,
.popup-user-client .btn.uitloggen {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid transparent !important;
}
body.start .popup-user-client .btn.uitloggen:hover {
  background-color: unset !important;
  color: unset !important;
}
.popup-user-client .btn::before {
  height: unset !important;
  position: relative;
  top: 1.8px;
}
.swiper-button-next,
.swiper-button-prev {
  margin-top: 0 !important;
}
body.start .btn.uitloggen {
  color: #000 !important;
}
.vragenlijst_toegangscode #infoform,
.vragenlijst_toegangscode #infoform .btn_fa_inloggen {
  height: 40px !important;
}
.vragenlijst_toegangscode #infoform .btn_fa_inloggen {
  position: relative;
  -webkit-box-flex: unset !important;
  -ms-flex: unset !important;
  flex: unset !important;
  width: 120px;
  padding-left: 10px !important;
  text-align: center !important;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.vragenlijst_toegangscode #infoform .btn_fa_inloggen::before {
  position: absolute;
  width: auto !important;
  left: 0px;
  height: 26px;
  width: 40px !important;
}
#infoform .btn_fa_inloggen::before {
  line-height: 27px !important;
}
.popup-user-client.clickboxfooter .btn.uitloggen.left {
  margin-bottom: 12px;
}
.home_toets .home_block_content ul.home_list li a,
.home_enquetes .home_block_content ul.home_list li a,
.home_monitoren20 .home_block_content ul.home_list li a {
  font-size: 14px;
  padding: 4px 8px !important;
}
#vergetenform button[type="submit"].btn_fa:before,
#formLogin button[type="submit"].btn_fa:before,
#vergetenform button.btn_fa:before,
#magic_link_form button.btn_fa:before {
  font-size: 25px;
  line-height: 40px;
  width: 40px;
  margin-right: 0;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
}
#vergetenform button[type="submit"].btn_fa,
#formLogin button[type="submit"].btn_fa,
#vergetenform button.btn_fa,
#magic_link_form button.btn_fa,
body.password-reset-page #home_left .home_block_content .btn.opslaan,
body.password-reset-page .home_block_content .btn.inloggen {
  padding-left: 38px !important;
  border-bottom: 2px solid #0000003b !important;
}
#wwvergeten.btn_fa.btn_fa_volgende::before {
  top: 2px;
}
#formLogin input[name="username"],
#formLogin input[name="password"],
#formLogin button[type="submit"],
#vergetenform button[type="submit"],
#vergetenform input[name="email"],
#magic_link_form input[name="email_magic_link"],
#magic_link_form button[type="submit"],
#infoform,
#infoform .btn_fa.btn_fa_inloggen.btn_input_height,
body.password-reset-page .full-width,
body.password-reset-page .d-flex .right input,
.aanmeldform input {
  border-radius: 0px !important;
  font-size: 1.1rem;
}
#magic_link_form input[name="email_magic_link"],
.vragenlijst_toegangscode #infoform input[type="text"],
#formLogin input[name="username"],
#formLogin input[name="password"],
#vergetenform input[name="email"],
#magic_link_form input[name="email_magic_link"],
body.login .vragenlijst_code .home_block_content #infoform input,
body.password-reset-page .full-width,
body.password-reset-page .d-flex .right input,
.aanmeldform input,
.aanmeldform select {
  border-bottom: 2px solid #cdcdcd !important;
  outline: none !important;
}
/* footer in page */
body.playlist #ondertekst,
body.vragenlijst #ondertekst,
body.lt_playlist #ondertekst,
body.leerroutes #ondertekst,
body.module #ondertekst {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
iframe#getdocframe #ondertekst,
body.playlist.in_popbox #ondertekst,
body.vragenlijst.in_popbox #ondertekst,
body.lt_playlist.in_popbox #ondertekst,
body.leerroutes.in_popbox #ondertekst,
body.module.in_popbox #ondertekst {
  display: none !important;
}
body.module #overflowDiv:not(.frvideo_mp3) #containerDiv {
  height: calc(100% - 60px) !important;
  /* padding-bottom: 60px !important; */
}
body.module.in_popbox #overflowDiv #containerDiv {
  padding-bottom: 0 !important;
}
/* @media screen and (max-width: 768px) {
  body.module:not(.in_popbox) #overflowDiv #containerDiv,
  body.module:not(.in_popbox) #overflowDiv:not(.frvideo_mp3) #containerDiv {
    padding-bottom: 40px !important;
  }
}
@media screen and (max-width: 549px) {
  body.module:not(.in_popbox) #overflowDiv #containerDiv,
  body.module:not(.in_popbox) #overflowDiv:not(.frvideo_mp3) #containerDiv {
    padding-bottom: 57px !important;
  }
} */

#voortgang_cbt.toon_als_progressbar div.voortgangsgetal {
  display: block;
  margin-top: 30px !important;
  font-size: 0.8em;
  position: absolute;
  right: 0;
}
body.leerroutes #overflowDiv #containerDiv {
  padding-bottom: 40px;
}
body.login .vergeten_formulier h1 {
  text-align: left;
}
body.login .home_block {
  padding: 14px 0;
}
body.login .languages-switcher .home_block {
  padding: 0;
}

body.vragenlijst .popup-user-client .btn.uitloggen,
body.leerroutes .popup-user-client .btn.uitloggen {
  border: none !important;
  background-color: unset !important;
}
.custom-home-page .home_list.file_download a {
  padding: 5px 5px 5px 30px !important;
}
.btn_fa_pdf {
  background-color: unset !important;
}
body.vragenlijst .taalkeuze {
  display: none;
}
#magic_link_form input[name="email_magic_link"],
.vragenlijst_toegangscode #infoform input[type="text"],
.aanmeldform input,
.aanmeldform select {
  background-color: rgba(0, 0, 0, 0.05);
  border: none;
}

body.vragenlijst.in_popbox .popbox_boven .boven_icon:before,
body.afsprakenplanner.in_popbox .popbox_boven .boven_icon:before {
  font-family: "Font Awesome 7 Pro";
}
.custom-lr-content {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.home_list.file_download a::before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.home_list.file_download a::after {
  top: 35%;
}
.popup-user-client ul li a {
  color: #374f5a !important;
}
#opslaanBtn {
  padding: 0 40px 0 7px !important;
}
#submit_magic_link {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 !important;
  flex: 0 !important;
}
body.login .omschrijving {
  padding-top: 10px;
  border: none;
}
.custom-home-page .ontwikkelwijzer .mijn_actieplannen ul.home_list li .btn_fa {
  z-index: 1;
}
.custom-home-page .ontwikkelwijzer.home_block ul.home_list > li {
  position: relative;
  overflow: inherit;
  border: none;
}
.custom-home-page .ontwikkelwijzer.home_block ul.home_list > li button.btn_fa {
  position: absolute;
  top: 5px;
  right: 10px;
  color: var(--theme-color);
  background-color: #fff !important;
  margin: 0;
  border: 1px solid var(--theme-color) !important;
}
.home_block.home_actieplan ul.home_list li a.item-kenis {
  padding-right: 55px;
}
.custom-home-page .ontwikkelwijzer.home_block ul.home_list > li button.btn_fa::before {
  height: auto;
}
.custom-home-page .ontwikkelwijzer.home_block ul.home_list > li button.btn_fa:hover {
  color: #fff;
  background-color: var(--theme-color) !important;
}
.custom-home-page .ontwikkelwijzer.home_block ul.home_list li > a:hover {
  background-color: unset !important;
}
body.vragenlijst .popup-user-client ul li a:hover,
body.lt_playlist .popup-user-client ul li a:hover,
body.playlist .popup-user-client ul li a:hover,
body.leerroutes .popup-user-client ul li a:hover {
  background-color: transparent !important;
}
#opslaanBtnEnq {
  padding: 0 8px 0 10px !important;
  display: block;
  background-color: #67c285 !important;
  width: 150px;
  font-size: 1.5rem !important;
  height: 40px;
  line-height: 40px !important;
  text-align: center;
  margin: 0 !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #fff !important;
  border-radius: 20px;
  cursor: pointer;
  border: none;
  text-decoration: none;
  text-transform: capitalize;
}
#opslaanBtnEnq:hover {
  background-color: #02c241 !important;
  color: #fff !important;
}
body.module #trainingsItemOpen.has_media_rechts .assignment {
  background-position: 0;
}
body.module #trainingsItemOpen.has_media_rechts .assignment #assignment_content .padding {
  background-color: rgba(255, 255, 255, 0.85);
}
body.afsprakenplanner.in_popbox #containerDiv #home_left.volledige_breedte {
  margin: 0;
}
.popbox #editdeelnemerform input, .form-control {
  padding: 7px;
  height: 36px;
  border-radius: 4px !important;
  border: 1px solid #adadada3;
}
.popbox #editdeelnemerform input:focus,.form-control:focus{
  outline: none;
}
.popbox .content #editdeelnemerform table tbody tr td:first-child {
  padding-top: 3px;
}
.popbox .content #editdeelnemerform table tbody tr td input[name="email_thuis"]:not(#email_thuis) {
  height: 30px;
}
body.leerroutes .popbox a.btn_fa_ico.btn_fa_mail {
  background-color: transparent !important;
  padding: 0 !important;
}
.upload_forms .doc_btn {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 1 100% !important;
  flex: 0 1 100% !important;
}
.upload_forms .doc_btn button.btn.uploaden {
  margin-top: 10px;
  color: #fff !important;
}
body.login #homeDiv .magic_link.home_block #magic_link_form button#submit_magic_link::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.leerroutes:not(.mobile) .lr_content_container #leerroute_swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0.5em 6px 0.5em 6px !important;
}
body.module #overflowDiv #bovenkant_cbt #menu_fases ul.fase_lijst {
  height: 100%;
  padding: 0px 0 62px;
}
@media (max-width: 768px) {
  body.playlist #boventekst .breadcrumb_bar a,
  body.leerroutes #boventekst .breadcrumb_bar a,
  body.lt_playlist #boventekst .breadcrumb_bar a,
  body.start #boventekst .breadcrumb_bar a {
    font-size: 14px !important;
  }
}
@media (max-width: 549px) {
  body.start.mobile #boventekst .breadcrumb_bar_container{
    display: none;
  }
  #boventekst .breadcrumb_bar_container {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  
  #boventekst #top_logo {
    width: 245px;
  }
  body.playlist.mobile .playlist_cntr ul > li a.rel_video_cntr .module_img,
  body.lt_playlist.mobile .playlist_cntr > ul > li > a.btn_leerroutes div.lr_img {
    height: 250px !important;
  }
  body.mobile.module #menu_fases.custom-menu-popup .fase_lijst .opdracht_lijst,
  body.mobile.module #menu_fases.custom-menu-popup .fase_lijst .opdracht_lijst .item_lijst {
    position: relative;
    visibility: visible;
    opacity: 1;
    margin-top: 0px !important;
    margin-left: 0;
    width: 100%;
    padding-left: 25px;
    min-height: auto;
  }
  body.mobile.login #homeDiv #home_left.fixed.single #login-form__logo img {
    padding-right: 30px;
  }
  body.login #homeDiv #home_left.single .magic_link.home_block #magic_link_form button#submit_magic_link::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  body.mobile .lr_content_container #leerroute_swiper .swiper-pagination span.swiper-pagination-bullet {
    width: 20px !important;
  }
}
@media (max-width: 414px) {
  #overflowDiv #boventekst {
    z-index: 10000;
  }
  #overflowDiv #boventekst #notificatie_box {
    width: 100%;
  }
  body.mobile.login input {
    font-size: 0.8rem !important;
  }
  body.in_popbox .popbox_boven {
    overflow: hidden;
  }
  body.in_popbox .popbox_boven h1 {
    font-size: 1rem !important;
    line-height: 1.3rem !important;
  }
  body.mobile table.edit-user tr{
    display: flex;
    flex-direction: column;
  }
  body.mobile table.edit-user tr > td.width-mb,
  body.mobile table.edit-user tr > td:first-child {
    width: 100% !important;
  }
  body.mobile table.edit-user tr > td > p{
    text-align: left;
  }
  body.mobile table.edit-user tr.table-privacy > td > label{
    display: flex;
  }
  body.mobile table.edit-user tr.table-privacy > td > label > input{
    width: 24px !important;
    height: 14px !important;
  }
}

/* Custom CSS Add header into page kennis_bibliotheek_v02 */
body.kennis_bibliotheek:before {
  content: "";
  border: none !important;
  height: 180px;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px 50%;
  position: absolute;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -ms-flexbox;
}
body.kennis_bibliotheek #competenties_container {
  padding-top: 120px;
}
body.kennis_bibliotheek .deelnemer_img {
  cursor: pointer;
}

body.kennis_bibliotheek .languages-switcher .block_lang_switcher .names a {
  font-size: 15px;
}
body.kennis_bibliotheek .breadcrumb_bar {
  display: none !important;
}
body.kennis_bibliotheek .banner_hervatten {
  position: absolute;
  top: 0;
  right: 0;
  width: 25%;
  min-width: 340px;
  height: 100%;
  max-height: 180px;
  padding-bottom: 24px;
  border-left: 20px solid rgba(8, 78, 111, 0.789);
  font-family: "Verdana";
  color: white;
  text-transform: none;
  margin: 0;
  padding: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  border-left: none;
  z-index: 3;
  background-position: top -44px center;
  background-size: cover;
}
body.kennis_bibliotheek .banner_hervatten::before {
  font-family: "Expletus Sans", sans-serif;
  z-index: 100000;
  position: absolute;
  text-shadow: 0px 1px 1px #00000061;
  width: unset;
  height: unset !important;
  left: unset !important;
  top: unset !important;
  bottom: 26% !important;
  font-size: 25px !important;
  right: 70px;
}
body.kennis_bibliotheek .breadcrumb_bar_container {
  position: relative;
}
body.kennis_bibliotheek #headerprofile .profile_img {
  margin: 0;
}
body.kennis_bibliotheek .filteren {
  padding: 0;
  position: absolute;
  right: 30px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
body.kennis_bibliotheek .filteren input {
  padding: 0 36px 0 10px;
  width: 220px;
}
body.kennis_bibliotheek .filteren a.btn_fa {
  padding: 0 !important;
  background-color: transparent !important;
}

body.kennis_bibliotheek .btn_ap,
body.kennis_bibliotheek .btn_opendicht.open,
body.kennis_bibliotheek .btn_opendicht.dicht {
  color: #fff !important;
}
body.kennis_bibliotheek .btn_ap:hover,
body.kennis_bibliotheek .btn_opendicht.open:hover,
body.kennis_bibliotheek .btn_opendicht.dicht:hover {
  color: #004688 !important;
}
body.kennis_bibliotheek div.icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 8px;
  right: 16px;
}
body.kennis_bibliotheek .content {
  height: 100% !important;
}
body.kennis_bibliotheek .content .kb_help {
  max-width: 100%;
  padding: 10px 10px 50px;
}
body.kennis_bibliotheek .content .kb_help h1 {
  font-size: 2em;
  line-height: 150%;
}
body.kennis_bibliotheek a#top_logo {
  background-position: center !important;
}
body.module #assignment_content .trainingsDocs_item br {
  display: none;
}
body.vragenlijst .volgendevorige_btns {
  margin-bottom: 80px;
}
body.vragenlijst .volgendevorige_btns.in_popbox {
  margin-bottom: 40px;
}
body.vragenlijst #boventekst #top_logo {
  width: 50px;
  position: absolute;
  height: 60px;
  top: 0;
  left: 10px;
  margin: 0;
  background-size: 80%;
  background-position: center;
}
body.kennis_bibliotheek #items_container fieldset.item_blok h2 {
  color: #000;
  padding: 8px 16px;
  margin: 4px;
}

@media (max-width: 768px) {
  body.kennis_bibliotheek:before,
  body.kennis_bibliotheek .banner_hervatten {
    margin-top: 59px !important;
  }
  body.kennis_bibliotheek #competenties_container {
    padding-top: 200px;
  }
  body #ondertekst {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 6px 0px;
    padding-top: 36px;
    max-height: 57px;
    height: 100%;
  }
  #ondertekst .languages-switcher
  body.login.mobile #ondertekst #footer-logo{
    height: auto;
    margin: 8px 0;
  }
  body.login #login-form__logo img {
    height: 70px;
  }
  body.mobile #ondertekst ul,
  body.kennis_bibliotheek #ondertekst ul {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0.5rem !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body:not(.login) #ondertekst .languages-switcher{
    display: none;
  } 
  body.login #ondertekst .languages-switcher {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  body.login #ondertekst ul {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 0.5rem !important;
  }
  body #ondertekst ul li,
  body #ondertekst ul li a {
    font-size: 0.7rem !important;
  }
  #ondertekst ul li:before { 
    margin-left: 6px;
    margin-right: 6px;
  }
  #ondertekst ul li.clear:before { 
    display: none;
  }
  #footer-logo img {
    height: 25px;
  }
  .languages-switcher svg {
    height: 25px;
    width: 25px;
  }
  .languages-switcher .block_lang_switcher .names a {
    font-size: 1rem !important;
  }
  body.login.mobile #ondertekst .languages-switcher,
  body.login.mobile #ondertekst .languages-switcher .version,
  body.login.mobile #ondertekst .languages-switcher svg{
    display: none;
  }
}
@media (max-width: 549px) {
  body.vragenlijst.none-mobile #ondertekst {
    display: none !important;
  }
  body.vragenlijst.none-mobile #mijn-gegevens.popbox.ui-draggable {
    height: 90%;
  }
  body.vragenlijst.none-mobile .edit-user {
    max-height: 250px !important;
    width: 100% !important;
  }
  body.vragenlijst.none-mobile .edit-user .width-mb {
    width: 80px !important;
  }
  body.vragenlijst.none-mobile .edit-user input {
    width: 100% !important;
  }
  body.vragenlijst .edit-user td,
  body.vragenlijst .edit-user td a {
    font-size: 14px !important;
  }

  body.kennis_bibliotheek #boventekst a#top_logo {
    position: relative;
  }
  body.kennis_bibliotheek #boventekst a#top_logo img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 13px;
    height: 70%;
  }
  body.kennis_bibliotheek .edit-user {
    max-height: 250px !important;
    width: 100% !important;
  }
  body.kennis_bibliotheek .edit-user .width-mb {
    width: 80px !important;
  }
  body.kennis_bibliotheek .edit-user input[type="text"],
  body.kennis_bibliotheek .edit-user input[type="password"] {
    width: 100%;
  }
  body.kennis_bibliotheek .banner_hervatten {
    width: 100%;
  }
  body.kennis_bibliotheek .filteren {
    right: 0;
    left: 0;
    z-index: 10;
  }
  /* Footer mobile */
  body.kennis_bibliotheek #ondertekst ul li,
  body.kennis_bibliotheek #ondertekst .version,
  body.kennis_bibliotheek #ondertekst a,
  body.mobile #ondertekst .version,
  body.mobile #ondertekst ul li,
  body.mobile #ondertekst a {
    font-size: 0.7rem !important;
  }

  body.kennis_bibliotheek #ondertekst ul li,
  body.mobile #ondertekst ul li {
    right: 0;
  }
  body.kennis_bibliotheek #ondertekst ul li::before,
  body.mobile #ondertekst ul li::before {
    margin-left: 4px;
    margin-right: 4px;
  }
  body.kennis_bibliotheek #ondertekst ul li:first-child::before,
  body.mobile #ondertekst ul li:first-child::before {
    display: none;
  }
  /* Footer mobile */
  /* course */
  body.module #bovenkant_cbt #cbt_titel h1 {
    padding: 0;
    overflow: hidden;
    word-break: break-word;
    width: 180px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  #voortgang_cbt.toon_als_progressbar {
    margin: 0 64px -60px 64px;
  }
  body.module #bovenkant_cbt #cbt_titel h2 {
    display: none !important;
  }
  body.mobile #ondertekst{
    max-height: 60px;
    justify-content: flex-end;
  }
  #ondertekst #footer-logo{
    position: absolute;
    display: block;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    margin: 8px 0;
  }
  body.mobile #boventekst a.icon-header{
    margin: auto 8px auto 0;
  }
  body.mobile.start #boventekst #headerprofile{
    margin: auto 20px auto 10px;
  }
  body.start .banner_hervatten {
    padding: 0 20px;
  }
}

/* End Custom CSS Add header into page kennis_bibliotheek_v02 */
.home_block.home_training td.training-title {
  width: 100px;
} 
/* Personal block */
.home_block .home_block_content .personal_data{ 
  padding: 24px 15px 15px !important;
  background-color: #ffffff;
  box-shadow: 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%), 0 1px 3px 0 rgb(0 0 0 / 20%);
}
.home_block .home_block_content .personal_data .personal_data-introduce{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.home_block .home_block_content .personal_data .personal_data-info{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.home_block .home_block_content .personal_data .personal_data-name{
  flex: 1;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.home_block .home_block_content .personal_data .personal_data-name strong{
  font-size: 1.2rem;
}
.home_block .home_block_content .personal_data .personal_data-name p{
  margin: 0 10px 10px 0;
}
.home_block .home_block_content .personal_data .personal_data-thumbnail{
  height: 88px;
  width: 88px;
  margin-right: 14px;
  margin-bottom: 0;
}
.home_block .home_block_content .personal_data .personal_data-thumbnail img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.home_block .home_block_content .personal_data .personal_data-languages{
  background-color: #0000001a;
  width: max-content;
  height: 22px;
  display: flex;
  align-items: center;
}
.home_block .home_block_content .personal_data .personal_data-language{
  padding: 0px 7px;
  color: #374f5a;
  font-weight: 600;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
}
.home_block .home_block_content .personal_data .flags a{
  cursor: pointer;
  margin: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home_block .home_block_content .personal_data .flags a > i{
  width: 1.33333333em;
}
.home_block .home_block_content .personal_data .flags{
  display: flex;
  flex-direction: row-reverse;
}
.home_block .home_block_content .personal_data .flags .toggle-list-languages{
  display: none;
}
.home_block .home_block_content .personal_data .flags .toggle-list-languages > div{
  display: flex;
}
.home_block .home_block_content .personal_data .personal_data-languages > select{
  background-color: #0282c2;
  color: #ffffff;
  height: 100%;
  padding: 0 0 0 10px;
  cursor: pointer;
}
.home_block .home_block_content .personal_data .personal_data-language:hover{
  background-color: #0000002a;
}
.home_block .home_block_content .personal_data .personal_data-language.active{
  background-color: var(--theme-color);
  color: #ffffff;
}
.home_block .home_block_content .personal_data ul.home_list {
  margin-top: 10px;
}
.home_block .home_block_content .personal_data ul.home_list a{
  margin-left: 0px;
} 
/* End personal block */

body.start .home_block.home_enquetes a.btn_home.enquete > div:before {
  display: none;
}
body.start .home_block.home_toets a.btn_home.toets i.fal,
body.start .home_block.home_enquetes a.btn_home.enquete i.fal {
  font-size: 22px;
}
body.login .vragenlijst_code .home_block_content #infoform {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.login .vragenlijst_code .home_block_content #infoform input,
.popbox .content #editdeelnemerform table tbody tr td input[name="email_thuis"]:not(#email_thuis),
body.password-reset-page .full-width,
body.password-reset-page .d-flex .right input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: rgba(0, 0, 0, 0.05);
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: none;
  box-shadow: none;
  background-repeat: no-repeat;
  background-size: 35px 25px;
  background-position: 5px 7.5px;
  text-indent: 1rem;
  border-radius: 0;
  -webkit-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  padding: 0;
  height: 40px;
}
body.vragenlijst #boventekst {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
body.leerteam:not(.mobile) .leerteam-custom .lr_chat_container {
  top: 185px !important;
}
/* Page reset password */
body.password-reset-page .home_block {
  padding-top: 0;
}
body.password-reset-page .melding.letop:before {
  margin: 0 5px 0 0 !important;
}
body.password-reset-page .d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.password-reset-page .d-flex.btn-send .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
body.password-reset-page .d-flex .right input {
  width: 100%;
  margin-left: -1rem;
  margin-bottom: 5px;
}
body.password-reset-page .d-flex .left {
  width: 150px !important;
}
body.password-reset-page .d-flex .right {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
}
body.password-reset-page #homeDiv #home_left.volledige_breedte {
  background-color: #fff !important;
  margin-top: 0 !important;
}

body.password-reset-page .home_block_content h1 {
  margin: 0 !important;
  text-align: center;
}

body.password-reset-page .home_block_content .table-reset {
  width: 100%;
  margin: 0;
  background: none;
  border-bottom: none !important;
}
body.password-reset-page .home_block_content .btn.opslaan,
body.password-reset-page .home_block_content .btn.inloggen {
  display: block;
  width: 100%;
  margin: 0;
  background-color: var(--theme-color) !important;
  border-radius: 0 !important;
  text-align: left !important;
  font-size: 1rem;
  padding-left: 10px !important;
}
body.password-reset-page .home_block_content .btn.opslaan::before {
  font-size: 1.5rem;
  margin-right: 0.75rem;
  top: 3px;
}
body.password-reset-page .home_block_content .melding {
  width: 100%;
}
/* leertraject trainer */
a.leertraject-trainer {
  /* border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd; */
  margin: 0 0 20px 0 !important;
}
.leertraject-trainer .content .lr_img_temp {
  height: 300px;
}
.leertraject-trainer .content h2.title {
  text-align: left;
  font-size: 1.8rem;
  font-family: "Expletus sans";
  font-weight: normal;
  line-height: 1.5em;
  margin: 0 0 10px 0;
  color: rgb(0, 83, 146) !important;
}
.leertraject-trainer .content .lr_content {
  padding: 16px 20px;
}
.leertraject-trainer .content .lr_omschrijving {
  padding: 0 !important;
  margin: 0 0 20px 0;
}
.leertraject-trainer .content .lr_omschrijving p {
  padding: 0;
  margin: 0;
}
.leertraject-trainer .content .btn_lr {
  position: unset !important;
}
.leertraject-trainer .content .btn_lr_container .group-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.leertraject-trainer .content .btn_lr_container .group-btns button {
  margin: 0 6px;
  padding: 6px 22px !important;
  cursor: pointer;
  border: none;
}
.leertraject-trainer .content .nf_box_progress_wrapper {
  left: 0;
}
/* trainingsmodules */
.custom-home-page .trainingsmodules.home_keuze_olo2 ul.learning {
  list-style: none;
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.custom-home-page .trainingsmodules.home_keuze_olo2 ul.learning li {
  width: 50%;
  margin-bottom: 30px;
}
.custom-home-page .trainingsmodules.home_keuze_olo2 ul.learning li a {
  border: none;
  -webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 14%),
    0 2px 1px -1px rgb(0 0 0 / 12%), 0 1px 3px 0 rgb(0 0 0 / 20%);
  box-shadow: 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%),
    0 1px 3px 0 rgb(0 0 0 / 20%);
}
.custom-home-page .trainingsmodules.home_keuze_olo2 ul.learning li a:hover {
  -webkit-box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 30%);
  box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 30%);
}
.custom-home-page .trainingsmodules.home_keuze_olo2 ul.learning a .home_cbt_image,
.custom-home-page .trainingsmodules.home_keuze_olo2 ul.learning a:hover > .home_cbt_image {
  background-size: cover !important;
  background-position: unset !important;
}
.custom-home-page .trainingsmodules.home_keuze_olo2 ul.learning li:nth-child(odd) {
  padding-right: 15px;
}
.custom-home-page .trainingsmodules.home_keuze_olo2 ul.learning li:nth-child(even) {
  padding-left: 15px;
}
@media (max-width: 549px) {
  .custom-home-page .trainingsmodules.home_keuze_olo2 ul.learning li {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 !important;
  }
}
li.cbt-learning.hidden {
  display: none;
}
.home_block .main-content-block._ontwikkelwijzer ul.home_list li > a:hover {
  background-color: unset;
}
/* notification_no_content */
#background_login,
#background_login p,
#background_login p img {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
}
#notification_no_content {
  display: none;
  width: 100%;
}
.swiper-slide .progress-inside-lt {
  display: block !important;
  background-color: #fff !important;
}
.swiper-slide .progress-inside-lt .score {
  background: #14b300 !important;
  border-bottom: 1px solid #207915;
}
/* Leerteam */
body.lt-leerteam .playlist_cntr {
  background-position: -99999px;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto 60px auto;
  padding-top: 25px;
  padding-bottom: 45px;
}
body.lt-leerteam .leerteam-custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-left: -15px;
  margin-right: -15px;
}
body.lt-leerteam .leerteam-custom .sessie_containers ul li a .btn_lr {
  display: none !important;
  width: 0;
  height: 0;
  color: transparent;
  background-color: transparent;
}
body.lt-leerteam .leerteam_text {
  width: 100%;
  position: unset !important;
  padding: 0 15px;
}
body.lt-leerteam .leerteam-custom .left,
body.lt-leerteam .leerteam-custom .right {
  width: 50%;
  padding: 0 15px;
}
body.lt-leerteam .leerteam-custom .right {
  padding: 20px 15px 0;
}
body.lt-leerteam .leerteam_text h1 span {
  font-family: "Expletus Sans";
  color: var(--theme-color-secondary);
}
body.lt-leerteam .leerteam_text h1,
body.lt-leerteam .leerteam_text h2 {
  font-family: "Expletus Sans";
  color: grey;
  margin-bottom: 0px;
}
body.lt-leerteam .sessie_containers {
  position: unset !important;
  max-width: unset !important;
}
body.lt-leerteam .sessie_containers ul {
  padding: 0;
  margin: 0;
}
body.lt-leerteam .sessie_containers li {
  text-decoration: none;
  list-style: none;
  margin: 20px 0;
}
body.lt-leerteam .sessie_containers a.btn_leerroutes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 115px;
  width: 100% !important;
  margin: unset !important;
  text-decoration: none;
  color: #000;
  -webkit-box-shadow: 0px 2px 2px 2px #00000026;
  box-shadow: 0px 2px 2px 2px #00000026;
  height: auto !important;
}

body.lt-leerteam .sessie_containers a.btn_leerroutes .lr_img,
a.btn_leerroutes .lr_img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
body.lt-leerteam .sessie_containers a.btn_leerroutes .lr_top {
  display: none;
}
body.lt-leerteam .sessie_containers a.btn_leerroutes .titel {
  text-align: center;
}
body.leerteam:not(.mobile) .leerteam-custom .lr_groep_container {
  left: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}
body.leerteam:not(.mobile) .leerteam-custom .lr_chat_container {
  top: 0 !important;
}
body.lt-leerteam div.lr_chat_container {
  background-color: #adadad;
  position: relative;
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  padding: 20px;
  z-index: 0;
  margin-bottom: 0px;
  top: unset !important;
  left: unset !important;
  width: 100% !important;
}
body.lt-leerteam .sessie_containers .titel {
  top: 0 !important;
}
body.lt-leerteam .sessie_containers .lr_omschrijving {
  margin: 0 !important;
  padding: 0 !important;
}
body.lt-leerteam .sessie_containers .lr_omschrijving p {
  margin: 16px 4px;
}
@media (max-width: 768px) {
  body.lt-leerteam .sessie_containers a.btn_leerroutes {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body.lt-leerteam .leerteam-custom {
    margin-left: 0;
    margin-right: 0;
  }
  body.lt-leerteam .sessie_containers a.btn_leerroutes .lr_img {
    width: 100%;
    height: 240px;
  }
}
@media (max-width: 549px) {
  body.lt-leerteam .leerteam-custom .left,
  body.lt-leerteam .leerteam-custom .right {
    width: 100%;
  }
}

/* 
  Format video in cbt with new 5 options
  Left_half_size (text of questions on the right)
  Right_half_size (text of questions on the left)
  Center_half_size (text of questions underneath)
  Center_full_size (text of questions underneath)
  Center_full_sreen (text of questions underneath)
*/
body.module #containerDiv > .media_default {
  max-width: 50%;
}
body.module .interview_overlay {
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: fit-content;
}
body.module.has_media #trainingEguide.media_center_full_size.media_controls .interview_overlay,
body.module.has_media #trainingEguide.media_center_full_screen.media_controls .interview_overlay,
body.module.has_media #trainingEguide.media_left_half_size.media_controls .interview_overlay,
body.module.has_media #trainingEguide.media_right_half_size.media_controls .interview_overlay,
body.module.has_media #trainingEguide.media_center_half_size.media_controls .interview_overlay {
  margin-top: 0 !important;
  top: unset;
  bottom: 35px;
}
body.module.has_media #containerDiv #trainingEguide {
  position: relative;
}
body.module #containerDiv #voortgang_cbt {
  background-color: #ffffff;
  z-index: 101;
}
body.module #containerDiv #vorigeVolgendeBtn {
  background-color: #ffffff;
  z-index: 100;
}
body.module #containerDiv #voortgang_cbt.voortgang_center_full_size,
body.module #containerDiv #voortgang_cbt.voortgang_center_full_screen,
body.module #containerDiv #voortgang_cbt.voortgang_center_half_size,
body.module #containerDiv #voortgang_cbt.voortgang_left_half_size,
body.module #containerDiv #voortgang_cbt.voortgang_right_half_size {
  position: fixed;
  bottom: 100px;
  width: calc(100% - 140px);
}
body.module.in_popbox #containerDiv #voortgang_cbt.voortgang_center_full_size,
body.module.in_popbox #containerDiv #voortgang_cbt.voortgang_center_full_screen,
body.module.in_popbox #containerDiv #voortgang_cbt.voortgang_center_half_size,
body.module.in_popbox #containerDiv #voortgang_cbt.voortgang_left_half_size,
body.module.in_popbox #containerDiv #voortgang_cbt.voortgang_right_half_size {
  bottom: 60px;
}
body.module #containerDiv #vorigeVolgendeBtn.vorigeVolgendeBtn_center_full_size,
body.module
  #containerDiv
  #vorigeVolgendeBtn.vorigeVolgendeBtn_center_full_screen,
body.module #containerDiv #vorigeVolgendeBtn.vorigeVolgendeBtn_center_half_size,
body.module #containerDiv #vorigeVolgendeBtn.vorigeVolgendeBtn_left_half_size,
body.module #containerDiv #vorigeVolgendeBtn.vorigeVolgendeBtn_right_half_size {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 40px;
  width: auto;
}
body.module.in_popbox #containerDiv #vorigeVolgendeBtn.vorigeVolgendeBtn_center_full_size,
body.module.in_popbox #containerDiv #vorigeVolgendeBtn.vorigeVolgendeBtn_center_full_screen,
body.module.in_popbox #containerDiv #vorigeVolgendeBtn.vorigeVolgendeBtn_center_half_size,
body.module.in_popbox #containerDiv #vorigeVolgendeBtn.vorigeVolgendeBtn_left_half_size,
body.module.in_popbox #containerDiv #vorigeVolgendeBtn.vorigeVolgendeBtn_right_half_size {
  bottom: 0;
}
body.module #overflowDiv.frvideo_center_full_size,
body.module #overflowDiv.frvideo_center_full_screen,
body.module #overflowDiv.frvideo_center_half_size,
body.module #overflowDiv.frvideo_left_half_size,
body.module #overflowDiv.frvideo_right_half_size {
  padding-bottom: 100px;
}
body.module.in_popbox #overflowDiv.frvideo_center_full_size,
body.module.in_popbox #overflowDiv.frvideo_center_full_screen,
body.module.in_popbox #overflowDiv.frvideo_center_half_size,
body.module.in_popbox #overflowDiv.frvideo_left_half_size,
body.module.in_popbox #overflowDiv.frvideo_right_half_size {
  padding-bottom: 60px;
}
body.module.has_media #overflowDiv.frvideo_center_full_size:not(.frvideo_mp3) #containerDiv,
body.module.has_media #overflowDiv.frvideo_center_full_screen:not(.frvideo_mp3) #containerDiv,
body.module.has_media #overflowDiv.frvideo_center_half_size:not(.frvideo_mp3) #containerDiv,
body.module.has_media #overflowDiv.frvideo_left_half_size:not(.frvideo_mp3) #containerDiv,
body.module.has_media #overflowDiv.frvideo_right_half_size:not(.frvideo_mp3) #containerDiv {
  padding-bottom: 0 !important;
}
body.module #containerDiv #vorigeVolgendeBtn.vorigeVolgendeBtn_mp3 #vorigeBtn,
body.module #containerDiv #vorigeVolgendeBtn.vorigeVolgendeBtn_mp3 #volgendeBtn {
  top: unset !important;
}
body.module.in_popbox #containerDiv #vorigeVolgendeBtn.vorigeVolgendeBtn_mp3 {
  bottom: 0;
}
body.module.in_popbox #containerDiv #voortgang_cbt.voortgang_mp3 {
  bottom: 0;
}
body.module.has_media #containerDiv #trainingEguide.media_mp3 {
  position: absolute;
  bottom: 70px;
  margin: 0;
  background-color: #e1e1e1;
  padding: 0 20px;
  border-radius: 40px;
}
body.module.in_popbox #containerDiv #trainingEguide.media_mp3 {
  bottom: 70px;
}
/* full-size */
body.module.has_media #containerDiv #trainingsItemOpen.has_media_center_full_size,
body.module.in_popbox #containerDiv #trainingsItemOpen.has_media_center_full_size {
  flex: 1 1 100% !important;
}
body.module.has_media #containerDiv #trainingEguide.media_center_full_size {
  top: 50%;
  transform: translateY(-50%);
  max-width: 1200px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
body.module.has_media
  #containerDiv
  #trainingsItemOpen.has_media_center_full_size {
  height: auto;
  margin-top: 50px;
  margin-bottom: 20px;
}
body.module.has_media #containerDiv #trainingsItemOpen.has_media_center_full_screen {
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
/* full-screen */
body.module.has_media #containerDiv #trainingEguide.media_center_full_screen {
  height: 100%;
  width: 100%;
}
body.module #containerDiv #trainingEguide.media_center_full_screen video {
  margin-top: 0 !important;
  height: 100% !important;
  object-fit: contain;
}
/* half size */
body.module.has_media #containerDiv #trainingEguide.media_center_half_size {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
body.module #containerDiv #trainingEguide.media_center_half_size video {
  width: 50% !important;
  flex: 0 0 50% !important;
}
body.module.has_media #containerDiv #trainingsItemOpen.has_media_center_half_size {
  flex: 1 1 100% !important;
  height: auto;
  margin-bottom: 50px;
}
body.module.has_media #containerDiv #trainingsItemOpen.has_media_center_half_size .assignment {
  height: auto;
  min-height: auto;
}
/* left half size */
body.module.has_media #containerDiv #trainingEguide.media_left_half_size,
body.module.has_media #containerDiv #trainingsItemOpen.has_media_left_half_size {
  width: 50%;
  height: 100%;
}
body.module.has_media #containerDiv #trainingEguide.media_left_half_size {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
/* right half size */
body.module.has_media #containerDiv #trainingEguide.media_right_half_size {
  order: 2;
}
body.module.has_media #containerDiv #trainingsItemOpen.has_media_right_half_size {
  order: 1 !important;
}
body.module.has_media #containerDiv #trainingEguide.media_right_half_size,
body.module.has_media #containerDiv #trainingsItemOpen.has_media_right_half_size {
  width: 50%;
  height: 100%;
}
body.module.has_media #containerDiv #trainingEguide.media_right_half_size {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
/* tablet & mobile option format videos*/
@media (max-width: 768px) {
  #trainingEguide.media_controls .interview_overlay {
    font-size: 0.8rem;
  }
  body.module.has_media #containerDiv #trainingEguide.media_center_full_size {
    height: auto;
    top: unset;
    transform: unset;
  }
  body.module.has_media #containerDiv #trainingEguide.media_center_full_size video {
    max-height: 100% !important;
  }
  body.module.has_media #containerDiv #trainingsItemOpen.has_media_center_full_size {
    margin: 0;
  }
  body.module.has_media #containerDiv #trainingEguide.media_left_half_size,
  body.module.has_media #containerDiv #trainingsItemOpen.has_media_left_half_size,
  body.module.has_media #containerDiv #trainingEguide.media_right_half_size,
  body.module.has_media #containerDiv #trainingsItemOpen.has_media_right_half_size {
    width: 100%;
    height: auto;
  }
  body.module.has_media #containerDiv #trainingEguide.media_left_half_size video,
  body.module.has_media #containerDiv #trainingEguide.media_right_half_size video {
    width: 100% !important;
    flex: 1 1 100% !important;
    max-height: unset !important;
  }
}
@media (max-width: 640px) {
  body.module #containerDiv #trainingEguide.media_center_half_size {
    height: auto;
  }
  body.module #containerDiv #trainingEguide.media_center_half_size video {
    width: 100% !important;
    flex: 1 1 100% !important;
    max-height: unset !important;
  }
}
@media (max-width: 549px) {
  body.module #containerDiv #voortgang_cbt.voortgang_center_full_size,
  body.module #containerDiv #voortgang_cbt.voortgang_center_full_screen,
  body.module #containerDiv #voortgang_cbt.voortgang_center_half_size,
  body.module #containerDiv #voortgang_cbt.voortgang_left_half_size,
  body.module #containerDiv #voortgang_cbt.voortgang_right_half_size {
    bottom: 117px;
  }
  body.module #containerDiv #vorigeVolgendeBtn.vorigeVolgendeBtn_center_full_size,
  body.module #containerDiv #vorigeVolgendeBtn.vorigeVolgendeBtn_center_full_screen,
  body.module #containerDiv #vorigeVolgendeBtn.vorigeVolgendeBtn_center_half_size,
  body.module #containerDiv #vorigeVolgendeBtn.vorigeVolgendeBtn_left_half_size,
  body.module #containerDiv #vorigeVolgendeBtn.vorigeVolgendeBtn_right_half_size,
  body.module #containerDiv #vorigeVolgendeBtn.vorigeVolgendeBtn_mp3 {
    bottom: 57px;
  }
  body.module.has_media #containerDiv #trainingEguide.media_mp3 {
    width: 94%;
  }
}
@media (max-width: 480px) {
  body.module #bovenkant_cbt #cbt_titel {
    font-size: 0.6em;
  }
  body.module #bovenkant_cbt #cbt_titel::before {
    width: 40px;
  }
  body.module #bovenkant_cbt #btnMenu {
    flex: 0 0 40px;
  }
  body.module #bovenkant_cbt #likeBookmarkTextScale #btnTekst,
  body.module #bovenkant_cbt #likeBookmarkTextScale a.close_cbt {
    margin: 6px 0 6px 6px;
  }
  body.module.has_media #containerDiv #trainingEguide.media_center_full_screen {
    height: auto;
  }
  body.module.has_media
    #containerDiv
    #trainingEguide.media_center_full_screen
    video {
    height: auto !important;
    object-fit: cover;
  }
}
body.start .home_block.home_blok .main-content-block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
}
body.start .home_block.home_blok .main-content-block ul li {
  width: calc(100% / 3);
  padding: 6px 6px;
}
body.start .home_block.home_blok .main-content-block ul li .nf_olo_cat {
  word-break: break-word;
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 24.5px;
  line-height: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 5px 8px;
  opacity: 1;
}
body.start .home_block.home_blok .main-content-block ul.interface-direction-hor li .nf_olo_cat {
  border-radius: 3px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: 20px;
  margin-top: 14px;
}
body.start .home_block.home_blok .main-content-block ul li .nf_olo_name,
body.start .home_block.home_blok .main-content-block ul.interface-direction-hor li .nf_olo_name span{
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: break-word;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}
body.start .home_block.home_blok .main-content-block ul li .nf_olo_name {
  max-width: 100%;
  font-size: 14px;
  line-height: 1 !important;
}
body.start .home_block.home_blok .main-content-block ul.interface-direction-hor li .nf_olo_name {
  text-align: left;
  padding: 14px 20px;
  height: calc(55px + 14px);
  color: rgb(0, 83, 146);
  line-height: 1.3 !important;
  -webkit-line-clamp: 3;
}
body.start .home_block.home_blok .main-content-block ul.interface-direction-hor a:hover {
  text-decoration: none;
}
body.start .home_block.home_blok .main-content-block ul li .bd-parent {
  border: 1px solid rgb(0 0 0 / 30%);
}
body.start .home_block.home_blok .main-content-block ul.interface-direction-hor li .bd-parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: white;
}
body.start .home_block.home_blok .main-content-block ul li .nf_olo_image_parent {
  width: 100%;
  height: 145px;
  overflow: hidden;
  position: relative;
}
body.start .home_block.home_blok .main-content-block ul.interface-direction-hor li .nf_olo_image_parent {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: auto;
  min-height: 100px;
}
body.start .home_block.home_blok .main-content-block ul.interface-columns-1:not(.interface-direction-hor) li .nf_olo_image_parent {
  height: 145px;
}
body.start .home_block.home_blok .main-content-block ul li .nf_olo_image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #ffffff;
  -webkit-transition: -webkit-transform 1.3s ease;
  transition: -webkit-transform 1.3s ease;
  -o-transition: transform 1.3s ease;
  transition: transform 1.3s ease;
  transition: transform 1.3s ease, -webkit-transform 1.3s ease;
  width: 100%;
  height: 100%;
  min-height: 120px;
}
body.start .home_block.home_blok .main-content-block ul li .nf_olo_image_parent .nf_metadata{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
body.start .home_block.home_blok .main-content-block ul li:hover {
  cursor: pointer;
}
body.start .home_block.home_blok .main-content-block ul li:hover .bd-parent {
  -webkit-box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 30%);
  box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 30%);
}
body.start .home_block.home_blok .main-content-block ul li:hover .nf_olo_image {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
body.start #homeDiv.custom-home-page .home_block.home_360graden_feedback .main-content-block .w100p {
  text-align: center;
}
body.start #homeDiv.custom-home-page .home_block.home_360graden_feedback .main-content-block .w100p a img {
  width: 300px !important;
}
/* option standard */
body.start
  .home_block.home_blok
  .main-content-block
  ul
  li
  .nf_btn.nf_btn_olo_add {
  top: 8px;
  left: 8px;
  margin: 0;
  padding: 4px 4px !important;
  position: absolute;
}
@media (max-width: 549px) {
  body.mobile.popbox_active .popbox.ui-draggable#my-details,
  body.mobile.popbox_active .popbox.ui-draggable#mijn-gegevens,
  body.kennis_bibliotheek.popbox_active .popbox.ui-draggable#mijn-gegevens {
    height: 100%;
    overflow: scroll;
  }
  body.mobile.popbox_active .popbox.ui-draggable#mijn-gegevens .content ol {
    padding-left: 20px;
  }
  body.mobile.popbox_active .popbox.ui-draggable#mijn-gegevens .content .container_2fa {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  body.mobile.popbox_active .popbox.ui-draggable#mijn-gegevens .content .container_2fa .blokje {
    margin-bottom: 10px;
  }
  body.mobile.popbox_active .popbox.ui-draggable#mijn-gegevens .content .container_2fa .blokje #qrcodeCanvas {
    padding: 1.7em;
  }
  body.mobile.leerroutes .popbox .content .w300,
  body.mobile.leerroutes .popbox .content .w700 {
    width: 100% !important;
  }
  body.mobile.leerroutes .popbox .content .w700 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  body.start .home_block.home_blok .main-content-block ul.interface-direction-ver li {
    width: 50% !important;
  }
}
/* option modern */
/* flexblok_leerroute page */
.flexblok_leerroute .url-leerroute {
  display: flow-root;
}
#leerroute_swiper .swiper-pagination {
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  padding-top: 0 !important;
  height: 50px !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 1 50px !important;
  flex: 0 1 50px !important;
}
@media only screen and (min-width: 960px) {
  #leerroute_swiper .swiper-pagination.aantal_tegels_1,
  #leerroute_swiper .swiper-pagination.aantal_tegels_2,
  #leerroute_swiper .swiper-pagination.aantal_tegels_3,
  #leerroute_swiper .swiper-pagination.aantal_tegels_4 {
    display: inherit;
  }
}
@media screen and (max-width: 768px) {
  #leerroute_swiper .swiper-pagination{
    flex-basis: 20px !important;
  }
}
/* aantekeningen block */
.note-aantekeningen {
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
}
.note-aantekeningen legend {
  font-size: 18px;
  border: none;
  background: transparent;
}
#assignment_content .btn_fa.btn_fa_ico {
  background-color: transparent !important;
  border: none !important;
}
/* old_layout_home_leertrajecten */
#ondertekst .version {
  margin-right: 10px;
}
#ondertekst .version a:hover {
  text-decoration: none;
}

#containerDiv .btn-back {
  width: 100%;
  max-width: 1100px;
  margin: 15px auto 0;
}

body.lt_playlist #containerDiv .btn-back,
body.playlist #containerDiv .btn-back {
  margin: 0 0 21px 0;
}
#voortgang_cbt a.voortgang_item {
  margin: 0 4px;
}
#containerDiv .btn-back a.close_playlist.btn-back-home,
a.close_playlist {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-family: Verdana, Tahoma, Geneva, Verdana, sans-serif !important;
  text-decoration: none;
  margin: 0;
  font-size: 16px;
  color: #777777;
  font-weight: normal;
}
a.close_playlist:before {
  background-image: none;
  content: "\f104" !important;
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  font-size: 40px;
  height: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-image: none !important;
}
a.close_playlist:hover {
  color: var(--theme-color) !important;
}

body:not(.vragenlijst):not(.login):not(.module) {
  background-image: -o-radial-gradient(
    center,
    circle farthest-corner,
    #fff 0%,
    rgba(0, 0, 0, 0.1) 100%
  );
  background-image: radial-gradient(
    circle farthest-corner at center,
    #fff 0%,
    rgba(0, 0, 0, 0.1) 100%
  );
}

body.playlist .playlist_cntr,
body.lt_playlist .playlist_cntr {
  padding-top: 15px !important;
}

body.module #cbt_titel:before,
body.playlist .playlist_cntr ul > li a.rel_video_cntr .tekst_cntr h2.module_titel:before,
a.btn_leerroutes:hover .btn_lr,
a.btn_leerroutes.leerroute_afgerond .btn_lr,
body.leerroutes.leerroute .swiper-pagination .swiper-pagination-bullet-active {
  background-color: rgb(22, 109, 221) !important;
}
body.vragenlijst .clickboxfooter.popup-user-client a.btn {
  font-size: 12px;
  line-height: inherit;
}
.old_layout_home_leertrajecten .nf_box_progress_wrapper.d-block.p-relative {
  position: relative;
  display: block !important;
}
.bg-inlt {
  position: relative;
}
.bg-inlt .lr_img {
  height: 200px;
  background-position: center;
}
.bg-inlt .voortgang.progress-inside-lt {
  position: absolute;
  bottom: 0;
  opacity: 0.5;
  z-index: 1;
  height: 7px;
}
.bg-inlt .score {
  position: absolute;
  bottom: 0;
  z-index: 2;
  height: 5px;
  background-color: #14b300;
  border-bottom: 1px solid #207915;
  border-radius: 3px;
  -webkit-transition: 2000ms all;
  -o-transition: 2000ms all;
  transition: 2000ms all;
}

/* Video course one third and one  quarter ratio options */
body.module.has_media #containerDiv > #trainingEguide.media_left_one_third_size > .interview_overlay,
body.module.has_media #containerDiv > #trainingEguide.media_right_one_third_size > .interview_overlay,
body.module.has_media #containerDiv > #trainingEguide.media_left_one_quarter_size > .interview_overlay,
body.module.has_media #containerDiv > #trainingEguide.media_right_one_quarter_size > .interview_overlay {
  position: unset;
  margin-top: 1rem !important;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
body.module.has_media #containerDiv > #trainingEguide.media_left_one_third_size > #video_trainingEguide,
body.module.has_media #containerDiv > #trainingEguide.media_right_one_third_size > #video_trainingEguide,
body.module.has_media #containerDiv > #trainingEguide.media_left_one_quarter_size > #video_trainingEguide,
body.module.has_media #containerDiv > #trainingEguide.media_right_one_quarter_size > #video_trainingEguide {
  width: 100%;
  height: auto;
}

/* Video has has_cuepoints */
body.module.has_media #containerDiv > #trainingsItemOpen.has_cuepoints .assignment{ 
  min-height: auto;
  height: 100%;
}
body.module.has_media #containerDiv > #trainingsItemOpen.has_cuepoints.has_media_mp3 .assignment{ 
  height: auto;
  min-height: 100%;
}
body.module.has_media #containerDiv > #trainingsItemOpen.has_cuepoints .assignment #assignment_content{ 
  display: flex;
}
body.module.has_media #containerDiv > #trainingsItemOpen.has_cuepoints .assignment .assignment_content{ 
  align-items: center;
  background-size: cover;
}
body.module.has_media #containerDiv > #trainingsItemOpen.has_cuepoints .assignment .assignment_content .padding{ 
  height: auto;
}


@media screen and (min-width: 1025px) {
  body.module.has_media #containerDiv > #trainingEguide.media_left_one_third_size,
  body.module.has_media #containerDiv > #trainingEguide.media_right_one_third_size,
  body.module.has_media #containerDiv > #trainingEguide.media_left_one_quarter_size,
  body.module.has_media #containerDiv > #trainingEguide.media_right_one_quarter_size {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% / 3);
  }
  body.module.has_media #containerDiv > #trainingEguide.media_right_one_third_size {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  body.module.has_media #containerDiv > #trainingsItemOpen.has_media_left_one_third_size,
  body.module.has_media #containerDiv > #trainingsItemOpen.has_media_right_one_third_size {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
    width: calc((100% / 3) * 2);
  }
  body.module.has_media #containerDiv > #trainingEguide.media_left_one_quarter_size,
  body.module.has_media #containerDiv > #trainingEguide.media_right_one_quarter_size {
    width: calc(100% / 4);
  }
  body.module.has_media #containerDiv > #trainingEguide.media_right_one_quarter_size {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  body.module.has_media #containerDiv > #trainingsItemOpen.has_media_left_one_quarter_size,
  body.module.has_media #containerDiv > #trainingsItemOpen.has_media_right_one_quarter_size {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
    width: calc((100% / 4) * 2);
  }
}

.home_block.home_training ul.home_list > li img {
  width: 126px;
  margin-right: 1rem;
}
/* resultaat_e500 in vragenlist page for large sreen */
body.vragenlijst.large-screen #overflowDiv {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
body.vragenlijst.large-screen #overflowDiv #boventekst,
body.vragenlijst.large-screen #overflowDiv #containerDiv {
  margin: 0 auto;
  width: 100%;
  max-width: 1500px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
body.vragenlijst.large-screen #overflowDiv #containerDiv {
  margin-top: 40px;
}
/* end resultaat_e500 in vragenlist page for large sreen*/
#homeDiv .message-ie {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  max-width: 450px;
  padding: 10px 20px;
  border-radius: 4px;
  z-index: 10;
  display: none;
}
#homeDiv .message-ie .ic-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  cursor: pointer;
}
#homeDiv .message-ie .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0 20px;
}
#homeDiv .message-ie .header img {
  width: 60px;
}
#homeDiv .message-ie .header p {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}
#homeDiv .blur-screen {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.5;
  z-index: 5;
}
/* The layout front end of client use IE browser */
body.browser_IE.start .custom-home-page {
  margin: 240px 0 50px 0 !important;
}
body.browser_IE #boventekst #headerprofile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.browser_IE .popup-user-client .btn {
  -webkit-box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.25);
}
body.browser_IE .btn:hover,
body.browser_IE .btn_fa:hover,
body.browser_IE .btn_lr:hover {
  color: rgba(2, 130, 194, 1) !important;
}
body.browser_IE.start .more_or_less.custom-js .home_less a.btn {
  color: #fff !important;
  background-image: url("/images/up.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 50px !important;
  height: 50px !important;
  background-color: transparent !important;
}
body.browser_IE.start .more_or_less.custom-js .home_more a.btn {
  color: #fff !important;
  background-image: url("/images/down.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 50px !important;
  height: 50px !important;
  background-color: transparent !important;
}
body.browser_IE #containerDiv .btn-back a.close_playlist.btn-back-home,
a.close_playlist {
  width: 260px;
}
.languages-switcher .block_lang_switcher .dropdown select,
body.browser_IE .languages-switcher .block_lang_switcher .names a.active,
body.browser_IE.start > .banner_hervatten::before {
  background-color: rgba(2, 130, 194, 1) !important;
}
body:not(.mobile).browser_IE.start .home_block.home_learning ul.learning > li {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 48% !important;
  flex: 0 0 48% !important;
}
body.browser_IE.start .custom-home-page .leermodules#home_block_24 .home_block_content #pag_item_24 .learning li:nth-child(2n) {
  padding-left: 10px !important;
}
body.browser_IE.start .custom-home-page .leermodules#home_block_24 .home_block_content #pag_item_24 .learning li:nth-child(2n + 1) {
  padding-right: 10px !important;
}

/* layout aanmelden */
body.login .aanmeldform_list .home_intro h1 {
  font-size: 24px !important;
}
body.login .aanmeldform_list .home_intro h2.into-text {
  font-size: 20px !important;
  margin: 0;
}
body.aanmelden .aanmeldform_list {
  margin: 0 14% !important;
}
body.aanmelden .home_block h1,
body.aanmelden h1 {
  margin: 0 !important;
}
body.aanmelden .aanmeldform_list .home_overzicht .home_link {
  float: unset;
  position: relative;
  top: 4px;
}

#vragen_container .vraag_cluster.vraag_blok .vraag_antwoord_blok .vraag p img,
#vragen_container .vraag_cluster.vraag_blok .vraag_antwoord_blok .vraag img {
  width: 100%;
  height: auto;
}
/* css item in swipper for trainer */
/* .is-trainer.element-lt-hide */
.custom-leertraject_swipper.lt-of-trainer .is-trainer,
.playlist-lt.lt-of-trainer .is-trainer {
  position: relative;
}
.custom-leertraject_swipper.lt-of-trainer .is-trainer .lr_top::after,
.playlist-lt.lt-of-trainer .is-trainer .lr_img::after {
  position: absolute;
  top: 1px;
  right: 0;
  content: "\f09c";
  font-family: "Font Awesome 7 Pro";
  width: 20px;
  border-radius: 180%;
  height: 20px;
  line-height: 20px;
  border: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #555;
  color: #555;
}
.playlist-lt.lt-of-trainer .is-trainer .lr_img::after {
  background-color: #fff;
  color: #555;
}
.custom-leertraject_swipper.lt-of-trainer .is-trainer.element-lt-hide .lr_top::after,
.playlist-lt.lt-of-trainer .is-trainer.element-lt-hide .lr_img::after {
  content: "\f070";
}
.custom-leertraject_swipper.lt-of-trainer .is-trainer.element-lt-locked .lr_top::after,
.playlist-lt.lt-of-trainer .is-trainer.element-lt-locked .lr_img::after {
  content: "\f30d";
}
.bd-parent.content-toegang-home .nf_olo_image_parent {
  position: relative;
}
.bd-parent.content-toegang-home .nf_box_progress-wrapper {
  width: 100%;
  bottom: 0;
}

#boventekst a.icon-header {
  background-image: unset !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto 20px auto 0;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  text-decoration: none;
}
#boventekst a.icon-header:hover > i{
  color: var(--theme-color);
}
#boventekst a.icon-header i {
  font-size: 1.9rem;
}
#boventekst a.icon-header.icon-mail {
  -webkit-box-ordinal-group: 6 !important;
  -ms-flex-order: 5 !important;
  order: 5 !important;
}
#boventekst a.icon-header.icon-portfolio {
  -webkit-box-ordinal-group: 5 !important;
  -ms-flex-order: 4 !important;
  order: 4 !important;
}

#boventekst a.icon-header.icon-intro-module {
  -webkit-box-ordinal-group: 5 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
}

#boventekst .notificatie_container a.btn_notificatie:not(.nul_notificaties):after {
  margin: 0;
  top: 0;
  right: -3px;
}
body.portfolio a.portfolio-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
/* certificate */
.certificaat_container {
  width: 100%;
  height: 100%;
}
.print-certificaat {
  background-color: var(--theme-color-tertairy);
  width: 100%;
  height: 100%;
  padding: 40px 40px 40px 40px;
  height: calc(100% - 30px);
  position: relative;
}
.certificaat_header {
  /* display: flex; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 100;
  width: 99%;
}
.certificaat_header .certificaat_logo {
  width: 200px;
  height: 200px;
  padding: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.certificaat_header .certificaat_logo img {
  width: 100%;
  height: 90px;
}
.certificaat_header .certificaat_title {
  font-size: 26px;
  color: #ffffff;
  padding-left: 20px;
  height: 110px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 200px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: calc(100% - 218px);
}
.certificaat_header .certificaat_title span {
  margin-bottom: 33px;
}
.certificaat_content {
  height: calc(100% - 120px);
  position: relative;
  top: 120px;
  width: 85%;
  margin: 0 auto;
}
.certificaat_content .certificaat_content-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
.certificaat_content .certificaat_content-main {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 10;
  text-align: center;
  padding: 20px;
}
.certificaat_content .certificaat_content-main h2,
.certificaat_content .certificaat_content-main p {
  margin: 0;
}
.certificaat_content .certificaat_content-main h2.kop-title {
  font-size: 2.4rem;
  margin: 12px 0 10px;
}
.certificaat_content .certificaat_content-main h2.aanhef-naam2,
.certificaat_content .certificaat_content-main h2.interventie {
  font-size: 2rem;
  margin: 10px 0 10px;
}
.certificaat_content .certificaat_content-main .ondertext-container {
  margin-top: 40px;
  padding: 10px 50px;
}
.certificaat_content .certificaat_content-main .ondertext-container .handtekening-container,
.certificaat_content .certificaat_content-main .ondertext-container .datum-plaats-container {
  width: 225px;
  border-top: 2px solid;
  padding: 0 10px 0;
}
.certificaat_content .certificaat_content-main .ondertext-container .handtekening-container {
  float: left;
}
.certificaat_content .certificaat_content-main .ondertext-container .datum-plaats-container {
  float: right;
}
.certificaat_content .certificaat_content-main p.gehaald,
.certificaat_content .certificaat_content-main .ondertext-container .handtekening-container p,
.certificaat_content .certificaat_content-main .ondertext-container .datum-plaats-container p {
  font-size: 15px;
  font-weight: 600;
}
.certificaat_content .certificaat_content-main p.datum {
  margin-bottom: 20px;
}
.btn-print-certificaat {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.btn-print-certificaat a {
  margin: 0;
  text-decoration: none;
  padding: 1px 10px;
  background-color: var(--theme-color);
  border-radius: 4px;
  color: #ffffff;
}
@media (max-width: 1350px) {
  .print-certificaat {
    padding: 10px;
  }
  .certificaat_header .certificaat_logo {
    padding: 10px;
    height: 110px;
  }
  .certificaat_content {
    top: 80px;
    height: calc(100% - 80px);
  }
  .certificaat_content .certificaat_content-main h2.kop-title {
    font-size: 2.2rem;
  }
  .certificaat_content .certificaat_content-main h2.aanhef-naam2,
  .certificaat_content .certificaat_content-main h2.interventie {
    font-size: 1.8rem;
  }
  .certificaat_content .certificaat_content-main p.gehaald,
  .certificaat_content .certificaat_content-main .ondertext-container .handtekening-container p,
  .certificaat_content .certificaat_content-main .ondertext-container .datum-plaats-container p {
    font-size: 14px;
  }
  .certificaat_content .certificaat_content-main .ondertext-container {
    margin-top: 40px;
  }
}
.chat-and-group {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  width: 100%;
}
.chat-and-group.half-center {
  max-width: 800px;
  margin: auto;
}
/* css feeling in vragen page */
#vragen_container .antw_type_1.feeling-option .antwoord_blok label {
  padding: 4px !important;
}
#vragen_container .antw_type_1.feeling-option .antwoord_blok label:hover {
  border: 1px solid transparent !important;
  background-color: transparent !important;
}
#vragen_container .antw_type_1.feeling-option .antwoord_blok label .feeling {
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  position: relative;
  margin: 0 auto;
  display: block;
  background-size: contain;
}
#vragen_container .antw_type_1.feeling-option .antwoord_blok label:first-child .feeling {
  background-image: url("/images/like.png");
}
#vragen_container .antw_type_1.feeling-option .antwoord_blok label:last-child .feeling {
  background-image: url("/images/dislike.png");
}
#vragen_container .antw_type_1.feeling-option.is_beantwoord .antwoord_blok label .feeling {
  opacity: 0.5;
}
#vragen_container .antw_type_1.feeling-option.is_beantwoord .antwoord_blok label.selected .feeling {
  opacity: 1;
}
#vragen_container .antw_type_1.feeling-option .antwoord_blok label:first-child .feeling:hover {
  background-image: url("/images/like-hover.png");
}
#vragen_container .antw_type_1.feeling-option .antwoord_blok label:last-child .feeling:hover {
  background-image: url("/images/dislike-hover.png");
}

#vragen_container .toets_resultaten_container .antw_type_1.feeling-option .antwoord_blok label:not(.selected):first-child .feeling:hover {
  background-image: url("/images/like.png");
}
#vragen_container .toets_resultaten_container .antw_type_1.feeling-option .antwoord_blok label:not(.selected):last-child .feeling:hover {
  background-image: url("/images/dislike.png");
}

#vragen_container .antw_type_1.feeling-option input.reactie,
#vragen_container .antw_type_1.feeling-option p.radio_check_txt {
  margin-left: -9999px;
}
#vragen_container .antw_type_1.feeling-option .antwoord_blok {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#vragen_container .antw_type_1.feeling-option .antwoord_blok label:before {
  display: none;
}
#vragen_container .vraag_antwoord_blok.antw_type_1.feeling-option .antwoord_blok label.selected {
  border: none !important;
  background-color: transparent !important;
}
#vragen_container .antw_type_1.feeling-option .antwoord_blok label.selected:last-child .feeling {
  background-image: url("/images/dislike-hover.png");
}
#vragen_container .antw_type_1.feeling-option .antwoord_blok label.selected:first-child .feeling {
  background-image: url("/images/like-hover.png");
}
/* video in vragen of vragenlijsten */
#vragen_container .vraag_blok .vraag_antwoord_blok_container .vraag iframe {
  width: 100%;
}
@media (min-width: 1201px) {
  #vragen_container .vraag_blok .vraag_antwoord_blok_container .vraag iframe {
    height: 600px;
  }
}
@media (max-width: 1200px) {
  #vragen_container .vraag_blok .vraag_antwoord_blok_container .vraag iframe {
    height: 550px;
  }
}
@media (max-width: 768px) {
  #vragen_container .vraag_blok .vraag_antwoord_blok_container .vraag iframe {
    height: 420px;
  }
}
@media (max-width: 549px) {
  #vragen_container .vraag_blok .vraag_antwoord_blok_container .vraag iframe {
    height: 290px;
  }
  #vragen_container .vraag_antwoord_blok{
    padding: 20px;
  }
}

.popbox .popboxloader.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9999;
}

/* Style Matrix type question of vragenlijsten in CBT */
body.module #assignment_content #my_assignment_vl .vl_container #vragen_container .vraag_cluster .vraag_antwoord_blok_container .matrix_head.matrix_3 > div {
  margin-left: 50%;
}
body.module #assignment_content #my_assignment_vl .vl_container #vragen_container .vraag_antwoord_blok_container .matrix_head.matrix_3 p {
  width: 33%;
  height: 100%;
  position: relative;
}
body.module #assignment_content #my_assignment_vl .vl_container #vragen_container .vraag_antwoord_blok_container .antw_type_9.matrix_3 .antwoord_blok {
  height: 100%;
}
body.module #assignment_content #my_assignment_vl .vl_container #vragen_container .vraag_antwoord_blok_container .antw_type_9.matrix_3 .antwoord_blok label {
  width: 33%;
  height: 100%;
  position: relative;
}
body.module #assignment_content #my_assignment_vl .vl_container #vragen_container .vraag_antwoord_blok_container .antw_type_9.matrix_3 .antwoord_blok label::before {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body.module #assignment_content #my_assignment_vl .vl_container #vragen_container .vraag_antwoord_blok_container .antw_type_9.matrix_3 .antwoord_blok label.selected,
body.module #assignment_content #my_assignment_vl .vl_container #vragen_container .vraag_antwoord_blok_container .antw_type_9.matrix_3 .antwoord_blok label:hover {
  border: none;
  cursor: pointer;
}
body.module #assignment_content #my_assignment_vl .vl_container #vragen_container .vraag_antwoord_blok_container .antw_type_9.matrix_3 .antwoord_blok label {
  border-left: 1px solid #e0e0e0 !important;
}
body.module #assignment_content #my_assignment_vl .vl_container #vragen_container .vraag_antwoord_blok_container .antw_type_9.matrix_3 .vraag h1 {
  font-size: 2rem;
}
body.start .home_block.home_blok ul > li > a.certificate-icon,
body.start .home_block.home_learning ul.learning > li > a.certificate-icon {
  position: absolute;
  background-color: #ffffff;
  border-radius: 50%;
  top: 10px;
  right: 10px;
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  z-index: 10;
}
body.start .home_block.home_blok ul > li > a.certificate-icon{
  top: 15px;
  right: 15px;
}
body.start .home_block.home_blok ul > li > a.certificate-icon > img,
body.start .home_block.home_learning ul > li > a.certificate-icon > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body.start .home_block.home_learning ul > li:nth-child(odd) > a.certificate-icon {
  right: 20px;
}
.certificate-icon > i {
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.start .home_block.home_blok ul > li {
  position: relative;
}
.planner-loading{
  width: 100%;
  height: calc(100% - 60px);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.planner-loading .bg-loading{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #c1c1c1;
  opacity: 0.5;
}
.planner-loading .icon-loading{
  position: absolute;
  content: url("/images/icons/t4c_loading.gif");
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* cbt upload image */
.deelnemer_cbt_upload .doc_btn a.btn_mini.verwijderen {
  background-color: rgba(255, 0, 0) !important;
  border: 1px solid rgba(255, 0, 0) !important;
  color: #ffffff;
}
.deelnemer_cbt_upload .doc_btn a.btn_mini.verwijderen:hover {
  background-color: #ffffff !important;
  border: 1px solid rgba(255, 0, 0) !important;
  color: rgba(255, 0, 0);
}
.deelnemer_cbt_upload .images-upload-item{
  order: 40;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.deelnemer_cbt_upload.extensies_img .images-upload-item .user_doc_upload.eigen_docs{
  width: 25%;
  padding: 10px;
  position: relative;
  flex: unset;
  background-color: rgba(45, 155, 205, 0.05);
}
.deelnemer_cbt_upload.extensies_img .images-upload-item .user_doc_upload.eigen_docs .doc_filenaam img{
  height: 250px !important;
  object-fit: cover;
}
.deelnemer_cbt_upload.extensies_img .images-upload-item .user_doc_upload.eigen_docs .doc_btn{
  position: absolute;
  right: 10px;
  top: 14px;
  opacity: 0;
}
.deelnemer_cbt_upload.extensies_img .images-upload-item .user_doc_upload.eigen_docs:hover > .doc_btn{
  transition: opacity 0.7s ease-out;
  opacity: 1;
}
/* style result VL, Toets page without popbox back to home*/
body.vragenlijst-result-page #overflowDiv #containerDiv{
  flex: 1 1 100%;
  max-width: 100%;
}
body.vragenlijst-result-page #vragenlijst_container{
  max-width: 1100px;
  margin: 0 auto;
}
body.vragenlijst-result-page #vragenlijst_container .vragenlijstTitelTable{
  position: relative;
}
body.vragenlijst-result-page #vragenlijst_container .vragenlijstTitelTable a{
  position: absolute;
  right: 0;
  top: 0;
  width: 64px;
  height: 60px;
  background-color: rgb(42 147 199);
}
body.vragenlijst-result-page #vragenlijst_container .vragenlijstTitelTable a .cross{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  height: 35px;
  border: none;
}
body.vragenlijst-result-page #vragenlijst_container .vragenlijstTitelTable a .cross::before,
body.vragenlijst-result-page #vragenlijst_container .vragenlijstTitelTable a .cross::after{
  background-color: #ffffff;
}
body.vragenlijst-result-page #vragenlijst_container .vragenlijstTitelTable h1{
  padding-right: 64px;
  padding-left: 64px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 1100px;
}
@media (max-width: 768px){
  body.vragenlijst-result-page #boventekst #top_logo{
    width: 105px;
  }
  body.vragenlijst-result-page #vragenlijst_container #vragenlijstTitel{
    height: auto;
  }
  body.vragenlijst-result-page #vragenlijst_container .vragenlijstTitelTable h1{
    font-size: 1rem;
    
  }
  body.vragenlijst-result-page #vragenlijst_container .vragenlijstTitelTable a{
    width: 25px;
    height: 25px;
  }
}
/* style result vl page */
.vl_container.result-vraag_antwoord_blok .vraag_cluster{
  display: block;
}
.vl_container.result-vraag_antwoord_blok .vraag_cluster .vraag{
  width: 100%;
}
.vl_container.result-vraag_antwoord_blok .vraag_antwoord_blok h1.title{
  margin-bottom: 0;
}
.vl_container.result-vraag_antwoord_blok .vraag_antwoord_blok.pass-result h1.title{
  color: green;
}
.vl_container.result-vraag_antwoord_blok .vraag_antwoord_blok.fail-result h1.title{
  color: red;
}
.vl_container.result-vraag_antwoord_blok .vraag_antwoord_blok .header{
  margin-bottom: 1.6rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.vl_container.result-vraag_antwoord_blok .vraag_antwoord_blok .header .btn_lr{
  padding: 6px 14px !important; 
  display: inline-flex; 
  align-items: center; 
  justify-content: center;
  font-size: 14px;
  margin: 0 10px 0 0;
}
.vl_container.result-vraag_antwoord_blok .vraag_antwoord_blok .header .btn_lr i{
  font-size: 1rem;
}
.vl_container.result-vraag_antwoord_blok .vraag_antwoord_blok .header .btn_lr.back i{
  font-size: 1.2rem;
}
.vl_container.result-vraag_antwoord_blok .vraag_antwoord_blok .note-form{
  margin-bottom: 1.6rem;
}
.vl_container.result-vraag_antwoord_blok .vraag_antwoord_blok .note-form .note-form_action{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.vl_container.result-vraag_antwoord_blok .vraag_antwoord_blok .note-form .note-form_action .input-text{
  padding: 7px;
  width: 100px !important;
  margin-right: 10px;
}
.vl_container.result-vraag_antwoord_blok .vraag_antwoord_blok .note-form .note-form_action .btn_lr{
  margin-bottom: 0;
  margin-left: 10px;
  padding: 6px 14px !important; 
  display: inline-flex; 
  align-items: center; 
  justify-content: center;
  font-size: 14px;
}
input.required.error{
  border: 1px solid red !important;
}
.popbox.ui-draggable#mijn-gegevens .popboxheader{
  height: 40px;
  background-color: #dddddd;
}
.btn.sel, .btn_mini.sel, .btn_fa.sel,
.btn:hover, .btn_mini:hover, .btn_fa:hover{
  text-decoration:none;
  background-color: var(--theme-color-secondary) !important;
  -webkit-filter: brightness(120%) !important;
  filter: brightness(120%) !important;
  color: white !important;
}
#returnMessage .return_error .msg_tekst > h3 {
  margin-top: 0;
}
#intro-module-popbox{
  display: flex;
  align-items: stretch;
  width: 80%;
  min-width: 700px;
  height: 90%;
}
#intro-module-popbox .content{
  padding: 0;
  width: 100%;
  height: auto !important;
  overflow: hidden;
}
#intro-module-popbox .content > iframe{
  height: 100% !important;
}
@media screen and (max-width: 1280px) {
  #intro-module-popbox{
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  #intro-module-popbox{
    min-width: 600px;
    width: calc(100% - 30px) !important;
    height: calc(100% - 30px) !important;
    left: 15px !important;
    top: 15px !important;
  }
}
@media screen and (max-width: 549px) {
  #intro-module-popbox{
    min-width: 300px;
  }
}

/* MY FLYTABLE */
.flytabel-v2 {
    background-color: #fff !important;
    border: 1px solid #0000 !important;
    border-radius: 4px;
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; */
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border-spacing: 0px !important;
}
.flytabel-v2 td p{
    margin-top: 0;
    margin-bottom: 0;
    color: #747474;
    font-weight: bold;
}
table.flytabel-v2 .row-heading h3 {
    text-align: left;
    margin: 0.5rem 0;
    color: black;
    font-size: 13px;
}
table.flytabel-v2 tbody > tr > td:first-child{
    text-align: right;
    vertical-align: top;
    width: 200px;
}
table.flytabel-v2 tbody > tr > td:first-child p{
    font-size: 11px;
}
table.flytabel-v2 thead .row-heading th,
table.flytabel-v2 tfoot > tr > td,
table.flytabel-v2 tbody > tr > td{
    padding:0.5rem 1rem !important;
}
table.flytabel-v2 tbody > tr.row-heading > td,
table.flytabel-v2 thead .row-heading th{
    background-color: #ddd;
    border-radius: 6px;
    border: 2px solid white !important;
}
table.flytabel-v2 tbody > tr > td input[type=checkbox],
table.flytabel-v2 tbody > tr > td select{
    width: max-content;
    margin-right: 0.5rem;
}
table.flytabel-v2 tbody > tr > td input[type=number]{
    width: 80px;
    margin-right: 0.5rem;
}
table.flytabel-v2 tbody > tr > td select{
    padding: 7px;
    height: 40px;
    border-radius: 3px !important;
    border: 1px solid #adadad;
}
table.flytabel-v2 .field-desc{
    display: inline-block;
    margin-top: 0.5rem;
}

.form-2fa{
  margin-bottom: 14px;
}
.form-2fa .form-2fa-wrapper {
	height: 40px;
	background-color: #d3d3d3;
	position: relative;
	overflow: hidden;
	transition: all 0.5s ease;
	border-radius: 8px;
}
.form-2fa .form-2fa-wrapper input {
	width: 100%;
	height: 100%;
	border: none;
	box-shadow: none;
  outline: none;
	background: transparent;
	padding-left: 20px;
  padding-right: 90px;
  font-size: 1.1rem;
}

.form-2fa .form-2fa-wrapper button {
	outline: none;
	border: none;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
  margin: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
ul.home_list_monitor li.monitor-link{
  position: relative;
  margin: 2px 0 !important;
}
ul.home_list_monitor li.monitor-link > a::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: var(--theme-color);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .5s ease-in;
}
ul.home_list_monitor li.monitor-link > a > i{
  font-size: 1.2rem;
}
ul.home_list_monitor li.monitor-link:hover > a{
  color: var(--theme-color) !important;
}
ul.home_list_monitor li.monitor-link:hover > a::before{
  transform: scaleX(1);
}
/* Loading in the frontend */
#page_loading {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
}
/* Logo aanmelden page */
.aanmeldform_container .aanmeldform_logo{
  width: 100%;
  margin: 20px auto;
  display: flex;
  justify-content: center;
}
.aanmeldform_container .aanmeldform_logo > img{
  width: auto;
  height: auto;
  max-width: 90%;
}
/* STYLE MEMBER LIST (home_groep_leertraject.asp & home_miijn_groep.asp) */
.wrapper-block{
  background-color: #ffffff;
  padding: 24px 15px 15px;
  box-shadow: 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%), 0 1px 3px 0 rgb(0 0 0 / 20%);
}

.member_wrapper{
  transition: all 0.3s ease-in;
}
.member_wrapper.mijn_groep_wrapper{
  margin-bottom: 10px;
}
.member_wrapper.mijn_groep_wrapper.verberg .member_list{
  height: 0;
  overflow: hidden;
}
.member_wrapper.mijn_groep_wrapper legend{
  text-align: left;
  cursor: pointer;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 4px 13px;
  transition: all 0.3s ease-in;
}
.member_wrapper.mijn_groep_wrapper:hover >legend{
  background-color: var(--theme-color);
  background-image: none;
  color: #ffffff;
}
.member_wrapper.mijn_groep_wrapper:hover{
  border-color: var(--theme-color);
}
.member_list{
  display: flex;
  flex-wrap: wrap;
  transition: all 0.3s ease-in;
}
.member_list .member_inner{
  width: 100%;
  flex: unset !important;
  height: unset !important;
  align-items: center !important;
  justify-content: start !important;
  border: none !important;
  padding: 10px;
  transition: all 0.3s ease-in;
}
.member_list:not(.member_list_vertical) .member_inner{
  border-bottom: 1px solid #ffffff !important;
}
.member_list:not(.member_list_vertical) .member_inner:hover{
  background-color: #d9d7d7 !important;
}
.member_list .member_item{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  transition: all 0.3s ease-in;
}
.member_list .member_thumb{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #f1f1f1;
  background-color: rgb(0, 0, 0, 0.2);
}
.member_list .member_thumb >a::after{
  top: 0;
  left: unset;
  right: -5px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 15px;
}
.member_list .member_thumb > a.edit_profiel{
  width: 100%;
  height: 100%;
}
.member_list .member_info{
  padding-left: 10px;
}
.member_list .member_name{
  font-weight: 600;
  transition: all 0.3s ease-in;
}
.member_list .member_email{
  display: inline-block;
}
.member_list .member_email > a{
  text-align: left !important;
  transition: all 0.3s ease-in;
  font-size: 0.9rem !important;
}
.member_list .deelnemer_img{
  font-size: 1em;
  border: none;
}
.member_list .member_email:hover > a{
  color: var(--theme-color);
}
.member_list.member_list_vertical .member_inner{
  margin: 2px 0 0 !important;
  display: flex;
  justify-content: center !important;
  flex-direction: column;
  align-items: center !important;
  padding: 4px !important;
}
.member_list.member_list_vertical .member_item{
  flex-direction: column;
  border: 1px solid #efefef;
  border-radius: 8px;
  padding: 10px;
  width: 100%;
  background-color: #efefef;
}
.member_list.member_list_vertical .member_item:hover{
  border: 1px solid #d9d7d7;
  background-color: #d9d7d7;
}
.member_list:not(.member_list_vertical) .member_inner:hover .member_name,
.member_list.member_list_vertical .member_item:hover .member_name{
  color: var(--theme-color);
}
.member_list.member_list_vertical .member_info{
  padding-left: 0;
  width: 100%;
  margin-top: 6px;
}
.member_list.member_list_vertical .member_email{
  width: 100%;
  text-align: center;
}
.member_list.member_list_vertical .member_email > a{
  font-size: 0.8rem !important;
}
.member_list.member_list_vertical .member_name,
.member_list.member_list_vertical .member_email{
  text-align: center !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 640px){
  .member_list .member_inner{
    width: 50%;
  }
}
@media (min-width: 769px){
  .member_list .member_inner{
    width: 100%;
  }
}
@media (min-width: 920px){
  .member_list.member_list_vertical .member_inner{
    width: calc(100% / 2);
  }
}
@media (min-width: 1366px){
  .member_list .member_inner{
    width: 50%;
  }
  .member_list.member_list_vertical .member_inner{
    width: calc(100% / 3);
  }
}

/* FORM */
.e5-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-family: inherit;
}
.e5-form__title {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}
.e5-form__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.e5-label {
  font-size: 14px;
  font-weight: 500;
}
.e5-input,
.e5-textarea,
.e5-select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  font-size: 14px;
  font-family: inherit;
  background: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.e5-textarea {
  min-height: 120px;
  resize: vertical;
}
.e5-input:focus,
.e5-textarea:focus,
.e5-select:focus {
  outline: none;
  border-color: #3587ce;
  box-shadow: 0 0 0 3px rgba(43, 124, 255, 0.15);
}
.e5-input:disabled,
.e5-textarea:disabled,
.e5-select:disabled {
  background: #f5f5f5;
  cursor: not-allowed;
  opacity: 0.7;
}
.e5-form__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.e5-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #3587ce;
  cursor: pointer;
  transition: all 0.2s ease;
  background: #3587ce;
  color: #ffffff;
}
.e5-btn:hover{
  background: #ffffff;
  color: #3587ce;
}
.e5-btn--primary {
  background: var(--theme-color);
  border: 1px solid var(--theme-color);
}
.e5-btn--primary:hover{
  color: var(--theme-color);
}
.e5-btn--secondary {
  background: var(--theme-color-secondary);
  border: 1px solid var(--theme-color-secondary);
}
.e5-btn--secondary:hover{
  color: var(--theme-color-secondary);
}

@media (max-width: 768px) {
  body.module.mobile #overflowDiv{
    padding-bottom: 60px;
  }
  body.module.mobile #containerDiv{
    padding-bottom: 0 !important;
  }
  body.module.mobile #ondertekst{
    display: none !important;
  }
  body.module.mobile #voortgang_cbt{
    position: fixed !important;
    bottom: 60px !important;
    width: calc(100% - 120px) !important;
  }
  body.module.mobile #vorigeVolgendeBtn{
    position: fixed !important;
    bottom: 0 !important;
  }
}

.frame_uploader_box iframe{
  width: 100%;
  min-width: 500px;
  height: 500px;
}
@media(max-width: 549px){
  .frame_uploader_box iframe{
    min-width: 100%;
  }
  #pnlUpload .form-upload-avatar .box-upload .box span{
    font-size: 0.8rem;
    padding: 0 10px;
  }
  
}