#uni-leo-wrapper {
    display: flex;
}

#uni-leo-tabs-container {
    display: flex;
    flex-flow: column;
}

.uni-leo-tab, .uni-leo-tab:focus {
    border: 2px solid black;
    border-right: none;
    border-radius: 7px 0px 0px 7px;
    outline: none;
    background-color: #CCC;
    margin-right: -2px;
    margin-bottom: -2px;
}
.uni-leo-tab.active {
    background-color: white;
    z-index: 20;
}
.uni-leo-tab.is-invalid {

}

.uni-leo-tab-invalid-icon {
    color: red;
}

#uni-leo-questions-container {
    border: 2px solid black;
    flex-grow: 1;
}

.uni-leo-question {
    position: relative;
}

.uni-leo-answer.odd {
    background-color: lightgrey;
}

/*.uni-leo-answer-text-container.odd, .uni-leo-answer-checkbox-container.odd, .uni-leo-answer-remove-container.odd {
    background-color: lightgrey;
}*/

.uni-leo-answer input[type=text] {
    width: 100%;
}

.uni-leo-answer-remove-icon {
    cursor: pointer;
}
.uni-leo-answer-remove-icon.disabled {
    color: grey;
}

.uni-leo-answer-add-icon {
    cursor: pointer;
}

.uni-leo-close-icon {
    position: absolute;
    right: 5px;
    top: 5px;
    color: red;
    cursor: pointer;
}


#uni-leo-check-questions-container h2 {
    margin-top: 1rem;
}

#uni-leo-check-questions-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#uni-leo-check-questions-container ul li i {
    width: 1.5rem;
}

#uni-leo-check-questions-container .fa-check {
    color: green;
}
#uni-leo-check-questions-container .fa-circle {
    font-size: 80%;
}


/* Meine Lernerfolgskontrollen */

.meine-leo-list-header {
    background-color: #AAA;
    font-weight: bold;
}

.meine-leo-list-item:nth-child(odd) {
    background-color: #DDD;
}

.meine-leo-status-icon {
    color: grey;
}
.meine-leo-status-icon[leo-status="participated_successfully"] {
    color: green;
}
.meine-leo-status-icon[leo-status="participated_failed"] {
    color: red;
}
.meine-leo-status-icon[leo-status="open"] {
    color: black;
}


/* LEO Durchführung */

.uni-leo-durchf-question {
    display: flex;
    align-items: flex-start;
}

.uni-leo-durchf-question-number {
    background-color: black;
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 15px;
    color: white;
    text-align: center;
    line-height: 30px;
}

.uni-leo-durchf-question-letter {
    width: 0.9em;
}

.uni-leo-durchf-question-label {
    margin: 0;
}

.uni-leo-durchf-question-invalid-hint {
    color: red;
}

.uni-leo-durchf-answer {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
}
.uni-leo-durchf-answer.selected {
    color: #5894D1;
}

.uni-leo-durchf-question-correct-hint {
    font-size: 150%;
}
.uni-leo-durchf-question-correct-hint.correct {
    color: green;
}
.uni-leo-durchf-question-correct-hint.incorrect {
    color: red;
}