.layer-quiz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 5em 2em 2em 2em;
    color: #ef7b00;
}

.quiz-message-start {
    text-align: center;
}

#message-start-pass, #message-start-fail, #message-start-pass-no-attempts, #message-start-fail-no-attempts {
    display: none;
}
#message-end-pass, #message-end-fail, #message-end-best, #message-end-pass-no-attempts, #message-end-fail-no-attempts, #message-end-best-no-attempts {
    display: none;
}

.quiz-answer.selected{
    background-color: #ececec;
}

.quiz-button {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.quiz-answer {
    
}

.quiz-help {
    
}

.quiz-help-review {
    display: none;
}

.quiz-answer.correct {
    color: #3c7660;
}
.quiz-answer.wrong {
    color: #952429;
}
.quiz-answer.selected.correct {
    color: white;
    background-color: #3c7660;
}
.quiz-answer.selected.wrong {
    color: white;
    background-color: #952429;
}

.quiz-button {
    z-index: 1000;
}

#quiz-start {
    top: 75%;
    display: none;
    font-family: 'FTBase', Sans;
    font-weight: bold;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    width: 10%;
    text-align: center;
    margin: 0;
}
.quiz-next {
    top: 82%;
    left: 84.6%;
    transform: translateX(-50%);
    display: none;
    font-family: 'FTBase', Sans;
    font-weight: bold;
    margin: 0;
}
.quiz-feedback-button {
    top: 82%;
    left: 80.8%;
    transform: translateX(-50%);
/*    height: 50px;*/
}
.quiz-feedback-window {
    z-index: 9000;
    position: absolute;
    padding: 12.5% 25%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #8a8686;
    display: none;
    pointer-events: none;
}
.quiz-feedback-next {
    top: 45%;
    left: 50%;
    transform: translateX(-50%);
}
.quiz-submit {
    top: 82.1%;
    left: 84%;
    transform: translateX(-50%);
    display: none;
}
#quiz-try-again {

    top: 75%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    width: 10%;
    text-align: center;
    margin: 0;
}
#quiz-review {
    top: 75%;
    left: 40%;
    transform: translateX(-50%);
    display: none;
}

#quiz-finish {
    top: 75%;
    left: 62%;
    transform: translateX(-50%);
    display: none;
    width: 12%;
    text-align: center;
    margin: 0;
}

#quiz-list {
    position: absolute;
    bottom: 5.7%;
    left: 11%;
    z-index: 1000;
    color: #ef7b00;
}

.quiz-question-instruction {
    position: absolute;
    bottom: 83.5%;
    left: 11%;
}

.quiz-feedback-message{
    margin-top: 250px;
    margin-left: -175px;
    width: 990px; 
}

a.quiz-list-item,
a.quiz-list-item:visited,
a.quiz-list-item:hover,
a.quiz-list-item:active {
    float: left;
    font-size: 0.75em;
    margin: 0px 0.25em 39px 1px;
    width: 2em;
    height: 3.9em;
    border-radius: 0em;
    opacity: 0.75;
    background-color:#c86700;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'FTBase', Sans;
    font-weight: bold;
    color: #8a8686;
    /*padding: 1em 1em 0.6em 1em;*/
}
a.quiz-list-item.correct,
a.quiz-list-item.correct:visited,
a.quiz-list-item.correct:hover,
a.quiz-list-item.correct:active {
    color: white;
    background-color: #3c7660;
    opacity: 0.75;
}
a.quiz-list-item.wrong,
a.quiz-list-item.wrong:visited,
a.quiz-list-item.wrong:hover,
a.quiz-list-item.wrong:active {
    color: #8a8686;
    background-color: #952429;
    opacity: 0.75;
}

.quiz-list-item.active,
.quiz-list-item.active:visited,
.quiz-list-item.active:hover,
.quiz-list-item.active:active, 
.quiz-list-item.active.wrong,
.quiz-list-item.active.wrong:visited,
.quiz-list-item.active.wrong:hover,
.quiz-list-item.active.wrong:active {
    background-color: #e8e8e8;
    opacity: 1;
    font-family: 'FTBase', Sans;
    font-weight: bold;
}
a.quiz-list-item.active.correct,
a.quiz-list-item.active.correct:visited,
a.quiz-list-item.active.correct:hover,
a.quiz-list-item.active.correct:active  {
    background-color: #EF7B00;
    opacity: 1;
}
/* 
.quiz-question {
    background-image: 'fundo.jpg';
} */
