:root {
    --primary: #ff0000;
    --primary-hover: #ef0000;
    --primary-lnk-bg-hover: #e00000;
    --primary-active: #df0000;
    --primary-active2: #cf0000;
    --primary-lnk-hover: #cf000040;
    --primary-border-active: #fafa00b3;
    --primary-border-hover: #c8c800b3;
    --primary-bg-active: #cdc800b3;
    --primary-box-focus: #ff9600b3;
    --primary-lnk-box-focus: #d1000040;
    --primary-form-ctrl-box-focus: #cf323240;
    --primary-form-ctrl-border-focus: #e09090;
    --primary-btn-outline: #6c757d;
}

.text-primary {
    color: var(--primary) !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: var(--primary-hover) !important;
}

a {
    color: var(--primary);
}

a:hover {
    color: var(--primary-hover);
}

a:active {
    color: var(--primary-active);
}

.btn-primary, .btn-primary.disabled, .btn-primary:disabled  {
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn-primary:hover {
    background-color: var(--primary-lnk-bg-hover);
    border-color: var(--primary-border-hover);
}
.btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--primary-box-focus);
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--primary-active2);
    border-color: var(--primary-border-active);
}
.bg-primary {
    background-color: var(--primary) !important;
}

.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: var(--primary-bg-active);
}

.page-link {
    color: var(--primary);
}

.page-link:hover {
    color: var(--primary-lnk-hover);
}

.page-link:focus {
    box-shadow: 0 0 0 0.2rem var(--primary-lnk-box-focus);
}

.page-item.active .page-link {
    background-color: var(--primary);
    border-color: var(--primary);
}

.form-control:focus {
    border-color: var(--primary-form-ctrl-border-focus);
    box-shadow: 0 0 0 0.2rem var(--primary-form-ctrl-box-focus);
}

.btn-outline-primary {
    color: var(--primary-btn-outline);
    border-color: var(--primary-btn-outline);
}

.btn-outline-primary:hover {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem var(--primary-form-ctrl-box-focus);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: var(--primary);
    background-color: transparent;
}

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

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--primary-form-ctrl-box-focus);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--primary);
}

.page-link:focus {
    box-shadow: 0 0 0 0.2rem var(--primary-box-focus);
}

.page-link {
    color: var(--primary);
}

.page-link:hover {
    color: var(--primary-hover);
}

.page-item.active .page-link {
    background-color: var(--primary);
    border-color: var(--primary);
}

html:focus {
    box-shadow: 0 0 0 0.2rem var(--primary-box-focus);
}