#kt_content {
    margin-top: 20px;
}

#kt_footer > div:nth-child(3) {
    background-color: white;
    min-width: 100%;
}


#kt_header {
    background-color: white;
}

#particles-js {
    background-color: rgb(139, 139, 139);
}

#kt_header {
    height: auto;
}


a.text-hover-primary:hover, .text-hover-primary:hover {
    color: red !important;
}


#kt_header_menu > ul > li > a > span{
    color: red;
}

#kt_header_menu > ul > li > a > span:hover{
    color: rgb(139, 139, 139);
}


.btn.btn-light-primary {
    color: red !important;
    background-color: white !important;
    border-color: red;
}


.btn.btn-primary {
    color: white;
    background-color: red;
    border-color: white;
}

.btn.btn-light-primary:hover {
    color: white !important;
    background-color: red !important;
    border-color: transparent;
}

.btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-primary:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-primary.dropdown-toggle, .show .btn.btn-hover-primary.btn-dropdown {
    color: rgb(156, 156, 156) !important;
    background-color: red !important;
    border-color: red !important;
}

.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-primary:focus:not(.btn-text), .btn.btn-hover-primary.focus:not(.btn-text) {
    color: rgb(156, 156, 156) !important;
    background-color: red !important;
    border-color: red !important;
}

#kt_header > div > div.topbar > div > div > a{
    border-color: red;
    margin: 5px;
}

.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text) {
    color: white;
    background-color: red;
    border-color: red;
}

.text-primary {
    color: red !important;
}


#kt_header > div > div.topbar > div:nth-child(2) > div > a > span > i,
#kt_header > div > div.topbar > div > div > a > span {
    color: red!important;
}


#kt_header > div > div.topbar > div > div > a:hover {
    background-color: red;
    color: white;
}

#kt_header > div > div.topbar > div > div > a:hover .fas.fa-user.ml-2.mr-3{
    color: white!important;
} 

#kt_header > div > div.topbar > div > div > a:hover .text-white{
    color: white!important;
}

.bg-light-primary {
    background-color: white !important;
}

#container-background {
    background: #FFF !important;
}

.separator.separator-dashed {
    border-bottom: 1px dashed lightgrey;
    background: red !important;
}

.navi .navi-item .navi-link:hover .navi-text {
    color: red !important;
}

.dropzone.dropzone-default:hover span.text-dark-50, .dropzone.dropzone-default:hover i {
    color: red !important;
}