:root {
    --gold: #ffd700;
    --light-gold: #F9F5DE;
}

@font-face {
    font-family: effect;
    src: url(static/fonts/Effect.ttf);
}

.font-effect {
    font-family: effect;
}

.bg-nav {
    background: #6699cc !important;
}

.navbar-border {
    border-bottom: 1px solid #336699 !important;
}

.bg-layer1 {
    background: var(--light-gold) !important;
}

.bg-layer2 {
    background: #ffffff !important;
}

.bg-layer3 {
    background: #f5f5ff !important;
}

.bg-layer4 {
    background: #efffff !important;
}

.bg-score-75-100 {
    background: #aaddaa !important;
}

.bg-score-50-75 {
    background: #ccddaa !important;
}

.bg-score-25-50 {
    background: #ddccaa !important;
}

.bg-score-0-25 {
    background: #ddaaaa !important;
}

.fs-7 {
    font-size: 0.7rem;
}

.h7 {
    font-size: 0.7rem;
}

.text-extra-muted {
    color: #cccccc !important;
}

.text-light-muted {
    color: #bbbbbb !important;
}

.text-status-error {
    color: #990000 !important;
}

.text-status-running {
    color: #009900 !important;
}

.text-status-waiting {
    color: #666666 !important;
}

.text-gold {
    color: var(--gold) !important;
}

.property-list-item {
    border: 1px solid #bbb;
}

.property-list-item:hover {
    text-decoration: none;
    background: #f6f6f6 !important;
}

.property-list-item-href {
    text-decoration: none;
    cursor: pointer;
}

.nav-side-link, .nav-side-link:visited {
    color: #ffffff;
}

.nav-side-link:hover {
    color: var(--gold);
}

.nav-side-link:active {
    color: #000;
    background-color: var(--gold);
}

.btn-outline-gold {
    color: var(--gold);
    border-color: var(--gold);
}
.btn-outline-gold:hover, :active, :visited {
    background-color: var(--gold);
}