body{
	background: rgb(66, 7, 7);
}

.logo,
.header-big .wrap .logo, .header.beheerHeader .nav .logo {

	background-size: contain;
	background-position: center left;
	background-repeat: no-repeat;
	width: 180px;
	height: 62px;
}

@media screen and (max-width: 768px) {
	.logo,
	.header-big .wrap .logo, .header.beheerHeader .nav .logo {
		width: 120px;
		height: 58px;
	}
}

.content .grid.inputs.lessons.followup .tr .inputRow:not(.completed) .info .text p {
	color: #ffffff;
}

.content .grid.inputs.lessons.followup .tr .inputRow.completed .image .imgOverlay,
.content .grid.inputs.lessons.followup .tr .inputRow.completed .bookOverlay {
	background: rgb(66, 7, 7);
}

.content.progress .tiles .tile.complete .progress .complete:after,
.werkvormStart .icon.completed,
.content .grid.inputs.lessons.followup .tr .inputRow .image .imgOverlay .completed,
.content .grid.inputs.lessons.followup .tr .inputRow.fullWidth .status .complete {
	background-image: url("/css/svg/fbba00/iconVink.svg");
}
.magazineContent.filmles .complete-switch input[type="checkbox"]:checked{
	background-image: url("/css/svg/420707/iconVink.svg");
}

.magazineCover .tableContent .indicator.active .background {
	background: rgb(251, 186, 0);
}

.magazineCover .tableContent .indicator.active .number {
	color:  rgb(66, 7, 7);
}


.diamond-indicator:not(.active) .background,
.magazineCover .tableContent .indicator:not(.active) .background{
	background:rgb(66, 7, 7);
}

.diamond-indicator.active .number{
	color: rgb(66, 7, 7);
}
.diamond-indicator.active .background{
	background: rgb(251, 186, 0);
}


.content table.inputs.lessons.followup .loader-circle .inner {
	border-color: rgb(80, 7, 7);
}

.content table.inputs.lessons.followup .loader-circle .timer>.slice>.pie {
	border-color: rgb(251, 186, 0);
}

/* HEADER */
.searchWrap {
	color: rgb(66, 7, 7);
}

.slideMenu .menuItems .item {
	color: white;
}

.slideMenu .menuItems .item:hover {
	background-color: rgb(66, 7, 7);
	border-color: rgb(66, 7, 7) !important;
}

.slideMenu .menuItems tr:hover + tr td {
	border-top-color:rgb(66, 7, 7) !important;
}

.topIcon:not(.white) {
	background-color: rgb(66, 7, 7);
}

.topIcon.closeIcon {
	background-color: rgb(80, 7, 7);
}

.slideMenu .topIcon.closeIcon {
	background-image: url("/css/svg/close-icon-white.svg");
}

.header-big .nav .icon,
.header .nav .icon {
	background-image: url("/css/svg/420707/backicon.svg");
	border-color: rgb(66, 7, 7);
}

.magazineBody .header-big .nav .icon,
.magazineBody .header .nav .icon {
	background-image: url("/css/svg/ffffff/backicon.svg");
	border-color: #ffffff;
}

.header .nav .icon.backicon {
	background-image: url("/css/svg/420707/arrow-left-thin.svg") !important;
}

.magazineContent.summary .cta-subtitle, .profileDetails .cta-subtitle{
	color: rgb(66, 7, 7);
}

.magazineContent.summary .cta-button .icon, .profileDetails .cta-button .icon {
	background-image: url("/css/svg/420707/backiconblue.svg");
}

.magazineContent.summary .cta-button, .profileDetails .cta-button {
	border: 3px solid rgb(66, 7, 7);
}

.header-big .nav span {
	color: rgb(66, 7, 7);
}

/*MAGAZINES*/
.nextLesson .lessonText {
	background: rgb(66, 7, 7);
}

.header, .header.beheerHeader::before{
	background:rgb(66, 7, 7);
}

.wvInterviewContent .question,
.filmles.backgroundImage .image-text .subTitle,
.filmles.backgroundImage .image-text .magazine h1,
.magazineContent .magazine h1,
.magazineCover .subTitle{
	color:rgb(66, 7, 7);
}

.backgroundImage.filmles .loader-circle,
.magazineCover .loader-circle{
	background:rgb(66, 7, 7);
}

.backgroundImage.filmles .loader-circle .inner,
.content.subject .subTitleContent .progressLoader .inner,
.content.progress .loader-circle .inner,
.magazineCover .loader-circle .inner{
	border-color:rgb(132, 63, 63);
}

.content.progress .loader-circle .timer>.slice>.pie {
	border-color: rgb(251, 186, 0);

}

.content.subject .subTitleContent .progressLoader .timer>.slice>.pie,
.loader-circle .timer>.slice>.pie{
	border-color: rgb(251, 186, 0);
}




.wvFeedbackOrder {
	background: rgb(66, 7, 7);
}

.wvFeedbackTitle{
	color:rgb(66, 7, 7);
}

.filmles.magazineContent .topTime {
	background-color: rgb(66, 7, 7);
}

.sceneList .scene .time {
	background-color: rgb(66, 7, 7);
}

.videoContainer .lessonInfo .duration {
	background-color: rgb(66, 7, 7);
}

.imageDescription {
	background: rgb(66, 7, 7);
}

.wvVolgordeList .arrow.up,
.wvVolgordeList .arrow.down {
	background-image: url("/css/svg/420707/order-buttons-sprite.svg");
}

.paginateLeft {
	background-image: url("/css/svg/420707/paginateLeft.svg");
}

.paginateRight {
	background-image: url("/css/svg/420707/paginateRight.svg");
}


.wvAdviceContent .row.question .studentInfo .subtitle,
.contentTitle,
a.paginatePage,
a.paginatePage.active,
.magazineCover .tableContent table tr th,
.wvStappenplan .titleGroup .subTitle,
.wvProductBlocks .productBlock.firstBlock .title,
.wvProductBlocks .subtitle{
	color:rgb(66, 7, 7);
}

.wvBlanksWrap .correctAnswer,
.wvBlanksWrap .answer:hover,
.wvBlanksWrap .answer.selected,
.wvBlanksWrap .selectAnswer .answerOption:hover,
.wvAdviceContent .row.rowContent.selected,
.wvListAnswer.selected,
.wvStellingAnswer.selected{
	background: rgb(251, 186, 0);
}

.wvBlanksWrap .feedbackArrow{
	background-image: url("/css/svg/ffffff/feedbackArrow.svg");
}

.wvBlanksWrap .correctAnswer {
	color: rgb(80, 7, 7);
}

.filmles.magazineContent .sceneList .scene:last-child .description{
	color:rgb(66, 7, 7);
}

/*LESBLOKKEBN*/
.lesblokTitle{
	color:rgb(66, 7, 7);
}


/*THEMAS*/
.content table.inputs.lessons tr td .progress .progressbar .filler{
	background: rgb(251, 186, 0);
}

.content.progress .tiles .tile.complete .progress .complete{
	background: rgb(251, 186, 0);
}

.content table.inputs.lessons tr td .progress .progressbar {
	background-color:rgb(132, 63, 63);
}

.themeRatingGrade{
	color: rgb(251, 186, 0);
}

/*OVERIGE*/
.quiz-blocks .block .title,
.productCard .product-text .title,
.wvInterviewContent .contentCol .headText,
.productList .listContent .list-item.theme-block .text .title{
	color:rgb(66, 7, 7);
}

body.quiz .wvCheckbutton,
body.quiz .wvWatisdit .wvOptions .option.selected{
	background: rgb(251, 186, 0);
}

.profile .editAvatar,
.modelTiles .tile.add,
.addModelButton .addPictureButton{
	background-image:url("/css/svg/fbba00/icon-camera.svg");
}

.content .inputs.favorites .inputRow .info .text .smallBody{
	color:rgb(66, 7, 7);
}

:not(.beheer) .blueButton{
	background:rgb(66, 7, 7);
	border-bottom-color:rgb(66, 7, 7);
}

.wvHeaderBack span {
	background-image: url("/css/svg/420707/close-icon-enclosed.svg");
}

.werkvormPopup {
	background:rgb(66, 7, 7);
}

.werkvormStartImage.completed .backgroundItem {
	background:rgb(66, 7, 7);
}

.magazineCover.summary .cta-button,
.profileDetails .cta-button {
	border-color: rgb(66, 7, 7);
}

.magazineCover.summary .cta-button .icon,
.profileDetails .cta-button .icon {
	background-image: url("/css/svg/420707/backicon.svg");
}

.magazineCover.summary .cta-subtitle,
.profileDetails .cta-subtitle {
	color: rgb(66, 7, 7);
}

.favoritePageIcon {
	border-color: rgb(66, 7, 7);
}

a.favoritePage.active .favoritePageIcon {
	background-image: url("/css/svg/420707/faviconActive.svg");
}

.content.progress .tiles tr.divider {
	border-color: rgb(80, 7, 7);
}

.werkvormStartImage:not(.completed) .backgroundItem {
	background-image: url("/css/svg/420707/500707/pattern.svg");
}

a.werkvormStartButton.completed {
	background-image: url("/css/svg/420707/werkvormStartButtonCompleted.svg");
}

a.wvFeedbackBack {
	border-color: rgb(66, 7, 7);
	background-image: url("/css/svg/420707/backicon.svg");
}

.wvProductBlocks .bottom-back,
.endFooter .bottom-back {
	background-image: url("/css/svg/420707/back-button.svg");
}

a.wvFeedbackBackText,
.wvProductBlocks .bottom-text,
.endFooter .bottom-text {
	color: rgb(66, 7, 7);
}

.nextPageHeader {
	color: rgb(66, 7, 7);
}

a.nextPageLink {
	background: rgb(66, 7, 7);
}


.themeRating,
.content.subject {
	color: rgb(144, 128, 117);
}

.submitBtn.bordered {
	color: rgb(144, 128, 117);
}

.toetsBody .werkvormPopup.toetsCover .werkvormBackground,
.toetsBody .werkvormPopup .werkvormBackground {
	background: rgb(66, 7, 7);
}

.moodboardItems .moodboardInfo {
	background-image: url("/css/svg/420707/moodboard-icon-sprite.svg");
}

.wvWatbijwatContent .blockGrid .blockSet .arrows .nav.right,
.wvWatbijwatContent .blockGrid .blockSet .arrows .nav.left {
	background-image: url("/css/svg/420707/order-buttons-lr-sprite.svg");
}

.wvWatbijwatContent .blockGrid .blockSet .arrows .nav.top,
.wvWatbijwatContent .blockGrid .blockSet .arrows .nav.bottom {
	background-image: url("/css/svg/420707/order-buttons-sprite.svg");
}

.opencards.inline .cardNavs .nav {
	border-color: rgb(66, 7, 7);
}

.opencards.inline .cardNavs .pages {
	color: rgb(66, 7, 7);
}

.opencards.inline .cardNavs .nav.prev {
	background-image: url("/css/svg/420707/paginateLeft.svg");
}

.opencards.inline .cardNavs .nav.next {
	background-image: url("/css/svg/420707/paginateRight.svg");
}

.productCard .wvInterviewWrap .wvHeader .wvHeaderBack {
	color: rgb(66, 7, 7);
}

.productCard .wvInterviewWrap .wvHeader .wvHeaderBack span {
	background-image: url(/css/svg/420707/arrow-left-thin.svg);
}

.productList .filters .styledSelect .option:not(.default) {
	color: rgb(66, 7, 7);
}

.productList .search input {
	color: rgb(66, 7, 7);
}

.productCard .product-moodboard .items .item .title {
	color: rgb(66, 7, 7);
}

.wvProductBlocks .productBlock.evenBackground:not(.firstBlock) {
	background-color: rgb(66, 7, 7) !important;
}

.wvProductBlocks .productBlock.oddBackground:not(.firstBlock) .subTitle {
	color: rgb(66, 7, 7);
}

.magazineContent.filmles .complete-switch input[type="checkbox"] {
	border-color: rgb(66, 7, 7);
}

.magazineContent .contentText .styled-block.style-blue {
	background-color: rgb(251, 186, 0);
}

.mainPortal .userAction .topAction {
	background: rgb(66, 7, 7);
}

.activateWebshopLicense.mainPortal {
	background: rgb(66, 7, 7);
}

.mainPortal .footer {
	background: rgb(66, 7, 7);
}

.mainPortal .userAction .bodyAction .btn {
	background: rgb(66, 7, 7);
	border-color: rgb(66, 7, 7);
	color: rgb(144, 128, 117);
}
.mainPortal .container h1 {
	color: rgb(144, 128, 117);
}

.mainPortal .container .infoText {
	color: rgb(144, 128, 117);
}

.action .title span {
	color: rgb(144, 128, 117) !important;
}

.content table.inputs tr td span {
	color: rgb(144, 128, 117);
}


.mainPortal .userAction .topAction .logo {

}

.baseHeader .logo {

}

.wvHeader,
.content table.inputs.lessons.followup tr td .info .text .smallTitle,
.content .subTitleContent .date,
.profileDetails p .subheading,
.content.profile .subTitle,
.content.auth .subTitle
a,
.content .intro .introTitle b,
.content .intro .introTitle {
	color: rgb(144, 128, 117);
}

.wvBerichtContent .row.left,
a.paginatePage.active,
.profileDetails p .subheading:before {
	border-color: rgb(144, 128, 117);
}

.wvBerichtContent .row.left {
	border-color: rgb(144, 128, 117);
}

.nextPageLink .indicator .background,
.defaultButton {
	background: rgb(144, 128, 117) ;
}

.werkvormType {
	color: rgb(144, 128, 117);
    border-bottom-color: rgb(144, 128, 117);
}

.wvInterviewContent .contentCol {
	border-top-color: rgb(144, 128, 117);
}

.wvInterviewContent .quote {
	border-left-color: rgb(144, 128, 117);
    border-right-color: rgb(144, 128, 117);
}

.wvBerichtContent .row.right .studentTitle {
	color: rgb(144, 128, 117);
    border-color: rgb(144, 128, 117);
}

.content.subject .submitBtn.minigame  {
	color: rgb(144, 128, 117);
}

.pdfViewer .nav {
	background: rgb(66, 7, 7);
}

.langpicker .lang {
	color: rgb(66, 7, 7);
}

.langpicker .lang .arrow {
	background-color: rgb(66, 7, 7);
}


.portal-icon {
	background-color: rgb(66, 7, 7);
}

.content.subjects .title span {
	color: rgb(144, 128, 117) ;
}

.content table.inputs.lessons tr td .info .date {
	color: rgb(144, 128, 117) ;
}

.content .tableTitle {
	color: rgb(144, 128, 117) ;
}

.nextLesson h1 {
	color: rgb(144, 128, 117) ;
}

.nextLesson .lessonText .lessonTitle {
	color: rgb(144, 128, 117) ;
}

.footer .heading {
	color: rgb(144, 128, 117) ;
}


.license-item:first-child {
	border-top: 1px solid rgb(144, 128, 117);
}

.license-item {
	border-bottom: 1px solid rgb(144, 128, 117);
}

.productList .filters .styledSelect .option.default {
	border-bottom: 1px solid rgb(144, 128, 117);
}

.productList .listContent .category {
	color: rgb(144, 128, 117) ;
}

.program-select .styledSelect .option.default {
	color: rgb(144, 128, 117) ;
}

.content .continue-link .link-title {
	color: rgb(144, 128, 117) ;
}

.content table.inputs.lessons.followup tr.content-header-block td {
	color: rgb(144, 128, 117) ;
}

.videoContainer .overlay .filmContent .title, .videoContainer .nextLesson h1 {
	color: rgb(144, 128, 117) ;
}

.filmscene .scene-header .title {
	color: rgb(144, 128, 117);
}

.filmscene .contentTitle {
	color: rgb(144, 128, 117);
}

.filmles .nextPageHeader {
	color: rgb(144, 128, 117);
}

a.nextPageLink.scene .nextType {
	color: rgb(144, 128, 117);
}

.theme_switch .chevron {
	background-image: url("/css/svg/908075/chevron.svg");
    width: 25px;
    height: 14px;
}

.styledSelect:not(.open) .option.default {
	background-image: url("/css/svg/908075/chevron.svg");
}

.productList .filters .filter-extra .filter-sort.active {
	background-image: url("/css/svg/908075/list-filters-on.svg");
}

.productList .filters .filter-extra .filter-sort {
	background: url("/css/svg/908075/list-filters-off.svg");
}

.faqcontent .faqItem .titleA {
	color: rgb(144, 128, 117);
}

.faqcontent .faqItem .title  {
	color: rgb(144, 128, 117);
}

.productList .filters .styledSelect .option.default {
	color: rgb(144, 128, 117);
}

.productList .filters .filter-extra .filter-undo {
	background-image: url("/css/svg/908075/filter_icoon2.svg");
}

.ratingIcon .rating {
	background: rgb(251, 186, 0);
}

.slideMenu .topIcon.right.messages {
	background: rgb(251, 186, 0);
}

.slideMenu .menuGroupChooserToggle {
	color: rgb(66, 7, 7);
}

.slideMenu .menuGroupChooserToggle .arrow {
	background-image: url("/css/svg/420707/paginateRight.svg");
}

.switch-checkbox-item .label {
		color: rgb(66, 7, 7);
}
.switch-checkbox-item input[type="checkbox"]:checked+.switch {
	background: rgb(251, 186, 0);
}

body:not(.beheer) .blueButton {
	background: rgb(66, 7, 7);
}

.magazineContent .contentText .styled-block.style-blue {
    background-color: rgb(80, 7, 7);
    color: rgb(255, 255, 255);
}

/*
.werkopdrachtV2 .magazineCover,
a.wv2MenuQuestion.active {
	background-color: rgb(66, 7, 7);
}


a.wv2NextButton {
	background-color: rgb(251, 186, 0);
	color: rgb(66, 7, 7);
}

.wv2NextButtonIcon {
	background-image: url("/css/svg/420707/nextIcon.svg");
}

a.wv2MenuQuestion.completed {
	border-color: rgb(251, 186, 0);
}

.wv2MenuProgress .bar {
	background: rgb(251, 186, 0);
}

.wv2MenuTitle {
	color: rgb(66, 7, 7);
}

.wv2Content {
	background-image: url("/css/svg/420707/500707/pattern.svg");
}

a.wv2PrevButton,
a.wv2PrevButton:hover,
.wv2ContentNrWrap,
.wv2QuestionText {
	color: rgb(144, 128, 117);
}

.wv2PrevButtonIcon,
.wv2ContentNrIcon {
	background-image: url('/css/svg/908075/nextIcon.svg');
}

a.wv2ContentClose {
	background-image: url('/css/svg/908075/cross.svg');
}

a.wv2ContentInfo {
	background-image: url('/css/svg/908075/908075/moodboard-icon-sprite.svg');
}

.wv2ContentNrDot.active,
.wv2QuestionLine {
	background: rgb(144, 128, 117);
}

.wv2Title {
	border-top-color: rgb(144, 128, 117);
	border-bottom-color: rgb(144, 128, 117);
}

.wv2QuestionInput:focus:not(:read-only) {
	border-color: rgb(251, 186, 0);
}

.wv2QuestionInput:focus:not(:read-only)~.wv2QuestionText {
	color: rgb(251, 186, 0);
}
*/

a.printButton,
a.printButton:hover {
	color: rgb(66, 7, 7);
}

.printButtonIcon {
	border-color: rgb(66, 7, 7);
	background-image: url('/css/svg/420707/print.svg');
}


.themebackgroundwrapper{
	background: rgb(66, 7, 7);
}

.subjectbackgroundwrapper{
	background: rgb(66, 7, 7);
}


.magazineBody .header{
	.nav span{
		color:rgb(66, 7, 7);
	}
}


.content .lesblokWrapper{
	.lesblokItem {
		a.lesblok {
			.lesblokDescription .lesblokTitle{
				color:white;
			}
			&:hover{
				color:rgb(66, 7, 7);
				.lesblokDescription .lesblokTitle{
					color:rgb(66, 7, 7);
				}
			}
		}
	}
}

body {
	background: rgb(66, 7, 7);
}


.content.podium .contentTabs .tab{
	&.active{
		a{
			color:rgb(66, 7, 7) !important;
		}
	}
}

.magazineBody .header{
	.interactions .item.openSlideMessages, .hasInteractions .interactions .item.openSlideMessages {
		background-image: url("/css/svg/420707/notifications-alert.svg");
	}
}

.submenu {
	.subsubmenu{
		&::before{
			background-color: rgb(66, 7, 7);
		}
	}
}


.subjectbackgroundwrapper{
	background: rgb(66, 7, 7);
	.subjectbackgroundoverlay{
		background-image: radial-gradient(rgba(6, 34, 81, 0) 0%, rgba(6, 34, 81, 0) 38%, rgb(66, 7, 7) 100%);
		&:after{
			background-color: rgb(66, 7, 7);
		}
	}
}

.content.lesson.subject .subjectHeader, .content.lesson.subject .lesblokHeader{
	.toetsButtonWrapper{
		.submitBtn.minigame{
			&:after{
				background-color: rgb(66, 7, 7);
			}
		}
	}
}


.inputs.lessons.followup .inputRow, .webshopgrid .inputRow{
	.coveroverlay{
		&:after{
			background-color: rgb(66, 7, 7);
		}
	}
}


.content.subjects .subjectwrapper{
	.subjects{
		.magazineblock {
			.coveroverlay{
				&:after{
					background-color: rgb(66, 7, 7);
				}
			}
		}
	}
}

.header-big {
	&::before{
		background-color: rgb(66, 7, 7);
	}
}

.content.subjects .themeHeader .progressbarwrapper .progressbar span, .content.lesson.subject .subjectHeader .progressbarwrapper .progressbar span, .content.lesson.subject .lesblokHeader .progressbarwrapper .progressbar span{
	background:rgb(251, 186, 0);
}
.inputs.lessons.followup .inputRow .image .progressbarwrapper .progressbar span, .webshopgrid .inputRow .image .progressbarwrapper .progressbar span{
	background:rgb(251, 186, 0);
}

.productList .listContent .items .list-item.product-block .text {
	background-color: rgb(66, 7, 7);
}

.slideMenu .menuContainer::before {
	background-color: rgb(66, 7, 7);
	opacity: 0.7;
}

.submenuTabs .tab.active a{
	color: rgb(66, 7, 7) !important;
}

.content .grid.inputs.lessons.followup .tr .inputRow.completed .image .imgOverlay, 
.content .grid.inputs.lessons.followup .tr .inputRow.completed .bookOverlay, 
.content .slider.inputs.lessons.followup .tr .inputRow.completed .image .imgOverlay, 
.content .slider.inputs.lessons.followup .tr .inputRow.completed .bookOverlay{
	background: rgb(66, 7, 7);
  	opacity: 0.9;
}

.content .lesblokWrapper .leerlijnItems .leerlijnMagazineItemWrap .popup::after {
	background: rgb(66, 7, 7);
}

.content .lesblokWrapper .lesblokItem .popup:after{
	background: rgb(66, 7, 7);
}


.bgImage {
	background-image: radial-gradient(closest-side at 30% 65%, rgba(251, 186, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
}