.loader {
    filter: grayscale(1) !important;
}

nav[class~=navbar] {
    background: black !important;
}

*[class~=text-white] {
    color: black !important;
}

div[class~=divider] {
    color: black !important;
    fill: black !important;
}
button{
    color: white !important;
}

.navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle::after {
    color: white;
}

div[class~=bg-dot] {
    filter: grayscale(1) !important;
}
h6[class~=badge-name]{
    color: white !important;
}
.text-dark{
    color: white !important;
}

button[id~=VI] {
    background: white !important;
    box-shadow: none !important;
    border-radius: 50% !important;
    padding: 0.4% !important;
}
iframe{
    filter: grayscale(1) !important;
}

img{
    filter: grayscale(1) !important;
}
video{
    filter: grayscale(1) !important;
}
section[class~=image-wrapper]{
    filter: grayscale(1) !important;
}
div[id~=slider-video]{
    background-color: black !important;
}

button[class~=VI-selected] {
    background: grey !important;
}

*[class~=btn] {
    color: white !important;
    background: #565656 !important;
}

span[class~=animate__animated] {
    color: white !important;
}
p[class~=lead]{
    color: white !important;
}

footer[id~=footer] {
    background-color: #565656 !important;
}


h4[class~=widget-title] {
    color: white !important;
}

h1, h2, h3, h5, li {
    color: white;
}

h1[class~=text-white] {
    color: white !important;

}

address, p, a, label, span {
    color: white !important;
}


.accordion-wrapper .card-header button::before {
    color: white !important;
}

.accordion-wrapper .card-header button:hover {
    color: #7f7f7f !important;
}

.progress-wrap::after {
    color: white !important;
}

.progress-wrap svg.progress-circle path {
    stroke: white !important;
}

input[class~=form-control] {
    border: 2px solid darkgray !important;
    background: black;
}

input[class~=form-check-input] {
    border: 2px solid darkgray !important;
    background: black;
}

textarea[class~=form-control] {
    border: 2px solid darkgray !important;
    background: black;
}

div[class~=card] {
    border: 2px solid darkgray !important;
    background: black;

}
ul[class~=dropdown-menu]{
    background: black;
}
section[class~=bg-gray]{
    background: darkgray !important;
}
section[class~=bg-gradient-primary]{
    background: black !important;
}
section[class~=bg-light]{
    background: black !important;
}

li[class~=breadcrumb-item] {
    color: white !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: white !important;
}

section[class~=image-wrapper] {
    background: black !important;
}

section[class~=wrapper] {
    background: black !important;
}

.wrapper.bg-soft-primary.angled::after {
    border-color: black !important;
}

.uil::before {
    color: white;
}

.unordered-list.bullet-primary li::before {
    color: white !important;
}

.text-line::before {
    background: white !important;
}
*[class~=text-green]{
    color: white !important;
}
*[class~=post-title]{
    color: white !important;
}