body.dark {
    background-color: #202123;
    color: #fff;
}
body.dark nav {
    background-color: #26A69A;
}
body.dark .card, body.dark .card-panel {
    background-color: #4d4d4f
}
body.dark .btn {
    background-color: #EE6F73;
}
body.dark .divider {
    opacity: 0.2;
}
body.dark .sidenav {
    background-color: #4d4d4f;
}
body.dark .sidenav li a:not(.subheader) {
    color: #fff;
}
body.dark .sidenav li a:not(.subheader):hover {
    background-color: #3B4043;
}
body.dark .sidenav li a.subheader {
    color: #9AA0A6;
}
body.dark .sidenav li a .material-icons {
    color: #9AA0A6;
}
body.dark .collection {
    border: 1px solid rgba(255, 255, 255, 0.2);
}
body.dark .collection .collection-item {
    background-color: #4d4d4f;
    border-bottom: 1px solid #aaaaaa !important;
}

body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6 {
    color: #fff !important;
}

body.dark .blue-grey-text.text-darken-4 {
    color: #fff !important;
}

body.dark .btn-flat {
    color: #fff !important;
}

body.dark .modal {
    background-color: #525253;
}

body.dark .modal-footer {
    background-color: #525253;
}

body.dark table.striped > tbody > tr:nth-child(odd) {
    background-color: rgb(119 119 119 / 50%);
}

body.dark #support-widget-content {
    background-color: #525253;
}

body.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff !important;
}

body.dark .select2-dropdown {
    background-color: #202123;
}

body.dark .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #525253;
}

body.dark textarea.materialize-textarea {
    color: #fff;
}

body.dark a {
    color: var(--lighten-5);
}

body.dark .search-list li.auto-suggestion-title a {
    background-color: #202123 !important;
}

body.dark .black-text {
    color: #fff !important;
}

body.dark .collection a.collection-item:not(.active):hover {
    background-color: var(--darken-4);
}

body.dark .search-list li a .member-info span:hover {
    color: #fff !important;
}

body.dark input:not([type]):disabled, body.dark input:not([type])[readonly='readonly'], body.dark input[type=text]:not(.browser-default):disabled, body.dark input[type=text]:not(.browser-default)[readonly='readonly'], body.dark input[type=password]:not(.browser-default):disabled, body.dark input[type=password]:not(.browser-default)[readonly='readonly'], body.dark input[type=email]:not(.browser-default):disabled, body.dark input[type=email]:not(.browser-default)[readonly='readonly'], body.dark input[type=url]:not(.browser-default):disabled, body.dark input[type=url]:not(.browser-default)[readonly='readonly'], body.dark input[type=time]:not(.browser-default):disabled, body.dark input[type=time]:not(.browser-default)[readonly='readonly'], body.dark input[type=date]:not(.browser-default):disabled, body.dark input[type=date]:not(.browser-default)[readonly='readonly'], body.dark input[type=datetime]:not(.browser-default):disabled, body.dark input[type=datetime]:not(.browser-default)[readonly='readonly'], body.dark input[type=datetime-local]:not(.browser-default):disabled, body.dark input[type=datetime-local]:not(.browser-default)[readonly='readonly'], body.dark input[type=tel]:not(.browser-default):disabled, body.dark input[type=tel]:not(.browser-default)[readonly='readonly'], body.dark input[type=number]:not(.browser-default):disabled, body.dark input[type=number]:not(.browser-default)[readonly='readonly'], body.dark input[type=search]:not(.browser-default):disabled, body.dark input[type=search]:not(.browser-default)[readonly='readonly'], body.dark textarea.materialize-textarea:disabled, body.dark textarea.materialize-textarea[readonly='readonly'] {
    color:rgba(255, 255, 255, 0.42);
    border-bottom: 1px dotted rgba(255, 255, 255, 0.42);
}

body.dark input:not([type]), body.dark input[type=text]:not(.browser-default), body.dark input[type=password]:not(.browser-default), body.dark input[type=email]:not(.browser-default), body.dark input[type=url]:not(.browser-default), body.dark input[type=time]:not(.browser-default), body.dark input[type=date]:not(.browser-default), body.dark input[type=datetime]:not(.browser-default), body.dark input[type=datetime-local]:not(.browser-default), body.dark input[type=tel]:not(.browser-default), body.dark input[type=number]:not(.browser-default), body.dark input[type=search]:not(.browser-default), body.dark textarea.materialize-textarea {
    color: #fff;
}

body.dark input:not([type]):disabled + label, body.dark input:not([type])[readonly='readonly'] + label, body.dark input[type=text]:not(.browser-default):disabled + label, body.dark input[type=text]:not(.browser-default)[readonly='readonly'] + label, body.dark input[type=password]:not(.browser-default):disabled + label, body.dark input[type=password]:not(.browser-default)[readonly='readonly'] + label, body.dark input[type=email]:not(.browser-default):disabled + label, body.dark input[type=email]:not(.browser-default)[readonly='readonly'] + label, body.dark input[type=url]:not(.browser-default):disabled + label, body.dark input[type=url]:not(.browser-default)[readonly='readonly'] + label, body.dark input[type=time]:not(.browser-default):disabled + label, body.dark input[type=time]:not(.browser-default)[readonly='readonly'] + label, body.dark input[type=date]:not(.browser-default):disabled + label, body.dark input[type=date]:not(.browser-default)[readonly='readonly'] + label, body.dark input[type=datetime]:not(.browser-default):disabled + label, body.dark input[type=datetime]:not(.browser-default)[readonly='readonly'] + label, body.dark input[type=datetime-local]:not(.browser-default):disabled + label, body.dark input[type=datetime-local]:not(.browser-default)[readonly='readonly'] + label, body.dark input[type=tel]:not(.browser-default):disabled + label, body.dark input[type=tel]:not(.browser-default)[readonly='readonly'] + label, body.dark input[type=number]:not(.browser-default):disabled + label, body.dark input[type=number]:not(.browser-default)[readonly='readonly'] + label, body.dark input[type=search]:not(.browser-default):disabled + label, body.dark input[type=search]:not(.browser-default)[readonly='readonly'] + label, body.dark textarea.materialize-textarea:disabled + label, body.dark textarea.materialize-textarea[readonly='readonly'] + label {
    color: rgba(255, 255, 255, 0.42);
}

body.dark .input-field .helper-text {
    color:rgba(255, 255, 255, 0.42);
}

body.dark .dropzone {
    background-color: #202123;
    border: 2px solid var(--maincolor);
}

body.dark .box-field {
    background: #202123;
}

body.dark .box-field .box-field-content {
    background: #202123;
}

body.dark #slide-chat.sidenav #messages .header-search-input {
    background-color: #4d4d4f;
}

body.dark #slide-chat.sidenav #messages .collection ul.collection li:hover {
    background-color: var(--darken-4);
}

body.dark #slide-out-chat .speech-bubble {
    background: #4d4d4f;
}

body.dark #slide-out-chat .speech-bubble:after {
    border-right-color: #4d4d4f;
}

body.dark #slide-out-chat .chat-head, body.dark #slide-out-chat .chat-footer {
    background-color: #4d4d4f;
}

body.dark .tabs {
    background-color: #4d4d4f;
}

body.dark .dropdown-content {
    background-color: #202123;
}

body.dark .dropdown-content li:hover, body.dark .dropdown-content li.active {
    background-color: var(--darken-4) !important;
}

body.dark .dropdown-content li > a:hover, body.dark .dropdown-content li > a.active, body.dark .dropdown-content li > span:hover, body.dark .dropdown-content li > span.active {
    background-color: var(--darken-4) !important;
}

body.dark .navbar #notifications-dropdown li .view-all a {
    color: var(--maincolor) !important;
}

body.dark .navbar #notifications-dropdown li .mark-read a {
    color: var(--maincolor) !important;
}

body.dark .grey-text.text-darken-1 {
    color: #bdbdbd !important;
}

body.dark #edit-image-img-placeholder {
    background: #202123;
}

body.dark .chip-date {
    background-color: #202123;
    color: #fff;
}

body.dark .codebox-container input {
    border-color: rgb(255 255 255 / 46%) !important;
    color: rgb(255 255 255 / 87%) !important;
}

body.dark #footer-menu {
    background-color: #202123;
    box-shadow: 0 -5px 10px 0 rgb(255 255 255 / 8%);
}

body.dark #footer-menu a {
    color: #fff;
}

body.dark .chat-application .app-chat .chat-content .chat-content-area .chat-footer .chat-input .textarea-message {
    background: inherit;
}

body.dark .yellow {
    background-color: #f9a825 !important;
}

body.dark .card.yellow {
    border-top: 2px solid #f9a825 !important;
}

body.dark .teal.lighten-5 {
    background-color: #00465c !important;
}

body.dark .ag-theme-material .ag-header-container {
    background: #3b3c3f;
}

body.dark .ag-theme-material .ag-filter-toolpanel-header, body.dark .ag-theme-material .ag-filter-toolpanel-search, body.dark .ag-theme-material .ag-status-bar, body.dark .ag-theme-material .ag-header-row, body.dark .ag-theme-material .ag-panel-title-bar-title, body.dark .ag-theme-material .ag-side-button-button, body.dark .ag-theme-material .ag-multi-filter-group-title-bar {
    color: #fff
}

body.dark .ag-theme-material .ag-row {
    background-color: #4d4d4f;
    color: #fff;
}

body.dark .ag-theme-material .ag-row-odd {
    background-color: #3b3c3f;
}

body.dark .ag-theme-material .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-header-cell-moving):hover, body.dark .ag-theme-material .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell.ag-column-resizing, body.dark .ag-theme-material .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-header-cell-moving):hover, body.dark .ag-theme-material .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell.ag-column-resizing, body.dark .ag-theme-material .ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover, body.dark .ag-theme-material .ag-header-group-cell:first-of-type.ag-column-resizing, body.dark .ag-theme-material .ag-header-cell:first-of-type:not(.ag-header-cell-moving):hover, body.dark .ag-theme-material .ag-header-cell:first-of-type.ag-column-resizing {
    background-color: #515358;
}

body.dark .ag-theme-material .ag-header-icon {
    color: #fff;
}

body.dark .ag-theme-material .ag-root-wrapper {
    background-color: #828285;
}

body.dark .ag-theme-material .ag-header {
    background-color: #828285;
}

body.dark .ag-theme-material .ag-overlay-loading-wrapper {
    background-color: rgb(0 0 0 / 66%);
}

body.dark .select2-container--default .select2-results__option--highlighted[aria-selected], body.dark div.tagsinput span.tag {
    background-color: var(--darken-3);
}

body.dark .styleSelectButton {
    background-color: #000;
}

body.dark .collapsible-header {
    background: #4d4d4f;
}

body.dark .blue.lighten-5 {
    background-color: #0D47A1 !important;
}

body.dark .tabs-vertical .tabs .tab a.active {
    color: #fff !important;
    background-color: var(--darken-4) !important;
}

body.dark .tabs-vertical .tabs .tab:hover {
    background-color: var(--darken-4) !important;
}

body.dark .tabs-vertical .tabs .tab a {
    color: var(--lighten-4) !important;
}

body.dark .ag-theme-material .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
body.dark .ag-theme-material .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
body.dark .ag-theme-material .ag-ltr .ag-has-focus .ag-full-width-row.ag-row-focus .ag-cell-wrapper.ag-row-group,
body.dark .ag-theme-material .ag-ltr .ag-cell-range-single-cell,
body.dark .ag-theme-material .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle, .ag-theme-material .ag-rtl .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
body.dark .ag-theme-material .ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
body.dark .ag-theme-material .ag-rtl .ag-has-focus .ag-full-width-row.ag-row-focus .ag-cell-wrapper.ag-row-group,
body.dark .ag-theme-material .ag-rtl .ag-cell-range-single-cell,
body.dark .ag-theme-material .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
    border-color: var(--lighten-1);
}

body.dark .ag-header-viewport, body.dark .ag-floating-top-viewport, body.dark .ag-body-viewport, body.dark .ag-center-cols-viewport, body.dark .ag-floating-bottom-viewport, 
body.dark .ag-body-horizontal-scroll-viewport, body.dark .ag-virtual-list-viewport {
    background-color: #fff;
}

body.dark .grey.lighten-4 {
    background-color: #212121 !important
}