:root {
    --color: #EE3124;
    --shade-color: #F1F1F1;
    --white-color: #ffffff;
    --gradient-color: #EE3124 !important;
    --gradient-back-color: #F1F1F1 !important;
    --unselected-color: #424143;
}
.analytic-card-color{
    background: #ffffff !important;
    border: 2px solid var(--color) !important;
    color: #424143 !important;
}
.analytic-card-text-color{
    color: #666666 !important;
}
.analytic-card-color h1,
.analytic-card-color h2,
.analytic-card-color h3,
.analytic-card-color h4,
.analytic-card-color h5,
.analytic-card-color h6,
.analytic-card-color p,
.analytic-card-color span,
.analytic-card-color div,
.analytic-card-color strong,
.analytic-card-color em {
    color: #424143 !important;
}
.analytic-card-color .large-number,
.analytic-card-color .metric-number,
.analytic-card-color .card-number {
    color: #EE3124 !important;
    font-weight: bold !important;
    font-size: 24px !important;
}
.analytic-card-number {
    background: #EE3124 !important;
    color: #000000 !important;
    border-radius: 50% !important;
    width: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: bold !important;
    font-size: 24px !important;
    margin: 0 auto 10px auto !important;
}
.analytic-card-number span,
.analytic-card-number div,
.analytic-card-number p {
    color: #000000 !important;
    font-weight: bold !important;
    font-size: 24px !important;
}

/* Analytical text styling for descriptive sub-text */
.analytic-card-color .analytical-text,
.analytic-card-color .card-description,
.analytic-card-color .metric-description,
.analytic-card-color .sub-text {
    color: #666666 !important;
    font-weight: normal !important;
    font-size: 14px !important;
}
#btn-theme-color {
    background: #EE3124 !important;
}
.lp--card-component-color {
    background: #F1F1F1 !important;
    color: #000000 !important;
}

/* Learning Path Progress card specific styling */
.lp--card-component-color h3,
.lp--card-component-color p,
.lp--card-component-color span,
.lp--card-component-color div {
    color: #000000 !important;
}

/* Override any white text styling for the learning path progress card */
.learning-left-card .lp--card-component-color {
    background: #F1F1F1 !important;
    color: #000000 !important;
}

.learning-left-card .lp--card-component-color h3,
.learning-left-card .lp--card-component-color p,
.learning-left-card .lp--card-component-color span,
.learning-left-card .lp--card-component-color div {
    color: #000000 !important;
}
.card-images {
    background: var(--shade-color) !important;
}
.colorText {
    font-weight: 700 !important;
}
.colorText2 {
    font-weight: 700 !important;
}
a {
    border-color: var(--shade-color) !important;
}
.la-sun-o {
    color: var(--color) !important;
}
.btn {
    background: var(--color) 0% 0% no-repeat padding-box !important;
}
.btn-label-brand {
    color: #ffffff !important;
}
body .btn.btn-label-brand {
    color: #ffffff !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: #424143 !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 {
    background-color: var(--color) !important;
    color: var(--white-color) !important;
    border-color: var(--color) !important;
    height: 40px !important;
}
.search-button {
    background-color: var(--color) !important;
    color: var(--white-color) !important;
    border-color: var(--color) !important;
}
.search-button::before {
    color: var(--white-color) !important;
}
.filter-container .filter::before {
    color: var(--white-color) !important;
}
.filter-container .clear::before {
    color: var(--white-color) !important;
}
button {
    background: #EE3124 0% 0% no-repeat padding-box !important;
    color: var(--white-color) !important;
    border: 2px solid #EE3124 !important;
}
.action-container .create-item {
    background: #EE3124 0% 0% no-repeat padding-box !important;
    color: var(--white-color) !important;
    border: 2px solid #EE3124 !important;
}

.action-container .create-item::before {
    color: var(--white-color) !important;
}
.filter-container .download::before {
    color: var(--white-color) !important;
}
/* .action-container {
    margin-top: 0px !important;
} */

/* Download button styling - EE3124 background with white text */
.download,
button.download,
.btn.download,
#downloadButton {
    background: #EE3124 0% 0% no-repeat padding-box !important;
    color: #ffffff !important;
    border: 2px solid #EE3124 !important;
    font-weight: 600 !important;
    border-radius: 20px !important;
    padding: 8px 20px !important;
}

/* Ensure download button text and icons are white - with higher specificity */
.download,
button.download,
.btn.download,
#downloadButton,
.download span,
button.download span,
.btn.download span,
#downloadButton span,
.download div,
button.download div,
.btn.download div,
#downloadButton div,
.download p,
button.download p,
.btn.download p,
#downloadButton p {
    color: #ffffff !important;
}

.sidenav button {
    color: #ffffff !important;
    background: var(--color) 0% 0% no-repeat padding-box !important;
    border-color: var(--color) !important;
}
.btn.btn-pill {
    color: #ffffff !important;
    background: var(--color) 0% 0% no-repeat padding-box !important;
    border-color: var(--color) !important;
}
.poppins-blue {
    color: var(--color) !important;
}
#lmsTitle {
    color: var(--color) !important;
}
.hourglasss {
    background: #EE3124 0% 0% no-repeat padding-box !important;
}
.row > .header {
    color: var(--color) !important;
}
.points {
    border-color: var(--shade-color) !important;
}
.l_bigheader {
    color: #000000 !important;
}
.l_miniheader {
    color: #000000 !important;
}
#modalButtonHeader {
    color: #000000 !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: #000000 !important;
}
.card-box-footer > i {
    color: #000000 !important;
}
.topnav > a {
    color: var(--color) !important;
}
.topnav a.active {
    color: var(--color) !important;
}
#id_assign_users_btn {
    color: #ffffff !important;
}
#id_finish_user_assignment > button {
    color: #ffffff !important;
}
h1,
h4 {
    color: var(--color) !important;
}
.chromium_card--content_blue {
    background-color: var(--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: #000000 !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: #000000 !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: #424143 !important;
}
.dashboard-card--time_minutes > p {
    color: #424143 !important;
}
.points-icon {
    border-color: var(--shade-color) !important;
}
.dashboard-card--points > p {
    color: #424143 !important;
}
.dashboard-card--content_blue {
    background-color: var(--white-color) !important;
    border: 2px solid var(--color) !important;
    color: #424143 !important;
}
.dashboard-card--content_blue h1,
.dashboard-card--content_blue h2,
.dashboard-card--content_blue h3,
.dashboard-card--content_blue h4,
.dashboard-card--content_blue h5,
.dashboard-card--content_blue h6 {
    color: var(--color) !important;
}
.dashboard-card--content_blue p,
.dashboard-card--content_blue span,
.dashboard-card--content_blue div,
.dashboard-card--content_blue strong,
.dashboard-card--content_blue em {
    color: #424143 !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: #000000 !important;
}
.kt-nav__link-text_color {
    color: var(--color) !important;
}
#mbl-topbar--back {
    color: #ffffff !important;
}
.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link.active {
    border-bottom: 1px solid var(--color) !important;
    color: var(--color) !important;
}
.colorText {
    color: #ffffff !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;
}
.kt-notification__custom {
    border-radius: 0.85rem !important;
}
#seeNotification {
    color: var(--white-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: #ffffff !important;
}
button.btn-brand {
    background-color: var(--color) !important;
    border-color: var(--color) !important;
    color: #000000 !important;
}
.btn-pill:hover {
    background-color: var(--color) !important;
    border-color: var(--color) !important;
    color: #ffffff !important;
}
.configure-row > a > .btn-elevate:hover {
    background-color: var(--color) !important;
    border-color: var(--color) !important;
    color: #ffffff !important;
}
#scroll-btn:hover i {
    color: #000000 !important;
}
#scroll-btn i.fa,
#scroll-btn .fa {
    color: #000000 !important;
}
.alert-text {
    color: #000 !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;
}
.nav-pills .nav-item .nav-link.active {
    background-color: var(--color) !important;
    border-color: var(--color) !important;
    color: #000000 !important;
}
.profile-pic-container--inner > .icon-container > .flaticon2-edit {
    color: #000000 !important;
}
.profile-pic-container--inner > .icon-container > .flaticon2-delete {
    color: #000000 !important;
}
.datepicker table tr td.active.active {
    background-color: var(--color) !important;
    border-color: var(--color) !important;
    color: #000000 !important;
}
.datepicker table tr td span.active.active {
    background-color: var(--color) !important;
    border-color: var(--color) !important;
    color: #000000 !important;
}
.datepicker tbody tr > td.day.today {
    background-color: var(--shade-color) !important;
    border-color: var(--shade-color) !important;
    color: #000000 !important;
}
#save_mcq_answer {
    color: var(--color) !important;
}
.img-icon {
    background-color: var(--white-color) !important;
}
.navigation > .header-button > .white {
    color: #000000 !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(--shade-color) !important;
}
.kt-nav__link-icon {
    color: var(--color) !important;
}
.info-tooltip {
    background-color: var(--color) !important;
}
#id_create_section {
    color: var(--color) !important;
}
.kt-badge--unified-brand,
.kt-badge--unified-brand.text-white {
    background-color: #EE3124 !important;
    color: #000000 !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: #EE3124 !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: #424143 !important;
}
.kt-nav .kt-nav__item .kt-nav__link {
    color: var(--color) !important;
}
.hover-button:hover > i {
    color: #ffffff !important;
}
.hover-button:hover > a.white {
    color: #ffffff !important;
}
.downloadQB:hover > i {
    color: #000000 !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: #EE3124 !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 > a {
    color: #ffffff !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: #727074 !important;
}
.grid-head th {
    color: #000000 !important;
}
.flaticon2-bell-alarm-symbol {
    color: #EE3124 !important;
}
#id_exportrp_btn a,
#id_exportrp_btn a i {
    color: #ffffff !important;
}
.svg-inline--fa.fa-video,
.svg-inline--fa.fa-tv {
    color: #000000 !important;
}
.btn-tron {
    color: #EE3124 !important;
    background: #fff !important;
    border: 2px solid #EE3124 !important;
}
.btn-tron:hover {
    background: #EE3124 !important;
    color: #fff !important;
}
.like-btn {
    color: var(--color) !important;
}
.kt-link.text-white-mbl,
.kt-iconbox__content.text-white-mbl {
    color: #000000 !important;
}
.icon-bg {
    background-color: var(--color) !important;
}

/* Card styling for dashboard cards */
.dashboard-card {
    background: var(--white-color) !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
}

.dashboard-card-icon {
    background: var(--shade-color) !important;
    border-radius: 50% !important;
    width: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 15px auto !important;
}

.dashboard-card-title {
    color: var(--color) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-align: center !important;
    margin-bottom: 10px !important;
}

.dashboard-card-description {
    color: #424143 !important;
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-align: center !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

/* Feature card styling */
.feature-card {
    background: var(--white-color) !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    text-align: center !important;
}

.feature-card-icon {
    background: var(--shade-color) !important;
    border-radius: 50% !important;
    width: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 15px auto !important;
}

.feature-card-title {
    color: var(--color) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    margin-bottom: 10px !important;
}

.feature-card-description {
    color: #424143 !important;
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

/* General card text styling */
.card-title {
    color: var(--color) !important;
    font-weight: 600 !important;
}

.card-description {
    color: #424143 !important;
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

.card-icon-background {
    background: var(--shade-color) !important;
}

/* Override general h2 styles for card headings */
.card-details h2,
.card h2,
.dashboard-card h2,
.feature-card h2,
.cta .text h2,
.cta2 .text2 h2 {
    color: var(--color) !important;
    font-weight: 600 !important;
}

/* Card description text styling - specifically for m-0 class used in dashboard cards */
.dashboard-card .m-0,
.feature-card .m-0,
.card .m-0 {
    color: #424143 !important;
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

/* General m-0 class styling for card descriptions */
.m-0 {
    color: #424143 !important;
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1.4 !important;
}

/* Learning Path Journey Title Styling - targeting existing kt-portlet_head-title class */
.kt-portlet.kt-portlet_head .kt-portlet_head-label .kt-portlet_head-title {
    color: #000000 !important;
    font-weight: bold !important;
    font-size: 1.2rem !important;
    font-family: Poppins, sans-serif !important;
    margin: 0px !important;
    padding: 0px !important;
}

/* Force Learning Path Journey heading to black and bold */
.kt-portlet_head-title.ng-binding {
    color: #000 !important;
    font-weight: bold !important;
}

/* Learning Path Journey Subtitle Styling - targeting existing ng-binding p-0 class */
.ng-binding.p-0 {
    color: #000000 !important;
    font-weight: normal !important;
    font-size: 1rem !important;
    font-family: Poppins, sans-serif !important;
    margin: 0px !important;
    padding: 0px !important;
}

/* Force black color for Learning Path Journey heading, override all */
.kt-portlet .kt-portlet_head .kt-portlet_head-label .kt-portlet_head-title.ng-binding {
    color: #000 !important;
}
.analytic-card-color .kt-portlet__body .kt-iconbox__title,
.analytic-card-color .kt-portlet__body h3.kt-iconbox__title {
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}
/* Only change the header text inside the analytics card */
.analytic-card-color .kt-iconbox__title > .kt-link.m-0.text-white {
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}
.analytic-card-color .kt-iconbox__desc {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #424143 !important;
    line-height: 1.4 !important;
}
.analytic-card-color .kt-iconbox__desc > * {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #424143 !important;
    line-height: 1.4 !important;
}
.lms-title {
    color: #000 !important;
}

/* Make the switch background dark when unchecked */
.kt-switch input[type="checkbox"]:not(:checked) + span:before {
    background-color: #424143 !important;
    border-color: #424143 !important;
}

/* Make the switch background dark when checked */
.kt-switch input[type="checkbox"]:checked + span:before {
    background-color: #424143 !important;
    border-color: #424143 !important;
}

/* Optional: Make the thumb (circle) white for contrast */
.kt-switch input[type="checkbox"] + span:after {
    background-color: #fff !important;
}
/* Make the switch thumb (circle) orange when checked */
.kt-switch input[type="checkbox"]:checked + span:after {
    background-color: #EE3124 !important;
}
.card,
.feature-card,
.dashboard-card {
    border: none !important; /* Coral Red */
}
.lp--card-component-color,
.card.lp--card-component-color {
    border: 2px solid #EE3124 !important;
}
.kt-portlet.kt-iconbox.m-0 {
    border: 2px solid #EE3124 !important;
}
.breadcrumb {
    /* Optional: reset default styles */
    background: none;
    padding: 0;
    margin: 0;
    list-style: none;
}

.breadcrumb li,
.breadcrumb a {
    color: #000 !important; /* Black for all except active */
}

.breadcrumb .active,
.breadcrumb li.active,
.breadcrumb li:last-child,
.breadcrumb li:last-child a {
    color: #EE3124 !important; /* Coral Red for active/current */
    font-weight: bold;
    pointer-events: none; /* Optional: make active non-clickable */
}
a.breadcrumb-link {
    color: #000 !important;
}
a.breadcrumb-link:not(.active) {
    color: #000 !important;
}
a.breadcrumb-link.active {
    color: #EE3124 !important;
    font-weight: bold;
    pointer-events: none;
}
.fib-black {
    color: #000 !important;
}
h4.descriptionCol.ng-binding {
    color: #000 !important;
}

/* Override for Not Started status color in Coral Red theme */
.text-danger {
  color: #74788d !important;
}
a.text-danger:hover, a.text-danger:focus {
  color: #74788d !important;
}
.btn-pill,
.bullets,
.status_bullet {
    background-color: #736c7ae8 !important;
    border-color: #424143 !important;
    color: #888 !important; /* grey text */
}
button.bullets,
button.bullets.ng-binding,
button.bullets.ng-binding.ng-scope {
    color: #fff !important;
}

.training-object.btn-assessment svg,
.training-object.btn-assessment i,
.training-object.btn-assessment .icon,
.training-object.btn-assessment span {
    color: #f9b3ad !important; /* Light shade of #EE3124 */
    fill: #f9b3ad !important;  /* For SVGs */
}
td[style*="border-left"] {
    border-left: 5px solid #424143 !important;
}
.flaticon-more-1 {
    color: #424143 !important;
}
a.paginate_button.ng-binding.ng-scope.current {
    background: #ef867c !important; /* Light orange color */
}

/* Ensure 'Go back' button uses coral red color in this theme */
a.color-inherit {
    color: #F95C4E !important;
}

/* Tags modal close button styling - make it coral red like description button */
.filter_modal-footer_span,
.filter_modal-footer_span-color,
span.filter_modal-footer_span,
span.filter_modal-footer_span-color {
    color: #EE3124 !important;
    font-weight: 600 !important;
}

/* Override the gray color for tags modal close button */
.filter__modal-footer__span,
.filter__modal-footer__span-color {
    color: #EE3124 !important;
    font-weight: 600 !important;
}

/* Override blue icons to coral red for Coral Red theme */
.fa,
.la,
.la[class*="la-"],
.flaticon,
.flaticon[class*="flaticon-"] {
    color: #EE3124 !important;
    fill: #EE3124 !important;
}

/* Specific common icon classes that may be blue in other themes */
.fa-question-circle,
.fa-info-circle,
.fa-plus,
.fa-edit,
.fa-trash,
.fa-search,
.fa-user,
.fa-home,
.fa-bell,
.fa-book,
.fa-folder,
.fa-file,
.fa-check,
.fa-times,
.fa-arrow-right,
.fa-arrow-left,
.fa-chevron-right,
.fa-chevron-left {
    color: #EE3124 !important;
    fill: #EE3124 !important;
}

/* If fa-plus class is used inside createButtonMobile, override it to white */
button i.fa,
button i.fa-plus,
button i.fa-plus-circle,
button i.fas {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Override blue text to coral red */
.card-title, 
.dashboard-card-title, 
.feature-card-title, 
.poppins-blue, 
.text-primary, 
.colorText2, 
a, 
a:visited, 
a:hover, 
a:active {
    color: #EE3124 !important;
}

/* If any specific class is used for blue text, override it */
.poppins-blue, .dashboard-card-title, .feature-card-title {
    color: #EE3124 !important;
}
a:active {
    color: #EE3124 !important;
}

/* Override card title and description to black for dashboard cards */
.card-details h2,
.card-details .card-title,
.card-details h2.font-size--1_5 {
    color: #000 !important;
}

.card-details .card-description,
.card-details .m-0,
.card-details p {
    color: #000 !important;
    font-weight: normal !important;
}
.btn.btn-brand.btn-circle {
    background: #EE3124 !important;
    color: #000000 !important;
    border: 2px solid #EE3124 !important;
}
.btn.btn-brand.btn-circle i,
.btn.btn-brand.btn-circle svg {
    color: #000000 !important;
    fill: #000000 !important;
}
.btn.btn-brand.btn-circle:hover {
    background: #fff !important;
    color: #EE3124 !important;
    border: 2px solid #EE3124 !important;
}
.btn.btn-brand.btn-circle:hover i,
.btn.btn-brand.btn-circle:hover svg {
    color: #EE3124 !important;
    fill: #EE3124 !important;
}
.kt-badge--unified-brand,
.kt-badge--unified-brand.text-white,
.kt-badge--inline.kt-badge--pill {
    background-color: #EE3124 !important;
    color: #000000 !important;
    border-radius: 2rem !important;
    font-weight: bold !important;
}
.d-flex.align-items-center.justify-content-center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
button,
.btn,
.btn-pill {
    margin-right: 4px !important; /* Adjust value as needed */
}

/* Button when user has started (attempted) - completely red */
.action-button--attempted {
    background: #EE3124 !important;   /* Red background */
    color: #000000 !important;           /* Black text */
    border: 2px solid #EE3124 !important;
}

/* Button when user has NOT started - white with red border and text */
.action-button {
    background: #fff !important;      /* White background */
    color: #EE3124 !important;        /* Red text */
    border: 2px solid #EE3124 !important;
}

/* Back button pill styling */
.btn_custom {
    background: #EE3124 0% 0% no-repeat padding-box !important;
    color: #ffffff !important;
    border: 2px solid #EE3124 !important;
    border-radius: 27px !important;
    font-weight: 600 !important;
    padding: 8px 18px !important;
}

/* Delete modal "Yes" button - red background with white text */
#id_delete_lp.action-button,
button#id_delete_lp.action-button {
    background: #EE3124 !important;   /* Red background */
    color: #ffffff !important;        /* White text */
    border: 2px solid #EE3124 !important;
}

/* Analytics Card Number Styling - Force White Text */
.analytic-card-color .kt-badge--unified-brand,
.analytic-card-color .kt-badge--unified-brand.text-white,
.analytic-card-color .kt-badge--unified-brand.kt-badge--lg,
.analytic-card-color .kt-badge--unified-brand.kt-badge--bold,
.analytic-card-color .kt-badge--unified-brand.kt-font-xl,
.analytic-card-color .kt-badge--unified-brand.p-2-rem,
.analytic-card-color .kt-badge--unified-brand.ng-binding {
    color: #ffffff !important;
    background-color: #EE3124 !important;
}

/* Target the specific analytics card number elements */
.analytic-card-color .kt-badge.kt-badge--unified-brand.kt-badge--lg.kt-badge--bold.kt-font-xl.p-2-rem.text-white.ng-binding {
    color: #ffffff !important;
    background-color: #EE3124 !important;
}

/* Override any inline styles that might be setting dark text */
.analytic-card-color .kt-badge--unified-brand[style*="color"] {
    color: #ffffff !important;
}

/* Ensure all text elements within analytics cards that should be white are white */
.analytic-card-color .kt-badge--unified-brand *,
.analytic-card-color .kt-badge--unified-brand span,
.analytic-card-color .kt-badge--unified-brand div,
.analytic-card-color .kt-badge--unified-brand p {
    color: #ffffff !important;
}

/* Specific override for the large numbers in analytics cards */
.analytic-card-color .kt-iconbox__title .kt-badge--unified-brand,
.analytic-card-color .kt-iconbox__title .kt-badge--unified-brand.text-white {
    color: #ffffff !important;
    background-color: #EE3124 !important;
}

/* Fix search icon positioning in My Certificates section */
.search-container {
    position: relative !important;
    overflow: hidden !important;
}

.search-container input {
    padding-right: 40px !important;
    box-sizing: border-box !important;
}

.search-container .flaticon-search {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    cursor: pointer !important;
    color: #EE3124 !important;
}

/* Fix password field icon alignment */
.search-container i.fa.fa-eye,
.search-container i.fa.fa-eye-slash {
    position: absolute !important;
    right: 10px !important;
    top: 65% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    cursor: pointer !important;
    color: #EE3124 !important;
}

/* Ensure search icon doesn't overflow the container */
.search-container .flaticon-search.top-unset {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    cursor: pointer !important;
    color: #EE3124 !important;
}

/* Mobile search container specific fixes */
.mobileSearch .search-container {
    position: relative !important;
    overflow: hidden !important;
}

.mobileSearch .search-container input {
    padding-right: 40px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.mobileSearch .search-container .flaticon-search {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    cursor: pointer !important;
    color: #EE3124 !important;
}

/* Fix dropdown menu visibility issue in Ask Expert */
.dropdown.dropdown-inline.show .dropdown-menu,
.dropdown.dropdown-inline .dropdown-menu.show {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 1050 !important;
}

.assign-user-col .assign-user--header button {
    background-color: #EE3124 !important;
    color: #ffffff !important;
    border: 2px solid #EE3124 !important;
}

/* Ensure dropdown menu items are visible */
.dropdown-menu.show .dropdown-item,
.dropdown-menu.show a,
.dropdown-menu.show button {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Specific fix for Ask Expert dropdown menu */
.dropdown.dropdown-inline.show .dropdown-menu.dropdown-menu-right {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    right: -100 !important;
    left: auto !important;
    z-index: 1050 !important;
}


/* Ensure the View Query button is visible */
.dropdown.dropdown-inline.show .dropdown-menu a.btn.btn-small.btn-rounded.grey.lighten-4.blue-text.right-align {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #EE3124 !important;
    background: #F1F1F1 !important;
    border: 1px solid #EE3124 !important;
    padding: 8px 13px !important;
    margin: 2px 0 !important;
    text-decoration: none !important;
    border-radius: 4px !important;
}

/* Hover effect for the View Query button */
.dropdown.dropdown-inline.show .dropdown-menu a.btn.btn-small.btn-rounded.grey.lighten-4.blue-text.right-align:hover {
    background: #EE3124 !important;
    color: #000000 !important;
    border-color: #EE3124 !important;
}

/* Save button pill styling - override chromium-button--info to use coral red */
.chromium-button--info {
    background: #EE3124 0% 0% no-repeat padding-box !important;
    color: #ffffff !important;
    border: 2px solid #EE3124 !important;
}

.chromium-button--info:hover {
    background: #EE3124 0% 0% no-repeat padding-box !important;
    color: #ffffff !important;
    border: 2px solid #EE3124 !important;
}

/* Specific styling for the Save button in Learning Path */
#id_create_lp_object_btn {
    background: #EE3124 0% 0% no-repeat padding-box !important;
    color: #ffffff !important;
    border: 2px solid #EE3124 !important;
}

#id_create_lp_object_btn:hover {
    background: #F1F1F1 0% 0% no-repeat padding-box !important;
    color: #EE3124 !important;
    border: 2px solid #EE3124 !important;
}

.card-images {
    background: var(--shade-color) !important;
}


.card-images[src*="user.png"],
.card-images[src*="coralRedTheme/manageUsers.png"],
img[src*="user.png"],
img[src*="coralRedTheme/manageUsers.png"] {
    content: url('/images/coralRedTheme/manageUsers.png') !important;
    background: var(--shade-color) !important;
}

.card-images[src*="lp.png"],
.card-images[src*="dashboardCards/lp.png"],
img[src*="lp.png"],
img[src*="dashboardCards/lp.png"] {
    content: url('/images/coralRedTheme/myLearningPlan.png') !important;
    background: var(--shade-color) !important;
}
.card-images[src*="pdl.png"],
.card-images[src*="coralRedTheme/pdl.png"],
img[src*="pdl.png"],
img[src*="coralRedTheme/pdl.png"] {
    content: url('/images/coralRedTheme/PDL.png') !important;
    background: var(--shade-color) !important;
}
.card-images[src*="competency.png"],
.card-images[src*="coralRedTheme/competency.png"],
img[src*="competency.png"],
img[src*="coralRedTheme/competency.png"] {
    content: url('/images/coralRedTheme/Compentency.png') !important;
    background: var(--shade-color) !important;
}
.card-images[src*="reports.png"],
.card-images[src*="coralRedTheme/reports.png"],
img[src*="reports.png"],
img[src*="coralRedTheme/reports.png"] {
    content: url('/images/coralRedTheme/Reports.png') !important;
    background: var(--shade-color) !important;
}
.card-images[src*="faq.png"],
.card-images[src*="coralRedTheme/faq.png"],
img[src*="faq.png"],
img[src*="coralRedTheme/faq.png"] {
    content: url('/images/coralRedTheme/FAQs.png') !important;
    background: var(--shade-color) !important;
}
.card-images[src*="trainer.png"],
.card-images[src*="coralRedTheme/trainer.png"],
img[src*="trainer.png"],
img[src*="coralRedTheme/trainer.png"] {
    content: url('/images/coralRedTheme/myTrainerRole.png') !important;
    background: var(--shade-color) !important;
}
.card-images[src*="survey.png"],
.card-images[src*="coralRedTheme/survey.png"],
img[src*="survey.png"],
img[src*="coralRedTheme/survey.png"] {
    content: url('/images/coralRedTheme/mySurvey.png') !important;
    background: var(--shade-color) !important;
}
.card-images[src*="ae.png"],
.card-images[src*="dashboardCards/ae.png"],
img[src*="ae.png"],
img[src*="dashboardCards/ae.png"] {
    content: url('/images/coralRedTheme/askExpert.png') !important;
    background: var(--shade-color) !important;
}
.card-images[src*="videoOver.png"],
.card-images[src*="dashboardCards/videoOver.png"],
img[src*="videoOver.png"],
img[src*="dashboardCards/videoOver.png"] {
    content: url('/images/coralRedTheme/videoOverlay.png') !important;
    background: var(--shade-color) !important;
}

.card-images[src*="periodic.png"],
.card-images[src*="dashboardCards/periodic.png"],
img[src*="periodic.png"],
img[src*="dashboardCards/periodic.png"] {
    content: url('/images/coralRedTheme/periodicAssessment.png') !important;
    background: var(--shade-color) !important;
}

.card-images[src*="ms.png"],
.card-images[src*="dashboardCards/ms.png"],
img[src*="ms.png"],
img[src*="dashboardCards/ms.png"] {
    content: url('/images/coralRedTheme/Microsite.png') !important;
    background: var(--shade-color) !important;
}

.card-images[src*="gami.png"],
.card-images[src*="dashboardCards/gami.png"],
img[src*="gami.png"],
img[src*="dashboardCards/gami.png"] {
    content: url('/images/coralRedTheme/Gamification.png') !important;
    background: var(--shade-color) !important;
}

.card-images[src*="certi.png"],
.card-images[src*="dashboardCards/certi.png"],
img[src*="certi.png"],
img[src*="dashboardCards/certi.png"] {
    content: url('/images/coralRedTheme/myCertifications.png') !important;
    background: var(--shade-color) !important;
}

.card-images[src*="wall.png"],
.card-images[src*="dashboardCards/wall.png"],
img[src*="wall.png"],
img[src*="dashboardCards/wall.png"] {
    content: url('/images/coralRedTheme/Walls.png') !important;
    background: var(--shade-color) !important;
}

.card-images[src*="announce.png"],
.card-images[src*="dashboardCards/announce.png"],
img[src*="announce.png"],
img[src*="dashboardCards/announce.png"] {
    content: url('/images/coralRedTheme/Announcement.png') !important;
    background: var(--shade-color) !important;
}
.btn.btn-secondary.dropdown-toggle,
button.btn.btn-secondary.dropdown-toggle,
#createfield23,
#createfield23.btn.btn-secondary.dropdown-toggle {
    color: #ffffff !important;
}

.btn.btn-secondary.dropdown-toggle::after,
button.btn.btn-secondary.dropdown-toggle::after,
#createfield23::after,
#createfield23.btn.btn-secondary.dropdown-toggle::after {
    color: #ffffff !important;
    border-top-color: #ffffff !important;
}

#viewLogsModal .modal-footer .btn.btn-primary.rounded-lg {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #ffffff !important;
    background: #EE3124 !important;
    border: 2px solid #EE3124 !important;
}

#viewLogsModal .modal-footer .btn.btn-primary.rounded-lg:hover {
    background: #EE3124 !important;
    color: #ffffff !important;
    border: 2px solid #EE3124 !important;
}

/* Remove border from View Logs button */
.btn.btn-sm.btn-primary.rounded-pill.mt-4 {
    border: none !important;
    border-color: transparent !important;
}

/* Override chromium-button--dropdown background to coral red */
.chromium-button--dropdown {
    background: #EE3124 0% 0% no-repeat padding-box !important;
    color: #ffffff !important;
    border: 2px solid #EE3124 !important;
}

.chromium-button--dropdown span::after {
    color: #ffffff !important;
}