:root {
    --color-lightGrey: #F9F9F9;
    --color-hdc-lighter: #9CCAE8;
    --color-hdc-light: #468EBD;
    --color-hdc-mid: #2878AD;
    --color-hdc-dark: #09639D;
    --color-hdc-darker: #074B77;
    /*--color-hdc-lighter: #98A1A8;
    --color-hdc-light: #707F8A;
    --color-hdc-mid: #536573;
    --color-hdc-dark: #3C4F5E;
    --color-hdc-darker: #243847;*/
}

.u-c-error {
    color: #bb0000 !important;
}

.u-c-correct {
    color: #97e99d;
}

.u-c-white {
    color: #FFFFFF;
}

.u-c-black {
    color: #000000;
}

.u-c-green {
    color: #19ae22;
}

.u-c-blue {
    color: #00639a;
}

.u-c-midBlue {
    color: #1C6EA4;
}

.u-c-lightGrey {
    color: #F9F9F9;
}

.u-c-hdc-lighter {
    /*color: #98A1A8;*/
    color: #9CCAE8;
}

.u-c-hdc-light {
    /*color: #707F8A;*/
    color: #468EBD;
}

.u-c-hdc-mid {
    /*color: #536573;*/
    color: #2878AD;
}

.u-c-hdc-dark {
    /*color: #3C4F5E;*/
    color: #09639D;
}

.u-c-hdc-darker {
    /*color: #243847;*/
    color: #074B77;
}

.u-bg-correct {
    background-color: #97e99d;
}
.u-bg-error {
    background-color: #ff7575;
}
.u-bg-lighterror {
    background-color: #ff9191;
}
.u-bg-warning {
    background-color: #ffd610;
}


.u-bg-white {
    background-color: #FFFFFF;
}

.u-bg-black {
    background-color: #000000;
}

.u-bg-white-t {
    background-color: rgba(255,255,255, 0.8);
}

.u-bg-midGrey {
    background-color: #efefef;
}

.u-bg-grey {
    background-color: #cccccc;
}

.u-bg-lightGrey {
    background-color: #F9F9F9;
}

.u-bg-hdc-lighter {
    /*background-color: #98A1A8;*/
    background-color: #9CCAE8;
}

.u-bg-hdc-light {
    /*background-color: #707F8A;*/
    background-color: #468EBD;
}

.u-bg-hdc-mid {
    /*background-color: #536573;*/
    background-color: #2878AD;
}

.u-bg-hdc-dark {
    /*background-color: #3C4F5E;*/
    background-color: #09639D;
}

.u-bg-hdc-darker {
    /*background-color: #243847;*/
    background-color: #074B77;
}

.u-bg-blue {
    background-color: #00639a !important;
}

.u-bg-transparent {
    background-color: transparent;
}

div.symbol-col {
    width: 100%;
    min-width: 25px;
    height: 100%;
    min-height: 25px;
    box-sizing: border-box;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

div.symbol-corona {
    background-Image: url(SVG/coronavirus.svg);
}

.u-lnk-white,
.u-lnk-white:hover,
.u-lnk-white:visited {
    color: #FFFFFF;
}