body.dark-theme .shape-avatar, body.dark-theme .settings-box:hover, body.dark-theme .settings-box.selected, body.dark-theme .dashboard-summary .item.bg-1, body.dark-theme .clist-content.clist-case.active, body.dark-theme .custom-dropdown .custom-dropdown-header {
    background: linear-gradient(135deg, #fff6, #404143) #404143
}

body.dark-theme .settings-box.mini:hover {
    border: 1px solid #404143
}

body.dark-theme .bottom-inner-btn button:hover, body.dark-theme .bottom-inner-btn button:active, body.dark-theme .pagination-dropup:focus, body.dark-theme .pagination-dropup:hover {
    color: #404143;
    border: 1px solid #404143
}

body.dark-theme svg.document-copy .st3, body.dark-theme svg.add-file .st0, body.dark-theme svg.filter .st3, body.dark-theme .page-not-found-container .error-404 .st0, body.dark-theme .page-not-found-container .error-404 .st1, body.dark-theme .page-not-found-container .error-401 .st1, body.dark-theme .main-menu .navigation > li:hover > a > svg g [fill], body.dark-theme .main-menu .navigation > li.open > a > svg g [fill], body.dark-theme .menu-footer-btn button:hover svg g [fill] {
    fill: #404143
}

body.dark-theme .not-found-container .title, body.dark-theme .page-not-found-container h1, body.dark-theme .case-arrow-down {
    color: #404143
}

body.dark-theme .bottom-inner-pagination ol li.current input:focus, body.dark-theme .custom-select:focus, body.dark-theme .form-control:focus, body.dark-theme .case-open {
    border: 1px solid #404143
}

body.dark-theme .mat-expansion-panel-header:hover svg g [fill], body.dark-theme .mat-expansion-panel-header.mat-expanded svg g [fill], body.dark-theme .menu-footer button:hover svg g [fill] {
    fill: #fff
}

body.dark-theme .bottom-inner-pagination ol li.current input:focus, body.dark-theme .custom-select:focus, body.dark-theme .form-control:focus {
    animation: formControlFlashDark ease-in-out .8s
}

body.dark-theme .node-content-wrapper-active.node-content-wrapper-focused {
    background: #404143 !important;
    color: #fff
}

body.dark-theme .mat-progress-bar-buffer {
    background-color: #fff !important
}

body.dark-theme .mat-progress-bar-fill::after {
    background: #404143 !important
}

@keyframes formControlFlashDark {
    from {
        background-color: #404143
    }
    to {
        background-color: #fff
    }
}

body.red-theme .shape-avatar, body.red-theme .settings-box:hover, body.red-theme .settings-box.selected, body.red-theme .dashboard-summary .item.bg-1, body.red-theme .clist-content.clist-case.active, body.red-theme .custom-dropdown .custom-dropdown-header {
    background: linear-gradient(135deg, #fff6, #ff737e) #ff737e
}

body.red-theme .settings-box.mini:hover {
    border: 1px solid #ff737e
}

body.red-theme .bottom-inner-btn button:hover, body.red-theme .bottom-inner-btn button:active, body.red-theme .pagination-dropup:focus, body.red-theme .pagination-dropup:hover {
    color: #ff737e;
    border: 1px solid #ff737e
}

body.red-theme svg.document-copy .st3, body.red-theme svg.add-file .st0, body.red-theme svg.filter .st3, body.red-theme .page-not-found-container .error-404 .st0, body.red-theme .page-not-found-container .error-404 .st1, body.red-theme .page-not-found-container .error-401 .st1, body.red-theme .mat-expansion-panel-header:hover svg g [fill], body.red-theme .mat-expansion-panel-header.mat-expanded svg g [fill], body.red-theme .menu-footer button:hover svg g [fill], body.red-theme .main-menu .navigation > li:hover > a > svg g [fill], body.red-theme .main-menu .navigation > li.open > a > svg g [fill], body.red-theme .menu-footer-btn button:hover svg g [fill] {
    fill: #ff737e
}

body.red-theme .not-found-container .title, body.red-theme .page-not-found-container h1, body.red-theme .case-arrow-down {
    color: #ff737e
}

body.red-theme .bottom-inner-pagination ol li.current input:focus, body.red-theme .custom-select:focus, body.red-theme .form-control:focus, body.red-theme .case-open {
    border: 1px solid #ff737e
}

body.red-theme .bottom-inner-pagination ol li.current input:focus, body.red-theme .custom-select:focus, body.red-theme .form-control:focus {
    animation: formControlFlashRed ease-in-out .8s
}

body.red-theme .node-content-wrapper-active.node-content-wrapper-focused {
    background: #ff737e !important;
    color: #fff
}

@keyframes formControlFlashRed {
    from {
        background-color: #ff737e
    }
    to {
        background-color: #fff
    }
}

body.orange-theme .shape-avatar, body.orange-theme .settings-box:hover, body.orange-theme .settings-box.selected, body.orange-theme .dashboard-summary .item.bg-1, body.orange-theme .clist-content.clist-case.active, body.orange-theme .custom-dropdown .custom-dropdown-header {
    background: linear-gradient(135deg, #fff6, #ff842d) #ff842d
}

body.orange-theme .settings-box.mini:hover {
    border: 1px solid #ff842d
}

body.orange-theme .bottom-inner-btn button:hover, body.orange-theme .bottom-inner-btn button:active, body.orange-theme .pagination-dropup:focus, body.orange-theme .pagination-dropup:hover {
    color: #ff842d;
    border: 1px solid #ff842d
}

body.orange-theme svg.document-copy .st3, body.orange-theme svg.add-file .st0, body.orange-theme svg.filter .st3, body.orange-theme .page-not-found-container .error-404 .st0, body.orange-theme .page-not-found-container .error-404 .st1, body.orange-theme .page-not-found-container .error-401 .st1, body.orange-theme .mat-expansion-panel-header:hover svg g [fill], body.orange-theme .mat-expansion-panel-header.mat-expanded svg g [fill], body.orange-theme .menu-footer button:hover svg g [fill], body.orange-theme .main-menu .navigation > li:hover > a > svg g [fill], body.orange-theme .main-menu .navigation > li.open > a > svg g [fill], body.orange-theme .menu-footer-btn button:hover svg g [fill] {
    fill: #ff842d
}

body.orange-theme .not-found-container .title, body.orange-theme .page-not-found-container h1, body.orange-theme .case-arrow-down {
    color: #ff842d
}

body.orange-theme .bottom-inner-pagination ol li.current input:focus, body.orange-theme .custom-select:focus, body.orange-theme .form-control:focus, body.orange-theme .case-open {
    border: 1px solid #ff842d
}

body.orange-theme .bottom-inner-pagination ol li.current input:focus, body.orange-theme .custom-select:focus, body.orange-theme .form-control:focus {
    animation: formControlFlashOrange ease-in-out .8s
}

body.orange-theme .node-content-wrapper-active.node-content-wrapper-focused {
    background: #ff842d !important;
    color: #fff
}

@keyframes formControlFlashOrange {
    from {
        background-color: #ff842d
    }
    to {
        background-color: #fff
    }
}

body.yellow-theme .shape-avatar, body.yellow-theme .settings-box:hover, body.yellow-theme .settings-box.selected, body.yellow-theme .dashboard-summary .item.bg-1, body.yellow-theme .clist-content.clist-case.active, body.yellow-theme .custom-dropdown .custom-dropdown-header {
    background: linear-gradient(135deg, #fff6, #ffc444) #ffc444;
    color: #111 !important
}

body.yellow-theme .settings-box.mini:hover {
    border: 1px solid #ffc444
}

body.yellow-theme .bottom-inner-btn button:hover, body.yellow-theme .bottom-inner-btn button:active, body.yellow-theme .pagination-dropup:focus, body.yellow-theme .pagination-dropup:hover {
    color: #ffc444;
    border: 1px solid #ffc444
}

body.yellow-theme svg.document-copy .st3, body.yellow-theme svg.add-file .st0, body.yellow-theme svg.filter .st3, body.yellow-theme .page-not-found-container .error-404 .st0, body.yellow-theme .page-not-found-container .error-404 .st1, body.yellow-theme .page-not-found-container .error-401 .st1, body.yellow-theme .mat-expansion-panel-header:hover svg g [fill], body.yellow-theme .mat-expansion-panel-header.mat-expanded svg g [fill], body.yellow-theme .menu-footer button:hover svg g [fill], body.yellow-theme .main-menu .navigation > li:hover > a > svg g [fill], body.yellow-theme .main-menu .navigation > li.open > a > svg g [fill], body.yellow-theme .menu-footer-btn button:hover svg g [fill] {
    fill: #ffc444
}

body.yellow-theme .not-found-container .title, body.yellow-theme .page-not-found-container h1, body.yellow-theme .case-arrow-down {
    color: #ffc444
}

body.yellow-theme .bottom-inner-pagination ol li.current input:focus, body.yellow-theme .custom-select:focus, body.yellow-theme .form-control:focus, body.yellow-theme .case-open {
    border: 1px solid #ffc444
}

body.yellow-theme .shape-avatar .letter-avatar, body.yellow-theme .clist-content.clist-case.active * {
    color: #111
}

body.yellow-theme .bottom-inner-pagination ol li.current input:focus, body.yellow-theme .custom-select:focus, body.yellow-theme .form-control:focus {
    animation: formControlFlashYellow ease-in-out .8s
}

body.yellow-theme .node-content-wrapper-active.node-content-wrapper-focused {
    background: #ffc444 !important;
    color: #111
}

@keyframes formControlFlashYellow {
    from {
        background-color: #ffc444
    }
    to {
        background-color: #fff
    }
}

body.green-theme .shape-avatar, body.green-theme .settings-box:hover, body.green-theme .settings-box.selected, body.green-theme .dashboard-summary .item.bg-1, body.green-theme .clist-content.clist-case.active, body.green-theme .custom-dropdown .custom-dropdown-header {
    background: linear-gradient(135deg, #fff6, #4fc694) #4fc694
}

body.green-theme .settings-box.mini:hover {
    border: 1px solid #4fc694
}

body.green-theme .bottom-inner-btn button:hover, body.green-theme .bottom-inner-btn button:active, body.green-theme .pagination-dropup:focus, body.green-theme .pagination-dropup:hover {
    color: #4fc694;
    border: 1px solid #4fc694
}

body.green-theme svg.document-copy .st3, body.green-theme svg.add-file .st0, body.green-theme svg.filter .st3, body.green-theme .page-not-found-container .error-404 .st0, body.green-theme .page-not-found-container .error-404 .st1, body.green-theme .page-not-found-container .error-401 .st1, body.green-theme .mat-expansion-panel-header:hover svg g [fill], body.green-theme .mat-expansion-panel-header.mat-expanded svg g [fill], body.green-theme .menu-footer button:hover svg g [fill], body.green-theme .main-menu .navigation > li:hover > a > svg g [fill], body.green-theme .main-menu .navigation > li.open > a > svg g [fill], body.green-theme .menu-footer-btn button:hover svg g [fill] {
    fill: #4fc694
}

body.green-theme .not-found-container .title, body.green-theme .page-not-found-container h1, body.green-theme .case-arrow-down {
    color: #4fc694
}

body.green-theme .bottom-inner-pagination ol li.current input:focus, body.green-theme .custom-select:focus, body.green-theme .form-control:focus, body.green-theme .case-open {
    border: 1px solid #4fc694
}

body.green-theme .bottom-inner-pagination ol li.current input:focus, body.green-theme .custom-select:focus, body.green-theme .form-control:focus {
    animation: formControlFlashGreen ease-in-out .8s
}

body.green-theme .node-content-wrapper-active.node-content-wrapper-focused {
    background: #4fc694 !important;
    color: #fff
}

@keyframes formControlFlashGreen {
    from {
        background-color: #4fc694
    }
    to {
        background-color: #fff
    }
}

body.purple-theme .shape-avatar, body.purple-theme .settings-box:hover, body.purple-theme .settings-box.selected, body.purple-theme .dashboard-summary .item.bg-1, body.purple-theme .clist-content.clist-case.active, body.purple-theme .custom-dropdown .custom-dropdown-header {
    background: linear-gradient(135deg, #fff6, #5d78ff) #5d78ff
}

body.purple-theme .settings-box.mini:hover {
    border: 1px solid #5d78ff
}

body.purple-theme .bottom-inner-btn button:hover, body.purple-theme .bottom-inner-btn button:active, body.purple-theme .pagination-dropup:focus, body.purple-theme .pagination-dropup:hover {
    color: #5d78ff;
    border: 1px solid #5d78ff
}

body.purple-theme svg.document-copy .st3, body.purple-theme svg.add-file .st0, body.purple-theme svg.filter .st3, body.purple-theme .page-not-found-container .error-404 .st0, body.purple-theme .page-not-found-container .error-404 .st1, body.purple-theme .page-not-found-container .error-401 .st1, body.purple-theme .mat-expansion-panel-header:hover svg g [fill], body.purple-theme .mat-expansion-panel-header.mat-expanded svg g [fill], body.purple-theme .menu-footer button:hover svg g [fill], body.purple-theme .main-menu .navigation > li:hover > a > svg g [fill], body.purple-theme .main-menu .navigation > li.open > a > svg g [fill], body.purple-theme .menu-footer-btn button:hover svg g [fill] {
    fill: #5d78ff
}

body.purple-theme .not-found-container .title, body.purple-theme .page-not-found-container h1, body.purple-theme .case-arrow-down {
    color: #5d78ff
}

body.purple-theme .bottom-inner-pagination ol li.current input:focus, body.purple-theme .custom-select:focus, body.purple-theme .form-control:focus, body.purple-theme .case-open {
    border: 1px solid #5d78ff
}

body.purple-theme .bottom-inner-pagination ol li.current input:focus, body.purple-theme .custom-select:focus, body.purple-theme .form-control:focus {
    animation: formControlFlashPurple ease-in-out .8s
}

body.purple-theme .node-content-wrapper-active.node-content-wrapper-focused {
    background: #5d78ff !important;
    color: #fff
}

@keyframes formControlFlashPurple {
    from {
        background-color: #5d78ff
    }
    to {
        background-color: #fff
    }
}

body.pink-theme .shape-avatar, body.pink-theme .settings-box:hover, body.pink-theme .settings-box.selected, body.pink-theme .dashboard-summary .item.bg-1, body.pink-theme .clist-content.clist-case.active, body.pink-theme .custom-dropdown .custom-dropdown-header {
    background: linear-gradient(135deg, #fff6, #f8adb5) #f8adb5
}

body.pink-theme .settings-box.mini:hover {
    border: 1px solid #f8adb5
}

body.pink-theme .bottom-inner-btn button:hover, body.pink-theme .bottom-inner-btn button:active, body.pink-theme .pagination-dropup:focus, body.pink-theme .pagination-dropup:hover {
    color: #f8adb5;
    border: 1px solid #f8adb5
}

body.pink-theme svg.document-copy .st3, body.pink-theme svg.add-file .st0, body.pink-theme svg.filter .st3, body.pink-theme .page-not-found-container .error-404 .st0, body.pink-theme .page-not-found-container .error-404 .st1, body.pink-theme .page-not-found-container .error-401 .st1, body.pink-theme .mat-expansion-panel-header:hover svg g [fill], body.pink-theme .mat-expansion-panel-header.mat-expanded svg g [fill], body.pink-theme .menu-footer button:hover svg g [fill], body.pink-theme .main-menu .navigation > li:hover > a > svg g [fill], body.pink-theme .main-menu .navigation > li.open > a > svg g [fill], body.pink-theme .menu-footer-btn button:hover svg g [fill] {
    fill: #f8adb5
}

body.pink-theme .not-found-container .title, body.pink-theme .page-not-found-container h1, body.pink-theme .case-arrow-down {
    color: #f8adb5
}

body.pink-theme .bottom-inner-pagination ol li.current input:focus, body.pink-theme .custom-select:focus, body.pink-theme .form-control:focus, body.pink-theme .case-open {
    border: 1px solid #f8adb5
}

body.pink-theme .bottom-inner-pagination ol li.current input:focus, body.pink-theme .custom-select:focus, body.pink-theme .form-control:focus {
    animation: formControlFlashPink ease-in-out .8s
}

body.pink-theme .node-content-wrapper-active.node-content-wrapper-focused {
    background: #f8adb5 !important;
    color: #fff
}

@keyframes formControlFlashPink {
    from {
        background-color: #f8adb5
    }
    to {
        background-color: #fff
    }
}

.wt-frame, .left-content-inner-bottom, .left-content-inner-bottom2, wt-menu .mat-expansion-panel.mat-expanded, wt-menu mat-sidenav-container, .header-navbar.navbar-semi-dark .navbar-header, .wt-frame-top, .wt-frame-bottom, .left-content-inner-header, .left-content-inner-center, .left-content-inner-bottom, .left-content-inner-bottom2, .nav-search-button, .nav-search-input {
    transition: background-color, background ease-out, border-color .7s
}

body.dark-mode, body.dark-mode a {
    color: #ececec
}

body.dark-mode label, body.dark-mode label.dropdown-item {
    color: #b5b5b5
}

body.dark-mode .wt-frame {
    background-color: #232323
}

body.dark-mode .wt-frame .bottom-inner-btn button {
    border: 1px solid #3e3e3e;
    color: #ececec
}

body.dark-mode .wt-frame .bottom-inner-btn button:hover {
    background: #383838;
    transition: .3s ease
}

body.dark-mode .nav-profile, body.dark-mode .nav-search-button i, body.dark-mode .hidden-btn i {
    color: #ececec
}

body.dark-mode .nav-search-button, body.dark-mode .nav-search-input {
    border: 1px solid #3b3b3b;
    color: #ececec
}

body.dark-mode .wt-frame-bottom {
    background-color: #2c2c2c;
    border: 0
}

body.dark-mode .left-content-inner-bottom, body.dark-mode .left-content-inner-bottom2 {
    border-top: none;
    background-color: #313131
}

body.dark-mode .left-tree-header-inner ul li h2 {
    color: #b5b5b5
}

body.dark-mode wt-menu mat-sidenav-container {
    box-shadow: 0 0 14px 1px #1f1f1f
}

body.dark-mode wt-menu .mat-drawer {
    background-color: #2c2c2c !important
}

body.dark-mode wt-menu .mat-expansion-panel.mat-expanded {
    background: #232323 !important
}

body.dark-mode wt-menu .mat-expansion-panel .mat-expansion-panel.mat-expanded {
    background: #181818 !important
}

body.dark-mode wt-menu .mat-expansion-panel .mat-expansion-panel .mat-expansion-panel.mat-expanded {
    background: #131313 !important
}

body.dark-mode wt-menu .mat-expansion-panel .mat-expansion-panel .mat-expansion-panel .mat-expansion-panel.mat-expanded {
    background: #080808 !important
}

body.dark-mode.menu-collapsed .menu-body > mat-accordion > mat-expansion-panel > .mat-expansion-panel-content {
    background: #1e1e1e
}

body.dark-mode .mat-expansion-panel-header svg g [fill], body.dark-mode .menu-footer button svg g [fill] {
    fill: #777
}

body.dark-mode .header-navbar.navbar-semi-dark .navbar-header {
    background: #2c2c2c;
    box-shadow: 0 0 20px 0 #0000008c
}

body.dark-mode .wt-frame-top {
    background-color: #2c2c2c;
    border-bottom: none;
    box-shadow: 0 6px 30px 0 #00000038
}

body.dark-mode .dropdown-notification button:hover, body.dark-mode .nav-search-button:hover, body.dark-mode .wt-frame .bottom-inner-btn button:hover body.dark-mode .wt-frame-top .header-button:hover, body.dark-mode .nav-profile:hover {
    background-color: #373737
}

body.dark-mode .dashboard-summary .item, body.dark-mode .dashboard-summary .box-container, body.dark-mode .dashboard-summary .box-header, body.dark-mode .chart-content {
    background: #2c2c2c;
    color: #ececec;
    box-shadow: 4px 3px 10px 0 #00000026
}

body.dark-mode .chart-content-center {
    background-color: #2c2c2c;
    color: #ececec
}

body.dark-mode .chart-box {
    border: 1px solid #3b3b3b;
    background-color: #2c2c2c;
    color: #ececec
}

body.dark-mode .chart-box-item {
    border-right: 1px solid #3b3b3b
}

body.dark-mode .chart-box-item:hover {
    background-color: #313131 !important
}

body.dark-mode .scrollmenu .scrollmenu-container {
    border-bottom: 1px solid #3e3e3e
}

body.dark-mode .scrollmenu a {
    color: #b5b5b5
}

body.dark-mode .scrollmenu a.active {
    color: #ececec
}

body.dark-mode .tab-underline {
    background: #ececec
}

body.dark-mode .activeBordered {
    border-bottom: 2px solid #ececec
}

body.dark-mode .tab-wrapper .scrollmenu-arrow {
    border: none;
    color: #ececec
}

body.dark-mode .wt-breadcrumb .item a, body.dark-mode .wt-breadcrumb .item span {
    color: #b5b5b5
}

body.dark-mode .wt-breadcrumb .item a:hover {
    color: #fff
}

body.dark-mode .fixed-table td {
    border: 1px solid #353535
}

body.dark-mode .fixed-table tr th, body.dark-mode wt-table-setting-dialog .table-header {
    border: 1px solid #3b3b3b!important;
    background-color: #272727!important;
    color: #ececec
}

body.dark-mode .fixed-table tr:hover > td, body.dark-mode wt-table-setting-dialog .example-box {
    background: #272727
}

body.dark-mode wt-table-setting-dialog .example-handle {
    color: #ececec
}

body.dark-mode .fixed-table > tbody > tr:nth-child(odd) {
    background-color: #2c2c2c
}

body.dark-mode .fixed-table > tbody > tr:nth-child(even) {
    background-color: #313131
}

body.dark-mode .sales-list tbody tr td input, body.dark-mode .sales-list tbody tr td select, body.dark-mode .sales-list tbody tr:hover td input, body.dark-mode .sales-list tbody tr:hover td select {
    border: 1px solid #3e3e3e;
    color: #ececec;
    background: #404040;
    box-shadow: none
}

body.dark-mode .left-content-inner-header {
    background-color: #313131;
    border: none
}

body.dark-mode .tab-inner-profile ul li h2 {
    color: #ececec
}

body.dark-mode .tab-inner-profile ul li h3 {
    color: #b5b5b5
}

body.dark-mode .clist {
    border-bottom: 1px solid #3b3b3b!important;
    background: #2c2c2c!important
}

body.dark-mode .clist:hover {
    background: #373737!important
}

body.dark-mode .clist h1, body.dark-mode .clist h3, body.dark-mode .left-tree-header-inner ul li h1 {
    color: #ececec
}

body.dark-mode .chart-info {
    border-bottom: 1px solid #3b3b3b;
    background-color: #373737
}

body.dark-mode .accordion-inner-panel {
    background: #2c2c2c
}

body.dark-mode .accordion-inner-panel .accordion-panel-header {
    border-bottom: 1px solid #3b3b3b
}

body.dark-mode .accordion-inner-panel .accordion-panel-header .text h2 {
    color: #ececec
}

body.dark-mode .accordion-inner-panel .accordion-panel-header .text h3 {
    color: #b5b5b5
}

body.dark-mode .accordion-inner-panel .customer-branch .branch-row {
    border-bottom: 1px dashed #3b3b3b
}

body.dark-mode .clist-content {
    border-bottom: 0;
    background: #313131
}

body.dark-mode .clist-content:hover {
    background: #3c3b3b
}

body.dark-mode span.stock-bottom, body.dark-mode .clist-content li h1, body.dark-mode .clist-content li h2 {
    color: #ececec
}

body.dark-mode .left-content-inner-header span.stock-bottom, body.dark-mode .left-content-inner-header .clist-content li h1 {
    color: #ececec
}

body.dark-mode .cainfo {
    border-bottom: .07rem solid #3b3b3b;
    background: #373737
}

body.dark-mode .cainfo h1 {
    color: #ececec !important
}

body.dark-mode .cainfo h3 {
    color: #b5b5b5
}

body.dark-mode .cainfo-in i, body.dark-mode .circle-button button, body.dark-mode .circle-button .img-upload-btn {
    color: #b5b5b5
}

body.dark-mode .circle-button button:hover, body.dark-mode .circle-button .img-upload-btn:hover {
    color: #0087ff;
    background: #424242
}

body.dark-mode .left-content-inner, body.dark-mode .left-content-inner-center {
    background: #2c2c2c
}

body.dark-mode .ca-cancel-btn, body.dark-mode .btn-cancel {
    background: #ececec;
    color: #333
}

body.dark-mode .ca-cancel-btn:hover, body.dark-mode .btn-cancel:hover {
    background: #d0d0d0
}

body.dark-mode .form-control, body.dark-mode .custom-select, body.dark-mode .ca-select-btn {
    border: 1px solid #3e3e3e !important;
    color: #ececec !important;
    background-color: #404040 !important;
    box-shadow: none !important;
    color-scheme: dark !important
}

body.dark-mode .form-control:focus {
    background: #575757 !important
}

body.dark-mode .zorunlutext {
    color: inherit !important;
    border: 1px solid #949494;
    background-color: #4f532c !important
}

body.dark-mode .wt-popover + div input, body.dark-mode .wt-popover + div mat-select {
    background: #404040 !important
}

body.dark-mode .bottom-inner-pagination ol li a, body.dark-mode .pagination-dropup {
    color: #ececec;
    border: 1px solid #3e3e3e
}

body.dark-mode .bottom-inner-pagination ol li.current input {
    color: #ececec;
    background: #313131;
    border: 1px solid #737373
}

body.dark-mode .mat-select-value {
    color: #ececec !important
}

body.dark-mode .fixed-table thead tr th button:not(.btn), body.dark-mode .th-sort-button, body.dark-mode .table-action-btn {
    color: #b5b5b5
}

body.dark-mode .group-input button {
    color: #ececec !important;
    background-color: #555 !important;
    border: 0
}

body.dark-mode .clist-case p.caseinfo, body.dark-mode .clist-case p.caseinfo, body.dark-mode .cainfo-g1 h2 {
    color: #ececec
}

body.dark-mode .cainfo-g1 h5 {
    color: #b5b5b5
}

body.dark-mode .case-open {
    background: #373737
}

body.dark-mode .pay-tab-menu {
    background-color: #2c2c2c
}

body.dark-mode .pay-tab-select {
    background: #313131;
    border: none
}

body.dark-mode .pay-tab-select h1 {
    color: #ececec
}

body.dark-mode .pay-tab-select h2 {
    color: #b5b5b5
}

body.dark-mode .not-found-container {
    background: #2c2c2c
}

body.dark-mode .pay-tab-menu .list-group > .item {
    background: #313131
}

body.dark-mode .pay-tab-menu .list-group > a.active, body.dark-mode .pay-tab-menu .list-group > .item.active, body.dark-mode .pay-tab-menu .list-group > a:hover, body.dark-mode .pay-tab-menu .list-group > .item:hover {
    color: inherit;
    background-color: #9c9c9c1f;
    box-shadow: 0 0 12px 2px #0000002b
}

body.dark-mode .dropdown-menu, body.dark-mode .mat-autocomplete-panel {
    background-color: #323435
}

body.dark-mode .dropdown-menu.show {
    box-shadow: 0 0 20px 0 #00000038
}

body.dark-mode .dropdown-item:hover, body.dark-mode .dropdown-menu li:hover, body.dark-mode .ngx-contextmenu ul li:hover > a, body.dark-mode .mat-autocomplete-panel mat-option:hover, body.dark-mode .dropdown-menu .wt-checkbox:hover {
    background: #3c3f40;
    color: #fff
}

body.dark-mode .dropdown-menu ul li a, body.dark-mode .dropdown-menu ul li, body.dark-mode .ngx-contextmenu ul li > a {
    color: #ececec
}

body.dark-mode .dropdown-menu.arrow:before, body.dark-mode .dropdown-menu.arrow:after {
    border-bottom-color: #323435
}

body.dark-mode .dropdown-menu.arrow[x-placement="top-start"]:after, body.dark-mode .dropdown-menu.arrow[x-placement="top-end"]:after {
    border-top-color: #323435
}

body.dark-mode .node-content-wrapper-active, body.dark-mode .node-content-wrapper.node-content-wrapper-active:hover, body.dark-mode .node-content-wrapper-active.node-content-wrapper-focused, body.dark-mode .node-content-wrapper:hover {
    background: #404040 !important;
    box-shadow: none
}

body.dark-mode .clist-content.active, body.dark-mode .clist-content#currentStock, body.dark-mode .clist-content#currentBankAccount {
    background: #3b3b3b
}

body.dark-mode .clist-content.clist-case.active {
    background: linear-gradient(135deg, #fff6, #0087ff) #0087ff
}

body.dark-mode .inventory-table {
    box-shadow: 0 0 16px 0 #0003
}

body.dark-mode .tab-inner-profile .shape-avatar > label {
    background: #313131;
    box-shadow: 0 0 15px 0 #00000059
}

body.dark-mode .shape-avatar img {
    background: #313131
}

body.dark-mode .btn-icon:not(.btn-primary):hover, body.dark-mode .btn-icon:not(.btn-primary).hover {
    color: #fff;
    background: #404040 !important
}

body.dark-mode .btn-icon:not(.btn-primary):hover svg, body.dark-mode .btn-icon:not(.btn-primary).hover svg {
    fill: #fff
}

body.dark-mode table tr td .btn-icon:hover, body.dark-mode table tr th .btn-icon:hover {
    color: #fff !important;
    background: #5d78ff !important
}

body.dark-mode .btn-icon.hover:hover {
    background: #4c69fb
}

body.dark-mode .view3, body.dark-mode .view3:nth-child(even) {
    background: none
}

body.dark-mode .view3 td p {
    color: #ececec
}

body.dark-mode .view3:not(:last-child) {
    border-bottom: 1px solid #3e3e3e
}

body.dark-mode .custom-panel {
    background: none;
    border: 1px solid #3e3e3e
}

body.dark-mode .custom-panel-header {
    background: #313131
}

body.dark-mode .custom-panel-body .item {
    border: 1px solid #3e3e3e
}

body.dark-mode .custom-panel-body .item label input[type="checkbox"]:not(:checked) + span {
    background-color: #2d2d2d
}

body.dark-mode .modal-content {
    background-color: #2c2c2c
}

body.dark-mode .job-queue-detail-meta {
    color: #9aa3b2
}

body.dark-mode .job-queue-detail-card {
    background: #0b0f1a;
    box-shadow: inset 0 0 0 1px #202636
}

body.dark-mode .job-queue-detail-item {
    background: #141b2a
}

body.dark-mode .trm-detail-list {
    border: 1px solid #3b3b3b
}

body.dark-mode .trm-detail-item {
    background: #2c2c2c;
    border-bottom: 1px solid #3b3b3b
}

body.dark-mode .trm-line-main {
    background: #2a3244
}

body.dark-mode .trm-line-sub {
    background: #2c2c2c
}

body.dark-mode .trm-line-error {
    background: #3a2427
}

body.dark-mode .modal-header, body.dark-mode .modal-footer, body.dark-mode .group-list-header {
    border: none;
    background: #313131
}

body.dark-mode .modal-title {
    color: #ececec
}

body.dark-mode .group-list-header-button button:not(.btn-primary) {
    border-color: #3e3e3e;
    color: #b5b5b5
}

body.dark-mode .invoice-header button, body.dark-mode .invoice-header select, body.dark-mode .invoice-header input {
    color: #b5b5b5;
    background: transparent !important
}

body.dark-mode .sales-list-search {
    background: #272727
}

body.dark-mode .invoice-footer ul i.ion-chevron-down {
    background: #404040
}

body.dark-mode .wt-switch label {
    color: #111
}

body.dark-mode .wt-switch label::before {
    background-color: #464646
}

body.dark-mode .settings-box {
    box-shadow: 5px 5px 17px 0 #00000024
}

body.dark-mode .settings-box:not(.selected) {
    background: #2c2c2c;
    color: #ececec !important
}

body.dark-mode .settings-box:not(.selected):hover {
    background: #353535 !important;
    transition: .2s ease-in;
    border: none
}

body.dark-mode .wt-frame-tab.setting .scrollmenu a {
    background: #2c2c2c;
    color: #ececec !important;
    transition: .2s ease-in;
    border: none
}

body.dark-mode .wt-frame-tab.setting .scrollmenu a.active {
    background: linear-gradient(0deg, #5e6cff 0%, #0087ff 100%)
}

body.dark-mode .item.bg-1 .chart-refresh-btn:hover {
    color: #5d78ff;
    background: #fff
}

body.dark-mode .settings-row, body.dark-mode .left-tree-header {
    border-color: #3b3b3b
}

body.dark-mode .settings-row h1 {
    color: #ececec
}

body.dark-mode .settings-row p {
    color: #b5b5b5
}

body.dark-mode .card-panel {
    border: 4px solid #313131;
    box-shadow: 5px 5px 15px 0 #00000030
}

body.dark-mode .card-panel > h1, body.dark-mode .card-panel > .card-panel-header {
    background-color: #313131
}

body.dark-mode .wt-checkbox-large span, body.dark-mode .aytunc-radio span {
    color: #ececec;
    border-color: #3b3b3b
}

body.dark-mode .wt-switch input:not(:checked) + label::after {
    background-color: #a7a7a7
}

body.dark-mode .group-input-flex > span {
    color: #b5b5b5 !important;
    background-color: #5f5f5f !important;
    border: none !important
}

body.dark-mode .mat-select-panel {
    background-color: #323435;
    box-shadow: 0 0 20px 0 #00000038 !important;
    color: #ececec !important
}

body.dark-mode .mat-option:hover:not(.mat-option-disabled), body.dark-mode .mat-option:focus:not(.mat-option-disabled) {
    background: #3c3f40 !important
}

body.dark-mode .mat-option {
    color: #ececec !important
}

body.dark-mode .mat-option.mat-active, body.dark-mode .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: #ffffff0a !important;
    color: #fff !important
}

body.dark-mode .navi .navi-item .symbol {
    color: #ececec;
    background-color: #404040;
    box-shadow: 4px 3px 10px 0 #00000021
}

body.dark-mode .navi-text {
    color: #ececec
}

body.dark-mode .wt-panel {
    background-color: #313131;
    box-shadow: -20px 0 200px 20px #000000a3
}

body.dark-mode .wt-panel .wt-panel-heading .title {
    color: #efefef
}

body.dark-mode .search-box input {
    border: 1px solid #3e3e3e;
    color: #ececec;
    background: #404040
}

body.dark-mode .wt-panel .wt-panel-heading .close {
    background-color: #404040
}

body.dark-mode .group-list-header-search button {
    color: #313131;
    border: none;
    background: #cecece !important;
}

body.dark-mode .dropdown-menu .title {
    color: #efefef
}

body.dark-mode .clist .right-click, body.dark-mode .clist-content .right-click {
    box-shadow: 3px 3px 15px 2px #0000003b;
    background: #e0e0e0
}

body.dark-mode .navbar-box-grid-cell:hover {
    background-color: #292b2b
}

body.dark-mode .navbar-box-grid-cell h1 {
    color: #efefef
}

body.dark-mode .navbar-box-grid-cell:hover h1 {
    color: #fff
}

body.dark-mode .navbar-box-grid-cell svg [fill] {
    fill: #efefef
}

body.dark-mode .navbar-box-grid-cell:hover svg [fill] {
    fill: #fff
}

body.dark-mode .border-top {
    border-top: 1px solid #3b3b3b
}

body.dark-mode .search-detail .search-detail-item {
    border-right: 1px solid #3b3b3b
}

body.dark-mode .search-detail {
    border-bottom: 1px solid #3b3b3b;
    background-color: #2c2c2c
}

body.dark-mode .search-detail-bg {
    background-color: #2c2c2c
}

body.dark-mode .wt-panel .wt-panel-body {
    background-color: #2c2c2c !important
}

body.dark-mode .wt-panel .wt-panel-head, body.dark-mode .wt-panel .wt-panel-footer {
    background-color: #313131
}

body.dark-mode .search-detail div mat-select, body.dark-mode .search-detail div input {
    background: #404040
}

body.dark-mode .search-detail p {
    color: #b5b5b5
}

body.dark-mode .accordion .card {
    background-color: #2c2c2c;
    border: 1px solid #3b3b3b
}

body.dark-mode .accordion .card .card-header {
    background-color: #313131
}

body.dark-mode .accordion.accordion-toggle-arrow .card .card-header .card-title {
    color: #ececec !important
}

body.dark-mode .fixed-table tr.incomplete {
    background: #370000 !important;
    color: #7b7b7b !important
}

body.dark-mode .fixed-table tr.cancel {
    background: #f4516c14 !important;
    color: #7b7b7b !important
}

body.dark-mode .multi-process-icons button {
    color: #fff !important;
    background: #3b3b3b
}

body.dark-mode .multi-process-icons button:hover {
    background: #556cda
}

body.dark-mode .multi-process-icons svg path[fill] {
    fill: #fff !important
}

body.dark-mode .wt-loading-spinner .loading-text {
    background: #3a3a3a;
    box-shadow: 0 0 30px 4px #00000030
}

body.dark-mode .table-placeholder {
    background: #353535
}

body.dark-mode .table-placeholder tr:nth-child(odd) {
    background-color: #313131
}

body.dark-mode .table-placeholder tr td .text {
    background: linear-gradient(to right, #ececec 2%, #b5b5b5 30%, #ececec 58%)
}

body.dark-mode .top-info-buttons button {
    color: #ececec;
    background-color: #404040
}

body.dark-mode .border-bottom {
    border-bottom: 1px solid #383838 !important
}

body.dark-mode .border-top {
    border-top: 1px solid #383838 !important
}

body.dark-mode .border-left {
    border-left: 1px solid #383838 !important
}

body.dark-mode .border-right {
    border-right: 1px solid #383838 !important
}

body.dark-mode .mat-pseudo-checkbox {
    color: #ffffff8a !important
}

body.dark-mode .cdk-overlay-dark-backdrop {
    background: #67676752
}

body.dark-mode .mat-dialog-container .wt-container {
    background: #232323
}

body.dark-mode .close {
    color: #989898
}

body.dark-mode .close:hover {
    color: #cacaca
}

body.dark-mode .wt-frame-top .header-button:hover, body.dark-mode .wt-frame-top .header-button:focus {
    background-color: #3a3939
}

body.dark-mode .sort-by-row .dropdown button {
    color: #ececec
}

body.dark-mode .dropdown-item {
    background: transparent;
    color: #ececec
}

body.dark-mode .dropdown-divider {
    background-color: #3e3e3e
}

body.dark-mode table tr.adding-row {
    background-color: #272727 !important
}

body.dark-mode .bg-faded {
    background-color: #292929
}

body.dark-mode .settings-box.mini.logo.selected:after {
    background: #2c2c2c
}

body.dark-mode .ck.ck-editor__main > .ck-editor__editable {
    background: #383838
}

body.dark-mode .common-header-search-container {
    background-color: #313131;
    border-bottom: 1px solid #353535
}

body.dark-mode .common-header-search > div + button {
    border-color: #404040;
    color: #ececec
}

body.dark-mode .sort-by-row {
    border: 1px solid #464646
}

body.dark-mode .wt-sweetalert {
    background: #3c3c3c
}

body.dark-mode .wt-sweetalert-header .title, body.dark-mode .wt-sweetalert-content {
    color: #ececec
}

body.dark-mode .chart-info-inner div {
    border-right: 1px solid #3b3b3b;
    border-bottom: 1px solid #3b3b3b;
    background-color: #2c2c2c
}

body.dark-mode .chart-info h2 {
    color: #b5b5b5
}

body.dark-mode .chart-info-inner div.select {
    background-color: #272727
}

body.dark-mode .chart-info .chart-info-inner div.select h2 {
    color: #ececec
}

body.dark-mode .settings-box.mini.logo:not(.selected) {
    background: #d6d6d6 !important
}

body.dark-mode .settings-box.mini.logo:after {
    background: #f7f7f7 !important
}

body.dark-mode ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #fff3
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #fff6
}

body.dark-mode ::-webkit-scrollbar-thumb:active {
    background: #fff6
}

body.dark-mode .example-box {
    border-color: #3b3b3b
}

body.dark-mode .dropdown-menu.bg-light, body.dark-mode .dropdown-item.bg-light {
    background-color: #323435 !important
}

body.dark-mode .dropdown-item.bg-light:hover {
    background: #3c3f40 !important;
    color: #fff
}

body.dark-mode .wt-frame-tab.web .scrollmenu a {
    color: #4e5d6c
}

body.dark-mode app-error {
    background: #3e3e3e;
}

body.dark-mode .period-setting-list {
    background-color: #212121
}

body.dark-mode .period-setting-list .item {
    border-color: #3b3b3b;
    background-color: #2b2b2b
}

body.dark-mode .dual-listbox .dual-listbox-container .dual-listbox-title {
    color: #ececec;
    background: #3a3a3a;
    border: 1px solid #3a3a3a
}

body.dark-mode .dual-listbox .dual-listbox-container .dual-listbox-body {
    border: 1px solid #3a3a3a
}

body.dark-mode .dual-listbox .dual-listbox-container .dual-listbox-list {
    color: #ececec
}

body.dark-mode .dual-listbox .dual-listbox-container .dual-listbox-list .item {
    border-bottom: 1px solid #3a3a3a;
    border-right: 1px solid #3a3a3a
}

body.dark-mode .dual-listbox .dual-listbox-container .dual-listbox-buttons button svg g [fill] {
    fill: #fff
}

body.dark-mode .dual-listbox-settings {
    background-color: #333;
    border: 1px solid #333
}

body.dark-mode .navi-item.bg-white {
    background: #313131 !important;
    box-shadow: 0 0 10px 0 #00000026
}

body.dark-mode .paper-shadow-container {
    background: #3a3a3a
}

body.dark-mode .headerArama .listbox {
    border: 1px solid #3e3e3e;
    color: #ececec;
    background: #2c2c2c;
    box-shadow: none
}

body.dark-mode .headerArama .filtreButon {
    border: 1px solid #3e3e3e;
    color: #ececec;
    background: #2c2c2c;
    box-shadow: none
}

body.dark-mode .headerArama .filtreButon:hover {
    background: #383838;
    transition: .3s ease
}

body.dark-mode .headerArama .aramaButon {
    border: 1px solid #3e3e3e;
    color: #ececec !important;
    background: #2c2c2c;
    box-shadow: none
}

body.dark-mode .headerArama .aramaButon:hover {
    background: #383838;
    transition: .3s ease
}

body.dark-mode .headerArama .filtreButon i {
    color: #ececec
}

body.dark-mode .headerArama .aramaButon i {
    color: #ececec
}

body.dark-mode .drop-down .selected a {
    color: #ececec
}

body.dark-mode .page-header {
    background-color: #232323 !important
}

body.dark-mode .navbar-box-grid-cell svg {
    fill: #efefef
}

body.dark-mode .drop-down .options ul {
    background-color: #323435;
    border: none
}

body.dark-mode .drop-down .options ul li a {
    color: #ececec !important
}

body.dark-mode .drop-down .options ul li a:hover {
    background-color: #414141;
    transition: .2s ease
}

body.dark-mode .calendar-header {
    background: #313131
}

body.dark-mode .beyazRenk {
    background: #2c2c2c
}

body.dark-mode .saturday-bg {
    background: #343434
}

body.dark-mode .sunday-bg {
    background: #393939
}

body.dark-mode .calendar-container {
    background-color: #2c2c2c
}

body.dark-mode .day--disabled {
    background-image: none;
    color: unset;
    background-color: #232323;
    cursor: not-allowed
}

body.dark-mode .monthly-day {
    background: #404040 !important
}

body.dark-mode .secili .clist-content {
    border-bottom: .07rem solid #3b3b3b !important;
    background: #313131 !important
}

body.dark-mode .clist-content h1 {
    color: #ececec !important
}

body.dark-mode .switch-field label {
    background: #414141;
}

body.dark-mode .switch-field input:checked + label {
    background-color: #0587ff !important;
    color: #fff;
}

body.dark-mode .calendar-header .changeble-date-format h1, body.dark-mode .calendar-header .unchangeble-date-format {
    color: #ececec
}

body.dark-mode .scrollmenu-arrow-right {
    background: linear-gradient(90deg, #23232300 0%, #232323 80%, #232323 100%)
}

body.dark-mode .scrollmenu-arrow-left {
    background: linear-gradient(90deg, #232323 0%, #232323 20%, #23232300 100%)
}

body.dark-mode .group-input button:last-child {
    border-right: none !important;
    border-left: 1px solid #3e3e3e !important
}

body.dark-mode .multiselect-dropdown {
    background: #404040;
    border: none !important
}

body.dark-mode span.optext {
    background: #595959
}

body.dark-mode .multiselect-dropdown-list-wrapper {
    background: #404040
}

body.dark-mode .multiselect-dropdown-list div:hover {
    background-color: #373737
}

body.dark-mode .edit-focus {
    box-shadow: unset;
    -webkit-box-shadow: unset
}

body.dark-mode .edit-modal {
    background-color: #0006
}

body.dark-mode .calendar-note {
    color: #4e5d6c
}

body.dark-mode .unit-price-item:not(:last-child) {
    border-bottom: 1px dashed #3b3b3b
}

body.dark-mode .shape-avatar.bg-9 {
    background: linear-gradient(135deg, #fff6, #404040) #404040
}

body.dark-mode .shape-avatar {
    background: linear-gradient(135deg, #fff6, #404040) #404040;
    background-blend-mode: darken
}

body.dark-mode .wt-frame-tab.web .scrollmenu a {
    background-color: #cacaca
}

body.dark-mode .seceneklerKutucuk {
    background: #2c2c2c;
    color: #ececec
}

body.dark-mode .seceneklerKutucuk:hover {
    background: #373737
}

body.dark-mode .seceneklerKutucukMini {
    background: #2c2c2c;
    color: #ececec
}

body.dark-mode .seceneklerKutucukMini:hover {
    background: #373737 !important;
    border: none
}

body.dark-mode .seceneklerKutucukSecili {
    background: linear-gradient(135deg, #fff6, #3b3b3b) #3b3b3b
}

body.dark-mode .custom-table tr th {
    background-color: #313131;
    color: #ececec
}

body.dark-mode .settings-row .wt-checkbox {
    color: #ececec
}

body.dark-mode .wt-select-items {
    background-color: #323435;
    color: #ececec !important
}

body.dark-mode .wt-select-option:hover, body.dark-mode .wt-select-option.selected {
    background-color: #414141 !important;
    transition: .2s ease
}

body.dark-mode .listing__link--placeholder .listing__image {
    background: #2c2c2c
}

body.dark-mode .listing__placeholder-gradient {
    background-image: linear-gradient(to left, #35353514, #35353587, #353535, #35353587, #35353514)
}

body.dark-mode .currency-container label {
    color: #ececec !important
}

body.dark-mode .currency-container {
    background: linear-gradient(135deg, #400, #314950) #0d1011
}

body.dark-mode .weather-container {
    background: linear-gradient(135deg, #ffffff3b, #006ac7) #434343
}

body.dark-mode .bottom-inner-pagination ol .current a, body.dark-mode .bottom-inner-pagination ol a:hover {
    background: #373737
}

body.dark-mode .ftpIcerik .dosyaCerceve, .ftpIcerik .dosyaCerceve2, body.dark-mode .file-management-buttons {
    background-color: #404040 !important;
    border: 0
}

body.dark-mode .file-left-click-icon {
    background: #535353
}

body.dark-mode .upload-container {
    background-color: #313131
}

body.dark-mode .border-container p, body.dark-mode .drag-file-icons, body.dark-mode .plupload_file_status span {
    color: #ececec !important
}

body.dark-mode .plupload_filelist_header, .plupload_filelist_footer {
    background-color: #272727;
    color: #ececec
}

body.dark-mode .tr1:nth-child(odd) {
    background-color: #313131
}

body.dark-mode .plupload_filelist li {
    border-bottom: 1px dotted #3b3b3b
}

body.dark-mode .add-window-bg {
    background-color: #2c2c2c
}

body.dark-mode .onlinemagaza {
    background: #2c2c2c
}

body.dark-mode .wt-onlinemagaza .wt-onlinemagaza-container .modul-col {
    background-color: #404040 !important
}

body.dark-mode .wt-onlinemagaza .wt-onlinemagaza-menu-eleman {
    background-color: #272727;
    color: #ececec;
    border-bottom: 6px solid #404040
}

body.dark-mode .wt-onlinemagaza .wt-onlinemagaza-container .modul-col .kdvlifiyat {
    color: #ececec
}

body.dark-mode .dash-t {
    border-top: .07rem dashed #494949
}

body.dark-mode .dash-b {
    border-bottom: .07rem dashed #494949
}

body.dark-mode .wt-progress {
    background-color: #2c2c2c
}

body.dark-mode .docs-badge {
    color: #ececec;
    border: 1px solid #676767
}

body.dark-mode .fiyat-label.label-default {
    background: #404040 !important
}

body.dark-mode co-gray {
    color: #9f9f9f !important
}

body.dark-mode .fixed-table tfoot tr td {
    background-color: #272727
}

body.dark-mode .main-accounting-plan {
    background-color: #434343 !important;
    font-weight: 700
}

body.dark-mode .child-accounting-plan {
    background-color: #454545a6 !important
}

body.dark-mode #xxx .multiselect-dropdown {
    background-color: #404040
}

body.dark-mode .multiselect-dropdown-list-wrapper {
    border-color: #575757
}

body.dark-mode .zemin {
    background-color: #232323
}

body.dark-mode .divBlockPreview {
    border: 3px solid #404040
}

body.dark-mode .bg-transfer-case {
    background-color: #323435;
    border: 1px solid #323435
}

body.dark-mode .user-profile-dropdown .user-img {
    background-color: #404040
}

body.dark-mode .messages-container {
    background: #2c2c2c
}

body.dark-mode .friend-drawer {
    background-color: #232323 !important
}

body.dark-mode .messages-search-box {
    background: #2c2c2c !important
}

body.dark-mode .settings-tray, body.dark-mode .chat-box-tray {
    background-color: #232323 !important
}

body.dark-mode .messages-search-box .input-wrapper {
    background-color: #404040 !important
}

body.dark-mode .input-wrapper .form-control:focus {
    background-color: #404040 !important
}

body.dark-mode .chat-box-tray .btn {
    background-color: #232323 !important
}

body.dark-mode .messages-list .friend-drawer:hover, body.dark-mode .message-search {
    background: #2c2c2c !important
}

body.dark-mode .profile-image {
    filter: brightness(50%)
}

body.dark-mode .col-xs-offset-12 .chat-bubble {
    background: linear-gradient(135deg, #b8b8b866, #0068c4) #0068c4
}

body.dark-mode .chat-bubble--right:after {
    border-left-color: #006bca
}

body.dark-mode .chat-bubble {
    background: linear-gradient(135deg, #fff6, #404040) #404040
}

body.dark-mode .chat-bubble--left:after {
    border-right-color: #888
}

body.dark-mode .co-deepblue {
    color: #f1f1f1 !important
}

body.dark-mode .example-box:hover {
    background: #272727
}

body.dark-mode .example-box {
    color: #ececec;
    background-color: #2c2c2c
}

body.dark-mode .table-header {
    background-color: #272727;
    color: #ececec
}

body.dark-mode .dashboard-summary .item.bg-1 {
    background: linear-gradient(320deg, #313035, #777) #777 !important;
}

body.dark-mode .leaderboard {
    box-shadow: 4px 3px 10px 0 #00000026;
    color: #ececec;
    background: #2c2c2c
}

body.dark-mode .co-black {
    color: #fff !important
}

body.dark-mode .grid-list-button:hover, body.dark-mode .grid-view > table > tbody > tr > td > .clist:hover, body.dark-mode #divFilterStokGrid .product-container .product-shadow:hover {
    background: #373737
}

body.dark-mode .grid-list-button .dots i, body.dark-mode .grid-list-button .lines i {
    background-color: #ececec
}

body.dark-mode .grid-view > table > tbody > tr > td > .clist {
    box-shadow: #161616d9 0 2px 8px 0;
    border: 0;
}

body.dark-mode .autocomplete-dropdown-items {
    background: #373737;
    color: #ececec
}

body.dark-mode .autocomplete-dropdown-item b {
    color: #2c2c2c;
}

body.dark-mode .autocomplete-dropdown-item:hover:not(.autocomplete-new-add), body.dark-mode .autocomplete-dropdown-item.selected:not(.autocomplete-new-add) {
    background: #3f3f3f !important;
}

body.dark-mode .bg-stock-search i, body.dark-mode .common-input-search i {
    color: #b0b0b0;
}

body.dark-mode #divFilterStokGrid .product-name, body.dark-mode #divFilterStokGrid .product-price {
    color: #ececec;
}

body.dark-mode #divFilterStokGrid .product-code {
    color: #c5c5c5;
}

body.dark-mode #divFilterStokGrid .product-container .product-shadow {
    box-shadow: #202020 0 2px 8px 0;
}

body.dark-mode #divFilterStokGrid .product-image {
    background: none;
}

body.dark-mode .search-box button {
    background: #505050 !important;
    color: #ececec !important;
    border: none;
    border-color: #616161 !important;
}

body.dark-mode .legend-kalan, .chart-box-item-selected-blue {
    background: linear-gradient(0deg, #777 0, #484848) !important;
}

body.dark-mode .pagination-fix-br {
    border-bottom: 1px solid #3f3f3f !important;
}

body.dark-mode #CalendarControl {
    background-color: #2c2c2c;
}

body.dark-mode #CalendarControl .empty {
    background: #313131;
}

body.dark-mode #CalendarControl .weekday {
    background: #383737;
    color: #f4f6f8;
}

body.dark-mode #CalendarControl .weekday:hover {
    background: #404040;
}

body.dark-mode #CalendarControl .weekend {
    background: #2b2b2b;
    color: #fff;
}

body.dark-mode #CalendarControl .days {
    background: #313131;
}

body.dark-mode #CalendarControl .weekend:hover {
    background: #3f3f3f;
}

body.dark-mode .fixed-table {
    border: 0;
}

body.dark-mode .wt-avatar.active .wt-avatar-holder {
    background-color: #3b3b3b;
}

body.dark-mode .leaderboard-others > div {
    border-bottom: .07rem dashed #3d3e40;
}

body.dark-mode .servisbg {
    background-color: #51463a !important;
}

body.dark-mode .ticket-attachment {
    background: #404040 !important;
    border: 1px solid #484848 !important;
}

body.dark-mode .ticket {
    background: #404040 !important;
    border: 1px solid #484848 !important;
    color: #ececec !important;
}

body.dark-mode .ticket-container {
    background: #373737 !important;
}

body.dark-mode .answered {
    background: #006b2f !important;
}

body.dark-mode .closed {
    background: #2c2c2c !important;
}

body.dark-mode .ticket-message {
    background: #404040 !important;
}

body.dark-mode .veri-gonder-log pre {
    color: #fff;
}

body.dark-mode button.confirm-button {
    background-color: #404040 !important;
}

body.dark-mode button.confirm-button:hover {
    background-color: #404040 !important;
}

body.dark-mode button.cancel-confirm-button {
    background-color: #404040 !important;
}

body.dark-mode button.cancel-confirm-button:hover {
    background-color: #404040 !important;
}


/* DOKUNMATİK SATIŞ */

body.dark-mode{
    --pos-border-color: #555;
}
body.dark-mode .pos-left-inner-center .pos-list-box,
body.dark-mode .post-list-box #divliste{
    background: #313131;
}

body.dark-mode .pos-list-box-item h1 {
    color: #fff;
}

body.dark-mode .pos-list-box-item p {
    color: #f1f1f1;
}
body.dark-mode .pos-tab-header {
    background: #333;
}
body.dark-mode .pos-list-box-item h2 {
    color: #ffffff;
}

body.dark-mode .pos-left-inner-header,
body.dark-mode .pos-header-area-last{
    background-color: #2c2c2c;
}
body.dark-mode .pos-list-header-button:hover {
    background: #4e4e4e;
}
body.dark-mode .pos-list-header-button p {
    color: #ffffff;
}

body.dark-mode .pos-left-inner-header .clist-customer-1 h1,
body.dark-mode .pos-left-inner-header .clist-customer-1 small
{
    color: #ffffff!important;
}

body.dark-mode .pos-list-box {
    background: #3f3f3f;
}

body.dark-mode .pos-list-box-item {
    border-bottom: 1px solid #666;
    background-color: var(--pos-border-color) !important;
}

body.dark-mode .pos-tab-header-item,
body.dark-mode .pos-product-item
{
    background-color: #444;
    box-shadow: #6363631c 0 2px 8px 0;
    transition: all .25s ease;
}

body.dark-mode .pos-bottom-total{
    background-color: #333333!important;
}

body.dark-mode .pos-tab-header-top-cart-item.pos-tab-header-top-cart-item-active {
    background-color: #0087ff4d;
    color: #ffffff;
}

body.dark-mode div.pos-list-box-piece {
    border: 1px solid #f1f1f1;
}

body.dark-mode .pos-list-box-item div .pos-list-box-buttons:hover {
    background-color: #ffffff;
    color: #000000;
}

body.dark-mode .ozelOdemeGelismis .pos-payment-methods,
body.dark-mode .dokunmatik-satis-ayrinti .resSepetButon,
body.dark-mode .dokOzelButon {
    color: #fff;
    background-color: #414141;
}

body.dark-mode .ozelOdemeGelismis .pos-payment-methods,
body.dark-mode .dokunmatik-satis-ayrinti .resSepetButon.btn-primary,
body.dark-mode .dokOzelButon.btn-primary {
    background-color: #0087FF;
}

body.dark-mode .pos-right-inner-header-search input {
    background: #444;
    background-color: #444;
    color: #ffffff;
}
body.dark-mode .pos-right-inner-header-search input:focus {
    background-color: #555;
    border: 1px solid #444;
    color: #fff;
}
body.dark-mode .pos-list-header-button img,
body.dark-mode .dokunmatikBtn img {
    filter: brightness(0) invert(1);
}

body.dark-mode .pos-product-item-title h2 {
    color: #f1f1f1;
}

body.dark-mode .pos-product-item {
    border: 1px solid #555;
}

body.dark-mode .harf_rakam,
body.dark-mode .cift_tirnak,
body.dark-mode .temizle_butonu,
body.dark-mode .tab_tusu,
body.dark-mode .caps_tusu,
body.dark-mode .sil_tusu,
body.dark-mode .shift_tusu,
body.dark-mode .bosluk_tusu,
body.dark-mode .kapatma_tusu,
body.dark-mode .giris_tusu,
body.dark-mode .kontrol_tusu,
body.dark-mode .alt_tusu {
    color: #ffffff;
    fill: #ffffff;
    background-color: #383838;
}

body.dark-mode .keyboard-button-secondary{
    background-color: #2f2f2f!important;
}

body.dark-mode .keyboard-button-secondary:hover {
    background-color: #535353 !important;
}

body.dark-mode .kapsayici {
    background-color: #282828;
}

body.dark-mode #klavye_tasima:after {
    background-color: #474747;
}
body.dark-mode .doksepetdetay {
    background-color: #313131 !important;
}

body.dark-mode .pos-list-box-item.pos-product-zero-price {
    background-color: #efc00099 !important;
}

body.dark-mode #doksatListeTablo.satiryarim {
    color: #5f7183c4 !important;
    background-color: #af000026 !important;
}
body.dark-mode .dokunmatikBtn {
    color: #ffffff;
    background-color: #484848;
}

body.dark-mode .dokunmatikBtn:not(.btn-primary):hover {
    background-color: #686868 !important;
}

body.dark-mode .pos-header-slide-right,
body.dark-mode .pos-header-slide-left {
    color: #ffffff !important;
    background: #484848;
}
body.dark-mode .harf_rakam:hover,
body.dark-mode .cift_tirnak:hover,
body.dark-mode .temizle_butonu:hover,
body.dark-mode .tab_tusu:hover,
body.dark-mode .caps_tusu:hover,
body.dark-mode .sil_tusu:hover,
body.dark-mode .shift_tusu:hover,
body.dark-mode .bosluk_tusu:hover,
body.dark-mode .kapatma_tusu:hover,
body.dark-mode .giris_tusu:hover,
body.dark-mode .kontrol_tusu:hover,
body.dark-mode .alt_tusu:hover {
    background-color: #535353!important;
    color: #FFF !important;
    fill: #FFF !important;
}

body.dark-mode .report-table tr:not(.disable-report-css) th:not(.disable-report-css) {
    background-color: #272727 !important;
    color: #ececec !important;
    border-bottom: 1.5pt solid #3b3b3b !important;
}

body.dark-mode .report-table tr:nth-child(odd):not(.disable-report-css) td:not(.disable-report-css) {
    background-color: #2c2c2c !important;
}

body.dark-mode .report-table tr:nth-child(even):not(.disable-report-css) td:not(.disable-report-css) {
    background-color: #313131 !important;
}

body.dark-mode .report-table tr:not(.disable-report-css) th:not(.disable-report-css), body.dark-mode .report-table tr:not(.disable-report-css) td:not(.disable-report-css) {
    color: #ececec !important;
    border: 0.75pt solid #353535 !important;
}

body.dark-mode .report-table:not(.disable-report-css) {
    border: 0.75pt solid #353535 !important;
}

body.dark-mode .report-table:not(.disable-report-css) tfoot {
    border-top: 2px solid #454550b0;
}

body.dark-mode .secenek-yazisi{color:#fff;}
body.dark-mode .aciklama-metni {color:#bfbfbf;}
body.dark-mode .onizleme-kutusu {background-color: #333;border-color: #404040;}
body.dark-mode .urun-kutusu {background-color: #404040;}
body.dark-mode .onizleme-icerigi {border-color: #444;}
body.dark-mode .ust-serit {background-color: #404040;}
body.dark-mode .urun-satiri {background-color: #404040;}
body.dark-mode .kart-icerik {background-color: #444; border-color: #999;}

body.dark-mode .secenek-yazisi{color:#fff;}
body.dark-mode .aciklama-metni {color:#bfbfbf;}
body.dark-mode .onizleme-kutusu {background-color: #333;border-color: #404040;}
body.dark-mode .urun-kutusu {background-color: #404040;}
body.dark-mode .onizleme-icerigi {border-color: #444;}
body.dark-mode .ust-serit {background-color: #404040;}
body.dark-mode .urun-satiri {background-color: #404040;}
body.dark-mode .kart-icerik {background-color: #444; border-color: #999;}

body.dark-mode .doviz-bakiye-head {
    border: 1px solid #5b5b5b !important;
}

body.dark-mode .durum-toggle-active{
    color: #000 !important;
}

body.dark-mode .sip-al-header {
    border-bottom: 1px solid #444;
}

body.dark-mode .sip-al-item {
    background-color: #333;
    border: 1px solid #333;
}

body.dark-mode .sip-al-item:hover {
    border-color: #222;
}

body.dark-mode .sip-al-header,
body.dark-mode .sip-al-body{
    background-color: #444;
}

body.dark-mode .sip-al-title, body.dark-mode .sip-al-section-title,
body.dark-mode .sip-al-text {
    color: #fff;
}

body.dark-mode{
    --trm-text: #fff;
    --trm-border: #555;
}

body.dark-mode .trm-item-header {
    background-color: #333;
}
body.dark-mode .trm-item-header:hover {
    background-color: #222;
}

body.dark-mode .trm-toggle-icon {
    color: #fff;
    background: #555;
}

body.dark-mode .trm-item-icon {
    background-color: #555;
    color: #fefefe;
}

body.dark-mode .trm-details-area {
    background-color: #444;
}

body.dark-mode .trm-list-item.open .trm-details-area {
    border-top-color: #555;
}

body.dark-mode .trm-log-title.success {
    color: #29d585;
}

body.dark-mode .trm-log-li {
    border-bottom: 1px dashed #686868;
}

body.dark-mode #Fiyatlandırma_fatal table tr td.tr1,
body.dark-mode #Fiyatlandırma_fatal table tr td.tr2{
    background: #222222;
}

body.dark-mode .trm-time-badge {
    background: #222;
    border: 1px solid #333;
    color: #999;
}

body.dark-mode .trm-log-li,
body.dark-mode .pos-payment-methods p {
    color: #ffffff;
}

body.dark-mode .wt-container.wt-container-pencere {
    background: #232323;
}

body.dark-mode .pos-payment-methods svg{
    fill: #fff;
}

body.dark-mode form[name="satisIadeSecimForm"] .btn.pos-payment-methods{
    background: #0087ff;
    background-color: #0087ff;
    color: #fff;
}
body.dark-mode form[name="satisIadeSecimForm"] .btn.pos-payment-methods svg{
    fill: #fff;
}
body.dark-mode .pos-kapali-input {
    background-color: #33332f !important;
    color: #7b7b7b !important;
}