:root {
    --p0: #f4f0ec;
    --p1: #b1e167;
    --p2: #8ec33c;
    --p3: #72a81e;
    --p4: #578A09;
    --p5: #3c6300;
    --s0: #f4f0ec;
    --s1: #53b66d;
    --s2: #319e4e;
    --s3: #188836;
    --s4: #087023;
    --s5: #005015;
}

body {
    min-height: 100%;
    font-family: Tahoma, Geneva, Veranda, sans-serif;
}

a {
    text-decoration:none;
}

.bg0 {
    color: var(--p5);
    background-color: var(--p0);
}

.bg1 {
    color: var(--p5);
    background-color: var(--p1);
}

.bg2 {
    color: var(--p5);
    background-color: var(--p2);
}

.bg3 {
    color: var(--p1);
    background-color: var(--p3);
}

.bg4 {
    color: var(--p5);
    background-color: var(--p4);
}

.bg5 {
    color: var(--p1);
    background-color: var(--p5);
}

.sbg4 {
    color: var(--s0);
    background-color: var(--s4);
}

.sbg5 {
    color: var(--s0);
    background-color: var(--s5);
}

.c0 {
    color: var(--p5);
}
.c1 {

}

.c2 {

}

.c3 {
    color: var(--p1);
}
.vh-min-300 {
    min-height: 300px;
}
.LoginBox {
    background-color: #8EC33C;
    color: #547d13;
}

.BgButton {
    background-color: #3C6300;
    color: #f4f0ec;
}

.avatar {
    vertical-align: middle;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.loginStatusStyle {
    color: #72a81e;
}

.watermarked {
    padding: 2px 0 0 2px;
    color: lightgray;
    font-family: Verdana;
    font-style: italic
}

.fs-7 {
    font-size: .75rem!important
}