#wrapper {
    position: relative;
    padding-top: 2vh;
}

#question-wrapper {
    /* font-size: 1.4vw; */
    text-align: center;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2vw;
    padding-bottom: 4vw;
}

#question-tag {
    font-weight: bold;
}

#thequestion {
    display: inline;
}

.thetable {
    position: relative;
}

.valuerow {
    text-align: center;
}

#valuelabel {
    /* font-size: 1.4vw; */
    padding-right: 2vw;
    font-weight: bold;
}

.values {
    width: 3vw;
    padding-left: 1.3vw;
    padding-right: 1.3vw;
    padding-top: 1.3vh;
    padding-bottom: 1.3vh;
    border-color: #888282;
    text-align: center;
    color: black;
    /* font-size: 2vw; */
}

.indexrow {
    text-align: center;
}

#indexlabel {
    /* font-size: 1.4vw; */
    padding-right: 1vw;
    font-weight: bold;
}

.indices {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline;
}

.indices li {
    display: inline-block;
    width: 6vw; 
}

#legend-comment-wrapper {
    position: relative;
    padding-top: 6vh;
    height: 23vh;
}

.legend {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;    
    float: left;
    clear: none;
}

.legend .red {
    background-color: red;
    border-radius: 0%;
 width: 3.2vw;
     margin-top: 2.8%;
     height: 0.35vw;
     border: 0vw solid grey;
 }
 
 .legend .green {
     background-color: #a4c652;
     border-radius: 0%;
     width: 3.2vw;
     margin-top: 2.8%;
     height: 0.35vw;
     border: 0vw solid grey;
 }

.legend li { padding-bottom : 1.5vw; width: 20vw; }
.legend span { border: 0vw solid black; float: left; border-radius: 0%;}

.comment-box {
    position: relative;
    /* font-size: 1.5vw; */
    text-align: center;
    float: left;
    clear: none;
    width: inherit !important;
    padding: 0 !important;
}

#calculationbox, #formulabox {
    position: relative;
    float: left;
    clear: none;
    width: 36vw !important;
}

#status3 {
  font-weight: bold;
}

.buttons-wrapper {
    position: relative;
    text-align: center;
    padding-top: 2vh;
}

#exercisestatus {
   width: 100%;
   padding-top: 7vh;
   padding-bottom: 10vh
}