:root {
    --fo-primary: #003a70;
    --fo-secondary: #e0a800;
}

.bg-fo-primary {
    background-color: var(--fo-primary) !important
}

.navbar.bg-fo-primary .navbar-brand, .navbar.bg-fo-primary .nav-link, .navbar.bg-fo-primary .navbar-text {
    color: #fff !important
}

    .navbar.bg-fo-primary .nav-link:hover {
        opacity: .85
    }

.app-main {
    min-height: calc(100vh - 56px - 56px)
}

.app-footer {
    background: #fafafa
}

.list-group-item a {
    text-decoration: none
}

    .list-group-item a:hover {
        text-decoration: underline
    }

.progress {
    height: 1.25rem
}

.callout {
    border-left: 4px solid #adb5bd;
    background: #f8f9fa;
    padding: .5rem .75rem;
    border-radius: 4px
}

.callout-info {
    border-color: #0d6efd
}

.callout-warning {
    border-color: #d39e00
}

.doc-list .doc-row {
    background: #fff;
}

    .doc-list .doc-row:hover {
        background: #f8f9fa
    }

.doc-icon svg {
    display: block
}

.doc-link {
    cursor: pointer
}

.doc-tech .text-body {
    font-weight: 500
}

.doc-chip-text {
    white-space: wrap;
}

a[aria-controls^="doc_"] {
    line-height: 1
}