body {
    /* default of 16px for bootstrap 4 is too big */
    font-size: 14px
}

/* Underline links but not all because they have various styles. */
a.underline {
    text-decoration: underline;
}

/* I use the app-card classes for card-header */
.app-card-default {
    background: #20558a;
    color: white;
}

.app-card-secondary {
    background: #6c757d;
    color: white;
}

/* use ATD blue for link color */
a {
  color: #20558a !important;
}

/* use ATD blue for primary bootstrap button color */
.btn-primary { background-color: #20558a; }

.version {
    font-size: .9rem;
}
.footer {
    font-size: .9rem;
}

/* create the old btn-default from bootstrap 3 */
.btn-default {
    color: #3f3f3f;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:focus {
    color: #3f3f3f;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn-default:hover {
    color: #3f3f3f;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active {
    color: #3f3f3f;
    background-color: #e6e6e6;
    border-color: #adadad;
}