.TrueTrue, .FalseFalse {
  background-color: lightgreen;
}
.TrueFalse, .FalseTrue {
  background-color: red;
}
                                                                
table.floatThead-table {
    border-top: none;
    border-bottom: none;
    background-color: #FFF;
}

.form-group {
    position: relative;
}

dt {
    display: inline-block;
    width: 8em;
    margin-right: 1em;
    font-weight: bold;
}

dd {
    display: inline;
    color: grey;
}

dd::after {
    content: " ";
    display: block;
    clear: left;
}

@media screen {
    th.vertical > span.vertical {
        display: block;
        position: relative;
        width: 2em;
        left: 0;
        bottom: 0;
        white-space: nowrap;
        transform: translate(1em, 0em) rotate(270deg);
        transform-origin: left bottom;
    }

    th.vertical {
        height: 8em;
        width: 2em;
    }
}

code {
     color: inherit;
}

.progress_bar_outer {
    width: 400px;
    background-color: lightgray;
    display: inline-block;
    height: 1em;
    margin: 0;
}

.progress_bar {
    background-color: blue;
    overflow: visible;
    display: inline-block;
    height: 1em;
    margin: 0;
}

.d-screen-none {
  display: none;
}

body.blured {
  display: none;
}