.active { background-color: rgba(var(--headerColor), 1); }

.btn-primary {
    background-color: rgba(var(--buttonColor), .7);
    border-color: rgba(var(--buttonColor), .7);
}

.btn-primary:active {
    background-color: rgba(var(--buttonColor), 1) !important;
    border-color: rgba(var(--buttonColor), 1) !important;
}

.btn-primary:hover {
    background-color: rgba(var(--buttonColor), 1);
    border-color: rgba(var(--buttonColor), 1);
    box-shadow: rgba(0, 0, 0, 1) 0 2px 10px 2px;
}

.btn-primary:focus {
    background-color: rgba(var(--buttonColor), 1);
    border-color: rgba(var(--buttonColor), 1);
    box-shadow: rgba(0, 0, 0, 1) 0 2px 10px 2px !important;
}

.btn-selector { border-color: rgba(var(--buttonColor), 1); }

.btn-selector > a { color: rgba(var(--buttonColor), 1); }

.btn-selector:hover {
    background-color: rgba(var(--buttonColor), 1);
    border-color: rgba(var(--buttonColor), 1);
}

.header-color { background-color: rgba(var(--headerColor), 1); }