/* Questions */
.uni-eval-question {
    margin: 2em 0;
    /*clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px), 0 0);*/
}

.uni-eval-question .headline {
    background-color: black;
    color: white;
    display: flex;
    flex-flow: row nowrap;
}

.uni-eval-question-number {
    width: 2em;
    padding: 0.1em 0.25em;
    background-color: #ef7c00;
    text-align: center;
    flex-shrink: 0;
    overflow: hidden;
}

.uni-eval-question-description {
    padding: 0.1em 0.25em;
}

.uni-eval-question-helptext {
    background-color: #333333;
    color: white;
    font-size: 80%;
    padding: 0.25em 0.625em 0.25em 2.5em;
}

.uni-eval-question .qcontent {
    padding: 1em 0.5em 1em 2em;
    background-color: #EEEEEE;
}

.uni-eval-question input[type="number"] {
    text-align: right;
    width: 100%;
}
.uni-eval-question.number input[type="number"],
.uni-eval-question.sum input[type="number"],
.uni-eval-question.constsum input[type="number"] {
    width: unset;
}

.uni-eval-question input[type="text"] {
    width: 100%;
}

.uni-eval-question textarea {
    width: 100%;
}

/* Questions > Table */
.uni-eval-question table {
    width: 100%;
    table-layout: fixed;
}

.uni-eval-question table tr:nth-of-type(even) {
    background-color: #DDDDDD;
}
.uni-eval-question table.striped_odd tr:nth-of-type(odd) {
    background-color: #DDDDDD;
}
.uni-eval-question table.striped_odd tr:nth-of-type(even) {
    background-color: #EEEEEE;
}

.uni-eval-question table.repeat_captions tr:nth-of-type(4n+1), .uni-eval-question table.repeat_captions tr:nth-of-type(4n+2) {
    background-color: #DDDDDD;
}
.uni-eval-question table.repeat_captions tr:nth-of-type(4n+3), .uni-eval-question table.repeat_captions tr:nth-of-type(4n+4) {
    background-color: inherit;
}

.uni-eval-question table th {
    font-weight: normal;
    text-align: center;
    padding: 0.25em;
}

.uni-eval-question table td {
    text-align: center;
    padding: 0.25em;
}

.seperate_right_column th:last-child, .seperate_right_column td:last-child {
    border-left: 2px solid black;
}


/* Question-Type: Sum */
.uni-eval-question.sum table {
    width: auto;
}
.uni-eval-question.sum tr:nth-of-type(odd) {
    background-color: #DDDDDD;
}
.uni-eval-question.sum tr:nth-of-type(even) {
    background-color: inherit;
}
.uni-eval-question.sum tr:last-of-type {
    border-top: 2px solid black;
}
.uni-eval-question.sum tr:last-of-type td:last-of-type {
    text-align: right;
}


/* Question-Type: Constsum */
.uni-eval-question.constsum table {
    width: auto;
}
.uni-eval-question.constsum tr:nth-of-type(odd) {
    background-color: #DDDDDD;
}
.uni-eval-question.constsum tr:nth-of-type(even) {
    background-color: inherit;
}
.uni-eval-question.constsum tr:nth-last-of-type(2) {
    border-top: 2px solid black;
}
.uni-eval-question.constsum tr:last-of-type td:last-of-type, .uni-eval-question.constsum tr:nth-last-of-type(2) td:last-of-type {
    text-align: right;
}


/* Question-Type: Profile */
.uni-eval-question.profile td:last-of-type {
    text-align: right;
}


/* Question-Type: Select */
.uni-eval-question.select select {
    padding: 6px 12px;
    width: 100%;
}

/* Question-Type: Date */
.uni-eval-question.date input {
    width: 100%;
}


/* Question-Type: Single Choice vertical */
.uni-eval-question.single-choice-vertical input[type="text"] {
    width: unset;
}
.uni-eval-question.single-choice-vertical input[type="radio"] {
    margin-right: 5px;
}

/* Question-Type: Show Hide 2 */
.uni-eval-question.showhide2 input[type="text"] {
    width: unset;
}
.uni-eval-question.showhide2 input[type="radio"] {
    margin-right: 5px;
}

/* Question-Type: Grades */
.uni-eval-question.grades.uni-eval-mobile table tr:nth-of-type(6n+1), 
.uni-eval-question.grades.uni-eval-mobile table tr:nth-of-type(6n+2),
.uni-eval-question.grades.uni-eval-mobile table tr:nth-of-type(6n+3) {
    background-color: #DDDDDD;
}
.uni-eval-question.grades.uni-eval-mobile table tr:nth-of-type(6n+4), 
.uni-eval-question.grades.uni-eval-mobile table tr:nth-of-type(6n+5),
.uni-eval-question.grades.uni-eval-mobile table tr:nth-of-type(6n+6) {
    background-color: inherit;
}

/* Question-Type: Grades 1-5 */
.uni-eval-question.grades1to5.uni-eval-mobile table tr:nth-of-type(6n+1), 
.uni-eval-question.grades1to5.uni-eval-mobile table tr:nth-of-type(6n+2),
.uni-eval-question.grades1to5.uni-eval-mobile table tr:nth-of-type(6n+3) {
    background-color: #DDDDDD;
}
.uni-eval-question.grades1to5.uni-eval-mobile table tr:nth-of-type(6n+4), 
.uni-eval-question.grades1to5.uni-eval-mobile table tr:nth-of-type(6n+5),
.uni-eval-question.grades1to5.uni-eval-mobile table tr:nth-of-type(6n+6) {
    background-color: inherit;
}

/* Question-Type: Grades 1-4*/
.uni-eval-question.grades1to4.uni-eval-mobile table tr:nth-of-type(6n+1), 
.uni-eval-question.grades1to4.uni-eval-mobile table tr:nth-of-type(6n+2),
.uni-eval-question.grades1to4.uni-eval-mobile table tr:nth-of-type(6n+3) {
    background-color: #DDDDDD;
}
.uni-eval-question.grades1to4.uni-eval-mobile table tr:nth-of-type(6n+4), 
.uni-eval-question.grades1to4.uni-eval-mobile table tr:nth-of-type(6n+5),
.uni-eval-question.grades1to4.uni-eval-mobile table tr:nth-of-type(6n+6) {
    background-color: inherit;
}

/* Question-Type: Multiple Choice vertical */
.uni-eval-question.multiple-choice-vertical input[type="text"] {
    width: unset;
}
.uni-eval-question.multiple-choice-vertical input[type="checkbox"] {
    margin-right: 10px;
}

/* Question-Type: Show Hide MC */
.uni-eval-question.showhidemc input[type="text"] {
    width: unset;
}
.uni-eval-question.showhidemc input[type="checkbox"] {
    margin-right: 10px;
}


/* ========= Classes =========*/
/* Table Row Caption (1st column) */
.uni-eval-question table td.row_caption, 
.uni-eval-question table th.row_caption {
    text-align: left;
}
/* Errors */
.invalid {
    box-shadow: 0px 0px 2px 1px red;
    border: none;
}
.invalid_inset {
    box-shadow: inset 0px 0px 2px 1px red;
    border: none;
}
.error_message {
    border: 2px solid red;
    font-weight: bold;
}

/* Mandatory */
.mandatory_marker {
    padding: 0.1em 0.25em;
}

/* Fixing BS4 Tabs */
.tab-content {
    height: inherit !important;
    opacity: inherit !important;
}

/* Fixing IE 11 */
/* Using descendant instead of child (">") selector because of the annoying <p> tags */
.tab-content .tab-pane {
    display: none;
}
.tab-content .active {
    display: block;
}

/* Hiding empty <p> tags */
.uni-eval-evaluation p:empty {
    display: none;
}

.hide {
    display: none;
    transition: 0.2s;
}

.uni-eval-evaluation.tab-content {
    padding: 0;
    background-color: unset;
}

.flexparent {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.flexparent > * {

}

/* Progress bar */
#uni-eval-progress-bar {
    width: 100%;
    height: 25px;
    border-radius: 0;
    border: 1px solid black;
    background-color: #EEEEEE;
}
#uni-eval-progress-bar::-webkit-progress-bar {
    background-color: #EEEEEE;
}
#uni-eval-progress-bar::-webkit-progress-value {
    background-color: var(--secondary_color_2);
}
#uni-eval-progress-bar::-moz-progress-bar {
    background-color: var(--secondary_color_2);
}