body {

}

main {

}

.v-hidden {
    visibility: hidden;
}

/*START PAGE*/


.start-page .logo {
    display: block;
    margin: 1rem auto;
    width: 25rem;
}
.start-page h1 {
    font-size: 1.3rem;
}

.start-page .left-side h2 {
    font-size: 1.3rem;
}

.start-page .left-side button {
    font-size: 1.2rem;
    border-radius: 5px;
}

.start-page form {
    transition-duration: 2s;
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    -webkit-transition-duration: 2s;
}

.start-page .right-side .thumbnail {
    width: 100%;
}

/*START PAGE*/

/*QUESTIONNAIRE PAGE*/

.choice-question-container .candidate {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: .8rem;
    margin-bottom: .8rem;
}

.choice-question-container .answers-container {
    margin-top: .3rem;
    margin-bottom: .3rem;
}

.choice-question-container .answers-container .empty-area {
    display: inline-block;
    width: 36%;
}

.choice-question-container .answers-container .answer-titles {
    width: 64%;
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
}

.choice-question-container .answers-container .answer {
    width: 10%;
    font-size: .7rem;
    font-weight: bold;
}

.questions-container .question {
    /*background-color: azure;*/
    /*margin: .5rem 0;*/
    border-top: 1px solid gray;
    padding-top: .3rem;
    padding-bottom: .3rem;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 3.2rem;
}

.questions-container .question:last-of-type {
    border-bottom: 1px solid gray;
}

.question .text {
    display: inline-block;
    width: 36%;
}

.question .choices {
    width: 64%;
    display: inline-flex;
    justify-content: space-around;
    text-align: center;
}

.question .choices .choice {
    background: #ededed;
    width: 10%;
    /*margin-right: .1rem;*/
    padding: .3rem 1.9rem;
    border-radius: 5px;
    cursor: pointer;
}


.question .choices .choice:first-of-type {
    background: #4d4d4d;
    color: white;
}

.question .choices .choice:hover {
    /*background: #1b6eae;*/
    /*color: #fff;*/
}

.question .selected {
    background: #1b6eae !important;
    color: #fff !important;
}

.open-question-container {

}

.questionnaire-page {
    height: 100vh;
    padding-top: .8rem;
    position: relative;
}

.bottom-section {
    background-color: rgba(90, 169, 105, 0.47);
    clear: both;
    overflow: auto;
    margin-top: 1rem;
    bottom: 1.2rem;
    width: 100%;
}

.bottom-section span {
    float: left;
    padding: 1rem;
    color: darkgreen;
    font-weight: bold;
}

.bottom-section button {
    float: right;
    margin: .5rem;
}

/*QUESTIONNAIRE PAGE*/