.kt-notification .kt-notification__item .kt-notification__item-icon i {
    color: var(--color) !important;
}

.kt-notification
    .kt-notification__item:hover
    .kt-notification__item-details
    .kt-notification__item-title,
.kt-user-card-v2 .kt-user-card-v2__details a.kt-user-card-v2__email:hover,
.kt-user-card-v2 .kt-user-card-v2__details a.kt-user-card-v2__name:hover {
    color: var(--color) !important;
}

.btn-group-sm.show > .btn.btn-brand.btn-elevate,
.btn-group-sm.show > .btn.btn-brand.btn-elevate-hover,
.btn-group-sm > .btn.btn-brand.btn-elevate-hover.active,
.btn-group-sm > .btn.btn-brand.btn-elevate-hover:active,
.btn-group-sm > .btn.btn-brand.btn-elevate-hover:focus,
.btn-group-sm > .btn.btn-brand.btn-elevate-hover:hover,
.btn-group-sm > .btn.btn-brand.btn-elevate.active,
.btn-group-sm > .btn.btn-brand.btn-elevate:active,
.btn-group-sm > .btn.btn-brand.btn-elevate:focus,
.btn-group-sm > .btn.btn-brand.btn-elevate:hover,
.btn.btn-brand.btn-elevate-hover.active.btn-sm,
.btn.btn-brand.btn-elevate-hover:active.btn-sm,
.btn.btn-brand.btn-elevate-hover:focus.btn-sm,
.btn.btn-brand.btn-elevate-hover:hover.btn-sm,
.btn.btn-brand.btn-elevate.active.btn-sm,
.btn.btn-brand.btn-elevate:active.btn-sm,
.btn.btn-brand.btn-elevate:focus.btn-sm,
.btn.btn-brand.btn-elevate:hover.btn-sm,
.show > .btn.btn-brand.btn-elevate-hover.btn-sm,
.show > .btn.btn-brand.btn-elevate.btn-sm {
    box-shadow: var(--shade-color) !important;
}

.br-curve {
    border-radius: var(--border-radius) !important;
}

.lp-card-dropdown > button > .flaticon-more-1 {
    color: var(--white-color) !important;
}

.line-progress-bar__fill {
    background-color: var(--color) !important;
}

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

.card-container > .view-eye {
    color: var(--color) !important;
}
.btns-block > .view-eye {
    color: var(--color) !important;
}
.btns-block > .icon-link > i {
    color: var(--color) !important;
}
.card-container > .view-eye > i {
    color: var(--color) !important;
}
.btns-block > .view-eye > i {
    color: var(--color) !important;
}

/* Typography */
h1 {
    color: var(--color);
}

h2 {
    color: var(--color);
}

h3 {
    color: var(--color);
}

h5 .kt-font-light {
    color: var(--color) !important;
}

p {
    color: var(--text-color);
}

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

.btn-pill {
    border-radius: var(--border-radius) !important;
}
.rounded-pill {
    border-radius: var(--border-radius) !important;
}
button {
    border-radius: var(--border-radius) !important;
}
a {
    border-radius: var(--border-radius) !important;
}
.analytic-card-color {
    background: var(--shade-color) !important;
}
#btn-theme-color {
    background: var(--color) !important;
}
.lp--card-component-color {
    background: var(--shade-color) !important;
}
.card-images {
    background: var(--shade-color) !important;
}
.colorText {
    font-weight: 700 !important;
}
.colorText2 {
    font-weight: 700 !important;
}
a {
    color: var(--color) !important;
    border-color: var(--shade-color) !important;
}
.la-sun-o {
    color: var(--color) !important;
}
button {
    color: var(--white-color) !important;
    background: var(--color) 0% 0% no-repeat padding-box !important;
    border-color: var(--color) !important;
}
.btn {
    background: var(--color) 0% 0% no-repeat padding-box !important;
}
.btn-label-brand {
    color: var(--white-color) !important;
}
body .btn.btn-label-brand {
    color: var(--white-color) !important;
}
a:hover {
    color: var(--color) !important;
    border-color: var(--color) !important;
    background: transparent 0% 0% no-repeat padding-box !important;
}
.leaderboard-header {
    background: var(--color) 0% 0% no-repeat padding-box !important;
}
#kt_header {
    background: var(--gradient-back-color) !important;
    background: var(--gradient-color) !important;
}
.kt-user-card--skin-dark.kt-notification-item-padding-x {
    background: var(--gradient-back-color) !important;
    background: var(--gradient-color) !important;
}
.theme-option__title {
    background: var(--gradient-back-color) !important;
    background: var(--gradient-color) !important;
}
.filter-container button {
    color: var(--white-color) !important;
}
.filter-container .filter::before {
    color: var(--white-color) !important;
}
.filter-container .clear::before {
    color: var(--white-color) !important;
}
.action-container .create-item::before {
    color: var(--white-color) !important;
}
.filter-container .download::before {
    color: var(--white-color) !important;
}
.sidenav button {
    color: var(--white-color) !important;
    background: var(--color) 0% 0% no-repeat padding-box !important;
    border-color: var(--color) !important;
}
.btn.btn-pill {
    color: var(--white-color) !important;
    background: var(--color) 0% 0% no-repeat padding-box !important;
    border-color: var(--color) !important;
}

.cancel-button > a {
    color: var(--white-color) !important;
}
.poppins-blue {
    color: var(--color) !important;
}
#lmsTitle {
    color: var(--color) !important;
}
.hourglasss {
    background: #40078a 0% 0% no-repeat padding-box !important;
}
.row > .header {
    color: var(--color) !important;
}
.points {
    border-color: var(--shade-color) !important;
}
.l_bigheader {
    color: var(--white-color) !important;
}
.l_miniheader {
    color: var(--white-color) !important;
}
#modalButtonHeader {
    color: var(--white-color) !important;
}
.icon > i {
    color: inherit !important;
}
.bigheader {
    color: var(--color) !important;
}
.kt-aside__brand {
    background-color: var(--color) !important;
}
.kt-menu__nav {
    background-color: var(--color) !important;
}
.kt-menu__link > i {
    color: var(--white-color) !important;
}
.kt-menu__item--open {
    background: var(--color) !important;
}
.kt-menu__link {
    background-color: var(--color) !important;
}
.card-box-footer {
    color: var(--white-color) !important;
}
.card-box-footer > i {
    color: var(--white-color) !important;
}
.topnav > a {
    color: var(--color) !important;
}
.topnav a.active {
    color: var(--color) !important;
}
#id_assign_users_btn {
    color: var(--white-color) !important;
}
#id_finish_user_assignment > button {
    color: var(--white-color) !important;
}
h1,
h4 {
    color: var(--color) !important;
}
.chromium_card--content_blue {
    background-color: var(--white-color) !important;
}
.chromium_card--text > a {
    color: var(--white-color) !important;
}
.card-icon {
    background-color: var(--color) !important;
}
#id_create_new_user_form {
    color: var(--color) !important;
}
#id_upload_new_user_form > p {
    color: var(--color) !important;
}
.mobileSearch > button > span {
    color: var(--color) !important;
}
.row > button > span {
    color: var(--white-color) !important;
}
.collapsible-container--header > p {
    color: var(--color) !important;
}
.kt-nav__link-text {
    color: var(--color) !important;
}
#id_create_question {
    color: var(--color) !important;
}
.qb-card--footer {
    color: var(--color) !important;
}
.kt-header__topbar-welcome {
    color: var(--white-color) !important;
}
.confirm {
    color: var(--color) !important;
}
.addContent {
    color: var(--color) !important;
}
sb-paginator .dataTables_paginate .current {
    color: var(--color) !important;
    background: var(--shade-color) 0% 0% no-repeat padding-box !important;
}
.kt-user-card {
    background: var(--color) !important;
}
.kt-menu__section-text {
    color: var(--white-color) !important;
}
#kt_aside_menu {
    background-color: var(--color) !important;
}
.l_subheader {
    color: var(--color) !important;
}
.mbl-topbar {
    background-color: var(--color) !important;
}
.hourglass-icon {
    background-color: var(--color) !important;
}
.dashboard-card--time_hours > p {
    color: var(--color) !important;
}
.dashboard-card--time_minutes > p {
    color: var(--color) !important;
}
.points-icon {
    border-color: var(--shade-color) !important;
}
.dashboard-card--points > p {
    color: var(--color) !important;
}
.dashboard-card--content_blue {
    background-color: var(--color) !important;
}
.mbl-nav--item_hover {
    border-top-color: var(--color) !important;
}
.mbl_card_list_item {
    background: var(--white-color) !important;
}
#startQuizButton {
    color: var(--color) !important;
}
.textColor {
    color: var(--white-color) !important;
}
.kt-nav__link-text_color {
    color: var(--white-color) !important;
}
#mbl-topbar--back {
    color: var(--white-color) !important;
}
.nav-tabs.nav-tabs-line {
    border-bottom: 1px solid var(--white-color) !important;
}
.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link {
    border-radius: 0px !important;
    border-bottom: 1px solid var(--white-color) !important;
    color: var(--text-color) !important;
}
.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link.active {
    border-radius: 0px !important;
    border-bottom: 1px solid var(--color) !important;
    color: var(--color) !important;
}

.colorText {
    color: var(--white-color) !important;
}
.btn-pill:hover {
    background-color: var(--shade-color) !important;
}
.kt-notification .kt-notification__item {
    border: unset !important;
}
.kt-notification .kt-notification__custom {
    border: unset !important;
}
#userDropDown {
    /* border-radius: 0.85rem !important; - replaced with br-curve class */
}
.kt-notification__custom {
    /* border-radius: 0.85rem !important; - replaced with br-curve class */
}
#seeNotification {
    color: var(--notification-color) !important;
}
.kt-header__topbar-username {
    color: var(--white-color) !important;
}
.kt-grid-nav__item:hover {
    border-color: var(--shade-color) !important;
}
.btn-brand:hover {
    background-color: var(--color) !important;
    border-color: var(--color) !important;
    color: var(--white-color) !important;
}
button.btn-brand {
    background-color: var(--color) !important;
    border-color: var(--color) !important;
    color: var(--white-color) !important;
}
.btn-pill:hover {
    background-color: var(--color) !important;
    border-color: var(--color) !important;
    color: var(--white-color) !important;
}
.configure-row > a > .btn-elevate:hover {
    background-color: var(--color) !important;
    border-color: var(--color) !important;
    color: var(--white-color) !important;
}
#scroll-btn:hover i {
    color: var(--white-color) !important;
}
.alert-text {
    color: var(--color) !important;
}
.kt-callout__title {
    color: var(--color) !important;
}
.kt-widget14__title {
    color: var(--color) !important;
}
.kt-portlet__head-title {
    color: var(--color) !important;
}
.btn-clean {
    /* border-radius: 0.85rem !important; - replaced with br-curve class */
}
.nav-pills .nav-item .nav-link.active {
    background-color: var(--transparent-color) !important;
    border-color: var(--color) !important;
    border-bottom: 1px solid var(--color) !important;
    color: var(--color) !important;
    border-radius: 0px !important;
}
.profile-pic-container--inner > .icon-container > .flaticon2-edit {
    color: var(--white-color) !important;
}
.profile-pic-container--inner > .icon-container > .flaticon2-delete {
    color: var(--white-color) !important;
}
.datepicker table tr td.active.active {
    background-color: var(--color) !important;
    border-color: var(--color) !important;
    color: var(--white-color) !important;
}
.datepicker table tr td span.active.active {
    background-color: var(--color) !important;
    border-color: var(--color) !important;
    color: var(--white-color) !important;
}
.datepicker tbody tr > td.day.today {
    background-color: var(--shade-color) !important;
    border-color: var(--shade-color) !important;
    color: var(--white-color) !important;
}
#save_mcq_answer {
    color: var(--color) !important;
}
.img-icon {
    background-color: var(--white-color) !important;
}
.navigation > .header-button > .white {
    color: var(--white-color) !important;
}
.qb-question-card:hover {
    background-color: var(--color) !important;
}
.no-hover:hover {
    background-color: var(--white-color) !important;
}
.kt-switch.kt-switch--brand:not(.kt-switch--outline) input:empty ~ span:before {
    background-color: var(--shade-color) !important;
}
#id_mtf_save_answer {
    color: var(--color) !important;
}
.mcq-check input:checked ~ .mcq-checkmark {
    background-color: var(--color) !important;
}
.save-hint > span {
    color: var(--color) !important;
}
.alert-info {
    background-color: var(--color) !important;
    border: var(--color) !important;
}
.btn.btn-pill.blogTypeBtn {
    background-color: var(--white-color) !important;
    border: var(--white-color) !important;
}
.btn.btn-pill.blogTypeBtn.selectedBlogTypeBtn {
    background-color: var(--shade-color) !important;
    color: var(--color) !important;
}
.upload-overlay > p {
    color: var(--color) !important;
}
.tag-list > .tag {
    background-color: var(--color) !important;
}
.tag-list > .tag > a {
    color: var(--white-color) !important;
}
image-picker > .image-picker-container > a {
    color: var(--color) !important;
}
.heading-blog {
    color: var(--color) !important;
}
.accordion .card .card-header .card-title {
    color: var(--color) !important;
}
.socialfeed-wrapper__name {
    color: var(--color) !important;
}
.socialfeed-wrapper__date {
    color: var(--color) !important;
}
#headingOne > button {
    background-color: var(--white-color) !important;
}
.create_box > .adminOptions {
    color: var(--color) !important;
}
.btn-icon:hover i {
    color: var(--white-color) !important;
}
.jstree-default .jstree-clicked {
    background-color: var(--tree-items-bg) !important;
    color: var(--tree-items-text-color) !important;
}
.rootActive {
    background-color: var(--color) !important;
    color: var(--white-color) !important;
    font-weight: 500;
}
.rootActive.hover {
    background-color: var(--color) !important;
    color: var(--white-color) !important;
    font-weight: 500;
}
#id_create_section {
    color: var(--color) !important;
}
.kt-badge--unified-brand {
    background-color: var(--shade-color) !important;
    color: var(--color) !important;
}
.kt-font-info {
    color: var(--color) !important;
}
.btn-circle {
    border: var(--white-color) !important;
}
.lib-cell > div {
    border: var(--white-color) !important;
}
.categoryDescription {
    color: var(--color) !important;
}
.categoryDescription > div > div {
    color: var(--color) !important;
}
.faqDescription > div > strong {
    color: var(--color) !important;
}
.kt-badge--light {
    background-color: var(--shade-color) !important;
    color: var(--color) !important;
}
.ownerDetails > strong {
    color: var(--color) !important;
}
.title_sub_text > strong {
    color: var(--color) !important;
}
.title_sub_text {
    color: var(--color) !important;
}
.kt-nav__item > a {
    background-color: var(--white-color) !important;
    border: var(--white-color) !important;
}
.kt-portlet__head-label > .kt-widget14__title.kt-widget14__title-heading {
    color: var(--color) !important;
}
#kt-nav__link_lp {
    color: #999 !important;
}
.hover-button:hover > i {
    color: var(--white-color) !important;
}
.hover-button:hover > a.white {
    color: var(--white-color) !important;
}
.downloadQB:hover > i {
    color: var(--white-color) !important;
}
.modal-footer > .btn-danger {
    color: var(--color) !important;
    background: var(--shade-color) 0% 0% no-repeat padding-box !important;
    border-color: var(--shade-color) !important;
}
.fa-building {
    color: #3e78dc !important;
}
.i_icons,
.flaticon2-user-1,
.flaticon-users-1,
.flaticon2-shield,
.flaticon2-tag {
    color: var(--color) !important;
    background-color: unset !important;
}
.sidenav-form--input > span > i {
    color: var(--color) !important;
    background-color: unset !important;
}
.ms-tags__text > i {
    color: var(--color) !important;
    background-color: unset !important;
}
.ms-grid__footer {
    color: var(--color) !important;
    background-color: var(--shade-color) !important;
}
.ms-user-mobileFooter {
    color: var(--color) !important;
    background-color: var(--shade-color) !important;
}
.ms-user-mobileFooter > a > p {
    color: var(--color) !important;
}
.ms-user-mobileFooter > a > i {
    color: var(--color) !important;
}
.ms-grid__footer > a > p {
    color: var(--color) !important;
}
.ms-grid__footer > a > i {
    color: var(--color) !important;
}
.grid-container__microsite {
    border-color: var(--shade-color) !important;
}
.bg-0 {
    background: unset !important;
    border: unset !important;
}
.kt-form__actions > .btn-secondary:hover > a {
    color: var(--white-color) !important;
}
.resizeButton {
    color: var(--color) !important;
    background: var(--shade-color) 0% 0% no-repeat padding-box !important;
    border-color: var(--shade-color) !important;
}
.resizeButton:hover {
    color: var(--color) !important;
    background: var(--shade-color) 0% 0% no-repeat padding-box !important;
    border-color: var(--shade-color) !important;
}
.paper-name {
    color: var(--color) !important;
}
.kt-nav__item:hover > .kt-nav__link:hover {
    color: var(--color) !important;
    background: var(--shade-color) 0% 0% no-repeat padding-box !important;
}
.filter-container .preview::before {
    color: var(--color) !important;
}
.flaticon-edit {
    color: var(--color) !important;
}
.cr-success {
    height: 26px !important;
    background: #e5f9ef 0% 0% no-repeat padding-box !important;
    border-radius: 18px !important;
    font: normal normal 600 10px/16px Poppins !important;
    letter-spacing: 0px !important;
    color: #03c162;
    padding: 5px 16px 5px !important;
    border: 0px !important;
}
.cr-prog {
    height: 26px !important;
    background: #e5f9ef 0% 0% no-repeat padding-box !important;
    border-radius: 18px !important;
    font: normal normal 600 10px/16px Poppins !important;
    letter-spacing: 0px !important;
    color: #03c162;
    padding: 5px 16px 5px !important;
    border: 0px !important;
}
.cr-fail {
    height: 26px;
    background: #fdf1f1 0% 0% no-repeat padding-box !important;
    border-radius: 18px !important;
    font: normal normal 600 10px/16px Poppins !important;
    letter-spacing: 0px !important;
    color: #f37676 !important;
    padding: 5px 16px 5px !important;
    border: 0px !important;
}
.fitb-block .active {
    background-color: var(--color) !important;
    color: var(--shade-color) !important;
}
.broadcast-bg {
    background-color: var(--color) !important;
}
.grid-head {
    background: var(--color) !important;
}
.grid-head th {
    color: var(--white-color) !important;
}
.flaticon2-bell-alarm-symbol {
    color: orange !important;
}
#id_exportrp_btn a,
#id_exportrp_btn a i {
    color: var(--white-color) !important;
}
.svg-inline--fa.fa-video,
.svg-inline--fa.fa-tv {
    color: var(--white-color) !important;
}
.btn-tron {
    background: var(--color) 0% 0% no-repeat padding-box !important;
    color: var(--white-color) !important;
}
.like-btn {
    color: var(--color) !important;
}
.kt-link.text-white-mbl,
.kt-iconbox__content.text-white-mbl {
    color: var(--white-color) !important;
}
.icon-bg {
    background-color: var(--color) !important;
}
.chromium_card--content_blue a {
    color: var(--text-color) !important;
}
.kt-switch input:checked ~ span:after {
    background-color: var(--color) !important;
}
.card-icon > i {
    color: var(--white-color) !important;
}
.info-tooltip {
    background-color: var(--white-color) !important;
    background: var(--white-color) !important;
}
.dataTables_paginate .current {
    background-color: var(--color) !important;
}

.analytic-card-color-mesa {
    background: var(--color) !important;
}
.question-stack--header > i {
    color: var(--color) !important;
}

.fa-book-open {
    background: transparent !important;
}

.fa-clipboard-check {
    background: transparent !important;
}

.fa-chalkboard-teacher {
    background: transparent !important;
}

.fa-list {
    background: transparent !important;
}

.fa-video {
    background: transparent !important;
}
.action-button {
    background: var(--color) !important;
}

#downloadButtonMesa {
    background: var(--color) !important;
    color: var(--white-color) !important;
}
#createButtonMesa {
    background: var(--color) !important;
    color: var(--white-color) !important;
}

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

.font-mesa {
    color: var(--color) !important;
}

.gamification-card__bg {
    border-radius: var(--border-radius) !important;
}

.mesa-bg {
    background: var(--color) !important;
}
.mesa-title {
    color: var(--color) !important;
}
.mesa-text {
    color: var(--text-color) !important;
}

.card-mobile-first {
    border-radius: var(--border-radius) !important;
}
.card-mobile-first > .card-image-container > .card-image {
    border-radius: var(--border-radius) !important;
}
.mesa-info {
    color: var(--color) !important;
    border-radius: var(--border-radius) !important;
    background-color: var(--white-color) !important;
    background: var(--white-color) !important;

    /* Inner border */
    box-shadow: inset 0 0 0 1px var(--color) !important;
}
.btn-tron {
    border-radius: var(--border-radius) !important;
}
.analytics-card {
    background: var(--white-color) !important;
}
.card-images {
    height: auto !important;
}

.metric-section {
    color: var(--color) !important;
    background: var(--white-color) !important;
}
.second-column {
    color: var(--color) !important;
}

/* Override SVG color #4E535F in flip cards */
.action-cards svg path[fill="#4E535F"] {
    fill: var(--color) !important;
}
.bookmark-btn {
    background: var(--color) !important;
}
.skill-actions > .btn-circle {
    background-color: var(--shade-color) !important;
}
.skill-actions > .btn-circle > i {
    color: var(--color) !important;
}
.profile-layout > .profile-card > .card-header {
    background: var(--shade-color) !important;
}
.skills-grid > .skills-card > .card-header {
    background: var(--shade-color) !important;
}
.profile-info p {
    color: var(--text-color) !important;
}
.skill-info > .focus-badge > i {
    color: var(--color) !important;
}
.topnav a.active {
    border-radius: 0px !important;
}
.info-tooltip {
    background: grey !important;
    color: var(--white-color) !important;
    padding: 0.5rem !important;
}
.pdl-icon {
    font-size: 4rem;
    background: #efefef !important;
    padding: 1rem;
    border-radius: 0.85rem;
    color: var(--color);
}
.kt-header__topbar .kt-header__topbar-item .kt-header__topbar-icon i {
    color: var(--white-color) !important;
}
.fa-paint-roller {
    color: var(--white-color) !important;
}
.mbl-topbar--user-welcome {
    color: var(--white-color) !important;
}
.mbl-topbar--user-welcome > p {
    color: var(--white-color) !important;
}
.mbl-nav--item_hover > .mbl-nav--icon {
    color: var(--color) !important;
}
.mbl-topbar--current-page > p {
    color: var(--white-color) !important;
}
.mbl-topbar--back::before {
    color: var(--white-color) !important;
}
#mbl-topbar--back {
    color: var(--color) !important;
    background: var(--mobile-back-color) !important;  
}