:root {
    --portal-primary: #89252d;
    --portal-secondary: #162c31;
    --portal-accent: #d6d6d6;
    --portal-background: #ffffff;
    --portal-text: #162c31;
}

body {
    color: var(--portal-text) !important;
    background-color: var(--portal-background);
}

th,
.bg-primary,
.btn-primary,
.page-item.active .page-link,
.triangular-box.active,
.slideThree label,
.timeline-verification.active {
    background-color: var(--portal-primary) !important;
    border-color: var(--portal-primary) !important;
}

th,
th a,
table thead th,
table thead th a {
    color: #ffffff !important;
}

.text-primary,
.text-danger,
.card-title,
.btn-outline-primary,
.nav-link,
.accordion-item,
.accordion-button {
    color: var(--portal-primary) !important;
}

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

.btn-outline-primary:hover,
.dropdown-item.active,
.dropdown-item:active,
#btnTableView.active,
#btnBlockView.active {
    background-color: var(--portal-primary) !important;
    border-color: var(--portal-primary) !important;
    color: #ffffff !important;
}

.content-header btn,
.page-item a,
.page-item.disabled .page-link,
.text-lightblue,
.bg-alert,
.accordion-button {
    color: var(--portal-secondary) !important;
}

.nav-link.active,
.nav-link:hover,
.timeline-verification.active {
    border-color: var(--portal-secondary) !important;
}

.btn-secondary,
#btnTableView,
#btnBlockView,
.slideThree,
.bg-alert {
    background-color: var(--portal-accent) !important;
    border-color: var(--portal-accent) !important;
}