.answered {
    background-color: var(--answer-btn-color) !important;
  }

.not-answered {
background-color: var(--notanswer-btn-color) !important;
}

.marked {
background-color: var(--mark-review-btn-color) !important;
}

.not-visited {
background-color: var(--notvisited-btn-color) !important;
}

#footer .footer-top{
    background-color: var(--footer-topbackground-color) !important;
}

#footer {
    background-color: var(--footer-bottombackground-color) !important;
}

#footer .footer-top .footer-contact p , #footer .footer-top .footer-links ul a ,  #footer  p {
    color:var(--footer-text-color) !important;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h6 , #footer .copyright {
    color:var(--footer-heading-color) !important;
}
#footer .footer-top .social-links a
{
    background-color: var(--social-links-icons-color) !important;

}
.main-sidebar{
    background-color: var(--sidbar-color);
}
.card-primary:not(.card-outline) > .card-header{
    background-color: var(--content-header-color);
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active
{
    background-color: var(--link-active-color);

}
.content-wrapper .btn-primary
{
    background-color: var(--buttons-color);
}

.main-sidebar [class*='sidebar-dark'] .brand-link , [class*='sidebar-dark-'] .sidebar a , .main-sidebar h1, .main-sidebar h2,
 .main-sidebar h3, .main-sidebar h4, .main-sidebar h5, .main-sidebar h6  ,.main-header, .main-sidebar .card-title , .main-sidebar .brand-link {
    color: var(--text-dashborad-color) !important;
}
.brand-link .brand-image
{
    background-color: azure;
}
[class*='sidebar-dark'] .brand-link , [class*='sidebar-dark'] .user-panel{
    border-bottom: 1px solid var(--text-dashborad-color);
}

[class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link.active{
    background-color: var(--link-active-color);
    opacity: 0.7;
}
[class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link.active,
[class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link.active:hover,
[class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link.active:focus
{
    background-color: var(--link-active-color);
    opacity: 0.7;
}
.markQuestionBtn {
    background-color: var(--mark-review-next-question-btnColor ) !important;
    color:white;
}

.prevQuestionBtn {
    background-color: var(--previous-question-btnColor) !important;
    color:white;
}

.clearAnswerBtn {
    background-color: var(--clear-answer-btnColor) !important;
    color:white;
}

.nextQuestionBtn {
    background-color: var(--next-question-btnColor) !important;
    color:white;
}

.submitMarkAnswerBtn {
    background-color: var(--submit-answer_mark-btnColor) !important;
    color:white;
}

.submitAnswerBtn {
    background-color: var(--submit-answer-next-btnColor) !important;
    color:white;

}

.unMarkQuestionBtn {
     background-color: var(--unmark-question-btnColor) !important;
     color:white;
}