button{
  cursor: pointer;
}
.d-none{
  display:none !important;
}

@media (min-width: 576px)
{
  .d-sm-inline {
    display: inline!important;
  }
  .d-sm-inline-block {
    display: inline-block!important;
  }
}
@media (min-width: 768px)
{
  .d-md-block {
      display: block!important;
  }
}


.spinner{
  display: inline-block;
    top: -5px;
    position: relative;
    right: 6px;
}
#LoginRegisterPopup button,#LoginRegisterPopup-sw, #AcceptTermsPopup
{
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
}
#LoginRegisterPopup,#LoginRegisterPopup-sw, #AcceptTermsPopup
{
  top:50%;
  left:50%;
  width:600px;
  /*height:620px;*/
  margin-left:-300px;
  margin-top:-310px;
  color:#002e5e;
  font-size:100%;
}

#LoginRegisterPopupDemo,#LoginRegisterPopupDemo-sw, #AcceptTermsPopup
{
  top:50%;
  left:50%;
  width:600px;
  /*height:620px;*/
  margin-left:-300px;
  margin-top:-310px;
  color:#002e5e;
  font-size:100%;
}

#LoginRegisterPopup .FormLine,#LoginRegisterPopup-sw .FormLine,#LoginRegisterPopup .ButtonLine,#LoginRegisterPopup-sw .ButtonLine, #AcceptTermsPopup .FormLine
{
  overflow:auto;
  padding:.2em 0;
}

#LoginRegisterPopup .ButtonLine,#LoginRegisterPopup-sw .ButtonLine, #AcceptTermsPopup .ButtonLine
{
  text-align:right;
  overflow:auto;
  padding:.6em 0;
}

#LoginRegisterPopup .LinkButton,#LoginRegisterPopup-sw .LinkButton
{
  background:transparent;
  text-decoration:underline;
  cursor:pointer;
  border:none;
  color:#002e5e;
  padding:0;
}

#LoginRegisterPopup label,#LoginRegisterPopup-sw label, #AcceptTermsPopup label
{
  float:left;
  width:45%;
  margin:0;
  padding:3px 0;
}

#LoginRegisterPopup .Field,
#AcceptTermsPopup .Field
{
  border:1px solid #999;
  float: right;
  width:50%;
  height:25px;
  background-color:#fff;
  border-color:#cad3e3;
  border-width:2px;
  margin:0;
  padding:2px;
  border-radius: 0px;
}


#LoginRegisterPopup .Field input[type="text"], #LoginRegisterPopup-sw .Field input[type="text"]
{
  border: none;
  float:left;
  width:50%;
  height:22px;
  background-color:#fff;
  border-color:#cad3e3;
  margin:0;
  border-radius: 0px;
}

#LoginRegisterPopup .Field input[type="password"], #LoginRegisterPopup-sw input[type="password"]
{
  border: none;
  float:left;
  width:54%;
  height:22px;
  background-color:#fff;
  border-color:#cad3e3;
  margin:0;
  border-radius: 0px;
}

#LoginRegisterPopup input[type="text"],#LoginRegisterPopup-sw input[type="text"], #AcceptTermsPopup input[type="email"],#LoginRegisterPopup input[type="password"],#LoginRegisterPopup-sw input[type="password"]
{
  border:1px solid #999;
  float:right;
  width:50%;
  height:25px;
  background-color:#fff;
  border-color:#cad3e3;
  border-width:2px;
  margin:0;
  padding:2px;
  border-radius: 0px;
  font-size: 16px !important;
  color: black !important;
}

#LoginRegisterPopup input[type="checkbox"],#LoginRegisterPopup-sw input[type="checkbox"], #AcceptTermsPopup input[type="checkbox"]
{
  float:left;
  margin-right:7px;
  margin-top:4px;
}

#LoginRegisterPopup .CheckBox,#LoginRegisterPopup-sw .CheckBox, #AcceptTermsPopup .CheckBox
{
  float:right;
  width:51%;
}
#LoginRegisterPopup .CheckBoxRight,#LoginRegisterPopup-sw .CheckBoxRight, #AcceptTermsPopup .CheckBoxRight
{
  float: left;
  width: 99%;
}

#LoginRegisterPopup fieldset,#LoginRegisterPopup-sw fieldset, #AcceptTermsPopup fieldset
{
  width:90%;
  border:none;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  padding:15px;
}

#LoginRegisterPopup h2,#LoginRegisterPopup-sw h2, #AcceptTermsPopup h2
{
  padding-left:15px;
  font-size:125%;
  margin:0 0 .25em;
}
#LoginRegisterPopupDemo h2,#LoginRegisterPopupDemo-sw h2, #AcceptTermsPopup h2
{
  padding-left:15px;
  font-size:125%;
  margin:0 0 .25em;
}
#AcceptTermsPopup h2
{
  padding-left:0px;
}

#AcceptTermsPopup div h2
{
  padding-left:0px;
  color: #002E5E;
}

#LoginRegisterPopup h2>span,#LoginRegisterPopup-sw h2>span, #AcceptTermsPopup h2>span
{
  font-size:75%;
  font-weight:normal;
}

#LoginRegisterPopup #HeaderBar,#LoginRegisterPopup-sw #HeaderBar
{
  text-align:right;
  height:20px;
  padding:5px 0 15px;
}

#LoginRegisterPopup #Login,#LoginRegisterPopup-sw #Login
{
  background-color:inherit;
}

#LoginRegisterPopup .ErrorMessage,#LoginRegisterPopup-sw .ErrorMessage,#AcceptTermsPopup .ErrorMessage
{
  text-align: left;
  color: #c91e4e;
  font-size: 80%;
  /*padding-right: 10px;*/
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 18px;
  width: 300px;
}


#PasswordRecovery .ErrorMessage
{
  position: relative;
}

#LoginRegisterPopup .ButtonLine, #AcceptTermsPopup .ButtonLine
{
  position: relative;
}
#LoginRegisterPopup .Button.Cancel
{
  position: absolute;
  left: 0;
  width: 120px;
  background: #002e5e;
}

a:hover,a:active,a,a:active,#LoginRegisterPopup input:required,#LoginRegisterPopup-sw input:required
{
  outline:none;
  box-shadow: none;
}

#LoginRegisterPopup .CloseButton,#LoginRegisterPopup-sw .CloseButton,.CloseButton
{
  display:inline-block;
  height:24px;
  width:25px;
  text-decoration:none;
  /*background:url(../images/login-register-close.png) top left no-repeat;*/
  background:url(/images/svg/closeButton.svg) top left no-repeat;
}
#LoginRegisterPopupDemo .CloseButton,#LoginRegisterPopupDemo-sw .CloseButton,.CloseButton
{
  display:inline-block;
  height:24px;
  width:25px;
  text-decoration:none;
  /*background:url(../images/login-register-close.png) top left no-repeat;*/
  background:url(/images/svg/closeButton.svg) top left no-repeat;
}

#LoginRegisterPopup .CloseButton:hover,#LoginRegisterPopup-sw .CloseButton:hover,#CloseCamButton:hover,.CloseButton:hover
{
  /*background:url(../images/login-register-close.png) top right no-repeat;*/
}

#LoginRegisterPopup #PasswordRecovery,#LoginRegisterPopup-sw #PasswordRecovery,#LoginRegisterPopup #Register,#LoginRegisterPopup-sw #Register,#LoginRegisterPopup-sw #RegisterCompleted,#LoginRegisterPopup #RegisterButton,#LoginRegisterPopup #RegisterSWButton
{
  background-color:#efefef;
}

#LoginRegisterPopup .CloseButton,#LoginRegisterPopup-sw .CloseButton
{
  top:5px;
  right:10px;
  z-index: 10;
}
#LoginRegisterPopupDemo .CloseButton,#LoginRegisterPopupDemo-sw .CloseButton
{
  top:5px;
  right:10px;
  z-index: 10;
}

#ResultView .Results .NotDone,#LearningRouteView .Results .NotDone,#series-list ul li,#LoginRegisterPopup #PasswordRecovery,#LoginRegisterPopup-sw #PasswordRecovery
{
  background-color:#fff;
}


#status a,.Button,#back-button,#back-button:visited,#faq-list .more,#faq-list .more:visited
{
  background:#666;
  color:#fff;
  border:1px solid #666;
  text-decoration:none;
  padding:2px 4px;
}

a#start-button,a#start-button:visited,#faq-help button,.Button
{
  background:#002e5e url(../images/svg/Arrow_right.svg) no-repeat 122px 10px;
  background-size:15px;
  color:#fff;
  border:1px solid #002e5e;
  text-decoration:none;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  height:auto;
  font-weight:600;
  padding: 7px 30px 9px 20px;
}
.Button-con
{
  background:#002e5e url(../images/svg/Arrow_right.svg) no-repeat 148px 10px!important;
  background-size: 15px!important;
}


.overlay
{
  background:#002e5e;
  position: fixed !important;
  top:0;
  left:0;
  z-index:50;
  width: 100% !important;
  height: 100% !important;
}

#small_LoginRegisterPopup,#small_LoginRegisterPopup-sw
{
  width:500px;
  margin-left:-250px;
}

#LoginRegisterPopup #RegisterHeader
{
  /*border-top:1px solid #cad3e3;*/
  padding-top:25px;
}
#LoginRegisterPopupDemo #RegisterHeader
{
  /*border-top:1px solid #cad3e3;*/
  padding-top:25px;
}

#LoginRegisterPopup #Register
{
  background:inherit;
}
#LoginRegisterPopupDemo #Register
{
  background:inherit;
}

#LoginRegisterPopup h2 span
{
  float:right;
  display:inline-block;
  width:54%;
  font-size:16px;
  line-height:28px;
}
#LoginRegisterPopupDemo h2 span
{
  float:right;
  display:inline-block;
  width:54%;
  font-size:16px;
  line-height:28px;
}

#LoginRegisterPopup input:-webkit-autofill
{
  -webkit-box-shadow:0 0 0 1000px #FFF inset;
}

#LoginRegisterPopup .FormLine,#LoginRegisterPopup-sw .FormLine, #AcceptTermsPopup .FormLine
{
  overflow:auto;
  padding:.4em 0;
}

#LoginRegisterPopup .Button,#LoginRegisterPopup-sw .Button
{
  font-size: 16px;
  width:96px;
  text-align:left;
  background-position: 118px 11px;
  font-family: 'Source Sans Pro', sans-serif;
}

#LoginRegisterPopup .Button,#LoginRegisterPopup-sw .Button, #AcceptTermsPopup .Button
{
  font-size: 16px;
  text-align:left;
  background-position: 118px 11px;
  font-family: 'Source Sans Pro', sans-serif;
}


.PopUpbox
{
  border-radius:8px;
  box-shadow:-1px 6px 16px #000;
  behavior:url(/js/PIE.php);
  position:absolute;
  z-index:400;
  background-color:#fff;
}

#stickers .PopUpbox 
{
  box-shadow:none;
}

.PopUpboxTitle
{
  height:30px;
  width:100%;
  border-radius:8px 8px 0 0;
  behavior:url(/js/PIE.php);
  text-align:right;
  background-color:transparent;
  padding:5px 0 0;
}

.PopUpboxBody
{
  padding:0 15px 15px;
}

#RatingPopUp .PopUpboxBody
{
  padding: 10px 40px 30px 30px;
}
.PopUpboxTitle .CloseButton
{
  position:relative;
  right:8px;
  top: 2px;
}



@media (max-width: 730px) {
  #niveauSelect { width: 100%; }
  #LoginRegisterPopup, #LoginRegisterPopup-sw, #AcceptTermsPopup { width: 96%; margin-left: -48%; }
  #LoginRegisterPopup { top: 0.1% !important; margin-top: 0 !important; }
}
@media (max-width: 670px) {
  #coach_container_how_to_login { position: relative; overflow: visible;}
  #LoginRegisterPopup fieldset, #LoginRegisterPopup-sw fieldset,
  #LoginRegisterPopup h2, #LoginRegisterPopup-sw h2 { width: 90%; }

  #ResultView #ProgramList .Row .Col1 { width: auto; }
  #ResultView #ProgramList .Row .Results { width: 150px; }
  #ResultView .Results > span { width: 6%; height: 13px; margin: 1px 1px 1px 0; }
  #ResultView #ProgramList .Row .Col3 { width: auto; }
  #ResultView #ProgramList tr td .start-button { width: 80px; background-position: 62px 12px }
}

@media (max-width: 560px) {

  #LoginRegisterPopup .ErrorMessage, #LoginRegisterPopup-sw .ErrorMessage { position: relative; }

  #PlusAccWelcome { width: 100%; }
  #PlusAccWelcome #customer-news { width: 100%; }
  #PlusAccWelcome .Box img { width: 100%; height: auto; }
  .programsTable a.show-workbook,
  .programsTable a.show-promo,
  .programsTable a.start-demo { margin-right: 3%; }
}






#coach_container_welcome,#coach_container_how_website_works,#coach_container_how_to_login
{
  position:relative;
}

#coach_container_welcome .close_btn,#coach_container_how_website_works .close_btn,#coach_container_how_to_login .close_btn,#coach_container_welcome .text_balloon,#coach_container_how_website_works .text_balloon,#coach_container_how_to_login .text_balloon,#coach_container_welcome .coach_head,#coach_container_how_website_works .coach_head,#coach_container_how_to_login .coach_head,#coach_container_welcome .coach_tv,#coach_container_how_website_works .coach_tv,#coach_container_how_to_login .coach_tv,#coach_container_welcome .coach_tv_text,#coach_container_how_website_works .coach_tv_text,#coach_container_how_to_login .coach_tv_text
{
  position:absolute;
}

#coach_container_welcome .coach_tv_text,#coach_container_how_website_works .coach_tv_text,#coach_container_how_to_login .coach_tv_text
{
  z-index:4;
}

#coach_container_welcome .coach_tv,#coach_container_how_website_works .coach_tv,#coach_container_how_to_login .coach_tv
{
  z-index:5;
}

#coach_container_welcome .close_btn,#coach_container_how_website_works .close_btn,#coach_container_how_to_login .close_btn
{
  z-index:3;
  display:none;
}

img.text_balloon
{
  z-index:2;
}
p.text_balloon
{
  z-index:3;
}

#coach_container_welcome .coach_head,#coach_container_how_website_works .coach_head,#coach_container_how_to_login .coach_head
{
  z-index:1;
}

#coach_container_how_to_login
{
  width:200px;
  height:450px;
  overflow:hidden;

  position: absolute;
  bottom: 0;
  right: 0;
  height: 389px
}

#coach_container_how_to_login .close_btn
{
  top:18px;
  left:163px;
  z-index:10;
}
body.sbcm #coach_container_how_to_login .close_btn
{
  top: auto;
  bottom: 213px;
}
#coach_container_how_to_login img.text_balloon
{
  bottom: 147px;
  left: 20px;
}
body.sbcm #coach_container_how_to_login img.text_balloon
{
  top: auto;
  bottom: 127px;
}

#coach_container_how_to_login .coach_head
{
  bottom: 0;
  left:40px;
}

p.text_balloon
{
  top: 20px;
  left: 15px;
  width: 120px;
  font-size: 15px;
  line-height: 19px;
  font-weight: 600;
  display: none;
  margin: 0;
}
body.sbcm #coach_container_how_to_login p.text_balloon
{
  top: auto;
  bottom: 170px;
}

#coach_container_how_to_login p.text_balloon
{
  font-size: 13px;
  line-height: 18px;
  left: 38px;
  width: 150px;
}
#coach_container_how_website_works p.text_balloon
{
  width: 140px;
}

#LoginRegisterPopup .showPassToggle
{
  float: right;
  width:38%;
  color: #002e5e;
  text-align: center;
  border:1px solid #999;
  height: 19px;
  background-color:#fff;
  font-weight: 600;
  border-color: #cad3e3;
  border-width: 2px;
  margin: 1px;
  border-radius: 5px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 80%;
  cursor: pointer;
  vertical-align: middle;
  line-height: 19px;
}

/* tO DO: Remove the 'display:none' when Wordpress has updated html in login-register.php */
#LoginRegisterPopup .showPassToggle.show, #LoginRegisterPopup .showPassToggle.hide, #LoginRegisterPopup .showPassToggle2.show, #LoginRegisterPopup .showPassToggle2.hide {
  display: none;
}

#LoginRegisterPopup .showPassToggle.active, #LoginRegisterPopup .showPassToggle2.active {
  display: block;
}


#LoginRegisterPopup .showPassToggle2
{
  float: right;
  width:38%;
  color: #002e5e;
  text-align: center;
  border:1px solid #999;
  height: 19px;
  background-color:#fff;
  font-weight: 600;
  border-color: #cad3e3;
  border-width: 2px;
  margin: 1px;
  border-radius: 5px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 80%;
  cursor: pointer;
  vertical-align: middle;
  line-height: 19px;
}

#LoginRegisterPopup .CheckBoxRight input[type="checkbox"], #LoginRegisterPopup-sw .CheckBoxRight input[type="checkbox"] {
    position: relative;
    left: 0;
    opacity: 1;
    outline: none;
}

#LoginRegisterPopup .CheckBoxRight label:before, #LoginRegisterPopup-sw .CheckBoxRight label:before {
  display:none;
}

#LoginRegisterPopup *, #AcceptTermsPopup *
{
  box-sizing: initial;
}

#LoginRegisterPopupDemo .CheckBoxRight input[type="checkbox"], #LoginRegisterPopupDemo-sw .CheckBoxRight input[type="checkbox"] {
  position: relative;
  left: 0;
  opacity: 1;
  outline: none;
}

#LoginRegisterPopupDemo .CheckBoxRight label:before, #LoginRegisterPopupDemo-sw .CheckBoxRight label:before {
display:none;
}

#LoginRegisterPopupDemo *
{
box-sizing: initial;
}


#coach_container_how_to_login
{
  display: none !important;
}

#LoginRegisterPopup{
  position: absolute;
    top: 125px;
    z-index: 1001;
    min-height: 500px;
}
#LoginRegisterPopupDemo{
  position: absolute;
    top: 125px;
    z-index: 1001;
    min-height: 250px;
}

#LoginRegisterPopup #RegisterHeader {
  border-top:none;
}
#LoginRegisterPopupDemo #RegisterHeader {
  border-top:none;
}

#LoginRegisterPopup, #AcceptTermsPopup {
  font-family: "Source Sans Pro";
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0px;
    font-style: normal;
    color: #002E5E;
}
#LoginRegisterPopupDemo{
  font-family: "Source Sans Pro";
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0px;
    font-style: normal;
    color: #002E5E;
}

#LoginRegisterPopup h2 {
  /*margin-top: 2em;*/
  font-size: 30px;
  color: #002E5E;
}
#LoginRegisterPopupDemo h2{
  /*margin-top: 2em;*/
  font-size: 30px;
  color: #002E5E;
}


.login-accordion{
  position: relative;
  border-color: #e0dede;
    background-color: #F8F8FF;
    display: flex;
    border-radius: 10px;
    font-size: 19px;
    padding-bottom:13px;
  padding-left:20px;
  padding-right:20px;
  padding-top:10px;
  margin-top: 10px;
  cursor: pointer;
  user-select: none;
}

.login-accordion .triangle:before{
  position: absolute;
  top: 10px;
  right: 20px;
  background: url('/wp-content/uploads/2019/07/icon-toggle-small.png') no-repeat left top;
  background-size: cover;
  content: '';
  width: 24px;
  height: 23px;
}


[type="checkbox"]:checked + label::after{
  display: none;
}

header.fusion-header-wrapper .fusion-header .fusion-main-menu ul li.login-btn
{
  opacity: 0;
}

/* > 1268px */
@media only screen and (max-width: 1268px) 
{
  header.fusion-header-wrapper .fusion-header .fusion-main-menu ul 
  {
      margin: 80px 0 0!important;
  }
}
/* > 1268px */
@media only screen and (max-width: 1237px) 
{
  header.fusion-header-wrapper .fusion-header .fusion-main-menu ul 
  {
      margin: 10px 0 0!important;
  }
}

/* replacemenu */
nav.fusion-secondary-menu ul#menu-topmenu { display: none; }
body.menureplaced nav.fusion-secondary-menu ul#menu-topmenu { display: block; }

body.menureplaced header.fusion-header-wrapper .fusion-secondary-header .fusion-secondary-menu ul#menu-topmenu li
{
  height: 25px;
  line-height: 25px !important;
}
body.menureplaced header.fusion-header-wrapper .fusion-secondary-header .fusion-secondary-menu ul#menu-topmenu li a
{
  line-height: inherit;
}
#topscore
{
  width: 25px !important;
  height: 25px !important;
  background-size: cover;
  margin-right: 10px !important;
}
.topaccount
{
  background: transparent url(/images/svg/chatpersoon_blauw.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 25px 25px;
  padding-left: 28px !important;
  min-width: 120px;
}
.topaccountsub
{
  display: none;
  background-color: #fff;
  border: 1px solid #cad3e3 !important;
  text-align: left;
}
.topaccountsub:hover
{
  background-color: #cad3e3;
}
.topaccountsub a
{
  display: inline-block;
  width: 100%;
  padding: 8px !important;
}
.top-status
{
  font-size: 85%;
  padding-left: 3px !important;
}

/***********************************************************************************************
***************************** REGISTRATIE POPUP PROGRAMMATOOL **********************************
/***********************************************************************************************/
.RegisterHeader-progtool
{
  font-weight: bold;
}
.regpopup-content
{
  font-weight: normal;
}
.regpopup-content-titel
{
  font-weight: bold;
}
.LoginRegisterPopupDemo-buttons
{
  display: flex;
  flex-direction: row;
  justify-content: space-between; 
}

.lock-smile
{
  margin-top: -23px;
}