:root {
    --color: #07007e;
    --shade-color: #65ccff;
    --white-color: #ffffff;
    --gradient-color: linear-gradient(
        90deg,
        rgba(7, 0, 126, 1) 0%,
        rgba(0, 0, 150, 1) 35%,
        rgba(0, 212, 255, 1) 100%
    ) !important;
    --gradient-back-color: rgb(7, 0, 126) !important;
}
.analytic-card-color{
    background: var(--color) !important;
}
.analytic-card-text-color{
    color: var(--color) !important;
}
#btn-theme-color {
    background: rgb(203 154 154) !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;
}
i {
    color: var(--color) !important;
}
button {
    color: var(--color) !important;
    background: var(--shade-color) 0% 0% no-repeat padding-box !important;
    border-color: var(--shade-color) !important;
}
.btn {
    background: var(--shade-color) 0% 0% no-repeat padding-box !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(--color) !important;
}

.filter-container .filter::before {
    color: var(--color) !important;
}
.filter-container .clear::before {
    color: var(--color) !important;
}
.action-container .create-item::before {
    color: var(--color) !important;
}
.filter-container .download::before {
    color: var(--color) !important;
}
.sidenav button {
    color: var(--color) !important;
    background: var(--shade-color) 0% 0% no-repeat padding-box !important;
    border-color: var(--shade-color) !important;
}

.btn.btn-pill {
    color: var(--color) !important;
    background: var(--shade-color) 0% 0% no-repeat padding-box !important;
    border-color: var(--shade-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(--color) !important;
}
#id_finish_user_assignment > button {
    color: var(--color) !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(--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.nav-tabs-line-brand.nav.nav-tabs .nav-link.active {
    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;
}
.kt-notification__custom {
    border-radius: 0.85rem !important;
}
#seeNotification {
    color: var(--color) !important;
}
.kt-header__topbar-username {
    color: var(--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;
}
.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;
}
.alert-text-ow {
    color: var(--white-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;
}
.nav-pills .nav-item .nav-link.active {
    background-color: var(--color) !important;
    border-color: var(--color) !important;
    color: var(--white-color) !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(--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(--shade-color) !important;
}
.rootActive {
    background-color: var(--shade-color) !important;
}
#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;
}
.icon-bg {
    background-color: var(--color) !important;
}