/* bevat overrides voor style.css */
.content.progress .loader-circle {width: 120px;height: 120px;background-color:transparent;border:0;}
.content.progress .loader-circle .timer {width: 120px;height: 120px;}
.content.progress .loader-circle .timer>.slice {width: 120px;height: 120px;clip: rect(0,120px,120px,60px);}
.content.progress .loader-circle .timer>.slice>.pie {width:104px;height:104px;clip: rect(0,60px,120px,0);border: 8px solid #59c8c8;}
.content.progress .loader-circle .inner {width: 104px;height: 104px;border: 8px solid #364966;}
/*.content.progress .icon {width:60px;height:60px;background-size:cover;}*/
.content.progress .icon img {width:100%;height:100%;}

.content .intro .introTitle {font-family: 'the_bold_fontbold';font-size:16px;color:#aa9682;}
.content .intro .introText {font-family: "exo_2light";}


.tag-select{margin:20px 0}
.tag-select .tag{cursor:pointer;color:#3c3c3b;background:#fff;border:1px solid #c6c6c6;display:inline-block;margin:10px 15px;border-radius:8px;padding:5px 10px;position:relative;font-size:13px}
.tag-select .tag.add:after{content:"";width:15px;height:15px;background-image:url(img/tag-plus-icon.png);background-size:cover;position:absolute;top:0;bottom:0;right:10px;margin:auto}
.tag-select .tag.added:after{content:"";width:12px;height:12px;background-image:url(img/tag-remove-icon.png);background-size:cover;position:absolute;top:0;bottom:0;right:10px;margin:auto}
.tag-select .tag.add,.tag-select .tag.added{padding-right:35px}
.tag-select .tag.added{background-color:#c6c6c6;color:#fff}

.breadcrumb {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 15px;
  overflow: hidden;
  border-bottom: 1px solid #adadad;
  background: #eee;
  background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 100%);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
  .breadcrumb a {
    text-decoration: none;
    outline: none;
    display: inline-block;
    font-size: 14px;
    line-height: 36px;
    color: #fff;
    padding: 0 10px 0 30px;
    background: #666;
    background: linear-gradient(#666, #333);
    position: relative;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
  .breadcrumb a:first-child {
    border-radius: 5px 0 0 5px;
    padding: 0 10px 0 20px; }
  .breadcrumb a:last-child {
    border-radius: 0 5px 5px 0;
    padding-right: 20px; }
  .breadcrumb a.active, .breadcrumb a:hover {
    background: #333;
    background: linear-gradient(#999, #666); }
  .breadcrumb a.active:after, .breadcrumb a:hover:after {
    background: #333;
    background: linear-gradient(135deg, #333, #000); }
  .breadcrumb a:after {
    content: '';
    position: absolute;
    top: 0;
    right: -18px;
    width: 36px;
    height: 36px;
    z-index: 1;
    background: #ccc;
    background: linear-gradient(135deg, #ccc, #999);
    box-shadow: 1px -1px 0 1px rgba(0, 0, 0, 0.2), 3px -3px 0 2px rgba(255, 255, 255, 0.1);
    border-radius: 0 5px 0 50px;
    -webkit-transform: scale(0.707) rotate(45deg);
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: scale(0.707) rotate(45deg);
    /* IE 9 */
    transform: scale(0.707) rotate(45deg);
    /* IE 10, Fx 16+, Op 12.1+ */ }
  .breadcrumb a:last-child:after {
    content: none; }

.flat a, .flat a:after {
  background: #fff;
  color: #000;
  transition: all 0.5s; }
  .flat a:before {
    background: #fff;
    box-shadow: 0 0 0 1px #ccc; }
  .flat a:hover, .flat a.active, .flat a:hover:after, .flat a.active:after {
    background: #f1f1f1; }

.cbEditItem.sub {background-image:url(img/arrowRight-blue.png);background-size: 9px 13px;}


.checkbox {
  display: none;
  width: 22px;
  height: 22px;
  border: 1px solid #2b78e4;
  background: #fff url(img/checkboxChecked.png) no-repeat center center;
  background-size: 22px 22px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 12px; }
  .checkbox.checked {
    background-color: #2b78e4; }
  .checkbox.visible {
    display: block; }

.footer-edit {
  background: #2b78e4;
  bottom: -44px;
  height: 44px;
  position: fixed;
  width: 100%;
  text-align: center;
  z-index: 10; }
  .footer-edit.inline {
    bottom: auto;
    position: static; }
  .footer-edit.open {
    bottom: 0px; }
  .footer-edit table {
    height: 100%;
    width: 100%; }
  .footer-edit td {
    height: 100%;
    border-right: 1px solid #276ccd; }
  .footer-edit a {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 44px;
    width: 100%; }
  .footer-edit .hidden {
    display: none !important; }
  .footer-edit .checkbox {
    top: 10px; }

.popupAssetTpl .footer-edit {
  opacity: 0; }
  .popupAssetTpl .footer-edit.open {
    opacity: 1; }

.footer-editSpacer {
  height: 0px; }
  .footer-editSpacer.open {
    height: 44px; }

.mediaListViewItem {
  display: inline-block;
  margin: 14px 18px 0 18px; }

.mediaListViewThumb {
  height: 130px;
  width: auto;
  max-width: 200px;
  margin-bottom: 9px;
  position: relative;
  background: no-repeat center center;
  background-size: cover; }
  .mediaListViewThumb .visibleMedia {
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 43px;
    background-image: url('img/media-visible.png');
    background-repeat: no-repeat;
    background-position: center center; }
  .mediaListViewThumb .linkedMedia {
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 43px;
    background-image: url('img/media-linked.png');
    background-repeat: no-repeat;
    background-position: center center; }

.mediaListViewIcon {
  display: inline-block;
  width: 23px;
  height: 23px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-left: 5px; }

.video .mediaListViewIcon {
  background-image: url('img/video-icon.png'); }

.picture .mediaListViewIcon {
  background-image: url('img/picture-icon.png'); }

.mediaListViewItemTitle {
  font-family: 'argumentumregular';
  display: inline-block;
  font-size: 12px;
  color: #848484;
  padding: 3px 0 0 9px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.popup .assetManager .blockLeftContent {
  margin-top: 0; }

.beheerHeader {
  z-index: 105; }

.assetManager {
  /*
   .mediaPopup {
   display: none;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 103;
   background: rgba(0,0,0,0.7);
   &.open {
   display: block;
   }
   .mediaPopupInner {
   width: 50%;
   margin: 150px auto 0;
   background: #fff;
   padding: 10px;
   }
   }
   */ }
  .assetManager .sub-header-title {
    font-family: "argumentumregular";
    font-size: 18px;
    letter-spacing: 0.7px; }
  .assetManager .sub-header-controls.changeBtn a {
    font-size: 16px; }
  .assetManager .sub-header-controls.changeBtn {
    right: 200px; }
  .assetManager .sub-header-controls {
    right: 50px; }
  .assetManager .sub-header-controls a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    font-size: 0;
    border: 0; }
  .assetManager a.listViewItem, .assetManager .listViewItem {
    border: none;
    font-family: "argumentumregular";
    font-size: 18px;
    color: #6f6f6f;
    line-height: 50px;
    border-left: 11px solid transparent;
    letter-spacing: 0.7px;
    height: 50px; }
  .assetManager a.listViewItem:hover, .assetManager .listViewItem:hover {
    background-color: #e3e3e3;
    border-color: #848484; }
  .assetManager a.listViewItem.listViewActive, .assetManager .listViewItem.listViewActive {
    background-color: transparent;
    border-color: #2b78e4;
    color: #2b78e4; }
  .assetManager a.listViewItem.trashCan, .assetManager .listViewItem.trashCan {
    border-top: 2px solid #e3e2e2;
    margin-top: 50px; }
  .assetManager .listViewItem .listViewIcon {
    width: 24px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 24px 24px;
    margin-left: 10px; }
  .assetManager .addMediaWrapper {
    border-bottom: 2px solid #e3e2e2;
    text-align: center; }
  .assetManager .listView {
    border: none; }
  .assetManager .leftToolbar {
    border-right: none;
    padding-left: 50px;
    top: 45px; }
  .assetManager .rightToolbar {
    top: 45px; }
  .assetManager .blockLeftContent {
    border-right: 2px solid #e3e2e2;
    margin-top: 0;
    padding-top: 40px; }
  .assetManager .blockRightContent {
    margin-top: 0;
    padding-top: 40px;
        top: 0; }
  .assetManager .addMedia {
    margin: 30px auto;
    display: inline-block;
    padding: 8px 11px;
    border: 1px solid #b5b5b5;
    color: #9ba2ab;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "argumentumregular";
    letter-spacing: 0.7px; }
  .assetManager .addMedia .listViewIcon.file {
    background-position: 0 0;
    background-image: url('img/icon-add.jpg');
    background-size: 14px 14px; }
  .assetManager .listViewAddFile {
    position: relative;
    right: auto;
    width: auto;
    padding-left: 20px;
    color: #b5b5b5;
    height: auto; }
  .assetManager .preTitle {
    font-family: 'argumentumregular';
    color: #000;
    font-size: 12px;
    display: block;
    text-transform: uppercase;
    margin: 26px 18px 0 18px;
    letter-spacing: 0.7px; }

.popupAssetTpl .assetManager .leftToolbar, .popupAssetTpl .assetManager .rightToolbar {
  top: 0; }

.popup .assetManager .blockLeftContent, .popup .assetManager .blockRightContent {
  padding-top: 60px; }

.assetManager .sub-header-controls .assetManagerListView {
  background-image: url('img/icon-list.png');
  border-right: 2px solid #b5b5b5;
  background-size: 24px 15px;
  padding-right: 35px;
  padding-left: 25px;
  height: 75%;
  margin: 8px 10px 0 0; }

.assetManagerImages {
  background-image: url('img/picture-icon-blue.png'); }

.assetManagerVideos {
  background-image: url('img/video-icon-blue.png'); }
  .recent .listViewIcon {
    background-image: url("img/icon-recent.png"); }
  .recent.listViewActive .listViewIcon {
    background-image: url("img/icon-recent-active.png"); }
  .viewAll .listViewIcon {
    background-image: url("img/icon-viewAll.png"); }
  .viewAll.listViewActive .listViewIcon {
    background-image: url("img/icon-viewAll-active.png"); }
  .courseMedia .listViewIcon {
    background-image: url("img/icon-courseMedia.png"); }
  .courseMedia.listViewActive .listViewIcon {
    background-image: url("img/icon-courseMedia-active.png"); }
  .trashCan .listViewIcon {
    background-image: url("img/icon-trashCan.png"); }
  .trashCan.listViewActive .listViewIcon {
    background-image: url("img/icon-trashCan-active.png"); }

.assetManagerMediaUpload {
  display: none; }


.popupOverlay {
  background: #000;
  background: rgba(0, 0, 0, 0.65);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  width: 100%;
  height: 100%;
  display: none; }

.popup {
  background: #fff;
  display: inline-block;
  max-width: 90%;
  max-height: 90%;
  text-align:left;
  margin: 0 auto;
  box-shadow: 0 2px 20px 5px #2f2f2f;
  position: relative;
  left: 50%;
  top: 50%;
  min-width: 50%;
  padding: 15px;
  overflow-y: auto;
  -webkit-transform: translate(-50%, -50%);
  /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  transform: translate(-50%, -50%);
  /* IE 10, Fx 16+, Op 12.1+ */ }
  .popup.fullscreen {
    width: 90%;
    height: 90%;
    padding: 0; }
  .popup .topTitle {
    display: block;
    text-align: right; }
  .popup .topTitle .popupClose {
    text-transform: capitalize;
    color: #000;
    font-size: 14px;
    font-family: 'Source Sans Pro';
    font-weight: normal;
    font-style: normal; }
  .popup .block {
    display: block;
    margin: 10px 0;
    padding: 10px 5px;
    border-bottom: 2px solid #ebebeb; }
  .popup .block.first, .popup .block.last {
    border-bottom: 0; }
  .popup .block .title {
    font-size: 18px;
    font-family: "argumentumthin";
    color: #747474; }
  .popup .block textarea {
    display: block;
    width: 100%;
    height: 85px;
    border: 1px solid #c9c9c9;
    outline: none;
    padding: 5px;
    font-family: 'Source Sans Pro';
    font-weight: normal;
    font-style: normal; }
    .popup .block textarea::-webkit-input-placeholder {
      font-style: italic; }
    .popup .block textarea::-moz-placeholder {
      font-style: italic; }
    .popup .block textarea::-ms-input-placeholder {
      font-style: italic; }
  .popup .block .content {
    font-family: 'Source Sans Pro';
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    color: #000;
    padding: 5px 10px; }
  .popup .block .content label {
    display: inline-block;
    width: 33%; }
    .popup .block .content label .name {
      font-family: 'argumentumthin';
      font-size: 14px;
      color: #000; }
  .popup .popupAssetInfoTpl .popupOptions {
    display: none; }
  .popup .popupAssetInfoTpl .subPopupOptions {
    display: block; }
  .popup .popupAssetInfoTpl .block {
    display: none; }
  .popup .subPopupOptions {
    display: none; }
  .popup .popupOptions {
    display: block;
    margin: 25px 0;
    text-align: center; }
  .popup .popupOptions .button {
    display: inline-block;
    background: #fff;
    margin: 0 5px;
    color: #b5b5b5;
    border: 1px solid #b5b5b5;
    text-transform: inherit;
    width: 175px;
    padding: 7px 0;
    font-family: 'Source Sans Pro';
    font-weight: normal;
    font-style: normal;
    font-size: 14px; }
  .popup .popupOptions .button.blueButton {
    color: #fff;
    background: #2b78e4;
    line-height: normal;
    height: auto; }

.popupText {
  padding: 30px;
  font-size: 20px; }
  .popupText.small {
    padding: 5px 0 5px 15px;
    font-size: 14px; }

.popupTitle {
  line-height: 60px;
  padding-left: 15px;
  font-size: 20px;
  text-align: left;
  background: #fff; }
  .popupTitle.double {
    line-height: 30px;
    padding-right: 15px;
    text-align: center;
    padding-top: 20px;
    border-bottom: 1px solid #2b78e4;
    padding-bottom: 20px; }

.popupButtons {
  background: #f1f1f1;
  min-width: 290px; }
  .popupButtons.noBackground {
    background: transparent; }
  .popupButtons a.blueButton {
    width: 125px;
    display: inline-block;
    margin: 10px 5px; }

.popup.fullscreen .popupButtons {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1; }

.popupHeader {
  padding: 12px 12px 1px 12px;
  background: #f2f2f2;
  border-bottom: 1px solid #2b78e4;
  min-width: 280px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 1; }

.popupContent {
  text-align: left;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #f1f1f1; }

.popupHeaderSpacer {
  height: 59px;
  width: 100%; }

.popupButtonsSpacer {
  height: 62px;
  width: 100%; }

.popupRatingExplanationTpl .inputBlock {
  margin-top: 0;
  padding-top: 20px;
  text-align: left; }
  .popupRatingExplanationTpl .roundedInput {
    height: 150px; }

.popupInputsTpl .inputBlock {
  margin-top: 0;
  padding-top: 20px;
  text-align: left; }

.popupAssetTpl .popup {
  text-align: left;
  background-color: #ececec; }
  .popupAssetTpl .sub-header {
    top: 0; }
  .popupAssetTpl .contentManagerBlocks .toolbarSpacer {
    height: 60px; }
  .popupAssetTpl .popup.fullscreen .popupButtons {
    text-align: center;
    background: transparent;
    position: static; }

.mediaPreview {height:435px;position:relative;margin: 10px 0 15px 0;}
.focuspointLink, .stillLink {
    display: inline-block;
    background: #fff;
    border: 1px solid #b5b5b5;
    color: #7b7b7b;
    padding: 5px 25px;
    font-size: 14px;
    font-family: 'Source Sans Pro';
    font-weight: normal;
    font-style: normal;
}

.content.progress .tiles .tile.complete .progress .complete {
	background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}
.content.progress .tiles .tile.complete .progress .complete:after {
  content: "";
  width: 65px;
  height: 50px;
  background: url('img/completed-checkmark-blue.png');
  background-size: contain;
  position: absolute;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.content.progress .tiles .tile.complete .progress .complete img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width:40px;
    height:40px;
}

/*.content table.inputs {width: 100%;}
.content table.inputs.lessons tr td {background:transparent;border:3px solid rgba(255,255,255,0.25);}
.content table.inputs.lessons tr td .info .date {font-family: 'the_bold_fontbold'; color:#aa9682;}
.content table.inputs.lessons tr td .progress .progressbar {background-color:#364966;height:6px;}
.content table.inputs.lessons tr td .progress .progressbar .filler {background-color:#59c8c8;height:6px;}
.content.subjects .inputs.subjects .inputRow .progress {bottom:12px;}*/

.content.subjects .title {height:40px;line-height:60px;}
.content.subjects .title span {font-size:16px;color:#aa9682;}

.wvListContainer .intro, .wvStellingIntro .intro {font-family: "exo_2italic";}
.wvListContainer .intro .feedbacklist {border: 1px solid #fff;padding: 10px;margin: 10px 0;font-size: 18px;text-transform: none;border-radius: 3px;}
.wvListContainer .intro .feedbacklist p {padding-bottom: 10px;}
.wvListContainer .intro .feedbacklist .fbIcon {margin: 0 auto 5px;}
.wvListContainer .intro .feedbacklist.correct .fbIcon {background-image:url(img/quizCorrect.png);width: 25px;height: 17px;}
.wvListContainer .intro .feedbacklist.false .fbIcon {background-image:url(img/quizFalse.png);width: 18px;height: 18px;}



.wvHeader {font-family: 'exo_2bold';color:#b9af96;font-size: 13px;text-transform:uppercase;}
.wvHeaderTitle {
    border-bottom: 1px solid;
    display: inline-block;
    padding: 10px 0px;	
}
body.praktijkopleider .wvHeader {color:#ff5000;border-color:#ff5000;}
body.toolboxen .wvHeader {color:#009fe3;}
body.praktijkopleider .wvListContainer .intro .feedbacklist {border-color: #ff5000;}
body.toolboxen .wvListContainer .intro .feedbacklist {border-color: #009fe3;}
body.praktijkopleider .toetsEnd .txt .score span {color: #ff5000;}
body.toolboxen .toetsEnd .txt .score span {color: #009fe3;}

.werkvormWrap {margin-top:0;padding-top:18px;}
.wvHeaderBack {width: 36px;}
.wvHeaderBack span {background:url('img/close-icon-blue-enclosed.png');width:36px;height:36px;background-size:36px 36px;}
.wvInterviewContent:after {background:#fff;opacity:1;}
.wvInterviewContent .contentCol {
    border-top: 10px solid #bdb39b;	
}
.wvInterviewContent .contentCol .intro {
	color:#1e1e1e;	
	    font-size: 16px;
	    font-family: "open_sanslight";
	        padding: 32px 14px 45px;
}
.wvInterviewContent .contentCol .headText {
	font-family: 'the_bold_fontbold';
	color:#13294b;
	padding-top: 55px;
}


.diamond-indicator {
  	position: relative;
  	display: inline-block;
  	width: 35px;
  	height: 35px;
  	margin-right: 10px;
}

.diamond-indicator .background {
    background: #13294b;
    position: absolute;
    height: 25px;
    width: 25px;
    top: 5px;
    left: 5px;
    
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.diamond-indicator .number {
	color: #fff;
    font-size: 16px;	
    position: absolute;
    text-align: center;
    top: 0px;
    left: 0px;
    right:0px;
    bottom:0px;
    margin:auto;
    font-family: 'the_bold_fontbold';
    
    /*transform: translate(-50%, -50%);	
    -webkit-transform: translate(-50%, -50%);	
    -moz-transform: translate(-50%, -50%);	
    -ms-transform: translate(-50%, -50%);	
    -o-transform: translate(-50%, -50%);*/	
}

.diamond-indicator.active .background {
  background: #ffffff;
}
.diamond-indicator.active .number {
	color: #3cbebe;	
}

.diamond-indicator.brown .number {color:#fff;}
.diamond-indicator.brown .background {background:#b9af96;}

.wvInterviewContent .question {font-size:18px;font-family: exo_2italic;color:#e94e1b;text-transform:uppercase;padding: 10px 25px;line-height: 18px;}
.wvInterviewContent .answer {color:#1e1e1e;}
.wvInterviewContent .quote {
    padding: 0;
    background-color: #fff;
    color: #13294b;
    margin: 50px 35px;
    padding: 35px 0px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}
.wvInterviewContent .quote .rounded-image {width:120px;height:120px;}
.wvInterviewContent .quoteText {font-family: exo_2italic;font-size:16px;color:#e94e1b;width:100%;}
.wvInterviewContent .headPageTitle {
	font-family: exo_2bold;
	font-size:15px;
	text-transform:uppercase;
	color:#13294b;
	display:inline-block;
	border-bottom:1px solid #e94e1b;
	padding-bottom:15px;
	margin: 25px 25px 0px;
}

.wvProductBlocks .bottom-text, .endFooter .bottom-text {
	color: #13294b;
	display: inline-block;
	cursor:pointer;
}
.wvProductBlocks .bottom-back, .endFooter .bottom-back {
	background-image:url('img/blue-back-button.png');
	background-size:cover;
	width:36px;
	height:36px;
	display:inline-block;
	margin: 5px 8px 5px;
}

.wvListAnswer {border-radius: 2px;font-size:15px;font-family: exo_2light;border-left: 5px solid #fff;border-right: 5px solid #fff;}
.wvListAnswer.selected {background: #ff5000;border: 0 !important;}
.wvListAnswer a.wvListText div {display:table-cell;vertical-align:middle;text-align:center;}
.wvListAnswer a.wvListText {
	min-height: 70px;
	display: table;
	width: 100%;	
}

.wvVolgordeList .answerText div {display:table-cell;vertical-align:middle;text-align:center;padding: 0px 40px;}
.wvVolgordeList .answerText {
    min-height: 60px;
    display: table;
    width: 100%;	
    position:absolute;
    top:0;
    left:0;
    
}
.wvVolgordeList .arrow.up, .wvVolgordeList .arrow.down{
  background: url('img/order-buttons-sprite.png') no-repeat;
  background-size: 22px 44px;
  
  width:22px;
  height:22px;
	top: 19px;
}
.wvVolgordeList .arrow.up {background-position: top left;right: 10px;}
.wvVolgordeList .arrow.down {background-position: bottom left;left: 10px;}
.wvVolgordeIntro .intro {font-family: 'the_bold_fontbold';}
.wvFeedbackOrder {font-family: 'the_bold_fontbold';background-color:#13284b;font-size: 15px;padding: 5px;}

.wvBlanksWrap .selectAnswer {right:0;left:0;}
.wvBlanksWrap .correctAnswer {background:#3bbdbd;color:#1d1d1d;}

.wvWatbijwatContent .blockGrid .blockSet .arrows {position:absolute;left:10px;width:122px;}
.wvWatbijwatContent .blockGrid .blockSet .arrows.top {top:10px;bottom:auto;}
.wvWatbijwatContent .blockGrid .blockSet .arrows.bottom {bottom:10px;top:auto;}

.wvWatbijwatContent .blockGrid .blockSet .arrows .nav.top,
.wvWatbijwatContent .blockGrid .blockSet .arrows .nav.bottom {
	margin:0 !important;
	background:url('img/order-buttons-sprite.png');
	width:23px;
	height:23px;
  background-size: 23px 46px !important;
}
.wvWatbijwatContent .blockGrid .blockSet .arrows .nav.bottom {
	background-position-x: 0px;
  background-position-y: 23px;
}
.wvWatbijwatContent .blockGrid .blockSet .arrows .nav.top {
	background-position-x: 0px;
  background-position-y: 0px;
}
.wvWatbijwatContent .blockGrid .blockSet .arrows .nav.right,
.wvWatbijwatContent .blockGrid .blockSet .arrows .nav.left {
	width:23px;
	height:23px;
	background-image:url('img/order-buttons-lr-sprite.png');
	background-size:cover;
	background-color:#fff;	
	margin:0;
}
.wvWatbijwatContent .blockGrid .blockSet .arrows .nav.right {background-position: top left;}
.wvWatbijwatContent .blockGrid .blockSet .arrows .nav.left {background-position: bottom left;}

.wvBerichtContent .row.left {background-color:#b9af96;}
.wvBerichtContent .row.right {background-color:#fff;}
.wvBerichtContent .row .studentTitle {font-family: 'the_bold_fontbold';color: #fff;border-color: #fff;}
.wvBerichtContent .row.right .studentTitle {color: #aa9682;border-color: #aa9682;}

.wvFeedbackContent.fullsize {    
	width: 100%;
	background: #fff;
	height: 80px;
	padding: 22px;
	text-align: center;
}

.wvProductBlocks .productBlock.firstBlock .subTitle,
.wvProductBlocks .productBlock .subTitle {
	font-family: 'the_bold_fontbold';
	color:#b9af96;
	font-size:16px !important;
}
.wvProductBlocks .productBlock.firstBlock .title,
.wvProductBlocks .subtitle {
	font-family: 'the_bold_fontbold';
	color:#13294b;
	line-height:25px;
	width:305px;
	margin-bottom:30px;
}

.wvStappenplan .titleGroup .subTitle {color:#13294b;}
.wvStappenplan .text p {line-height: 26px !important;}
.wvStappenplan .diamond-indicator {
	width:56px;
	height:56px;
	margin-right:0;
	margin-bottom: 60px;
}
.wvStappenplan .diamond-indicator .number {
	line-height:62px;
	font-size:30px;	
}
.wvStappenplan .diamond-indicator .background {
	width:52px;
	height:52px;	
	
}

.wvProductBlocks .productBlock.evenBackground:not(.firstBlock) {background-color:#13294b !important;color:#fff;}
.wvProductBlocks .productBlock.oddBackground:not(.firstBlock) {background-color:#eae7df !important;}
.productBlock .col {text-align:center;}
.wvProductBlocks .productBlock.oddBackground:not(.firstBlock) .subTitle {color:#13294b;}
.wvProductBlocks .productBlock.noImage .textCol {margin: 0 auto;margin-bottom:22px;float:none;}

.werkvormPopup .wvHeader .wvHeaderBack {right:20px;}

.moodboardItems {text-align: center;margin-bottom: 28px;}
.moodboardItems .moodboardItem {margin:7px auto;position:relative;width:291px;height:186px;display:inline-block;background-size: cover;}
.moodboardItems .moodboardImage {width:100%;height:100%;background-size:cover;}
.moodboardItems .moodboardInfo {
	width:73px;
	height:73px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	background-image:url('img/moodboard-icon-sprite.png');
	background-repeat:no-repeat;
	background-size: cover;
	cursor:pointer;
	background-position: bottom;
}
.moodboardItems .moodboardInfo:hover {background-position: center;}
.moodboardItems .moodboardItem.completed .moodboardInfo {background-position: top;}
.moodboardPopup .wvStellingIntro {padding:13px;margin-bottom:25px;}

.wvAdviceContent .row.left {background-color:#b9af96;border-color:#b9af96;}
.wvAdviceContent .row.left .studentInfo {color:#1e1e1e;}
.wvAdviceContent .row.left .studentTitle {color:#ffffff;border-color:#fff;}
.wvAdviceContent .row .studentTitle {color:#aa9682;font-family: 'the_bold_fontbold'; border-width:3px;border-color:#aa9682;}
.wvAdviceContent .row.rowContent.selected {background-color:#d8f2f2;}
.wvAdviceContent .row.rowContent.selected .alignCell {color:#1e1e1e !important;}

.wvAdviceContent .row.question .studentTitle {font-family: 'the_bold_fontbold';color:#aa9682;}
.wvAdviceContent .row.question .studentInfo .subtitle {font-family: 'the_bold_fontbold';color:#13294b;}

.filmles.backgroundImage .image-text {position:relative;}
.filmles.backgroundImage .image-text .subTitle {font-family: 'the_bold_fontbold';color:#13294b;width: 305px;letter-spacing: 0px;margin-top: 10px;}
.filmles.magazineContent .topTime {font-family: 'the_bold_fontbold';background-color:#13294b;}


.wvHeaderBack .icon{display:inline-block;width:11px;height:17px;background-image:url('img/small-arrow-sprite.png');background-size:cover;background-position:top left;margin: 9px 3px 9px 1px;}
.wvHeaderBack .buttonText{display:none;}

.wvHeaderBack {
	position: absolute;
	top: 20px;
	left: 20px;
	background: #004870;
	padding: 0px 10px;
	height: 35px;
	line-height: 35px;
	border-radius: 2px;
	cursor:pointer;
	width: auto;
	right:auto !important;
	font-family: 'exo_2bold';
	text-transform: uppercase;
	font-size: 15px;
	color:#fff !important;
}

.wvCheckButtonWrap {
	width:170px;	
}
a.wvCheckButton {
	background: #fff;
	border-radius: 2px;
	height: 55px;
	width: 170px;
	color:#004870;
	font-family: 'exo_2bold';
	border: 0;
}

.wvFeedbackText {font-family: exo_2light;}
.wvFeedbackTitle {
	font-family: "exo_2italic";
	text-transform: uppercase;	
	border:0;
	color: #ff5000;
	font-weight:600;
}

.wvFeedbackBackBlock .wvFeedbackBack .icon{
	display:inline-block;
	width:9px;
	height:14px;
	background-image:url('img/small-arrow-sprite.png');
	background-size:cover;
	background-position:top right;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
.wvFeedbackBackBlock .wvFeedbackBackText {
    display: inline-block;
    vertical-align: middle;	
    font-family: 'exo_2bold';
    text-transform:uppercase;
    color:#004870;
    margin-top: 2px;
}
.wvFeedbackBackBlock .wvFeedbackBack {
    width: 40px;
    height: 40px;
    background: #004870;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;	
    position: relative;
        margin-left: 10px;
}
.wvFeedbackBackBlock {
	width: 100%;
	/* height: 40px; */
	padding: 45px 0px;
	text-align: center;
	background:#f5f5f5;
}

.wvStellingAnswer {border:0 !important;border-radius:2px;font-family: 'exo_2bold';font-size:17px;text-transform:uppercase}
.wvStellingAnswer.selected {background-color: #ff5000;}

.wvInterviewContent .contentCol {border-top:0 !important;}
.wvInterviewWrap .wvContentBuffer {height: 70%;}
.wvInterviewContent {text-align:left;}
.wvInterviewContent .contentCol .intro {padding: 32px 25px 45px;}
.wvInterviewContent .contentCol .headText {
	padding-top: 35px;
	padding-left:25px;
	padding-right:25px;
	font-family: "exo_2italic";
	text-transform: uppercase;	
	font-size:30px;
	color:#ff5000;
}
.wvInterviewContent .endFooter {
		    position: relative;
    z-index: 10;	
	}
.wvInterviewContent .contentCol .intro {padding-top:0px;font-family: 'exo_2light';}

.wvInterviewContent .question {font-size: 20px;line-height: 24px;}
.wvInterviewContent .answer {padding: 1px 25px;font-family: "exo_2light";}

.wvDownload .icon img {
  width: 30px;
  height: 45px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;	
}
.wvDownload .icon.form {background-image:url('img/form-icon.png');background-size:contain;}
.wvDownload .icon.tip {background-image:url('img/tip-icon.png');background-size:contain;}
.wvDownload .icon {float:left;width:75px;height:40px;margin: 16px 0px;}
.wvDownload .textwrap .type {float:left;color:#aaaaaa;}
.wvDownload .textwrap .download {float:right;color:#004870 !important;}
.wvDownload .textwrap .text {font-family: 'exo_2italic';font-size:17px;color:#e94e1b;margin-bottom:5px;}
.wvDownload .textwrap {color:#004870;width:calc(100% - 75px);float:right;padding:8px;padding-left:0;font-family: 'exo_2bold';text-transform:uppercase;}
.wvDownload {
  margin: 0px -5px;
  border: 1px solid #dcdcdc;
  border-radius: 3px;	
  width:280px;
	margin-bottom: 2em;
}




label.styled .tagline{padding-left:30px}
.filter label.styled{/*width:143px;*/ margin:8px 0}
label.styled [type="checkbox"],label.styled [type="radio"]{display:none}
label.styled.media-checkbox{table-layout:fixed}
label.styled.media-checkbox .tagline{padding:0}
label.styled.bordered [type="checkbox"] + span{border:1px solid #2c2c2c}
label.styled [type="checkbox"] + span,label.styled [type="radio"] + span{display:inline-block;width:25px;height:25px;border:1px solid #004870;background:#fff;vertical-align:text-top;float:left;position:relative;margin-right: 5px;}
label.styled:not(.media-checkbox) [type="checkbox"]:checked + span:after,label.styled [type="radio"]:checked + span:after{content:"";width:19px;height:14px;background:url('img/checkbox-checkmark.png');background-size:cover;position:absolute;top:0;left:1px;right:0;bottom:2px;margin:auto;}
label.styled [type="checkbox"][disabled] + span,label.styled [type="radio"][disabled] + span{background:red}
label.styled.purple [type="checkbox"] + span,label.styled.purple [type="radio"] + span{border:none;box-shadow:0 -1px 0 0 rgba(4,4,4,1);margin-top:1px;height:31px}
label.styled.purple :checked + span{box-shadow:none;height:32px;margin-top:0;background-color:#008a8d;background-image:url(img/blackCorrect.png)}

.documentcontent .filter {text-align:center; font-family: "exo_2bold";font-size:12px;color:#004870;text-transform:uppercase;line-height:25px;}
.documentcontent .filter label.styled:first-child {margin-right:25px;}
.documentcontent .filter label.styled div{margin-left:5px;    display: inline;}
.documentcontent .wvDownload.hidden{display:none;}

.werkvormStartImage.toets {height:400px;}
.werkvormStart.toets {text-align:center;padding: 70px 20px;height:400px;}
.werkvormStart.toets .werkvormStartButton {position:relative;width:165px;}
.werkvormStart.toets .werkvormStatus {
    width: 100%;
    bottom: 70px;
    left: 0;
    right: 0;
    height: 45px;	
}

.toetsContent .intro h3 {font-family: "exo_2italic";color:#fff;}
.toetsCover .wvListContainer {color:#fff;}
.werkvormStart.toets .hidden {display:none;}
.werkvormStart.toets.completed {padding: 30px 20px;}
.werkvormStart.toets.completed .werkvormTitle {font-size:20px;}
.werkvormStart.toets .quizCompleteText.score {font-size:80px;color:#e94e1b;font-family: "exo_2bold";}
body.toolboxen .werkvormStart.toets .quizCompleteText.score {color:#009fe3;}
.werkvormStart.toets .quizCompleteText.feedback {font-size:30px;}
.werkvormStart.toets.completed .werkvormStatus {bottom:30px;}
.werkvormStart.toets .retryQuiz {color:#fff !important;height:25px;line-height:25px;font-family: "exo_2bold";font-size:15px;width: 260px;background-image:url('img/retry-button-arrow.png');background-size:23px 22px; background-position:top right;    left: -23px;}
.toets.completed .werkvormType, .toets.completed .werkvormTitle {color:#fff !important;}

body.toolboxen .wvHeader {color: #009fe3;}
body.toolboxen .wvListAnswer.selected {background-color:#009fe3;}

body.toolboxen .wvFeedbackTitle,
body.toolboxen .wvInterviewContent .question,
body.toolboxen .wvInterviewContent .quoteText,
body.toolboxen .wvInterviewContent .contentCol .headText {color: #009fe3;}

body.toolboxen .wvStellingAnswer.selected {background-color: #009fe3;}
body.toolboxen .wvInterviewContent .headPageTitle {border-color: #009fe3;}

body.toolboxen .wvDownload .textwrap .text  {color: #009fe3;}
body.toolboxen .documentcontent .subTitle {color:#004870;}

.applyDarken .werkvormBackground.focusimage:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #001423;
    opacity: 0.9;
}

.photoInfoText .removeUser {
    text-transform: none;
    color: red;
    display: block;
    font-size: 14px;
        padding: 15px;
}
.popup .notice.success {
  padding: 15px;
  color: green;
  font-weight: bold;
}

@media (min-width: 636px){
	.moodboardItems .moodboardItem {margin:5px;}
	.moodboardItems .moodboardItem:nth-child(even) {margin-right:0px;}
	.moodboardItems .moodboardItem:nth-child(odd) {margin-left:0px;}
}
	


@media (min-width: 768px){
	.content.progress .loader-circle {width:150px;height:150px;}
	.content.progress .loader-circle .inner {width:130px;height:130px;border-width:10px;}
	.content.progress .loader-circle .timer {width:150px;height:150px;}
	.content.progress .loader-circle .timer>.slice {width:150px;height:150px;clip: rect(0,150px,150px,75px);}
	.content.progress .loader-circle .timer>.slice>.pie {width:130px;height:130px;clip: rect(0,75px,150px,0);border-width:10px;}
	.content.progress .tiles .tile.complete .progress .complete:after {width:79px;height:60px;}
	.content.progress .tiles .tile.complete .progress .complete img {width:50px;height:50px;}
	.content.progress .loader-circle .inner .icon {width:50px;height:50px;}

	.content .intro .introTitle {font-size:20px;}
	
	.content table.inputs.lessons.followup tr td {width:250px;}
	
	.content.subjects .title {height:20px;line-height:30px;}
	.content.subjects .title span {font-size:20px;color:#aa9682;}
	.content.subjects .intro {width: 614px;margin: 10px auto;box-sizing: border-box;padding: 0px 65px;}
	.content .tableTitle {font-size:12px;color:#aa9682;margin-bottom:4px;}
	
	.wvInterviewContent .contentCol .headText {width:600px;padding-left:0px;font-size:45px;line-height:45px;}
	.wvInterviewContent .quote {margin: 80px;}
	.wvInterviewContent .question {font-size:30px;line-height:30px;padding: 10px 25px 25px;}
	.wvInterviewContent .diamond-indicator {width:45px;height:45px;}
	.wvInterviewContent .diamond-indicator .background {width:35px;height:35px;}
	.wvInterviewContent .diamond-indicator .number {font-size:20px;}
	
	.wvVolgordeList .answerText div {padding: 0px 70px;}
	.wvVolgordeList .answerText {
		    height: 74px;
	}
	.wvVolgordeList .arrow.up, .wvVolgordeList .arrow.down {
		width:36px;
		height:36px;
		background-size: 36px 72px;	
		top:22px;
	}
	.wvVolgordeList .arrow.up{right:22px;} 
	.wvVolgordeList .arrow.down {left:22px;}
	.wvFeedbackContent.fullsize {
		height: 110px;
    padding: 38px;	
	}
	
	.wvProductBlocks .productBlock.firstBlock .title {width:355px;line-height: 50px;font-size:55px;}
	.wvProductBlocks .productBlock:not(.noImage) .textCol {
    display: table-cell;
    vertical-align: middle;
    float: none;
    text-align: left;
	}
	.wvProductBlocks .productBlock:not(.noImage) .innerBlock {
    display: table;
    width: 100%;
	}
	.wvProductBlocks .productBlock.noImage .textCol {margin-bottom:0;padding-bottom:0;}
	
	.wvStappenplan .productBlock.firstBlock .titleGroup {text-align:center;}
	.wvStappenplan .productBlock.firstBlock:not(.noImage) .imgCol {float:right;}
	.wvStappenplan .productBlock.firstBlock:not(.noImage) .textCol {float:left;}
	.wvStappenplan .colContent {display:table;margin: 0 auto;width:100%;max-width: 100% !important;}
	.wvStappenplan .leftCol {display:table-cell;width:130px;    vertical-align: middle;}
	.wvStappenplan .colContent .text {width:100%;}
	.wvStappenplan .productBlock:not(.firstBlock) .text p {max-width:100%;width:100%;}
	.wvStappenplan .productBlock .col {padding-left:100px;padding-right:100px;}
	.wvStappenplan .diamond-indicator {margin-bottom:0;}
	.wvStappenplan .titleGroup .subTitle {font-size:24px !important}
	
	.moodboardItems {margin-bottom: 58px;}
	.wvHeaderBack .buttonText{display:inline-block;}
	.wvHeaderBack {padding: 0px 15px 0px 10px;}
	.wvHeader {font-size:15px;}
	.werkvormWrap {padding-top:100px;}
	.wvFeedbackBackBlock .wvFeedbackBack {width:50px;height:50px;}
	.wvFeedbackBackBlock .wvFeedbackBackText {font-size:15px;}
	.wvFeedbackBackBlock .wvFeedbackBack .icon {width:11px;height:17px;left: 3px;}
	.wvStellingAnswer {font-size:22px;}
	.wvStellingIntro .intro {margin:35px auto;width: 100%;}
	
	.wvInterviewContent .contentCol {padding: 50px 60px;}
	.wvInterviewContent .contentCol .intro {font-size:18px;line-height:30px;}
	
	.wvInterviewContent .quoteText {
		width: 320px;
		padding: 0px 20px;
		display: table-cell;
		vertical-align: middle;
		font-size: 18px;
		line-height: 30px;
	}
	.wvInterviewContent .quote .rounded-image {
		width: 150px;
    height: 150px;
    display: inline-block;
	}
	.wvInterviewContent .quote {
		margin: 80px;
    display: table;	
    padding: 35px 25px;
	}
	
	
	.werkvormWrap {width:530px;}
	.wvListContainer .intro, .wvStellingIntro .intro {margin-top:30px;}
	.toetsEnd .intro {margin-top: 35px;margin-bottom: 55px;}
	.toetsEnd .txt p {font-size: 45px;}
	.toetsEnd .txt .score {font-size: 45px;}
	.wvFeedbackContent {margin-bottom:32px;}
	.wvDownload {margin:0px 0px 58px;}
	.wvListContainer .intro .feedbacklist .fbIcon {margin: 15px auto 5px;}
	
	.documentcontent .wvDownload .textwrap .text {min-height:42px;}
	.documentcontent .wvDownload{display:inline-block;margin:10px;}
	.documentcontent {width:645px;margin: 0 auto;}
	.documentcontent .filter {margin: 45px 0px 25px;font-size:15px;}
	.documentcontent .filter label.styled:first-child {margin-right:60px;}
	
	
	
	.werkvormStartImage.toets,
	.werkvormStart.toets {
		/*margin: 0px -152px;*/
    width: 100%;
    border-radius: 0;	
	}
	/*.summary .werkvormStartImage.toets,
	.summary .werkvormStart.toets {
		margin: 0px -91px;
	}*/
	.werkvormStart.toets,
	.magazineCover .werkvormStart.toets {margin: 0 0 58px;}
	
	.werkvormStart.toets .quizCompleteText.feedback {font-size:45px;}
}

@media (min-width: 1600px){
	/*.werkvormStartImage.toets {
		margin: 0px -322px;
	}*/
}