:root {
    --main-dark-bg-color: #252932;
    --main-dark-bg-color-lighter: #2d2e30;
}

body.dark-theme{
    color: #d1d8dd;
}

body.dark-theme .sidebar-scroll,
body.dark-theme #timeline .post-content .post-date span {
    background: #252932;
}

body.dark-theme .sidebar-menu li a {
    color: rgba(255, 255, 255, 0.95);
}

body.dark-theme .sidebar-menu li a:active,
body.dark-theme .sidebar-menu li a:hover,
body.dark-theme .sidebar-menu li a:focus {
    color: #FFF !important;
    background-color: rgba(255, 255, 255, 0.1);
}

body.dark-theme .sidebar-menu li ul li a {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-theme .sidebar-menu li ul li a:hover {
    color: #FFF;
    background-color: rgba(255, 255, 255, 0.1);
}

body.dark-theme .sidebar-menu li.active > a {
    color: #FFF !important;
    background-color: rgba(255, 255, 255, 0.2);
}

body.dark-theme .sidebar-toggled .sidebar-menu li:hover {
    background-color: var(--main-dark-bg-color);
}

body.dark-theme .nav-tabs li a:hover,
body.dark-theme .nav-tabs li a:focus,
body.dark-theme .nav-tabs li a:active {
    color: #eaecff !important;
}

body.dark-theme .nav-tabs li .active,
body.dark-theme .nav-tabs li.active {
    color: #eaecff !important;
    border-color: var(--main-dark-bg-color) !important;
}

body.dark-theme .nav-tabs li:not(.title-tab):after {
    background-color: var(--main-dark-bg-color);
}

body.dark-theme .list-group-item.active {
    background: var(--main-dark-bg-color);
    border-color: var(--main-dark-bg-color);
}

body.dark-theme .list-group-item.active:focus,
body.dark-theme .list-group-item.active:hover {
    background: var(--main-dark-bg-color);
    border-color: var(--main-dark-bg-color);
}

body.dark-theme .btn-primary {
    background-color: var(--main-dark-bg-color);
    border-color: var(--main-dark-bg-color);
}

body.dark-theme .btn-primary:hover,
body.dark-theme .btn-primary:active,
body.dark-theme .btn-primary:focus {
    background-color: #1c8d54;
    border-color: #1c8d54;
    color: #FFF;
}

body.dark-theme .bg-success {
    background-color: #1c8d54 !important;
}

body.dark-theme a,
body.dark-theme .default-color
{
    color: #fff2d8 !important;
}

body.dark-theme a:hover ,
body.dark-theme .default-color:hover {
    color: #3acafe !important;
}

body.dark-theme a:hover,
body.dark-theme a:focus,
body.dark-theme a:active,
body.dark-theme .default-color:hover,
body.dark-theme .default-color:focus,
body.dark-theme .default-color:active {
    color: #9c9794;
}

body.dark-theme .circle-done {
    color: var(--main-dark-bg-color);
}

body.dark-theme .app-alert.alert-success {
    background-color: #1c8d54;
    color: #fff;
}

body.dark-theme .bg-dark-success {
    background: #125737;
}

body.dark-theme .dataTable tbody tr.active td,
body.dark-theme .dataTable tbody tr.active:hover td {
    background: var(--main-dark-bg-color) !important;
}

body.dark-theme td.dropdown-option button:hover {
    background: var(--main-dark-bg-color);
    border-color: var(--main-dark-bg-color);
}

body.dark-theme .select2-results .select2-highlighted {
    background-color: var(--main-dark-bg-color);
}

body.dark-theme .datepicker table tr td.active.active {
    background: var(--main-dark-bg-color);
    border-color: var(--main-dark-bg-color);
}

body.dark-theme .datepicker table tr td.active.active:hover {
    background: var(--main-dark-bg-color);
    border-color: var(--main-dark-bg-color);
}

body.dark-theme .datepicker table tr td span.active.active,
body.dark-theme .datepicker table tr td span.active:hover.active {
    background: var(--main-dark-bg-color);
    border-color: var(--main-dark-bg-color);
}

body.dark-theme .datepicker table tr td span.active.disabled.active,
body.dark-theme .datepicker table tr td span.active.disabled:hover.active {
    background: var(--main-dark-bg-color);
    border-color: var(--main-dark-bg-color);
}

body.dark-theme .datepicker table tr td span.active.active:hover {
    background: var(--main-dark-bg-color);
    border-color: var(--main-dark-bg-color);
}

body.dark-theme .atwho-view .cur,
body.dark-theme .note-hint-group .active,
body.dark-theme .note-hint-item:hover {
    background-color: var(--main-dark-bg-color) !important;
}

body.dark-theme .sidebar-scroll::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
}

body.dark-theme .sidebar-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}

body.dark-theme .sidebar-scroll::-webkit-scrollbar-thumb:active {
    background: rgba(255, 255, 255, 0.3);
}

body.dark-theme .sidebar {
    background: var(--main-dark-bg-color);
}

body.dark-theme .sidebar .sidebar-brand {
    background-color: var(--main-dark-bg-color);
    box-shadow: 1px 5px 6px rgba(0, 0, 0, 0.09) !important;
    -webkit-box-shadow: 1px 5px 6px rgba(0, 0, 0, 0.09) !important;
}

@media (max-width: 990px) {
    body.dark-theme .sidebar .sidebar-brand {
        box-shadow: none !important;
    }
}

body.dark-theme .sidebar .sidebar-scroll {
    border-color: #243330;
    background: var(--main-dark-bg-color-lighter);
}

/*navbar*/
body.dark-theme .navbar-custom {
    background: var(--main-dark-bg-color);
    box-shadow: 1px 5px 6px rgba(0, 0, 0, 0.09) !important;
}

body.dark-theme .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.95) !important;
}

body.dark-theme .dashboard-image {
    filter: brightness(0) invert(1);
}

body.dark-theme .float-box {
    background: rgba(11, 86, 71, 0.3);
}

body.dark-theme #left-menu-toggle-mask {
    background-color: #1c1f26;
}

body.dark-theme .card {
    background-color: var(--main-dark-bg-color) !important;
}

body.dark-theme .widget-details h1 {
    color: #fff;
}

body.dark-theme .widget-details span {
    color: #bbb8b8;
}

body.dark-theme .bg-white {
    background: var(--main-dark-bg-color) !important;
    /*background-color: var(--main-dark-bg-color) !important;*/
}

body.dark-theme .bg-white .card-header {
    background-color: #423f3f;
}

body.dark-theme .btn-default {
    background-color: #4c4c4c;
    border: 1px solid #acadaf;
    color: #dbdada;
}

body.dark-theme .sticky-note {
    color: #fff;
    background: #44422f;
}

body.dark-theme .dashboard-dropdown .dropdown-toggle {
    background: #333944;
}

body.dark-theme .dropdown-menu {
    background-color: #383838;
    border: 1px solid rgba(255,255,255,.15);
}

body.dark-theme .dropdown-item:active,
body.dark-theme .dropdown-item:hover,
body.dark-theme .dropdown-item:focus {
    color: #ffffff !important;
    background-color: #141414;
}

body.dark-theme .page-title {
    background: #202020;
    color: #fff;
}

body.dark-theme .list-group-item {
    color: #fff;
    background-color: #202020;
}

body.dark-theme .unread-notification {
    background-color: #3e3e3e !important;
}

body.dark-theme .card-footer {
    background-color: #343536;
}

body.dark-theme .post-dropzone {
    background: #1e1e1e;
}

body.dark-theme .general-form .form-control {
    border-color: #636464;
    background-color: #1e1e1e;
    color: #d0dee9;
}

body.dark-theme .b-a {
    border: 1px solid #565656  !important;
    border-top: 0 !important;
}

body.dark-theme .nav-tabs {
    background: #484848;
    border-bottom: 1px solid #232426;
}

body.dark-theme .border-white {
    border-color: #626262 !important;
}

body.dark-theme .note-editor,
body.dark-theme .note-editor .note-toolbar,
body.dark-theme .note-editor .note-statusbar .note-resizebar,
body.dark-theme .note-editor .note-toolbar .btn {
    border-color: #787a7a !important;
}

body.dark-theme #timeline:before {
    background-image: linear-gradient(to top, #3a3d40 0.1%, #3a3d40 1%, #3a3d40 99%);
}

body.dark-theme #timeline .post-content:nth-child(odd) .post-date:before,
body.dark-theme #timeline .post-content:nth-child(even) .post-date:before {
    background: #3a3d40;
}

body.dark-theme .fc-unthemed .fc-today {
    background: #4e4e4c;
}

body.dark-theme table,
body.dark-theme table p,
body.dark-theme table h1,
body.dark-theme table h2,
body.dark-theme table h3,
body.dark-theme table h4,
body.dark-theme table h5,
body.dark-theme table h6 {
    color: white;
}

body.dark-theme .select2-drop {
    background: #464646;
    color: #dfdfdf;
    border: 1px solid #787a7a;
}

body.dark-theme .select2-search input {
    background: #505050 !important;
    color: white;
}

body.dark-theme .custom-toolbar .select2-container .select2-choice,
body.dark-theme .custom-toolbar .dropdown-toggle,
body.dark-theme .select2-container .select2-choice,
body.dark-theme .select2-container .select2-choices,
body.dark-theme .select2-container .select2-choices .select2-search-field input,
body.dark-theme input.pwt-datepicker-input-element,
body.dark-theme .fc-button,
body.dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button a,
body.dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button.active a:hover
{
    background-color: #4c4c4c !important;
    color: #dbdada !important;
    border: 1px solid #acadaf !important;
    border-radius: 3px !important;
}

body.dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button a:hover
{
    background-color: #787878 !important;
}

body.dark-theme .modal-content {
    background-color: var(--main-dark-bg-color);
    border: 1px solid rgba(255,255,255,.2);
}

body.dark-theme .btn-close {
    color: #fff;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

body.dark-theme .modal-header {
    border-bottom: 1px solid #515354;
}

body.dark-theme .b-t {
    border-top: 1px solid #515354;
}

body.dark-theme .modal-footer {
    border-top: 1px solid #515354;
}

body.dark-theme .text-default {
    color: #ffffff !important;
}

body.dark-theme table.dataTable.display tbody th,
body.dark-theme table.dataTable.display tbody td {
    border-top: 1px solid #4c4d50;
    background-color: #202020;
}

body.dark-theme .dataTable tbody tr:hover td {
    background: #2c2e30 !important;
}

body.dark-theme td.option a,
body.dark-theme .action-option {
    background: #3a3a3a;
    color: #a1a3a5;
    border: 1px solid #6d7076;
}

body.dark-theme .dataTable tbody tr {
    color: #c5ddef;
}

body.dark-theme .dataTables_filter input,
body.dark-theme .datatable-search,
body.dark-theme .custom-filter-search {
    background: url("../../images/search.png") no-repeat 4% 45% #4c4c4c;
    color: #dbdada;
}

body.dark-theme table.dataTable.display tfoot th,
body.dark-theme table.dataTable.display tfoot td {
    border-top: 1px solid #8c8d91;
    background-color: #202020;
}

body.dark-theme .kanban-container {
    background: #202224;
}

body.dark-theme .kanban-col-title {
    background: #464646;
    color: #ffffff;
}

body.dark-theme .kanban-item {
    color: #fffefe;
    background: #282626;
}

body.dark-theme .kanban-item:hover,
body.dark-theme .kanban-item:active,
body.dark-theme .kanban-item:focus {
    background-color: #464646;
    color: #fffaf7;
}

body.dark-theme .help-catagory.list-group .list-group-item {
    color: #d8dde1;
}

body.dark-theme .help-catagory.list-group .list-group-item:hover {
    background: #403d43;
}

body.dark-theme .help-catagory.list-group .list-group-item.active:hover {
    color: #d8dde1;
}

body.dark-theme .bg-off-white {
    background: #626262;
}

body.dark-theme .card .card-header {
    background-color: #333944;
    border-color: #88898d;
}

body.dark-theme .default-bg {
    background-color: #080808;
}

body.dark-theme .chart-circle {
    background: #242424;
}

body.dark-theme .app-popover,
body.dark-theme .app-popover .app-popover-arrow
{
    background: #1e1d1d;
}

body.dark-theme .dataTable .badge {
    color: white;
    border: 1px solid gray;
}

body.dark-theme .modal-mask {
    background-color: #323232;
}

body.dark-theme .sub-task-icon {
    background: #4c4c4c;
}

body.dark-theme .box-title span {
    background: var(--main-dark-bg-color);
}

body.dark-theme .timeline-images .file-mockup {
    background: #1a1613;
    color: #8d8c8b;
}

body.dark-theme .form-group {
    border-bottom: 0;
    padding-bottom: 0;
}

body.dark-theme .float-box {
    background: rgba(25, 221, 182, 0.2);
}

body.dark-theme .float-box .text-primary {
    color: #6690F4 !important;
}

body.dark-theme .float-box .text-success{
    color: rgb(162, 255, 212) !important;
}

body.dark-theme .float-box .text-info {
    color: #59caff !important;
}

body.dark-theme .float-box .text-danger {
    color: #ff9bb1 !important;
}

body.dark-theme .float-box .text-warning {
    color: #ffb822 !important;
}

body.dark-theme .float-box .text-default {
    color: #4e5e6a !important;
}

body.dark-theme .invoice-preview-container.bg-white{
    background: #fff !important;
}

body.dark-theme .invoice-preview-container table,
body.dark-theme .invoice-preview-container table p,
body.dark-theme .invoice-preview-container table h1,
body.dark-theme .invoice-preview-container table h2,
body.dark-theme .invoice-preview-container table h3,
body.dark-theme .invoice-preview-container table h4,
body.dark-theme .invoice-preview-container table h5,
body.dark-theme .invoice-preview-container table h6,
body.dark-theme .invoice-preview-container .div-footer,
body.dark-theme .invoice-preview-container .div-footer a
{
    color: black !important;
}

body.dark-theme .comment-container.comment-task {
    background: rgba(255,255,255,0.05);
    padding: 10px;
    border-radius: 5px;
    transition: all ease-in-out 0.1s;
}

body.dark-theme .comment-container.comment-task:hover {
    background: rgba(255,255,255,0.1);
    padding: 10px;
    border-radius: 5px;
}

body.dark-theme .btn.btn-light{
    color: var(--main-dark-bg-color) !important;
}

body.dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button.page-item.active a {
    background: rgb(10,27,47) !important;
}

body.dark-theme .alert-warning {
    color: #ffefc5;
}

body.dark-theme .bg-all-white  {
    background-color: var(--main-dark-bg-color) !important;
}

body.dark-theme .search-modal .help-search-box:focus {
    background-color: var(--main-dark-bg-color) !important;
    color: white;
}

body.dark-theme .awesomplete ul li[aria-selected="true"] {
    background: rgb(10,27,47) !important;
}

body.dark-theme .awesomplete ul li[aria-selected="false"] {
    background: var(--main-dark-bg-color) !important;
}

body.dark-theme .awesomplete > ul > li:hover {
    background: hsl(200, 40%, 80%);
    color: whitesmoke;
}

body.dark-theme .awesomplete mark,
body.dark-theme .awesomplete li[aria-selected="true"] mark,
body.dark-theme .awesomplete li:hover mark {
    background: rgba(255, 141, 0, 0.5);
    padding: 0;
    color: whitesmoke;
}