#cookie-modal-backdrop {
    /** display: flex; **/
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: +3;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    padding-bottom: 50px;
}

#cookie-modal {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1em;
    color: white;
    max-width: 800px;
}

#cookie-modal button {
    margin: 10px;
}

/** Adjustment of bootstrap tooltips **/
.tooltip-inner {
    text-align: left!important;
    white-space: pre-wrap;
}

.padded {
    padding-bottom: 52px;
}

.card {
    margin: 2em;
    padding: 1em;
}

/*
We need to specify dropdown select elements explicitly for colors to take effect in dropdowns.
Similarly, we need to specify table cells for colors to take effect in tables.
Otherwise, bootstrap table styles will override more general (WA, A, etc.) styles.
*/
.WA, select.WA, .bt-table td.WA {
  background-color: greenyellow;
}

.A, select.A, .bt-table td.A {
  background-color: lightgreen;
}

.WR, select.WR, .bt-table td.WR {
  background-color: lightsalmon;
}

.R, select.R, .bt-table td.R {
  background-color: palevioletred;
}

.D, select.D, .bt-table td.D {
  background-color: lightgray;
}