:root {

    /* Text Color Variables */
    --blue: #ff6900;
    --white: #ffffff;
    --text-primary: #ff6900;
    --text-secondary: #d8a300;
    --text-success: #797e90;
    --text-danger: #dc3545;
    --text-warning: #f1b44c;
    --text-info: #50a5f1;
    --text-light: #f8f9fa;
    --text-dark: #343a40;
    --text-muted: #d8a300;
    --text-white: #ffffff;
    --second-color: #476747;
    --darker: #000000;
    /* BG Color Variables */
    --bg-primary: #ff6900;
    --bg-secondary: #d8a300;
    --bg-success: #797e90;
    --bg-danger: #dc3545;
    --bg-warning: #f1b44c;
    --bg-info: #50a5f1;
    --bg-light: #f8f9fa;
    --bg-dark: #343a40;
    --bg-white: #ffffff;
}
/* Classes For BG Colors Utilizing Variables */
.bg-primary {
    background-color: var(--bg-primary) !important;
}

.bg-secondary {
    background-color: var(--bg-secondary) !important;
}

.bg-success {
    background-color: var(--bg-success) !important;
}

.bg-danger {
    background-color: var(--bg-danger) !important;
}

.bg-warning {
    background-color: var(--bg-warning) !important;
}

.bg-info {
    background-color: var(--bg-info) !important;
}

.bg-light {
    background-color: var(--bg-light) !important;
}

.bg-dark {
    background-color: var(--bg-dark) !important;
}

.bg-white {
    background-color: var(--bg-white) !important;
}

.blue{
    background-color: var(--blue) !important;
}

.white{
    background-color: var(--white) !important;
}



/* Classes For Text Colors Utilizing Variables */
.text-primary{
    color: var(--text-primary) !important;
}

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

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

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

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

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

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

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

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

.text-white{
    color: var(--text-white) !important
}
.btn-primary {
    background-color: var(--bg-primary) !important;
    color: var(--white) !important;
}
/* a {
    color: var(--second-color) !important;
} */
.page-item.active .page-link {
    background-color: var(--bg-primary) !important;
    color: var(--white) !important;
}
.topnav .navbar-nav .nav-link {
    color:  var(--darker) !important;
}
.nav-tabs-custom .nav-item .nav-link.active {
    color: var(--blue) !important;
}

a.active {
    color: var(--blue) !important;
}
.topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {
    color: var(--blue) !important;
}
.nav-tabs-custom .nav-item .nav-link::after {
    background: var(--bg-primary) !important;
}
.form-preview .bg-soft-primary h3 {
    color: var(--white) !important;
}
.form-preview span.bg-soft-primary {
    background: var(--blue) !important;
}
.btn-info {
    background-color: var(--bg-info) !important;
    border-color: var(--text-info) !important;
}
.btn-info:hover {
    background-color: var(--second-color) !important;
}
.list-group .list-group-item.active {
    background: var(--bg-primary) !important;
    color: var(--white) !important;
}
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
    background-color: var(--second-color) !important;
}
button#sa-success:hover {
    background-color: var(--second-color) !important;
}
.card-header {
    background: var(--bg-primary) !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--white) !important;
    /* background-color: var(--bg-primary) !important; */
}
.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link.active .step-number {
    background-color: var(--second-color) !important;
    color: var(--white) !important;
}
.twitter-bs-wizard .twitter-bs-wizard-pager-link li a {
    background-color: var(--bg-primary) !important;
}
.twitter-bs-wizard .twitter-bs-wizard-nav .step-number {
    border: 2px solid var(--second-color) !important;
    color: var(--second-color) !important;
}