.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
}

/* --- LIGHTBOX (QUIZ) --- */

div#quizLightbox {
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999999999999;
    background-image: url(./images/background_lightbox_fff_80p.png);
    background-repeat: repeat;
    text-align:center;
    margin:0;
    padding:0;
}

div#quizLightbox_content {
    background-color:#ffffff;
    border: 2px solid #ffffff;
    color:#000000;
    position: absolute;
    overflow: hidden;
    padding:0;
    margin:0;
}

div#quizLightbox_content.quizcontainer {
    background-repeat: no-repeat;
    background-size: cover;
}

div#quizLightbox_content.quizcontainer {
    background-image: none;
}

div#quizLightbox_content.quizcontainer.startscherm {
    background-image: url(./images/mitt_startscherm_start.svg);
}

div#quizLightbox_content.quizcontainer.loading {
    background-image: url(./images/mitt_bg_loading.svg);
}

div#quizLightbox_content.quizcontainer.quizround {
    background-image: url(./images/mitt_quiz_background.svg);
}

div#quizLightbox_content.quizcontainer.evaluatie.resultaat_kan_beter {
    background-image: url(./images/mitt_evaluatie_resultaat_kan_beter.svg);
}

div#quizLightbox_content.quizcontainer.evaluatie.resultaat_goed {
    background-image: url(./images/mitt_evaluatie_resultaat_goed.svg);
}


div#button_next {
    cursor:pointer;
    position: absolute;
    background-image: url(./images/quiz_button_volgende.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

div.button_close {
    cursor:pointer;
    position: absolute;
    background-image: url(./images/lightbox_button_close.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

div.quiz_label {
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    font-weight: bold;
    position: absolute;
    color:#ffffff;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

div.textbutton {
    cursor:pointer;
    width: fit-content;
    text-align: center;
    padding: 0.7rem;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #f59f00;
    color: #ffffff;
    text-decoration: none;
}

div.quiz_content {
    background-color:transparent;
    position: absolute;
    top:0;
    left:0;
    width:0;
    height:0;
}

div.quiz_button {
    background-repeat: no-repeat;
    background-size: cover;
}

.valignmiddle {
    vertical-align: middle;
}

div.quiz_question,
div.regel,
div.regel h1,
div.regel.a1, div.regel.a2, div.regel.a3, div.regel.a4,
#quiz_foto,
#quiz_feedback {
    position: absolute;
    display:block;
}

div.regel.q {
    color: #ffffff;
    text-align: left;
    font-weight: bold;
}

div.regel.a1, div.regel.a2, div.regel.a3, div.regel.a4 {
    display: table;
    text-align: left;
    cursor: pointer;
}

div.regel span {
    display:table-cell;
}

div.regel.a1 {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(./images/quiz_button_a.svg);
    background-position: left center;
}

div.regel.a2 {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(./images/quiz_button_b.svg);
    background-position: left center;
}

div.regel.a3 {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(./images/quiz_button_c.svg);
    background-position: left center;
}

div.regel.a4 {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(./images/quiz_button_d.svg);
    background-position: left center;
}

div.regel.a1.chosen.groen {
    background-image: url(./images/quiz_button_a_groen.svg);
}

div.regel.a2.chosen.groen {
    background-image: url(./images/quiz_button_b_groen.svg);
}

div.regel.a3.chosen.groen {
    background-image: url(./images/quiz_button_c_groen.svg);
}

div.regel.a4.chosen.groen {
    background-image: url(./images/quiz_button_d_groen.svg);
}

div.regel.a1.chosen.rood {
    background-image: url(./images/quiz_button_a_rood.svg);
}

div.regel.a2.chosen.rood {
    background-image: url(./images/quiz_button_b_rood.svg);
}

div.regel.a3.chosen.rood {
    background-image: url(./images/quiz_button_c_rood.svg);
}

div.regel.a4.chosen.rood {
    background-image: url(./images/quiz_button_d_rood.svg);
}

#quiz_foto,
#quiz_feedback {
    overflow: hidden;
    text-align: center;
    vertical-align: top;
}

#quiz_foto {
    background-color: #ededed;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

#quiz_feedback {
    background-color: #ffffff;
}

.goed,
.groen {
    color:#69AA69;
}

.fout,
.rood {
    color:#E5007E;
}

#eindscore {
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    text-align: center;
    position: absolute;
    color:#000000;
}

#eindscore span.userscore {
    font-weight: bold;
}