@import url("https://fonts.googleapis.com/css2?family=Exo:wght@400;500;600;700&display=swap");html,body{background-color:#090062;color:#212121;font-family:'Exo', sans-serif;font-weight:400}h1,h2,h3,h4,h5,b,strong{font-family:'Exo', sans-serif;font-weight:700}.btn{background-color:#ED4A1C;color:#FEFFFF;font-family:'Rubik', sans-serif;font-weight:500;border-radius:8px}.btn:hover{color:#FEFFFF;background-color:#212121}.btn.libraryBtn{background-color:#090062;color:#FEFFFF}.btn.libraryBtn:hover{background-color:black}a{color:#3A86FF}.videoBox{opacity:1;transition:0.2s;width:80%;margin:0 auto}.videoBox video{width:auto;max-height:65vh;margin:0 auto;display:block}.videoBox.finished{opacity:0;z-index:-1;display:none}.vragen{display:none;z-index:-1;opacity:0;transition:0.2s}.vragen.finished{z-index:1;opacity:1;display:block}body,html{width:100%;min-height:100vh}body.finished,html.finished{overflow:inherit}@media only screen and (max-width: 1200px){body,html{overflow:inherit;height:inherit}}body.loginScreen,body.forgotpassword{display:flex;align-items:center;flex-direction:column;justify-content:center}.log-inScreen{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 auto}.log-inScreen+img{margin-top:50px}.log-inScreen .whiteBackground{filter:drop-shadow(0px 10px 40px rgba(0,0,0,0.2));border-radius:15px;padding:65px 60px;background-color:#FEFFFF}.log-inScreen h1{font-size:34px;line-height:46px}.log-inScreen h1+label{font-size:16px;line-height:28px;margin-bottom:30px}.log-inScreen form .flexBoxIntro{display:flex;flex-direction:column}.log-inScreen form input[type=text],.log-inScreen form input[type=password]{border:none;border-bottom:1px solid #D8D8D8;font-size:22px;line-height:39px;margin-bottom:20px}.log-inScreen form input[type=text]:focus,.log-inScreen form input[type=password]:focus{outline:none}.log-inScreen form .btn{float:right}.log-inScreen form .btn+p{margin-top:40px;color:#ED4A1C}.log-inScreen .forgotton{font-size:14px;line-height:20px;display:inline-block}a.backtologin{font-size:14px;line-height:20px;display:inline-block}.forgotpassword ul.errors{list-style-type:none;padding-left:0;color:#ED4A1C}@media only screen and (max-width: 500px){.log-inScreen .whiteBackground{padding:40px 25px}.log-inScreen+img{max-width:300px}}::-webkit-input-placeholder{color:#a9a9a9;font-size:22px;line-height:39px}:-ms-input-placeholder{color:#a9a9a9;font-size:22px;line-height:39px}::placeholder{color:#a9a9a9;font-size:22px;line-height:39px}.pagecontent{padding:40px 0}body.quiz .pagecontent>.row.header{width:100%}body.quiz .pagecontent>.videoBox{width:100%}body.library{padding-top:100px}body.library .pagecontent{max-width:90%;margin:0 auto;border-radius:20px;background-color:#FEFFFF;display:flex;flex-direction:column;align-items:center}body.library .pagecontent h1{margin-bottom:80px}body.library .pagecontent h2{margin-bottom:60px}body.library .pagecontent video{margin-bottom:100px}body.library .go-back{background-color:#FEFFFF;position:fixed;top:10px;right:10px;padding:20px;border-radius:20px;box-shadow:0 0 100px #212121}.gebruikeroverzicht .pagecontent{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.gebruikeroverzicht .pagecontent>img{margin-top:60px}.gebruikeroverzicht h1{color:#FEFFFF;text-align:center;font-size:34px;line-height:46px;margin-bottom:40px}.gebruikeroverzicht .quizBlok{background-color:#FEFFFF;border-radius:15px;width:100%;padding-bottom:0px;overflow:hidden;margin-bottom:60px;text-align:center}.gebruikeroverzicht .quizBlok img{width:100%;height:250px;object-fit:cover;object-position:center;box-shadow:0px 10px 40px rgba(0,0,0,0.2)}.gebruikeroverzicht .quizBlok h2{font-size:34px;font-weight:600;line-height:46px;padding:40px;color:#090062;text-align:center}.gebruikeroverzicht .quizBlok .btn{font-size:22px;margin:0 auto 40px auto;display:block;width:300px}.gebruikeroverzicht .quizBlok .btn.download-certificate{background-color:#2EC4B6;cursor:pointer;transition:0.2s}.gebruikeroverzicht .quizBlok .btn.download-certificate:hover{background-color:#212121}.gebruikeroverzicht .quizBlok a:hover{text-decoration:none}@media only screen and (max-width: 500px){.gebruikeroverzicht .quizBlok h2{padding:40px 15px}}body.quiz{display:flex;align-items:center;justify-content:center;overflow-x:hidden;flex-direction:column}body.quiz .row.header{width:60%;margin:0 auto;margin-bottom:30px}body.quiz .row.header img{margin:0 0 0 auto;width:100%}body.quiz h1{color:#FEFFFF;font-weight:500;font-size:27px;line-height:32px;margin-bottom:40px}body.quiz .vragen{background-color:#FEFFFF;border-radius:15px;min-height:80vh;height:auto;padding:90px;margin:0 auto;width:80%;position:relative}body.quiz .videoOnly .vragen{height:auto;min-height:inherit}body.quiz .videoOnly .headerQuestion{margin-bottom:45px}body.quiz .headerQuestion img{max-width:250px;float:right}body.quiz .headerQuestion h1{color:#090062;font-size:22px;font-weight:500;line-height:26px;margin-bottom:60px}body.quiz .counter{color:#ED4A1C;font-size:18px;line-height:24px}body.quiz h2{font-size:20px;line-height:32px;color:#262626;margin-bottom:40px}body.quiz .antwoorden{padding-bottom:90px}body.quiz .antwoorden input{width:40px;display:inline-block}body.quiz .antwoorden input+label{width:calc(100% - 58px);display:inline-block;font-size:18px;font-weight:600;line-height:30px;color:#212121;font-family:'Exo', sans-serif;font-weight:600;vertical-align:top}body.quiz .antwoorden input[type=text]{width:100%;max-width:400px}body.quiz .antwoorden .error{color:#ED4A1C;font-family:'Exo', sans-serif;font-weight:600;margin-top:10px;padding-left:20px}body.quiz .showAgain{bottom:90px;left:90px;position:absolute;cursor:pointer;font-size:22px;display:block;padding:10px 30px;border:2px solid #090062;border-radius:15px;background-color:#FEFFFF;color:#090062;transition:0.2s}body.quiz .showAgain:hover{background-color:#090062;color:#FEFFFF}body.quiz .nextQuestion{bottom:90px;right:90px;position:absolute;cursor:pointer;font-size:22px;display:block;padding:10px 30px;border-radius:15px;transition:0.2s;min-width:247.58px}body.quiz .answerCheck{cursor:pointer;font-size:22px;padding:10px 30px;bottom:90px;right:90px;position:absolute;display:block}@media only screen and (max-width: 992px){body.quiz .showAgain,body.quiz .answerCheck{position:relative;top:auto;left:auto;bottom:auto;right:Auto;font-size:16px;margin-left:20px}body.quiz .showAgain{margin-bottom:10px}}@media only screen and (max-width: 578px){.videoBox video{max-width:300px}body.quiz .row.header{width:calc(100% - 30px);padding:0 15px}}input.passed{display:none}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){body.quiz{display:inherit}}@media only screen and (max-width: 578px){body.quiz .vragen{padding:20px}body.quiz .antwoorden input+label{font-size:18px}}.row.correct,.row.incorrect{margin-top:40px;opacity:0;transition:0.2s;display:none;position:absolute;top:0;left:0;right:0;height:100%;margin:0 auto;background-color:rgba(0,0,0,0.4);align-items:center;justify-content:center}.row.correct>div,.row.incorrect>div{display:flex;align-items:center;justify-content:center}.row.correct div.answerbox,.row.incorrect div.answerbox{border-radius:16px;background:#FEFFFF;border:4px solid #090062;box-shadow:0px 10px 40px rgba(0,0,0,0.2);padding:45px 40px;width:auto;display:flex;justify-content:center;align-items:center}.row.correct div.answerbox img,.row.incorrect div.answerbox img{max-height:30px;margin-right:20px;display:inline-block}.row.correct p,.row.incorrect p{font-size:22px;margin-bottom:0}.row.correct.active,.row.incorrect.active{display:flex;opacity:1}.vraagWrapper{width:100vw}.vrageninsturen{display:none}.imageCol img{width:100%;width:100%;max-height:428px;object-fit:cover;object-position:center}.imageCol p{text-align:center;font-weight:bold}video::-webkit-media-controls-timeline{display:none}.passed-overlay{margin-top:40px;position:absolute;top:0;left:0;right:0;height:100%;margin:0 auto;background-color:rgba(0,0,0,0.6);align-items:center;justify-content:center;display:flex}.passed-overlay div{border-radius:16px;background:#FEFFFF;border:4px solid #090062;box-shadow:0px 10px 40px rgba(0,0,0,0.2);padding:45px 40px;width:auto;display:flex;justify-content:center;align-items:center}input[type='radio']{opacity:0}input[type='radio']+label{position:relative}input[type='radio']+label:after{width:14px;height:14px;border-radius:15px;top:7px;left:-23px;position:relative;background-color:#FEFFFF;content:'';display:inline-block;visibility:visible;border:2px solid #FEFFFF;position:absolute}input[type='radio']+label:before{width:18px;height:18px;border-radius:15px;top:5px;left:-25px;position:relative;background-color:#FEFFFF;content:'';display:inline-block;visibility:visible;border:2px solid #090062;position:absolute}input[type='radio']:checked+label:after{background-color:#090062}.container.logout{position:relative}.container.logout .logoutbtn{position:absolute;right:15px;top:15px;color:#FEFFFF}body.library h1{text-align:center}body.library .spotlight.btn{margin-top:10px}body.library .spl-zoom-in,body.library .spl-zoom-out,body.library .spl-autofit{display:none}body.library .spl-next{background-image:none;opacity:1;width:auto;transform:translateX(200px) scaleX(1)}body.library .spl-next:hover:after{background-color:#090062}body.library .spl-next:after{content:'next video';background-color:#ED4A1C;color:#FEFFFF;font-family:'Rubik', sans-serif;font-weight:500;border-radius:8px;transition:0.2s;padding:20px}body.library #spotlight.menu .spl-next{transform:translateX(0) scaleX(1)}body.library .spl-prev{background-image:none;opacity:1;width:auto;transform:translateX(-200px) scaleX(1)}body.library .spl-prev:hover:after{background-color:#090062}body.library .spl-prev:after{content:'previous video';background-color:#ED4A1C;color:#FEFFFF;font-family:'Rubik', sans-serif;font-weight:500;border-radius:8px;transition:0.2s;padding:20px}body.library .questionBox{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 0}body.library .questionBox h3{text-align:center}body.library .questionBox:nth-child(odd){background-color:#f0f0f0}@media only screen and (max-width: 568px){body.library .pagecontent{max-width:98%}body.library .pagecontent h1{font-size:32px;line-height:40px;margin-bottom:30px;padding-left:15px;padding-right:15px}body.library .pagecontent h3{font-size:24px;line-height:32px;padding-left:15px;padding-right:15px}body.library video::-webkit-media-controls-panel{display:flex !important;opacity:1 !important}}.videoWrapper{height:100vh;width:100%;display:flex;align-items:center;justify-content:center}.videoWrapper video{width:100%}.videoWrapper .videoBox{position:relative;z-index:1}.videoWrapper .videoBox .videoholder{z-index:1}.videoWrapper .videoBox .layover{z-index:2;position:absolute;width:100%;height:100%;background-color:rgba(9,0,98,0.2);display:flex;align-items:center;justify-content:center;left:0;top:0;cursor:pointer}.videoWrapper .videoBox .layover svg{width:100px}.videoWrapper .videoBox .layover svg circle{transition:0.2s}.videoWrapper .videoBox .layover:hover svg circle{fill:#ED4A1C !important}