:root {

    /* index page tile icons */
    .icon-square {
        padding: 1rem;
    }

    /* simply override bootstrap base color for btn-primary */
    .btn-primary {
        background-color: #304E9D !important;
    }

    /* index page disabled tiles */
    .tile-disabled {
        opacity: 0.5;
    }

    .tiles-view > div {
        margin-bottom: 1rem;
    }

    .tiles-view > p {
        color: #6c757d;
    }

    /* set form labels bold */
    label {
        font-weight: bold;
    }

    /* small notes settings */
    .note {
        font-size: 0.8rem;
        color: #6c757d;
        padding-left: 0.25rem;
    }

    .message-result-list {
        margin-left: 0.5rem;
    }

    .message-result-success {
        border-left: 2px solid darkgreen;
        padding-left: 1rem;
    }

    .message-result-missing {
        border-left: 2px solid orange;
        padding-left: 1rem;
    }

    .message-result-notes {
        border-left: 2px solid blue;
        padding-left: 1rem;
    }

    .message-result-error {
        border-left: 2px solid darkred;
        padding-left: 1rem;
    }

    .btn-primary {
        background-color: #304E9D !important;
    }

    .hh-submit-spinner {
        align-items: center;
        display: inline-flex;
        gap: 0.5rem;
    }

    .hh-submit-spinner[hidden] {
        display: none !important;
    }
}