[data-theme=dark].page-loader {
    background: #222 !important;
    color: #fff !important;
}

body[data-theme=dark] {
    color: #fff !important;
    background-color: #222 !important;
}

[data-theme="dark"] {
background-color: #111 !important;
color: #eee;
}

[data-theme="dark"] .bg-light {
background-color: #333 !important;
}

[data-theme="dark"] .bg-white {
background-color: #000 !important;
}

[data-theme="dark"] .bg-black {
background-color: #eee !important;
}
[data-theme=dark] pre {
    color: #fff
}

[data-theme=dark] img.icon,
[data-theme=dark] svg.icon {
    filter: invert(1)
}

[data-theme=dark] .table {
    color: #fff
}

[data-theme=dark] .table-hover tbody tr:hover {
    color: #fff
}

[data-theme=dark] .list-group-item {
    color: #fff;
    background-color: #181818;
    border-color: #404040
}

[data-theme=dark] .list-group-item.list-group-item-action:focus,
[data-theme=dark] .list-group-item.list-group-item-action:hover {
    background-color: #222
}

[data-theme=dark] .list-group-item.active,
[data-theme=dark] .list-group-item.active:focus,
[data-theme=dark] .list-group-item.active:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

[data-theme=dark] .list-group-item-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

[data-theme=dark] .list-group-item-primary.list-group-item-action:focus,
[data-theme=dark] .list-group-item-primary.list-group-item-action:hover {
    color: #fff;
    background-color: #0069d9
}

[data-theme=dark] .list-group-item-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

[data-theme=dark] .list-group-item-secondary.list-group-item-action:focus,
[data-theme=dark] .list-group-item-secondary.list-group-item-action:hover {
    color: #fff;
    background-color: #5a6268
}

[data-theme=dark] .list-group-item-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

[data-theme=dark] .list-group-item-success.list-group-item-action:focus,
[data-theme=dark] .list-group-item-success.list-group-item-action:hover {
    color: #fff;
    background-color: #218838
}

[data-theme=dark] .list-group-item-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

[data-theme=dark] .list-group-item-danger.list-group-item-action:focus,
[data-theme=dark] .list-group-item-danger.list-group-item-action:hover {
    color: #fff;
    background-color: #c82333
}

[data-theme=dark] .list-group-item-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

[data-theme=dark] .list-group-item-warning.list-group-item-action:focus,
[data-theme=dark] .list-group-item-warning.list-group-item-action:hover {
    color: #212529;
    background-color: #e0a800
}

[data-theme=dark] .list-group-item-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

[data-theme=dark] .list-group-item-info.list-group-item-action:focus,
[data-theme=dark] .list-group-item-info.list-group-item-action:hover {
    color: #fff;
    background-color: #138496
}

[data-theme=dark] .list-group-item-light {
    color: #212529;
    background-color: #6c757d;
    border-color: #6c757d
}

[data-theme=dark] .list-group-item-light.list-group-item-action:focus,
[data-theme=dark] .list-group-item-light.list-group-item-action:hover {
    color: #212529;
    background-color: #e2e6ea
}

[data-theme=dark] .list-group-item-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

[data-theme=dark] .list-group-item-dark.list-group-item-action:focus,
[data-theme=dark] .list-group-item-dark.list-group-item-action:hover {
    color: #fff;
    background-color: #23272b
}

[data-theme=dark] .dropdown-menu {
    background-color: #171717;
    border-color: #404040
}

[data-theme=dark] .dropdown-item:not(:disabled):not(.disabled) {
    color: #fff
}

[data-theme=dark] .dropdown-item:focus,
[data-theme=dark] .dropdown-item:hover {
    background-color: #242424
}

[data-theme=dark] .dropdown-divider {
    border-top-color: #404040
}

[data-theme=dark] .jumbotron {
    color: #fff;
    background-color: #181818;
    border-color: #404040
}

[data-theme=dark] .card:not(.keep-colors) {
    color: #fff !important;
    background-color: #181818 !important;
    border-color: #404040 !important;
}

[data-theme=dark] .card-header,
[data-theme=dark] .card-footer {
    color: #fff;
    background-color: #202020;
    border-top-color: #404040;
    border-bottom-color: #404040
}

[data-theme=dark] .form-control {
    color: #fff;
    background-color: #171717;
    border-color: #404040
}

[data-theme=dark] .form-control-plaintext {
    color: #fff
}

[data-theme=dark] .custom-select {
    color: #fff;
    background-color: #171717;
    border-color: #404040;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0IDUnPjxwYXRoIGZpbGw9JyNmZmZmZmYnIGQ9J00yIDBMMCAyaDR6bTAgNUwwIDNoNHonLz48L3N2Zz4=)
}

[data-theme=dark] .custom-file-label {
    color: #fff;
    background-color: #171717;
    border-color: #404040
}

[data-theme=dark] .custom-file-label:after {
    color: #fff;
    background-color: #202020
}

[data-theme=dark] .input-group-text {
    color: #fff;
    background-color: #202020;
    border-color: #404040
}

[data-theme=dark] .page-item .page-link {
    border-color: #404040
}

[data-theme=dark] .page-item.disabled .page-link {
    background-color: #171717;
    color: #fff
}

[data-theme=dark] .page-item:not(.active) .page-link {
    background-color: #171717
}

[data-theme=dark] .page-item:not(.active) .page-link:hover {
    background-color: #242424
}

[data-theme=dark] .breadcrumb {
    background-color: #171717;
    border-color: #404040
}

[data-theme=dark] .nav-tabs {
    border-bottom-color: #404040
}

[data-theme=dark] .nav-tabs .nav-link:focus,
[data-theme=dark] .nav-tabs .nav-link:hover {
    background-color: #242424;
    border-color: #404040
}

[data-theme=dark] .nav-tabs .nav-item.show .nav-link,
[data-theme=dark] .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #222;
    border-color: #404040;
    border-bottom-color: #222
}

[data-theme=dark] .nav-tabs.card-header-tabs .nav-item.show .nav-link,
[data-theme=dark] .nav-tabs.card-header-tabs .nav-link.active {
    background-color: #181818;
    border-bottom-color: #181818
}

[data-theme=dark] .popover {
    background-color: #222;
    border-color: #404040;
}

[data-theme=dark] .popover-body {
    color: #fff
}

[data-theme=dark] .popover-header {
    background-color: #202020;
    border-bottom-color: #404040
}

[data-theme=dark] .bs-popover-top>.arrow::before,
[data-theme=dark] .bs-popover-auto[x-placement^=top]>.arrow::before {
    border-top-color: #404040
}

[data-theme=dark] .bs-popover-top>.arrow::after,
[data-theme=dark] .bs-popover-auto[x-placement^=top]>.arrow::after {
    border-top-color: #222
}

[data-theme=dark] .bs-popover-right>.arrow::before,
[data-theme=dark] .bs-popover-auto[x-placement^=right]>.arrow::before {
    border-right-color: #404040
}

[data-theme=dark] .bs-popover-right>.arrow::after,
[data-theme=dark] .bs-popover-auto[x-placement^=right]>.arrow::after {
    border-right-color: #222
}

[data-theme=dark] .bs-popover-bottom>.arrow::before,
[data-theme=dark] .bs-popover-auto[x-placement^=bottom]>.arrow::before {
    border-bottom-color: #404040
}

[data-theme=dark] .bs-popover-bottom>.arrow::after,
[data-theme=dark] .bs-popover-auto[x-placement^=bottom]>.arrow::after {
    border-bottom-color: #222
}

[data-theme=dark] .bs-popover-left>.arrow::before,
[data-theme=dark] .bs-popover-auto[x-placement^=left]>.arrow::before {
    border-left-color: #404040
}

[data-theme=dark] .bs-popover-left>.arrow::after,
[data-theme=dark] .bs-popover-auto[x-placement^=left]>.arrow::after {
    border-left-color: #222
}

[data-theme=dark] .progress {
    background-color: #171717;
    border-color: #404040
}

[data-theme=dark] .close {
    color: #fff;
    opacity: 1
}

[data-theme=dark] .modal-header,
[data-theme=dark] .modal-footer {
    color: #fff;
    background-color: #202020;
    border-bottom-color: #404040;
    border-top-color: #404040
}

[data-theme=dark] .modal-content {
    color: #fff;
    background-color: #222;
    border-color: #404040
}


* {
    transition-timing-function: ease-out !important;
    transition-duration: 200ms !important;
    transition-property: background-color, color !important;
}

[data-theme=dark] .symbol.symbol-light .symbol-label {
    background-color: #393939 !important;
    color: #fff !important;
}

[data-theme=dark] .btn.btn-light-primary {
    color: #f03232;
    background-color: #393939;
    border-color: transparent;
}

[data-theme=dark] .select2-container--default .select2-selection--single {
    background-color: #393939;
    border: 1px solid #0000 !important;
    border-radius: 4px;
    color: #fff !important;
}

[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff !important;
}

[data-theme=dark] .select2-container--default .select2-dropdown {
    border: 1px solid #0000 !important;
    background-color: #383839 !important;
}

[data-theme=dark] .select2-container--default .select2-results__option[aria-selected="true"],
[data-theme=dark] .select2-container--default .select2-results__option.select2-results__option--highlighted {
    background: #1e1e1e !important;
    color: #fff !important;
}

[data-theme=dark] .select2-container--default .select2-search--dropdown .select2-search__field {
    outline: none !important;
    border-radius: 0.42rem;
    border: #0000;
    padding: 0.65rem 1rem;
    background-color: #1e1e1e;
    color: #fff;
}

[data-theme=dark] .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #000 !important;
}

[data-theme=dark] .table-striped tbody tr td,
[data-theme=dark] .table-striped thead tr th {
    color: #fff !important;
}

[data-theme=dark] #queue-list::before,
[data-theme=dark] #queue-list::after {
    /* background: linear-gradient(to right, #222 0%, #eef0f800 50%) !important; */
}

[data-theme=dark] img.whiteOnDark,
[data-theme=dark] .page-loader-logo img {
    filter: brightness(0) invert(1) !important;
}