.darkMode{
    background: #212121;
    color: #dfdfdf;
}

.darkMode .left_navigation, .darkMode .left_navigation li, .darkMode .top-submenu{
    background: #2d2d2d;
    color: #dfdfdf;
}

.darkMode .left_navigation{
    border-right: 1px solid #fff;
}

.darkMode .left_navigation .k-panelbar .k-link.k-header a, .darkMode .top-submenu li a{
    color: #dfdfdf !important;
}
.darkMode .top-submenu li.active a, .darkMode .top-submenu li a:hover {
    color: #0099DD !important;
}

.darkMode .left_navigation li.k-item{
    border-bottom: 1px solid #707070;
}

.darkMode .detail-panel, .darkMode .list-results-panel{
    background: #212121;
    color: #dfdfdf;
}
.darkMode .detail-panel .k-panelbar.k-header{
    background-color: transparent;
}
.darkMode .k-panelbar .k-item .k-link.k-header{
    background-color: #1a1a1a;
}
.darkMode .k-panelbar .k-item .k-link.k-header.k-state-hover, .darkMode .k-panelbar .k-item.k-state-active .k-link.k-header{
    /*background-color: #333;*/
}

.darkMode #settings_menu ul ul.k-menu, .darkMode #profile_menu ul ul.k-menu{
    background: #2d2d2d;
}
.darkMode #profile_menu ul .k-item a{
    color: #dfdfdf !important;
}


.darkMode .top_menu_icon, .darkMode .top_setting_icon{
    color: #dfdfdf;
}
.darkMode #profile_menu span.menu-user{
    color: #dfdfdf;
    border: 0;
    background: #2d2d2d;
}
.darkMode .lang_selector a{
    color: #dfdfdf;
}
.darkMode .lang_selector li{
    border-left: 1px solid #fff;
}

.darkMode .k-splitbar .k-icon.k-collapse-prev, .darkMode .k-splitbar .k-icon.k-collapse-next, .darkMode .k-splitbar .k-icon.k-expand-next, .darkMode .k-splitbar .k-icon.k-expand-prev, .darkMode .k-splitbar .k-resize-handle{
    background-color: #fff;
    color: #1B99DD;
}

.darkMode .leftPanelCollapsed{
    border-right: 1px solid #fff;
}
.darkMode .menu_collapser{
    background: #fff;
}
.darkMode .menu_collapser::before{
    color: #1B99DD;
}


.darkMode .head .name, .darkMode .detail-panel .head{
    color: #dfdfdf;
}

.darkMode .head .buttons .k-button{
    color: #dfdfdf;
}

.darkMode .k-autocomplete, .darkMode .k-draghandle, .darkMode .k-dropdown-wrap, .darkMode .k-grid-header, .darkMode .k-grouping-header, .darkMode .k-header, .darkMode .k-numeric-wrap, .darkMode .k-pager-wrap, .darkMode .k-panelbar .k-tabstrip-items .k-item, .darkMode .k-picker-wrap, .darkMode .k-progressbar, .darkMode .k-state-highlight, .darkMode .k-tabstrip-items .k-item, .darkMode .k-textbox, .darkMode .k-toolbar, .darkMode .km-pane-wrapper > .km-pane > .km-view > .km-content{
    background-color: #1a1a1a;
}
.darkMode .k-panelbar > .k-item > .k-link{
    border-color: #707070;
}
.darkMode .k-block, .darkMode .k-widget{
    background: #2d2d2d;
}
.darkMode .k-tabstrip{
    background: transparent;
}
.darkMode .detail-panel .buttons a span{
    color: #dfdfdf;
}
.darkMode #saved_filters{
    background: transparent;
}

.darkMode .k-active-filter, .darkMode .k-state-active, .darkMode .k-state-active:hover{
    border-color: #707070;
}

/* grid changes */
.darkMode .k-block, .darkMode .k-content, .darkMode .k-dropdown .k-input, .darkMode .k-popup, .darkMode .k-toolbar, .darkMode .k-widget{
    color: #dfdfdf;
}
.darkMode .k-grid tr{
    background-color: #333333;
}
.darkMode .k-grid tr td{
    border-color: #4d4d4d;
}
.darkMode .k-grid .k-alt{
    background-color: #202020;
}
.darkMode .k-grid th.k-header{
    border-left: 1px solid #4d4d4d;
}
.darkMode .k-grid .k-state-selected{
    background-color: #444448 !important;
}
.darkMode .left-grid-panel .k-state-selected td:hover{
    background-color: #444448 !important;
}
.darkMode .k-grid th.k-header, .darkMode .k-grid .k-header .k-link{
    background: #1a1a1a !important;
    color: #fff !important;
}
.darkMode .commandCell, .darkMode .k-grid th.k-header.commandCell{
    background: #1a1a1a !important;
}
.darkMode .commandCell span.sf-icon, .darkMode .commandCell span.k-icon, .darkMode .k-grid-header .sf-icon{
    color: #dfdfdf;
}
.darkMode .k-grid th.k-header.commandCell{
    border-bottom: 0;
}
.darkMode .k-grid .k-state-selected:hover .k-group-cell, .darkMode .k-grouping-row td, .darkMode .k-resize-handle-inner, .darkMode td.k-group-cell{
    background-color: #1a1a1a;
}
.darkMode .k-grid .k-pager-wrap{
    background: #1a1a1a !important;
}

.darkMode .statusDropdownContainer{
    background: #1a1a1a;
}

.darkMode .ui-dialog{
    background: #1a1a1a;
}
.darkMode .ui-dialog .actions{
    background: #1a1a1a;
}
.darkMode .k-window{
    border-color: #707070;
}
.darkMode .k-window-titlebar.k-header{
    border-color: #707070;
    color: #dfdfdf;
}
.darkMode .list-group-item{
    background: transparent;
    color: #fff !important;
    border: 1px solid #333;
}
.darkMode .list-group-item:hover{
    background: #202020;
}

.darkMode .panel.grid-stack-item-content{
    background: #333333;
}
.darkMode .grid-stack-item-content.panel-primary > .panel-heading{
    color: #dfdfdf;
}
.darkMode .panel{
    background-color: transparent;
}
.darkMode .dashboard .bluebold{
    color: #389dd6;
}

.darkMode .k-tabstrip .k-item .k-link{
    color: #fff !important;
}

.darkMode .k-list-container{
    background-color: #333333;
}
.darkMode .k-list-container .k-item:nth-child(2n+1):not(.k-state-selected){
    background-color: #2d2d2d;
}

.darkMode input[type="text"], .darkMode input[type="password"], .darkMode textarea:not(.editor), .darkMode .k-input{
    color: #dfdfdf;
}

.darkMode .caret{
    border-top: 4px solid #707070;
}

.darkMode .k-button{
    color: #dfdfdf;
}

.darkMode .k-list > .k-state-selected.k-state-focused{
    color: #dfdfdf;
}

.darkMode .k-switch-on .k-switch-handle{
    background: #333333;
}
.darkMode .k-switch-on .k-switch-container{
    background: #389dd6;
}

.darkMode .detail-panel-inner ul.k-panelbar{
    background: #212121 !important;
}

.darkMode .k-tabstrip-items-wrapper{
    background-color: transparent !important;
}

.darkMode svg text{
    fill: #fff !important;
}

.darkMode .k-window-titlebar{
    background: #1a1a1a !important;
}

.darkMode .k-grid{
    border-top: 1px solid #4d4d4d !important;
}

.darkMode .k-panelbar .k-tabstrip-items .k-tabstrip-item{
    border: 0;
}
.darkMode .k-panelbar .k-tabstrip-items .k-state-active, .darkMode .k-tabstrip-items-wrapper .k-tabstrip-items .k-item.k-state-active{
    background-color: #0099DD;
}
.darkMode .k-tabstrip-items-wrapper .k-tabstrip-items .k-item{
    border: 0 !important;
}
.darkMode .k-tabstrip-items-wrapper .k-tabstrip-items .k-item.k-state-hover{
    background: #2d2d2d !important;
}
.darkMode .k-tabstrip-items .k-loading{
    display: none;
}

.darkMode .k-listview .template-container{
    background: #2d2d2d;
    border:1px solid #cccccc;
}

.darkMode .form-wrap.form-builder .frmb li.form-field{
    background: #2d2d2d;
    border-color: #2d2d2d;
}
.darkMode .form-wrap.form-builder .frmb .field-label, .darkMode .form-wrap.form-builder .frmb .legend{
    color: #fff !important;
}
.darkMode .form-wrap.form-builder .frmb-control li{
    background: #2d2d2d;
}
.darkMode .form-wrap.form-builder .frmb-control li:hover{
    background: #000;
}
.darkMode .form-wrap.form-builder .frmb .form-elements {
    background: #444448 !important;
}
.darkMode .form-wrap.form-builder .frmb .sortable-options > li{
    background: #2d2d2d;
}

.darkMode .top_section{
    background: #1a1a1a;
}

.darkMode .k-window .actions button{
    background: #202020;
}
.darkMode .k-window .actions .save{
    background: #2d2d2d;
}

.darkMode .module_sections.k-tabstrip > .k-tabstrip-items-wrapper > .k-tabstrip-items > .k-tabstrip-item:hover{
    background: #444448;
}
.darkMode .module_sections.k-tabstrip > .k-tabstrip-items-wrapper > .k-tabstrip-items > .k-tabstrip-item{
    background: #2d2d2d;
    border-bottom: 2px solid #1a1a1a !important;
}

.darkMode .dropdown-menu{
    background: #444448;
}
.darkMode .dropdown-menu > li > a{
    color: #dfdfdf;
}

.darkMode #settings_menu ul ul li:hover, .darkMode #settings_menu ul ul li.active{
    background: #444448 !important;
}
.darkMode #settings_menu ul ul li:hover a,.darkMode #settings_menu ul ul li.active a {
    color: #0099DD;
}

.darkMode table.k-editor .k-editable-area{
    background: #2d2d2d;
}
.darkMode table.k-editor .k-editable-area *{
    color: #fff !important;
}

.darkMode .groups_header{
    background: #1a1a1a;
}
.darkMode #tree-toolbar{
    background: #1a1a1a !important;
}

.darkMode .tabSubtitle{
    background: #1a1a1a;
}

.darkMode .createDashboardButton{
    color: #dfdfdf;
}


body.darkMode.page-login, body.darkMode.page-resetPassword, html.html-login, html.html-resetPassword{
    background: #212121;
}
.darkMode div#login_wrapper{
    background: #333333;
    border: 3px solid #1a1a1a;
}
body.darkMode.page-login input[type="text"], body.darkMode.page-login input[type="password"] {
    border-bottom: 1px solid #707070 !important;
    text-align: left;
    color: #dfdfdf !important;
    -webkit-text-fill-color: #dfdfdf !important;
}
.darkMode #loginForm div a,
.darkMode #forgotPassword a,
.darkMode #qrcode_container a,
.darkMode .login_remember label,
.darkMode .login li,
.darkMode #forgotPassword p, .darkMode #loginForm p{
    color: #dfdfdf !important;
}
body.darkMode.page-login button{
    color: #dfdfdf !important;
}



.darkMode .k-list-container .k-state-selected {
    color: #dfdfdf !important;
}

.darkMode .k-grid tbody td:first-child{
    border-left-width: 1px;
}


.darkMode tr.k-alt.warningRow td:not(.commandCell){
    background: #865f5f !important;
}
.darkMode tr.warningRow td:not(.commandCell){
    background: #946a6a !important;
}
.darkMode tr.warningRow:hover td:not(.commandCell), .darkMode tr.k-alt.warningRow:hover td:not(.commandCell){
    background: #7e5858 !important;
}

.darkMode tr.k-alt.successRow td:not(.commandCell){
    background: #699769 !important;
}
.darkMode tr.successRow td:not(.commandCell){
    background: #71a171 !important;
}
.darkMode tr.successRow:hover td:not(.commandCell), .darkMode tr.k-alt.successRow:hover td:not(.commandCell){
    background: #577e57 !important;
}

.darkMode .list-panel .k-listview-content > div:nth-child(2n+1) {
    background: #202020;
}


/* For Webkit browsers (e.g., Chrome, Safari) */
.darkMode ::-webkit-scrollbar {
    width: 8px; /* width of the scrollbar */
}
.darkMode ::-webkit-scrollbar-thumb {
    background-color: #757575; /* color of the scrollbar thumb */
}
.darkMode ::-webkit-scrollbar-track {
    background-color: #2e2e2e; /* color of the scrollbar track */
}
/* For Firefox */
.darkMode * {
    scrollbar-color: #757575 #2e2e2e;
}

.darkMode .drag-handler {
    background-color: #1a1a1a;
    border-color: #4d4d4d !important;
    color: #dfdfdf;
}
.darkMode .k-grouping-header, .darkMode .k-grid-toolbar {
    border-color: #4d4d4d;
}


.darkMode .ui-dialog .detail-panel{
    background: transparent;
}

.darkMode .k-window-actions .k-button {
    color: #fff !important;
}

.darkMode .alert-danger{
    color: #dfdfdf;
    background-color: #946a6a;
    border-color: #865f5f;
}

.darkMode .recurrentInvoiceEditor{
    background: #2d2d2d;
}

.darkMode .k-tabstrip .k-item.marked .k-link,
.darkMode .marked{
    color: #1a1a1a !important;
}

.darkMode .k-list-filter > .k-textbox{
    color: #dfdfdf;
}

.darkMode #sf-loading-overlay{
    background: #4d4d4d !important;
}