:root {
    /*--body-bg: #F6F8FA;*/
    --body-bg: #F4F4F0;
    --body-color: #05192D;
    --bg-light-3: #E6E6DD;

    /*  code   */
    --color-fg-default: #363e48;
    --color-prettylights-syntax-string: #0a3069;
    --color-prettylights-syntax-constant: #0550ae;
    --color-prettylights-syntax-entity: #8250df;
    --color-prettylights-syntax-keyword: #cf222e;
    --color-prettylights-syntax-variable: #953800;
    --color-prettylights-syntax-comment: #8b949e;
    --color-prettylights-syntax-entity-tag: #116329;
}

body:not(.dark-mode) {
    background-color: var(--body-bg);
    color: var(--body-color);
}

body:not(.dark-mode) .openyellow {
    color: #f0ad4e;
}

body:not(.dark-mode) .text-muted-2 {
    color: var(--text-muted-2);
}

body:not(.dark-mode) .text-muted {
    color: var(--text-muted);
}

body:not(.dark-mode) .bg-primary-2 {
    background-color: var(--primary-2);
}

body:not(.dark-mode) .breadcrumb > .active {
    color: #767676;
}

body:not(.dark-mode) select.input-sm,
body:not(.dark-mode) .form-control {
    border-color: var(--border-gray-1);
}

/* body:not(.dark-mode) .main-content {
    background-color: var(--bg-light-3);
} */

body:not(.dark-mode) .main-content.trainerWall {
    background-color: #f3f3f0;
}

body:not(.dark-mode) #l1,
body:not(.dark-mode) #r1 {
    border-color: var(--black-0);
    background-color: var(--white);
    border-radius: 10px;
}

body:not(.dark-mode) .app-navbar {
    border-bottom: 2px solid;
}

body:not(.dark-mode) .input-group .form-control:first-child {
    border-color: var(--border-gray-1) !important;
}

body:not(.dark-mode) .feed-div:not(:last-child) {
    border-color: var(--border-gray-1);
}

body:not(.dark-mode) .feed-div a {
    color: var(--blue);
}

body:not(.dark-mode) .feed-div .feed-info img {
    border-color: var(--black-0);
}

body:not(.dark-mode) .feed-div .feed-details #feednotif {
    background-color: var(--blue);
}

body:not(.dark-mode) .k-step .course-div-body span.cid,
body:not(.dark-mode) .k-step .module-div-body span.cid {
    color: #4D4D4D;
}

body:not(.dark-mode) .todos-panel .tab-content .tab-pane.rt-tab-content .see-all {
    border-color: var(--black-0);
    background-color: #ffffff;
}

body:not(.dark-mode) .todos-panel .tab-content .tab-pane.rt-tab-content .see-all a {
    color: var(--black-0)
}

body:not(.dark-mode) .feeds-holder .clear-feed div.svgIcon {
    background-image: url("/statics/img/icons/light/emptyfeed.svg");
}

body:not(.dark-mode) .border-green-im {
    border-color: var(--green) !important;
}

body:not(.dark-mode) .border-blue {
    border-color: var(--blue);
}

body:not(.dark-mode) .chat-notification,
body:not(.dark-mode) .feeds-notification,
body:not(.dark-mode) .k-green-badge,
body:not(.dark-mode) .bell-notification {
    background-color: #d9f9e0;
    border-color: var(--green);
    color: black;
}

body:not(.dark-mode) code {
    color: var(--blue) !important;
    background-color: var(--gray-100) !important;
}

body:not(.dark-mode) pre {
    background-color: #f6f8fa;
    border-radius: var(--border-radius);
}

body:not(.dark-mode) .k-step .extraTasks {
    background-color: #f1f1f154;
    color: #222222;
}

.k-step .extraTasks .btn {
    background-color: var(--black-0);
    color: #ffffff;
}

body:not(.dark-mode) .navbar-collapse ul.navbar-right li.panel-menu-item.bug img {
    content: url("/statics/img/icons/light/navbar/bug.svg");
}

body:not(.dark-mode) .navbar-collapse ul.navbar-right li.panel-menu-item.knobs img {
    content: url("/statics/img/icons/light/navbar/knobs.svg");
}

body:not(.dark-mode) .navbar-collapse ul.navbar-right li.panel-menu-item.moon img {
    content: url("/statics/img/icons/light/navbar/moon.svg");
}

body:not(.dark-mode) .navbar-collapse ul.navbar-right li.panel-menu-item.logout img,
body:not(.dark-mode) ul.mobile-display li.logout img {
    content: url("/statics/img/icons/light/navbar/logout.svg");
}

body:not(.dark-mode) .navbar-collapse ul.navbar-right li.panel-menu-item.zoom img {
    content: url("/statics/img/icons/light/navbar/zoom.svg");
}
body:not(.dark-mode) .navbar-collapse ul.navbar-right li.panel-menu-item.survey img {
    content: url("/statics/img/icons/light/navbar/survey.svg");
}
body:not(.dark-mode) .navbar-collapse ul.navbar-right li.panel-menu-item.time img {
    content: url("/statics/img/icons/light/navbar/time.svg");
}

body:not(.dark-mode) .navbar-collapse ul.navbar-right li.panel-menu-item .popover li.logout img {
    content: url("/statics/img/icons/light/navbar/logout.svg");
}

body:not(.dark-mode) .list-group-item.page-path-holder:first-child {
    border-color: var(--black-0);
}

body:not(.dark-mode) .list-group-item.page-path-holder ol.breadcrumb li.breadcrumb-item a {
    color: var(--black-0);
}

body:not(.dark-mode) .list-group-item {
    border-color: var(--border-gray);
}

body:not(.dark-mode) .panel-profile-img {
    border-color: var(--black-0);
}

body:not(.dark-mode) .scoreboard .badges .more-badges {
    color: var(--secondary-3);
}

body:not(.dark-mode) .progress-page .prTblHolder {
    border-color: var(--black-0);
    background-color: #ffffff;
}

body:not(.dark-mode) .progress-selector div.srch button,
body:not(.dark-mode) .category-toolbar div.srch button,
body:not(.dark-mode) #addCourseModal div.srch button {
    background-color: #dddddd;
}

body:not(.dark-mode) .category-toolbar div.srch button,
body:not(.dark-mode) #addCourseModal div.srch button {
    background-color: #dddddd;
    border-color: #dddddd;
}

body:not(.dark-mode) .progress-page div#logsTblHolder ,
body:not(.dark-mode) .progress-page div#activitiesLogsTblHolder
{
    border-color: var(--black-0);
}

body:not(.dark-mode) .progress-table .table > thead:first-child > tr:first-child > th {
    border: #DDDDDD;
    color: #383838;
}

body:not(.dark-mode) .progress-table a {
    color: var(--black-0);
}

body:not(.dark-mode) .totalStat {
    background-color: var(--white);
}

body:not(.dark-mode) .badge-card .badge-contents .badge-info {
    color: var(--black-0);
}

body:not(.dark-mode) .badge-card {
    border-color: var(--border-gray);
}

body:not(.dark-mode) .k-step.item .course-intro p.desc,
body:not(.dark-mode) .k-step.item .activity-intro p.desc {
    color: var(--secondary-3);
}

body:not(.dark-mode) .post-item li a.text-inherit span.badge {
    color: var(--white);
}

body:not(.dark-mode) .post-item li a.text-inherit span:not(#myStudentCount) {
    color: #acb5bf;
}

body:not(.dark-mode) .k-step .post-item.item-holder div.post-item-idx {
    border-right-color: var(--secondary-3);
}

body:not(.dark-mode) span.fa.item-open {
    color: var(--secondary-1);
}

body:not(.dark-mode) .k-step .post-item.item-holder div.post-item-status.open,
body:not(.dark-mode) .k-step .post-item.item-holder div.post-item-status.open a {
    color: var(--black-0);
    background-color: var(--primary-3);
}

body:not(.dark-mode) .k-step .post-item.item-holder div.post-item-status.luck,
body:not(.dark-mode) .k-step .post-item.item-holder div.post-item-status.luck a {
    color: var(--black-0);
    background-color: #CBCBCB;
}

body:not(.dark-mode) .k-step .post-item.item-holder:last-child:hover {
    border-radius: 0 0 8px 8px
}

body:not(.dark-mode) .k-step .post-item.item-holder:hover,
body:not(.dark-mode) .list-group-item.course-item .course-div-body:hover {
    background-color: #F8F8F7;
}

body:not(.dark-mode) .badge-students section {
    border-bottom-color: var(--primary-border);
}

body:not(.dark-mode) #code_blank_detail {
    border-color: var(--editor-border);
}

/*body:not(.dark-mode) #code_blank_detail .preview {*/
body:not(.dark-mode) .blankcnt {
    border-right-color: var(--editor-border);
}

body:not(.dark-mode) .teacher-verification-holder,
body:not(.dark-mode) .verified_by,
body:not(.dark-mode) .rejected_by {
    background-color: #FFFFFF;
    border-color: var(--primary-4);
    box-shadow: 0px 4px 0px var(--primary-4);
}

body:not(.dark-mode) .teacher-verification-holder.approved {
    border-color: var(--green);
    box-shadow: 0px 4px 0px var(--green);
}

body:not(.dark-mode) .teacher-verification-holder.acceptable {
    border-color: var(--orange);
    box-shadow: 0px 4px 0px var(--orange);
}

body:not(.dark-mode) .teacher-verification-holder.rejected {
    border-color: var(--danger);
    box-shadow: 0px 4px 0px var(--danger);
}

body:not(.dark-mode) .rejected_by blockquote {
    border-color: var(--primary-4);
}

body:not(.dark-mode) .k-step .task-code-editor-container {
    border-color: var(--editor-border);
}

body:not(.dark-mode) .code-editor-left.light,
body:not(.dark-mode) .code-editor-right.light,
body:not(.dark-mode) .code-editor-left.light {
    border-color: var(--editor-border);
}

body:not(.dark-mode) .code-editor-left.light .toolbar.code-toolbar,
body:not(.dark-mode) .task-code-editor-container.light .toolbar.code-toolbar {
    background-color: var(--white) !important;
    border-top-color: var(--editor-border);
}

body:not(.dark-mode) .k-step .outputBar .titlebar,
body:not(.dark-mode) .kstudio .kstudio-output .titlebar {
    background-color: #FCFCFC;
    border-top-color: var(--editor-border);
    border-bottom-color: var(--editor-border);
}

body:not(.dark-mode) .code-editor-left.light .code-toolbar ul li button:not(.submit) {
    color: var(--gray-900);
    background-color: white;
    border-color: var(--black-0);
}

body:not(.dark-mode) .code-editor-left.light .code-toolbar ul li button.submit {
    color: #ffffff;
    background-color: var(--black-0);
}

body:not(.dark-mode) .k-step .code-editor-left .outputBar .titlebar button.pinner div.svgIcon.trash {
    background-image: url("/statics/img/icons/light/trash.svg");
}

body:not(.dark-mode) .k-step .code-editor-left .outputBar .titlebar button.pinner div.svgIcon.chevron {
    background-image: url("/statics/img/icons/light/chevron-down-20.svg");
}

body:not(.dark-mode) .k-step .code-editor-left.light .outputBar .titlebar button.pinner,
body:not(.dark-mode) .kstudio .code-editor-left.light .kstudio-output .titlebar button.pinner {
    color: var(--black-0) !important;
    background-color: var(--primary-3) !important;
}

body:not(.dark-mode) .code-editor-right .codeViewsTabs-holder,
body:not(.dark-mode) .code-editor-left.light .codeEventsTabs-holder {
    background-color: var(--primary-1);
    border-bottom-color: var(--editor-border);
}

body:not(.dark-mode) .code-editor-left .codeEventsTabs-holder button.scroll,
body:not(.dark-mode) .code-editor-right .codeViewsTabs-holder button.scroll {
    background-color: var(--primary-3) !important;
}

body:not(.dark-mode) .k-step .code-editor-left button.fullscreen {
    background-color: var(--primary-3) !important;
}

body:not(.dark-mode) .uploadBodyDiv .files_list .fileList .list-group > div.list-group-item {
    border-color: #e2e2e2;
}

body:not(.dark-mode) .code-editor-left.dark .nav.nav-editor > li > a {
    color: var(--primary);
}

body:not(.dark-mode) .nav-tabs:not(.htmlcode),
body:not(.dark-mode) .nav-tabs:not(.nav-tr),
body:not(.dark-mode) .nav-tabs:not(.htmltask-nav),
body:not(.dark-mode) .nav-tabs:not(.prchart) {
    border-bottom-color: var(--secondary-3);
}

body:not(.dark-mode) .nav-tabs.prchart {
    border-bottom-color: var(--black-0);
}

body:not(.dark-mode) .nav-tabs.htmltask-nav,
body:not(.dark-mode) .nav-tabs.codeEventsTabs-kstudio,
body:not(.dark-mode) .nav-tabs.code,
body:not(.dark-mode) .nav-tabs.htmlcode,
body:not(.dark-mode) div.editor-tabs-holder,
body:not(.dark-mode) .nav-tabs.nav-tr,
body:not(.dark-mode) .nav-tabs.htmltask-nav {
    border-bottom-color: var(--editor-border);
}

body:not(.dark-mode) .builder .task-settings .nav.nav-tabs {
    border-bottom-color: var(--editor-border);
}

body:not(.dark-mode) .nav-tabs > li > a {
    color: var(--black-0);
}

body:not(.dark-mode) .nav-tabs > li > a::after {
    background-color: var(--color-underlinenav-border-active);
}

body:not(.dark-mode) .nav-tabs.nav-analysis {
    background-color: var(--primary-1);
}

body:not(.dark-mode) .nav-tabs.nav-analysis {
    border-bottom-color: var(--primary-border);
}

body:not(.dark-mode) .code-editor-left.light .nav.nav-editor > li > a {
    color: var(--color-underlinenav-text);
}

body:not(.dark-mode) .glink {
    color: #222222;
}

body:not(.dark-mode) .task-kstudio {
    color: #ffffff;
}

body:not(.dark-mode) .hl {
    border-bottom-color: var(--editor-border);
}

body:not(.dark-mode) .card {
    background-color: #FFFFFF;
    border-color: var(--primary-border);
}

body:not(.dark-mode) .home-card-holder .k-card {
    background-color: var(--white);
}

body:not(.dark-mode) .home-card-holder .k-card a {
    color: var(--black-0);
}

body:not(.dark-mode) .home-card-holder .top-item-box {
    border-color: var(--black-0);
    background-color: #ffffff;
}

body:not(.dark-mode) .home-card-holder .top-item-box .item-action a.btn {
    background-color: var(--black-0);
    color: #ffffff;
}

body:not(.dark-mode) .canvas-inset-bg {
    background-color: var(--color-bg-canvas-inset);
}

body:not(.dark-mode) .list-my-trainers .list-group-item:not(:last-child) {
    border-bottom: 1px solid var(--color-border-secondary);
}

body:not(.dark-mode) .panel-my-trainers .list-my-trainers li {
    background-color: var(--white);
    border-bottom-color: var(--border-gray);
}

body:not(.dark-mode) .k-step.lesson.closed-task .task-head,
body:not(.dark-mode) .k-step .task-head.closed,
body:not(.dark-mode) .k-step.lesson[data-status='done'] .task-head:not(.opened),
body:not(.dark-mode) .activity-items .item .task-head.closed,
body:not(.dark-mode) .k-step.lesson .task-head.closed {
    background-image: none !important;
    background-color: var(--white);
}

body:not(.dark-mode) .k-step.lesson .task-head,
body:not(.dark-mode) .k-step .task-head,
body:not(.dark-mode) .activity-items .item .task-head,
body:not(.dark-mode) .course-items .item .task-head {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23cecce1' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
    border-bottom-color: #e3e1e1;
    background-color: #ffffff;
}

body:not(.dark-mode) .k-step.task-holder .tsk-info div#i1 {
    border-bottom-color: var(--primary-border);
}

body:not(.dark-mode) .k-step.task-holder .tsk-info div#i2 div.diff {
    background-image: url("/statics/img/icons/light/task-header/signal.svg");
}

body:not(.dark-mode) .k-step.task-holder .tsk-info div#i2 div.eta {
    background-image: url("/statics/img/icons/light/task-header/time.svg");
}

body:not(.dark-mode) .k-step.task-holder .tsk-info div#i2 div.bit {
    background-image: url("/statics/img/icons/light/task-header/bit.svg");
}

body:not(.dark-mode) .k-step.task-holder .tsk-info div#i2 div.coin {
    background-image: url("/statics/img/icons/light/task-header/coin.svg");
}

body:not(.dark-mode) .k-step.task-holder .tsk-info div#i2 div.execution {
    background-image: url("/statics/img/icons/light/task-header/speedometer.svg");
}

body:not(.dark-mode) .k-step.task-holder .tsk-info div#i1 div.svgicon.code,
body:not(.dark-mode) .builder .task-head div.svgicon.code {
    background-image: url("/statics/img/icons/light/task-header/coding.svg");
}

body:not(.dark-mode)  #unsavedCodeModal #cmlHolder div.svgicon.code {
    background-image: url("/statics/img/icons/dark/task-header/coding16.svg");
}

body:not(.dark-mode) .k-step.task-holder .tsk-info div#i1 div.svgicon.blank,
body:not(.dark-mode) .builder .task-head div.svgicon.blank {
    background-image: url("/statics/img/icons/light/task-header/fill-the-blank.svg");
}

body:not(.dark-mode) .k-step.task-holder .tsk-info div#i1 div.svgicon.drag,
body:not(.dark-mode) .builder .task-head div.svgicon.drag {
    background-image: url("/statics/img/icons/light/task-header/option.svg");
}

body:not(.dark-mode) .k-step.task-holder .tsk-info div#i1 div.svgicon.quiz,
body:not(.dark-mode) .builder .task-head div.svgicon.quiz {
    background-image: url("/statics/img/icons/light/task-header/quiz.svg");
}

body:not(.dark-mode) .k-step.task-holder .tsk-info div#i1 div.svgicon.upload,
body:not(.dark-mode) .builder .task-head div.svgicon.upload {
    background-image: url("/statics/img/icons/light/task-header/upload.svg");
}

body:not(.dark-mode) .k-step.task-holder .tsk-info div#i1 div.svgicon.text,
body:not(.dark-mode) .builder .task-head div.svgicon.text {
    background-image: url("/statics/img/icons/light/task-header/textual.svg");
}

body:not(.dark-mode) .k-step.task-holder .tsk-info div#i1 div.svgicon.video,
body:not(.dark-mode) .builder .task-head div.svgicon.video {
    background-image: url("/statics/img/icons/light/task-header/video.svg");
}

body:not(.dark-mode) .k-step.task-holder .tsk-info div#i1 div.svgicon.order,
body:not(.dark-mode) .builder .task-head div.svgicon.order {
    background-image: url("/statics/img/icons/light/task-header/reaarange-the-code.svg");
}

body:not(.dark-mode) .k-step.task-holder .tsk-info div#i1 div.svgicon.essay,
body:not(.dark-mode) .builder .task-head div.svgicon.essay {
    background-image: url("/statics/img/icons/light/task-header/essay.svg");
}

body:not(.dark-mode) .k-step.task-holder .tsk-info div#i1 div.svgicon.analysis,
body:not(.dark-mode) .builder .task-head div.svgicon.analysis {
    background-image: url("/statics/img/icons/light/task-header/analysis.svg");
}

body:not(.dark-mode) div.openSvgIcon.open {
    background-image: url("/statics/img/icons/light/chevron-right-20.svg");
}

body:not(.dark-mode) div.openSvgIcon.lock {
    background-image: url("/statics/img/icons/lock-closed-24.svg");
}body:not(.dark-mode) div.openSvgIcon.locknew {
    background-image: url("/statics/img/icons/lock-closed-new.svg");
}

body:not(.dark-mode) div.compSvgIcon:not(.done):not(.inprogress) {
    background-image: url("/statics/img/icons/light/circle-24.svg");
}

body:not(.dark-mode) div.compSvgIcon.done {
    background-image: url("/statics/img/icons/circletick-24.svg");
}

body:not(.dark-mode) .daterangepicker,
body:not(.dark-mode) .daterangepicker .ranges ul {
    color: #222222 !important;
}

.daterangepicker .ranges li.active,
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--dark-blue) !important;
}

body:not(.dark-mode) .order-task-container div.item {
    border-color: #D9D9E1;
    box-shadow: 0px 4px 0px #d9d9e1;
    background-color: rgba(255, 255, 255, 0.5);
}

body:not(.dark-mode) .order-task-container li pre,
body:not(.dark-mode) .order-task-container div.item pre,
body:not(.dark-mode) .order-task-container div.item pre code {
    background-color: #ffffff !important;
}

body:not(.dark-mode) .order-task-container li:hover,
body:not(.dark-mode) .order-task-container div.item:hover {
    border-color: var(--blue);
    box-shadow: 0px 4px 0px var(--blue);
}

body:not(.dark-mode) .blank-options label {
    color: var(--black-0);
}

body:not(.dark-mode) .task-kstudio .kstudio-editor {
    border-right-color: var(--border-gray);;
}

body:not(.dark-mode) .task-kstudio .code-editor-right.dark .view {
    border-left-color: #4a4a4a;
    background-color: #222222;
}

body:not(.dark-mode) .task-kstudio .code-editor-right.light .view {
    background-color: var(--white);
}

body:not(.dark-mode) .k-step .rejectBar,
body:not(.dark-mode) .k-step .verifyBar {
    background-color: #FFFFFF;
    border-color: var(--primary-4);
    box-shadow: 0px 4px 0px var(--primary-4);
}

body:not(.dark-mode) .k-step .rejectBar > div,
body:not(.dark-mode) .k-step .verifyBar > div {
    background-color: #F7F3EB;
}

body:not(.dark-mode) .k-step .revisionBar {
    background: var(--yellow);
    box-shadow: inset 0px 2px 0px var(--black-0);
    background-image: url("/statics/img/svg/circuit.svg");
}

body:not(.dark-mode) .teacher-kstudio,
body:not(.dark-mode) .code-kstudio {
    background-color: var(--white);
}

body:not(.dark-mode) .verify-lesson {
    /*border-top-color: #e3e1e1;*/
    border-top-color: var(--border-gray);
    background-color: #f1f1f154;
    color: #222222;
}

body:not(.dark-mode) .task-leaderboard .item-header a.go h5 {
    color: var(--dark) !important;
}

body:not(.dark-mode) .task-leaderboard div.user-info img.avatar {
    border-color: var(--black-0);
}

body:not(.dark-mode) .task-leaderboard .item .rank-txt {
    border-right-color: var(--primary-border);
}

body:not(.dark-mode) .task-leaderboard .item .value h5:not(.val) {
    color: var(--secondary-4);
}

body:not(.dark-mode) .task-leaderboard .item .value h5.val {
    color: var(--black-0);
}

body:not(.dark-mode) .task-leaderboard .item div.user-info small.sid,
body:not(.dark-mode) .task-leaderboard .item .value h5.val {
    color: var(--secondary-4);
}

body:not(.dark-mode) .rank-card,
body:not(.dark-mode) .bundle-card {
    background-color: var(--color-bg-tertiary);
}

body:not(.dark-mode) .bundle-card .bundle-content .cntedit {
    border-color: var(--border-gray);
    background-color: var(--white);
}

body:not(.dark-mode) .cb {
    border-color: var(--primary-border);
}

body:not(.dark-mode) .dataTables_filter input[type='search'],
body:not(.dark-mode) table.dataTable.no-footer,
body:not(.dark-mode) table.dataTable thead th,
body:not(.dark-mode) table.dataTable thead td {
    border-color: var(--primary-border) !important;
}

body:not(.dark-mode) .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border-color: var(--primary-border) !important;
}

body:not(.dark-mode) .code-editor-right.light .faqsBar .faq-item {
    background-color: var(--white);
    border-color: var(--color-border-primary);
    box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
    color: var(--dark);
}

body:not(.dark-mode) .filtered,
body:not(.dark-mode) a.filtered {
    color: #0055b5 !important;
}

body:not(.dark-mode) mark,
body:not(.dark-mode) .mark {
    border-color: var(--border-yellow-light);
}

body:not(.dark-mode) mark.code-lang,
body:not(.dark-mode) .mark.code-lang {
    border-color: var(--color-alert-info-border);
    background-color: var(--color-alert-info-bg);
}

body:not(.dark-mode) mark.creator,
body:not(.dark-mode) .mark.creator {
    border-color: var(--color-alert-success-border);
    background-color: var(--color-alert-success-bg);
}

body:not(.dark-mode) .help-list .file_items .help-media-item {
    background-color: #FFFFFF;
    border-color: #EFEBE4;
    box-shadow: 0px 4px 0px #EFEBE4;
}

body:not(.dark-mode) .help-list .file_items .help-media-item div.svgIcon.file {
    background-image: url("/statics/img/icons/light/file-b-24.svg");
}

body:not(.dark-mode) .help-list .file_items .help-media-item div.svgIcon.trash {
    background-image: url("/statics/img/icons/light/trash.svg");
}

body:not(.dark-mode) .k-step .help-list .help-items .help-message-received {
    background-color: var(--primary-3);
}

body:not(.dark-mode) .k-step .help-list .help-items .help-message-sent {
    background-color: var(--blue);
}

body:not(.dark-mode) .k-step .help-list .help-items img.img-circle {
    border-color: var(--black-0);
}

body:not(.dark-mode) .k-step .help-list .help-items div.help-msg.help-message-received .comment-text {
    color: var(--black-0);
}

body:not(.dark-mode) .k-step .help-list .help-items div.help-msg.help-message-sent .comment-text {
    color: #ffffff;
}

body:not(.dark-mode) .k-step .help-list .help-items div.help-msg.help-message-received span.chatTime {
    color: var(--secondary-4);
}

body:not(.dark-mode) .k-step .help-list .help-items div.help-msg.help-message-sent span.chatTime {
    color: #DBE7FE;
}

body:not(.dark-mode) .k-step .help-list .help-items div.help-msg .chatSender {
    color: var(--purple);
}

body:not(.dark-mode) .k-step .help-list .help-message-sent .replyTo {
    background-color: #1171EE;
    color: #ffffff;
}

body:not(.dark-mode) .k-step .help-list .help-message-received .replyTo {
    background-color: #e1e4e8;
    color: var(--black-0);
}

body:not(.dark-mode) .help-box .media-holder .fileUpload .files input + label {
    border-color: var(--primary-3);
    background-color: #ffffff;
}

body:not(.dark-mode) .k-step .help-list .btn-send-comment {
    background-color: var(--primary-3);
}

body:not(.dark-mode) .k-step .help-list .btn-send-comment div.svgIcon.send {
    background-image: url("/statics/img/icons/light/arrow-up-24.svg");
}

body:not(.dark-mode) .k-step .help-list .media-file div.svgIcon.plus {
    background-image: url("/statics/img/icons/light/plus-24.svg");
}

body:not(.dark-mode) .k-step .help-list .help-box {
    background-color: #FFFFFF;
    border-color: #DBDBDB;
}

body:not(.dark-mode) .k-step .help-list textarea.text-comment {
    background-color: #FFFFFF;
}

body:not(.dark-mode) .k-step .help-list .help-items div.help-msg.help-message-received div.files {
    background-color: #e1e4e8;
}

body:not(.dark-mode) .k-step .help-list .help-items div.help-msg.help-message-sent div.files {
    background-color: #0045B4;
}

body:not(.dark-mode) .k-step .help-list .help-items div.help-msg.help-message-received div.files a {
    color: var(--black-0);
}

body:not(.dark-mode) .k-step .help-list .help-items div.help-msg.help-message-sent div.files a {
    color: #ffffff;
}

body:not(.dark-mode) .k-step .resultsBar,
body:not(.dark-mode) .k-step .reviewingBar {
    background-color: var(--review-blue);
    box-shadow: inset 0px 2px 0px var(--black-0);
    background-image: url("/statics/img/svg/circuit.svg");
}

body:not(.dark-mode) .k-step .successBar {
    box-shadow: inset 0px 2px 0px var(--black-0);
}

body:not(.dark-mode) .k-step .successBar:not(.onlysbtn) {
    background-color: #3AC152;
    background-image: url("/statics/img/svg/circuit.svg");
}

body:not(.dark-mode) .k-step .successBar button.next-step,
body:not(.dark-mode) .k-step .toolbar button.btn-check,
body:not(.dark-mode) .k-step .toolbar button.btn-try,
body:not(.dark-mode) .k-step .toolbar button.runcode,
body:not(.dark-mode) .blankcnt .outputBar .runcode {
    background-color: var(--black-0);
    color: #ffffff !important;
}

body:not(.dark-mode) .k-step .toolbar-dark button.btn-check:active {
    background-color: var(--black-0) !important;
}

body:not(.dark-mode) .k-step .toolbar.wrong {
    background-color: var(--yellow) !important;
    box-shadow: inset 0 2px 0 var(--black-0);
}

body:not(.dark-mode) .k-step .details-trigger .task-feedback-li {
    border-top-color: var(--primary-3);
}

body:not(.dark-mode) .k-step .details-trigger .task-feedback-li div.svgIcon.rating {
    background-image: url("/statics/img/icons/light/rating-message-24.svg");
}

body:not(.dark-mode) .k-step .details-trigger .task-feedback-li div.svgIcon.happy-face {
    background-image: url("/statics/img/icons/light/happy-face-24.svg");
}

body:not(.dark-mode) .k-step .details-trigger .task-feedback.selected,
body:not(.dark-mode) .k-step .details-trigger .task-difficulty.selected {
    color: var(--green) !important;
}

body:not(.dark-mode) .k-step .details-trigger .diffAct {
    background-color: var(--primary-3);
    color: var(--black-0);
}

body:not(.dark-mode) .k-step .task-hints {
    border-color: #EFEBE4;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 0px #efebe4;
}

body:not(.dark-mode) .k-step .task-hints .hint-icon {
    background-color: #F7F3EB;
}

body:not(.dark-mode) .quiz-item-answer {
    border-color: #D9D9E1;
    box-shadow: 0px 4px 0px #D9D9E1;
    background-color: rgba(255, 255, 255, 0.5);
}

body:not(.dark-mode) .quiz-item-answer div.qsvg {
    background-image: url("/statics/img/icons/quiz/empty.svg");
}

body:not(.dark-mode) .quiz-item .quiz-stickers .quiz-answer {
    background-color: rgba(255, 255, 255, 0.5);
    border-color: #50BF59 !important;
    box-shadow: 0px 4px 0px #50BF59 !important;
}

body:not(.dark-mode) .quiz-item-answer .btn-answer {
    color: var(--black-0);
}

body:not(.dark-mode) .wrong {
    border-color: #E7403C !important;
    box-shadow: 0px 4px 0px #E7403C;
    background-color: #ffffff !important;
}

body:not(.dark-mode) .k-step div.hintItems.light button.btn-get-hints,
body:not(.dark-mode) .k-step div.hintItems.light button.btn-get-answer {
    background-color: #EFEFEF;
}

body:not(.dark-mode) .k-step .code-task-hints div.hintItems.light button.btn-get-hints:hover,
body:not(.dark-mode) .k-step .code-task-hints div.hintItems.light button.btn-get-answer:hover {
    background-color: #f3f4f6;
}

body:not(.dark-mode) .k-step .k-step .code-task-hints div.hintItems:not(.light) dl {
    background-color: #2e2f2f;
    color: #e4e4e4;
}

body:not(.dark-mode) .k-step .code-task-hints div.hintItems.light dd {
    border-top-color: var(--primary-4);
}

body:not(.dark-mode) .k-step .code-task-hints div.hintItems.light .answer-box {
    border-color: var(--primary-4);
    background-color: #FFFFFF;
    box-shadow: 0px 4px 0px var(--primary-4);
}

body:not(.dark-mode) .k-step .code-task-hints div.hintItems.light dl {
    border-color: var(--primary-4);
    background-color: #FFFFFF;
    box-shadow: 0 4px 0 var(--primary-4);
    color: var(--black-0);
}

body:not(.dark-mode) .k-step .code-task-hints div.hintItems dt div.hint-icon {
    background-color: #F7F3EB;
}

body:not(.dark-mode) #stepSummary .lesson-summary {
    background: #FFFFFF;
    border-color: var(--primary-4);
    box-shadow: 0 4px 0 var(--primary-4);
}

body:not(.dark-mode) #stepSummary .lesson-summary div.bits {
    border-right-color: #DBDBDB;
}

body:not(.dark-mode) #stepSummary .lesson-summary div.summary-footer span.muted ,
body:not(.dark-mode) .lesson-summary .ave-footer p.muted {
    color: var(--secondary-5);
}

body:not(.dark-mode) .lesson-summary div.durationSvg {
    background-image: url("/statics/img/icons/light/duration-24.svg");
}

body:not(.dark-mode) .lesson-summary div.hourglassSvg {
    background-image: url("/statics/img/icons/light/hourglass.svg");
}

body:not(.dark-mode) .chart-wrapper div.anys-details h5 {
    color: #656565;
}

body:not(.dark-mode) .tsk-actions .report-bug {
    background-color: var(--primary-3);
}

body:not(.dark-mode) #tasksList .scoreboard-post {
    background-color: #F4F4F0;
}

body:not(.dark-mode) #tasksList .scoreboard-post hr.seperator {
    background-color: var(--primary-border);
}

body:not(.dark-mode) .addTaskBar,
body:not(.dark-mode) .editor-toolbar {
    background-color: #ffffff;
}

body:not(.dark-mode) .builder .editable-container,
body:not(.dark-mode) .nav.preEventsTabs,
body:not(.dark-mode) .teacher-html-ads-task-container,
body:not(.dark-mode) .teacher-html-ads-task-container .html-tabs-holder {
    border-color: var(--primary-border);
}

body:not(.dark-mode) .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--blue-light) !important;
    color: var(--blue) !important;
    border-color: var(--border-blue-light) !important;
}

body:not(.dark-mode) #catWrapper .cat-users:not(:last-child) {
    border-bottom-color: var(--editor-border);
}

body:not(.dark-mode) .role-box .box-row {
    border-top-color: var(--editor-border);
}

body:not(.dark-mode) .k-step .code-editor-right .score-holder .score-body.done {
    background-color: var(--score-bar-green);
}

body:not(.dark-mode) .k-step .code-editor-right .score-holder .score-body button.continue,
body:not(.dark-mode) .k-step .code-editor-right .score-holder .score-body button.close-error-notif {
    background-color: var(--black-0);
    color: #ffffff;
}

body:not(.dark-mode) .k-step .code-editor-right .score-holder .score-body button.continue:active {
    background-color: var(--black-0) !important;
}

body:not(.dark-mode) .k-step .code-editor-right.light .error-notif-holder {
    color: var(--black-0);
}

body:not(.dark-mode) .k-step .code-editor-right.light .error-notif-holder button.close-error-notif {
    background-color: var(--black-0);
    color: #ffffff;
}

body:not(.dark-mode) .courseItem .cat-head:hover {
    background-color: #F8F8F7;
}

body:not(.dark-mode) div.chevron-down-24 {
    background-image: url("/statics/img/icons/light/chevron-down-24.svg");
}

body:not(.dark-mode) div.chevron-up-24 {
    background-image: url("/statics/img/icons/light/chevron-up-24.svg");
}

body:not(.dark-mode) div.bugIcon24 {
    background-image: url("/statics/img/icons/light/bug-24-px.svg");
}

body:not(.dark-mode) .k-step.k-category {
    border-color: #e6e6dd;
}

body:not(.dark-mode) .k-category .head .item-actions .item-time,
body:not(.dark-mode) .k-category div.info small.sid {
    color: var(--secondary-4);
}

body:not(.dark-mode) .home-card-holder .k-card a:hover {
    color: var(--blue);
}

body:not(.dark-mode) .tr-ads-panel,
body:not(.dark-mode) .tr-ads-panel .html-tabs-holder {
    border-color: var(--border-gray-1);
}

body:not(.dark-mode) .ctgWall #studentsDiv {
    background-color: #ffffff;
    border-color: var(--border-gray);
}

body:not(.dark-mode) .code-drag-options {
    background-color: #f6f8fa;
}

body:not(.dark-mode) .toast-info {
    background-color: var(--blue) !important;
    color: var(--white) !important;
}

body:not(.dark-mode) .k-step .media-body span.zoomIcon {
    background-image: url("/statics/img/icons/light/nozoom.svg");
}

/*body:not(.dark-mode) .hljs-keyword,*/
/*body:not(.dark-mode) .hljs-selector-tag,*/
/*body:not(.dark-mode) .hljs-subst {*/
/*    color: var(--blue) !important;*/
/*}*/

body.dark-mode .hljs-selector-class {
    color: var(--blue) !important;
}

body:not(.dark-mode) .hljs-keyword {
    color: var(--color-prettylights-syntax-keyword) !important;
}

body:not(.dark-mode) .language-javascript .hljs-string {
    color: var(--color-prettylights-syntax-string) !important;
}

body:not(.dark-mode) .hljs-subst {
    color: var(--blue) !important;
}

body:not(.dark-mode) .language-html .hljs-selector-tag,
body:not(.dark-mode) .language-html .hljs-tag,
body:not(.dark-mode) .language-html .hljs-tag .hljs-name,
body:not(.dark-mode) .language-css .hljs-selector-tag {
    color: var(--color-prettylights-syntax-entity-tag) !important;
}

body:not(.dark-mode) .language-javascript .hljs-selector-class,
body:not(.dark-mode) .language-python .hljs-title {
    color: var(--color-prettylights-syntax-entity) !important;
}

body:not(.dark-mode) .language-javascript .hljs-selector-tag {
    color: var(--color-fg-default) !important;
}

body:not(.dark-mode) table tr.trRepRow td.type.kroom span,
body:not(.dark-mode) table tr.trRepRow td.type.zoom_class,
body:not(.dark-mode) table tr.trRepRow td.type.other,
body:not(.dark-mode) table tr.trRepRow td.type.private_tuition,
body:not(.dark-mode) table tr.trRepRow td.type.youtube_engineering,
body:not(.dark-mode) table tr.trRepRow td.type.specialization,
body:not(.dark-mode) table tr.trRepRow td.type.three_d_modeling {
    color: var(--white);
}

body:not(.dark-mode) div.builder-menu .actions {
    background-color: var(--color-bg-sletected-items);
    border-bottom-color: var(--editor-border);
}

body:not(.dark-mode) #aiMoreInfoModal span.fa-info-circle {
    color: var(--blue);
}

body:not(.dark-mode) .table-container.sys-reports{
    border-color: var(--primary-border);
}
body:not(.dark-mode) .text-survey{
    color:#595858;
}

body:not(.dark-mode) .label-danger {
    color: #f7f7f7;
    background-color: var(--danger);
}

body:not(.dark-mode) .label-success {
    color: #f7f7f7;
    background-color: var(--green);
}

body:not(.dark-mode) .label-warning {
    color: #f7f7f7;
    background-color: var(--orange);
}

body:not(.dark-mode) .label-info {
    color: #222222;
    background-color: var(--blue-light);
}

body:not(.dark-mode) .label-primary {
    color: #222222;
    background-color: var(--primary);
}