:root {
    --brand-color: #37b6aa;
    --brand-alternate-color: #3c3c3c;
}

.navbar {
    background-color: var(--brand-alternate-color);
}

.form-control-invalid {
    border-color: var(--danger);
}

.navbar-dark .navbar-nav .active > .nav-link {
    color: var(--brand-color);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color: var(--brand-color);
}

.btn-flat.btn-primary {
    color: var(--brand-color);
    background-color: transparent;
}

.btn-flat.btn-primary:hover, .btn-flat.btn-primary:focus {
    color: white;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
}

a, .btn-link, a:focus, .btn-link:focus, a:hover, .btn-link:hover {
    color: var(--brand-color);
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > li > a:focus, .pagination > li > a:hover {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: var(--brand-alternate-color);
}