:root {
    --color-white: #101011;
    --body-color-white:#101011;
    --color-black: #fff;
    --color-rep-table: #2C2A32;
    --body-color-black: #fff;
    --color-primary: #224DE3;
    --color-secondary: #9300D9;
    --color-success: #0FA54B;
    --color-danger: #F00;
    --color-info: #004aff;
    --color-link-hover: rgba(20, 52, 219, 0.07);
    --color-link-hover-light: rgba(20, 52, 219, 0.05);
    --color-border-light: rgba(0, 0, 0, 0.08);
    --color-border-medium: rgba(0, 0, 0, 0.25);
    --color-border-dark: rgba(208, 29, 72, 0.10);
    --color-text-muted: rgba(0, 0, 0, 0.50);
    --color-text-light: rgba(0, 0, 0, 0.70);
    --color-text-dim: rgba(0, 0, 0, 0.90);
    --color-background-light: rgba(233, 235, 240, 0.35);
    --color-background-hover: rgba(238, 248, 255, 0.76);
    --color-background-primary: rgba(20, 52, 219, 0.10);
    --color-background-success: rgba(20, 52, 219, 0.15);
    --color-background-muted: rgba(5, 9, 18, 0.04);
    --color-background-muted-dark: rgba(5, 9, 18, 0.08);
    --color-background-danger-light: #D01D481A;
    --color-background-danger-hover: rgba(208, 29, 72, 0.18);
    --color-shadow-light: rgba(0, 0, 0, 0.12);
    --color-shadow-medium: rgba(60, 64, 67, 0.3);
    --color-shadow-dark: rgba(60, 64, 67, 0.15);
    --label-color: #B1B1B1;
    --toggler-after-color: #1A34DB;
    --add-template-color: #1434DB;
    --add-app-color: #334fe5;
    --color-black2: #00000066;
    --color-black3: #000000B2;
    --h4-app: rgba(0, 0, 0, 0.40);
    --dropdown-period-selector: rgba(0, 0, 0, 0.04);
    --vertical-progress-color: rgba(0, 0, 0, 0.03);
    --vertical-label-color: rgba(0, 0, 0, 0.75);
    --users-btn-bg: #e5f2ff;
    --users-btn-color: #12517a;
    --users-btn-hover: #d2e8ff;
    --users-btn-steps-li: #b7b7b7;
    --step-completed-color: #008800;
    --show-log-color: #2727ff;
    --smoke-color: #c8a2f3;
    --select-invalid-color: #8a8a8a;
    --secondary-btn-blue-hover: rgba(20, 52, 219, 0.20);
    --secondary-btn-blue-hover2: #0924b2;
    --secondary-btn-red-hover: #D01D48;
    --select2-cont-color: #0509120A;
    --dark2-color: rgba(0, 0, 0, 0.55);
    --dark3-color: rgba(20, 52, 219, 0.1);
    --stat-box-bg: rgba(255, 255, 255, 0.61);
    --card-header-color: #f9fafc;
    --servers-head-color: #A83AFD;
    --edit-inp-color: #dedede;
    --sets-color: #F8F8F8;
    --sets-border: #E2E2E2;
    --sets-li-hover: rgba(168, 58, 253, 0.11) !important;
    --sets-li-border: #ddc3e7;
    --btn-disabled: #505050;
    --stat-bg-1: #5908b1;
    --stat-bg-2: #dcc6fc;
    --rep-color-1: #f9f0ff;
    --rep-color-2: #f6e7ff;
    --rep-color-3: #1f7291;
    --btn-color-1: #c9c9c9;
    --filled-1: #d3e7cf;
    --filled-2: #bed9b8;
    --filled-3: #c0dabb;
    --filled-4: #a7c9a0;
    --package-color-1: #EDD5FF;
    --grad-1: #5B6AD0;
    --border-2: #D7D7D7;
    --color-3: rgba(43, 43, 43, 0.50);
    --color-4: #9000FF;
    --color-5: #FF4572;
    --color-6: #1F1F23;
    --color-7: #ECECEC;
    --color-8: #B1B1B1;
    --color-9: #2C2A32;
    --color-10: #404D61;
    --color-11: #9000FF;
    --color-12: #e7e7e7;
    --color-13: #576b8a;
    --color-14: #861ad9;
    --color-15: #2d3848;
    --color-16: #C7C7C7;
    --color-17: rgba(117, 125, 138, 0.28);
    --color-18: rgba(0, 0, 0, 0.2);
    --color-19: rgba(0, 0, 0, 0.1);

    --color-20: #dcdcdc;
    --color-21: #dcdcdc;
    --color-22: #757D8A;
    --color-23: #5b6ad1;
    --color-24: #101011;
    --color-25: #352B51;
    --color-26: #fbf9fd;
    --color-27: #75698F;
    --color-28: #A49ABB;
    --color-29: #5A4F72;
    --color-30: #101011;
    --color-31: #45C698;
    --color-32: #FF589E;
    --color-33: #6C20CC;
    --color-34: #8010B5;
    --color-35: rgba(0, 0, 0, 0.10);
    --color-36: #5A4F72;
    --color-37: #721CFD;
    --color-38: #FFBE41;
    --color-39: #FFE818;
    --color-40: #FED62B;
    --color-41: #FED82A;
    --color-42: #FFE925;
    --color-43: rgba(233, 145, 42, 0);
    --color-44: rgba(255, 150, 27, 0);
    --color-45: #ee0000;
    --color-46: rgba(168, 58, 253, 0.11);
    --color-47: #e1b9ff;
    --color-48: rgb(175, 179, 182);
    --color-49: #861ad9;
    --color-50: rgba(134, 26, 217, 0.11);
    --color-51: #2C2A32;
    --color-52: #8c8c8c;
    --color-53: #5b5b5b;
    --color-54: #e5e5e5;
    --color-55: #101011;
    --color-56: #861ad9;
    --color-57: #fff;
    --color-58: #bf90e0;
    --color-59: #d6ddff;
    --color-60: #E8E8E8;
    --color-61: #E7E8EA;
    --color-62: #e0e0ff;
    --color-63: #444;
    --color-64: rgb(248,241,255);
    --color-65: #2C2A32;
    --color-66: #101011;
    --color-67: rgba(99, 99, 99, 0.2);
    --color-68: rgba(34, 77, 227, 0.15);

    --color-69: rgba(208, 29, 72, 0.05);
    --color-70: rgba(4, 18, 45, 0.08);

    --bs-breadcrumb-item-active-color: #D7D7D7 !important;


    --bs-pagination-bg: #1F1F23 !important;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #dee2e6;
    --bs-pagination-border-radius: 0.375rem;
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-border-color: #dee2e6;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
}

.light-mode {
    display: none !important;
}

.navbar-brand {

}

.dark-mode {
    .item-box .set-title {
        color: #D7D7D7 !important
    }
    .navbar-nav {
        .nav-link {
            path {
                fill: #fff !important;
            }
        }
        .nav-link:hover {
            opacity: 0.8;
        }
    }

    a.profile-edit {
        color: #fff !important;
    }
    a.nav-link:not(.history-btn-prod):hover {
        color: #fff !important;
    }

    .breadcrumb-item.active {
        color: #D7D7D7
    }
    button.btn-set-zero {
        color: #2B2B2B;
    }
    button.btn-with-icon {
        color: #2B2B2B;
    }
    button.form-submit-btn {
        color: #fff !important;
    }
    a.history-btn-prod, a.history-btn-prod:hover {
        /*color: #2B2B2B !important;*/
    }
    .btn-search-prod, .add-btn-prod {
        color: #fff;
    }
    .mass-inp-zero, .search-box {
        input {
            background-color: #2C2A32 !important;
            border-color: #2C2A32 !important;
            color: #fff !important;
        }
    }

    .products-header, .products-footer {
        background-color: #2C2A32 !important;
        min-height: 38px !important;

        span {
            background-color: #2C2A32 !important;
        }

        .full-price {
            /*color: #fff !important;*/
        }
    }
    .sets.products, #setsTable {
        li {
            border: 0 !important;

            input {
                background-color: #2C2A32 !important;
                border-color: #2C2A32 !important;
                color: #fff !important;
            }
        }
        li.sort {
            background-color: #1F1F23;
        }
        li.sort:hover {
            background-color: var(--sets-li-hover) !important;

        }
        li.sort.table-red-highlight {
            background-color: rgba(168, 58, 253, 0.11) !important;
        }
    }

    .form-product {
        input, textarea {
            background-color: #2C2A32 !important;
            border-color: #2C2A32 !important;
            color: #fff !important;
        }

        button {
            color: #fff;
        }
    }

    .select2-container--default .select2-selection--single {
        background-color: transparent !important;
    }

    .select2-dropdown {
        background-color: #101011 !important;
    }

    .select2-results__option {
        color: #fff !important;
    }

    .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
        color: #fff;
    }

    .select2-container--default .select2-search--dropdown .select2-search__field {
        border: 0 !important;
    }

    .select2-search__field {
        border: 0 !important;
        background-color: #2c2a32 !important;
        color: #fff;
    }

    .select2-selection__rendered {
        color: #fff !important;
    }

    .table-dark {
        th {
            background-color: #2C2A32 !important;
            border: 0 !important;
        }
    }

    .rep-table {
        tbody, tfoot {
            tr:not(.table-red-highlight, .footer-row, .table-dark, .table-primary, .table-warning, .table-success, .table-light) {
                td {
                    background-color: #1F1F23;
                    /*border: 0 !important;*/
                    border-color: #2c2c31 !important;
                }
            }
        }
    }

    .page-link {
        background-color: #1F1F23 !important;
        border: 0;
    }

    .set-products-box li, .set-products li {
        background: #1F1F23;
        background-color: #1F1F23;
    }
    .set-products li.active {
        border-color: #3b3942;
    }

    .price {
        color:#fff;
        .set-price {
            color: #fff;
        }
    }
    .click-select-item .form-check-label {
        color: #fff;
    }
    .click-select-item .amount {
        color: #fff;
    }
    .click-select-item-color {
        background-color: var(--color-56) !important;
        color: var(--color-57) !important;
        border: 0 !important;

        label, span {
            opacity: 0.2;
        }
    }
    .navbar-toggler-icon {
        color: #fff !important;
    }
    .mob-side-menu .user-nav-menu ul li.active {
        background-color: #2d2935;
    }
    .navbar {
        background-color: #101011 !important;
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }
    .btn-display {
        color: #fff;
    }
    .product-table-row {
        input {
            background-color: #2C2A32 !important;
            border-color: #2C2A32 !important;
            color: #fff !important;
        }
    }

    .rep-table {
        tfoot {
            border: 0 !important;

            td {
                border: 0 !important;
            }
        }

        .table-primary td {
            background-color: #721CFD !important;
        }
        .table-warning td {
            background-color: rgba(114, 28, 253, 0.75) !important;
        }
        .table-success:not(.my-day, .my-found, .border-bottom-1-extra) td {
            background-color: rgba(114, 28, 253, 0.62) !important;
            border-bottom: 1px solid rgba(114, 28, 253, 0.55) !important;
        }
        .table-success.border-bottom-1-extra td {
            background-color: rgba(114, 28, 253, 0.62) !important;
            border-bottom: 1px solid #2c2c31 !important;
        }
        .table-light td {
            background-color: rgba(114, 28, 253, 0.62) !important;
        }

        input {
            background-color: #2C2A32 !important;
            border-color: #2C2A32 !important;
            color: #fff !important;
        }

        .payout-process {
            color: #fff
        }
    }
    .my-day {
        background-color: #20142b !important;

        td {
            background-color: #20142b !important;
            border-bottom: 1px solid #30203f !important;
            border-left: 0 !important;
            border-right: 0 !important;
        }
    }

    .short-report li:not(.first) {
        color: #fff !important;

        .rate {
            color: #fff !important;
        }
    }

    .border-bottom-1 {
        border-color: #2c2c31 !important;
    }

    .tasks-switcher ul li.active {
        background-color: #861ad9;
        color: #fff;

        path {
            stroke: #fff;
        }
    }

    .tasks-switcher ul li:not(.active) {
        color: #fff;

        path {
            stroke: #fff;
        }
    }

    .flatpickr-monthDropdown-months {
        background-color: #fff !important;
    }

    .tasks-show-new {
        color: #fff;

        path {
            stroke: #fff;
        }
    }

    .tasks-stat-row {
        .stat-title {
            color: #fff;
        }
    }
    .tasks-show-new:hover {
        background-color: transparent !important;
        color: #fff;
    }
    .tasks-switcher ul li {
        color: #9C9C9C;
    }
    /*.tasks-switcher ul li.active {*/
    /*    background-color: #F8F8F8;*/
    /*    color: #404D61;*/
    /*}*/
    .dropdown-title-box {
        background: #FFFFFF;
        border: 1px solid #D7D7D7;
        color: #2B2B2B;
    }
    .dropdown-box {
        border: 1px solid rgba(230, 232, 236, 0.13);
    }
    .dropdown-box ul li {
        background: #101011;
        color: #fff !important;
    }
    .dropdown-box ul li:hover {
        background: #a83afd !important;
        color: #fff !important;
    }
    .custom-dropdown .dropdown-title-box:hover {
        background: #F8F8F8;
    }
    .custom-dropdown .dropdown-title-box {
        background: #FFFFFF;

    }
    .dropdown-box ul li:not(:last-child) {
        border-bottom: 1px solid rgba(230, 232, 236, 0.13);
    }
    .dropdown-box ul li:hover {
        background: #F8F8F8;
    }
    .circle-item {
        background: #dadada;
    }
    .violet {
        background: #A83AFD;
    }
    .blue {
        background: #3A9FFD;
    }
    .red {
        background: #FD5D3A;
    }
    .green {
        background: #51CF3C;
    }
    .text-violet {
        color: #A83AFD;
    }
    .text-blue {
        color: #3A9FFD;
    }
    .text-red {
        color: #FD5D3A;
    }
    .text-green {
        color: #51CF3C;
    }

    .flatpickr-day.selected {
        background: #A83AFD;
        border-color: #A83AFD;
    }
    .task-search {
        border: 1px solid #D7D7D7;
    }

    .tasks-new {
        background: #F6F6F6;
        border: 1px solid #ECECEC;
    }
    .tasks-new:hover {
        background: #ececec;
    }
    .tasks-stat-row .stat-circle {
        background: #A83AFD;
    }
    .tasks-stat-row .stat-title {
        color: #fff;
    }
    .tasks-stat-row .stat-value {
        color: #A83AFD;
    }
    .tasks-box table thead {
        background-color: #2C2A32;
         th {
             color:#B1B1B1 !important;
         }
    }
    .tasks-box table thead th {
        color: #404D61;
    }
    .tasks-box table tbody tr:hover {
        background-color: #352B51;
    }
    .task-group-tr td, .task-group:hover {
        background-color: #352B51 !important;
        color: #fff !important;
    }
    .task-group:hover {
        background-color: #352B51 !important;
    }
    .task-title-cell {
        color: #fff;
    }
    .task-description-cell {
        color: #fff;
    }
    .task-users-cell ul li.no-photo, .task-users ul li.no-photo {
        background-color: #404d61;
        color: #fff;
    }
    .task-date-cell {
        color: #fff;
    }
    .deadline-cell span {
        color: #9C9C9C;
    }
    .action-dropdown li:not(:last-child), .action-dropdown-kanban li:not(:last-child) {
        border-bottom: 1px solid #E6E8EC;
    }
    .action-dropdown, .action-dropdown-kanban {
        border: 1px solid #F6F6F6;
        background-color: #fff;
    }
    .action-dropdown li:hover, .action-dropdown-kanban li:hover {
        background-color: #F6F6F6;
    }
    .action-dropdown li a, .action-dropdown-kanban li a {
        color: #404D61;
    }


    .breadcrumbs-popup li a {
        color: #9C9C9C;

    }
    .breadcrumbs-popup li {
        color: #404D61;
    }
    .breadcrumbs-popup li:not(:last-child):after {
        color: #9C9C9C;

    }
    .status-item-cell {
        color: rgba(255, 255, 255, 0.62);
    }
    .popup-line {
        background-color: rgba(246, 246, 246, 0.2);
    }
    .popup-title {
        color: #fff;
    }
    .popup-subtitle {
        color: #777E91;
    }
    .form-item label {
        color: #B1B5C4;
    }
    .popup-input {
        border: 1px solid #E6E8EC;
    }
    .popup-textarea {
        border: 1px solid #E6E8EC;
    }
    .popup-form .select2 {
        border: 1px solid #E6E8EC;
    }
    .popup-form .select2-selection__placeholder {
        color: #757575 !important;
    }
    .popup-act-buttons .btn-popup-save {
        color: #fff;
        background: #9747FF;
    }
    .popup-act-buttons .btn-popup-cancel {
        color: #B1B5C3;
        background: #fff;
    }
    .column-header .column-title {
        color: #fff;
    }

    /*.add-column-task:hover {*/
    /*    background-color: #f8f5ff;*/
    /*}*/
    .add-column-task, .add-column-task:hover {

        background: #404D61;
        border-radius: 5px;

        svg {
            path {
                stroke: #fff;
            }
        }
    }
    .column-tasks {
        margin: 15px 0 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    .column-tasks li:not(.tag, .users-list-item) {
        border-radius: 5px;
        background-color: #404D61;
        padding: 20px;
    }
    .task-block-header {
        display: flex;
        gap: 10px;
    }
    .task-tags-list {
        flex: 1;
    }
    .task-tags-list ul li {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto !important;
        padding: 5px 10px;
        height: 24px;
        background: #6C20CC;
        border-radius: 30px;
        color: #fff;
    }
    .task-tags-list ul {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 5px;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .task-actions-item {
        width: 10px;
        text-align: right;
    }
    .task-actions-item a {
        display: inline-block;
        width: 100%;
    }
    .task-item {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .task-date {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #fff;

    }
    .task-title {
        margin-top: -10px;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        color: #fff;
    }
    .task-text {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        margin-top: -5px;
        color: #fff;
    }
    .line {
        height: 1px;
        background-color: #536177;
        margin-top: 5px;
    }
    .task-footer {
        margin-top: 5px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .task-footer .deadline {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        color: #fff;
        gap: 4px;
        display: inline-flex;
        align-items: center;
    }
    .alarm {
        display: none;
    }
    .task-footer .deadline .alarm {
        margin-left: 6px;
    }
    .warning .alarm {
        display: inherit !important;
    }
    .warning span {
        color: #FD5D3A;
    }
    .warning svg path {
        stroke: #FD5D3A ;
    }
    .column-tasks {
        /*background-color: #F6F6F6;*/
        min-height: 100vh;
    }
    .column-tasks li {
        /*margin-bottom: 6px;*/
    }
    .paginator-box {
        display: inline-flex;
        justify-content: center;
        width: 100%;
    }
    .popup-head h6 {
        margin: 0 !important;
        line-height: normal !important;
    }
    .show-task-sub-head {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .show-task-deadline-cell {
        display: inline-flex;
        gap: 5px;
        align-items: center;
    }
    .show-task-box .task-tags-list ul li {
        background-color: #5908b1;
    }

    .task-popup-modal {
        background-color: #101011;

        input:not(.numInput), textarea, select {
            background-color: #2C2A32 !important;
            border-color: #2C2A32 !important;
            color: #fff !important;
        }
        .select2 {
            background-color: #2C2A32 !important;
            border-color: #2C2A32 !important;
            color: #fff !important;
        }

        .select2-container--default .select2-selection--multiple {
            background-color: #2C2A32 !important;
        }

        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            background-color: #6C20CC !important;
        }
    }

    @media screen and (max-width: 676px) {
        .task-popup-modal {
            background-color: #101011;
        }

    }
    .schedule-user-tag-item span {
        color: #fff !important;
    }
    .schedule-user-tag-delete {
        color: #fff;

        svg {
            path {
                stroke: #fff;
            }
        }
    }

    .your-rating .rating-box {
        background-color: #1F1F23 !important;
    }

    .profit-box .title span {
        color: #fff !important;
    }
    .profit-box .value-box .value, .period-info .title, .period-info .period-value {
        color: #fff !important;
    }
    .balance-box {
        background-color: #1F1F23 !important;
    }
    .profit-stat-box .box {
        background-color: #1F1F23 !important;
    }
    .call-worker-box span {
        color: #fff !important;
    }

    .profit-stat-box-2 .box span, .profit-stat-box-2 .box .value {
        color: #fff !important;
    }



    .store-in-cell button {
        background-color: var(--color-15);
        border: 0 !important;
    }

    .send-report-item a {
        color: #fff !important;
    }

    .rep-form {
        .rep-search, .set-date-inp {
            background-color: #2C2A32 !important;
            border-color: #2C2A32 !important;
            color: #fff !important;
        }
    }

    .set-package-box {
        background-color: #1F1F23;
        color: #fff !important;

        input {
            background-color: #2C2A32 !important;
            border-color: #2C2A32 !important;
            color: #fff !important;
        }
    }
    .btn-save-rep {
        color: #fff !important;
    }

    .set-item.active {
        .set-package-box {
            background-color: #2C2A32;

            input {
                background-color: #1F1F23 !important;
            }
        }
    }
}
@media screen and (max-width: 768px) {
    .stat-page .navbar {
        background-color: var(--color-65) !important;
    }
}

@media screen and (max-width: 768px) {
    .profile-box-mob {
        background: var(--color-64);
        background: -moz-linear-gradient(180deg, var(--color-65) 0%, var(--color-66) 100%);
        background: -webkit-linear-gradient(180deg, var(--color-65) 0%, var(--color-66) 100%);
        background: linear-gradient(180deg, var(--color-65) 0%, var(--color-66) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color-24)",endColorstr="var(--color-26)",GradientType=1);
    }

    .balance-stat p,     .stat-page .page-title {
        color: #fff !important;
    }
    .mob-header .right-side .box {
        background-color: #1F1F23 !important;
    }

    .mob-page {
        background: #1F1F23 !important;
    }
    .mob-header .right-side .box .title-value:not(.green-text, .red-text),     .mob-page .title-value:not(.green-text, .red-text), .ext-stat-col .title {
        color: #fff !important;
    }
    .icons .left-icon {
        background-color: #fff !important;
    }
}

.products-header .price {
    color:#B1B1B1!important;
}
.table-red-highlight td {
    background-color: rgba(168, 58, 253, 0.11) !important;
    border-color: #2c2c31 !important;
}
.bonus-cell {
    color: #fff !important  ;
}
.modal-cancel {
    text-transform: inherit !important;
    border-radius: 4px;
    border: 1px solid var(--color-blue-1) !important;
    color: var(--color-blue-1) !important;
    font-family: Inter, serif !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: -0.044px !important;
}
.modal-confirm-delete {
    text-transform: inherit !important;
    border-radius: 4px;
    color: #fff !important;
    border: 1px solid var(--color-danger) !important;
    font-family: Inter, serif !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: -0.044px !important;
    background-color: var(--color-danger) !important;
}
.modal-confirm-send {
    text-transform: inherit !important;
    border-radius: 4px;
    color: #fff !important;
    border: 1px solid var(--color-info) !important;
    font-family: Inter, serif !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: -0.044px !important;
    background-color: var(--color-info) !important;
}
.page-title {
    color: #fff !important;
}
.mob-prod-second-row .btn-start-search button, .mob-prod-three-row .add-btn-prod {
    color: #fff !important;
}
.ved2 {
    color: #000 !important;
}
.history-btn-prod {
    background-color: #fff !important;
    color: var(--color-53) !important;

}
.history-btn-prod:hover {
    /*color: var(--color-53) !important;*/
    background-color: var(--color-54) !important;

    span {
        /*color: #fff !important;*/
    }
}
.history-btn-prod:focus {
    /*color: var(--color-53) !important;*/
    background-color: var(--color-54) !important;
}
.mob-ver .user-nav-menu .name {
    color: #fff !important;
}
.user-nav-menu ul li a {
    color: #fff !important;
}
.close-task-modal {
    svg path {
        fill: #fff !important;
    }
}
.task-popup-modal .btn-popup-cancel {
    color: #000 !important;
}
.tasks-filter {
    .search-box-tasks {
        background-color: #2C2A32 !important;
        border-color: #2C2A32 !important;
        color: #fff !important;
    }
    .task-search {
        border: 0 !important;
    }

    .dropdown-title-box {
        background-color: #101011 !important;
        border-color: #2c2a32 !important;
        color: #fff !important;
    }

    .custom-dropdown {
        border: 0 !important;
    }
}
.footer-row td {
    background-color: #2c2a33 !important;
}
.fp1 {
    color: #fff !important;
}
.jconfirm-title {
    color: #000 !important;
}
.users-row svg path:not(.skip), .user-avatar    svg path:not(.skip) {
    fill: #fff;
}
.set-products .form-check label {
    color: #fff !important  ;
}
.rep-table .table-dark tr, .rep-table .table-dark th, .rep-table .table-dark td {
    background-color: #2C2A32;
    color: var(--color-8);
}
.my-found {
    td {
        background-color: #20142b !important;
        border-bottom: 1px solid #2b1c38 !important;
    }
}
.penalty-box-details {
    .arrow {
        rect {
            fill: #101011 !important
        }
        path {
            stroke: #fff !important;
        }
    }
}
.select2-selection__placeholder {
    color: #fff !important;
}
.show-task-deadline-cell span {
    color: #fff !important;
}
.second-form-item .form-item {
    color: #fff;
}
.action-menu-kanban {
    svg {
        path {
            stroke: #6b798d;
        }
    }
}
.product-title-photo {
    svg {
        path {
            stroke: #ffffff;
        }
    }
}
.lb-outerContainer {
    background-color: #101011 !important;
}
.del-photo {
    margin-top: 10px;
    color: #fff;
}
.border-bottom-line {
    border-bottom: 1px solid;
    border-color: #2c2c31 !important;
}
li {
    .set-title {
        color: #20142b !important;
    }
}
.active.checked-item {
    .border-bottom-line {
        border-color: #101011 !important;
    }
}
.sub-item-title {

    color: #fff !important;
}
.sub-items-box {
    svg {
        path {
            stroke: #fff;
        }
    }
}
.users-set-active {
    td {
        background-color: #20142b !important;
        background: #20142b !important;
    }
}
.user-nav-menu ul li.active a {
    color: #fff !important;
}
.collect-inp {
    background-color: #2C2A32 !important;
    border-color: #2C2A32 !important;
    color: #fff !important;
    border: 1px solid var(--edit-inp-color);
}
.ad-btn {
    svg {
        width: 28px;
        path {
            stroke: #fff;
        }
    }
}
.ad-block {
    background-color: #2c2a32 !important;


    .ad-title {
        color: #fff !important;
    }

    p {
        color: #fff !important;
    }

    .ad-link {
        color: #fff !important;
        background-color: var(--servers-head-color);
    }
}

.mob-sub-menu-item {
    color: #fff !important;
}
.sub-menu {

    background: #36313f !important;
    /*box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);*/
    backdrop-filter: blur(15.1px);
    -webkit-backdrop-filter: blur(15.1px);
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    .sub-menu-box {
        a:hover {
            background-color: #eeeeee;
            color: #000;
        }

        a:active, a:focus {
            background-color: #eeeeee;
            color: #000;
        }
    }

}

@media screen and (max-width: 700px) {
    .sub-menu {
        .sub-menu-box {

            a:hover {
                background-color: #eeeeee;
                color: #000;
            }

            a:active, a:focus {
                background-color: #eeeeee;
                color: #000;
            }
        }
    }
}
.codex-editor [data-placeholder-active]:empty:before, .codex-editor [data-placeholder-active][data-empty=true]:before {
    color: #adb1bd;
}
.ce-toolbar__plus, .ce-toolbar__settings-btn {
    svg {
        path {
            stroke: #adb1bd !important;
        }
    }
}
.cdx-block {
    color: #fff;
}
.ce-popover__container {
    border: 0 !important;
    background-color: #36313f !important;

   .ce-popover-item__title {
       color: #fff !important;
   }

    .ce-popover-item {
        svg {
            path, line, rect {
                stroke: #adb1bd !important;
            }
        }
    }

    .ce-popover-item:hover {
        background-color: #16141a !important;
        color: #fff !important;
    }
}
.cdx-search-field {
    background-color: #36313f !important;
}
.ce-block__content {
    color: #fff !important;
}
.edu-page-box {
    p {
        color: #fff;
    }
    ul, ol {
        color: #fff;
    }
    h1, h2, h3, h4, h5, h6 {
        color: #fff;
    }
    a {
        color: #a83afd;
        /*font-weight: bolder;*/
        text-decoration: none;
    }
    a:hover {
        color: #a83afd !important;
    }
    i {
        color: #fff;
    }

    .file-block {
        color: #000;
        margin-bottom: 10px;
    }

    .alert-secondary {
        background-color: #36313f !important;
        border: 0;

        hr {
            opacity: 0.9;
        }
    }
}
.save-post-btn {
    color: #fff !important;
}
.cdx-attaches__title {
    color: #000;
}
.profile-btn {
    color: #fff !important;
}


.q-red-row {
    background: #4E0E2E !important;
}
.q-green-row {
    background: #1F6252 !important;
}

.stat-q-cell {
    display: flex;
    align-items: center;
    justify-content: space-between !important;

    .title {
        flex: 1;

        display: inline-flex;
        align-items: center;
        gap: 5px;

        svg, img {
            width: 18px;
            border-radius: 3px;

            path {
                stroke: #b1b1b1;
            }
        }
    }
    .counter-q {
        flex: 1;
        color: #fff;
        text-align: right;
        padding-right: 13px;
    }




}
.q-red {
    color: #FF4E98 !important;

    svg {
        path {
            stroke: #FF4E98 !important;
        }
    }
}
.q-green {
    color: #5FFFDA !important;

    svg {
        path {
            stroke: #5FFFDA !important;
        }
    }
}
.reset-plan-link {
    text-decoration: none;
    color: #650000 !important;
}
.reset-plan-link:hover {
    color: #970000 !important;
}
.auth-body {
    input::placeholder {
        color: #7e7e7e !important;
    }

    .auth-box input[type=text], .auth-box input[type=email], .auth-box input[type=password] {
        border-color: #555555 !important;
        color: #fff !important;
    }

    .btn-next-step, .btn-next {
        color: #fff !important;
    }

    .form-header p {
        color: #7e7e7e !important;
    }

    h1 {
        color: #fff;
    }
}


.new-top-table {

    ul {

        li {
            background-color: #1F1F23 !important;
            .top-user-name {
                color: #FFFFFF !important;
            }

            .top-user-info {
                .top-pos {
                    color: #FFFFFF;
                }



                .top-photo {
                    img, svg {
                        path {
                            fill: #414149 !important;
                        }
                    }
                }

                .top-stat {
                    .top-stat-row {
                        .label-row {
                            color: #8D8D8D;
                        }

                        .label-value {
                            color: #FFFFFF;

                        }
                    }
                }

                .top-rate {
                    .rate-val {
                        color: #721CFD !important;

                    }
                }
            }


        }

        .top-header {
            span {
                color: #FFFFFF !important;

            }
        }
    }

    .single-rate {
        .top-pos, .label-value {
            color: #FFFFFF !important;
        }
    }

    .pos-rate-0 {
        background: linear-gradient(180deg, #FFFF1A 0%, #FFE818 99.95%, #FED62B 99.96%, #FED82A 99.97%, #FFE925 99.98%, rgba(233, 145, 42, 0) 99.99%, rgba(255, 150, 27, 0) 100%);

        .label-value, .top-user-name, .top-pos {
            color: #000 !important;
        }

        .top-pos {
            color: #000 !important;
        }
    }

    .pos-rate-1 {
        background: linear-gradient(180deg, #F1F6F7 50%, #BFCCCE 99.95%, #636361 99.96%, #FED82A 99.97%, #FFE925 99.98%, rgba(233, 145, 42, 0) 99.99%, rgba(255, 150, 27, 0) 100%);
        .label-value, .top-user-name, .top-pos {
            color: #000 !important;
        }

        .top-pos {
            color: #000 !important;
        }
    }

    .pos-rate-2 {
        background: linear-gradient(180deg, #FF9D41 0%, #FDBC24 99.95%, #FED62B 99.96%, #FED82A 99.97%, #FFE925 99.98%, rgba(233, 145, 42, 0) 99.99%, rgba(255, 150, 27, 0) 100%);
        .label-value, .top-user-name, .top-pos {
            color: #000 !important;
        }

        .top-pos {
            color: #000 !important;
        }
    }
}
.single-rate {
    .label-row {
        color: #8D8D8D !important;
    }
    .label-value {
        color: #FFFFFF !important;
    }
}