.bg-primary
{
    background-color: #3a343c !important;
}

.btn-primary {
    background-color: #3a343c !important;
    border-color: #3a343c;
    color: #FFF !important;
}

.council_logo {
    max-width: 150px;
}

.form-control, .form-control:focus {
    color: #212529;
}

select, textarea {
    color: #212529;
}

.custom-file-label {
    color: #212529;
}

a {
    color: #3a343c;
    text-decoration: none;
    font-weight: bold;
    background-color: transparent;
}

a:hover {
    color: #3a343c;
    font-weight: bold;
    text-decoration: underline;
}

.navbar-dark .navbar-nav a {
    color: #fff;
    font-weight: normal;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: #fff;
    font-weight: normal;
    text-decoration: underline;
}

footer a {
    color: #fff;
    font-weight: normal;
    text-decoration: underline;
    background-color: transparent;
}

footer a:hover {
    color: #fff;
    font-weight: normal;
    text-decoration: underline;
}


/* jquery steps styles */
.wizard > .steps > ul > li.current .step {
    border-color: #3a343c !important;
    color: #3a343c !important;
}

.wizard > .steps > ul > li.done .step {
    background-color: #3a343c;
    border-color: #3a343c;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active
{
    background: #3a343c;
}

.wizard.wizard-circle > .steps > ul > li:after, .wizard.wizard-circle > .steps > ul > li:before {
    background-color: #3a343c;
}

.wizard.wizard-circle > .steps > ul > li:after, .wizard.wizard-circle > .steps > ul > li:before {
    background-color: #3a343c;
}

@media (max-width: 768px) {
    .wizard > .steps > ul > li:last-child:after {
        background-color: #3a343c;
    }
}

@media (max-width: 480px) {
    .wizard > .steps > ul > li.current:after {
        background-color: #3a343c;
    }
}