body.dark  {
        color: #bebebe;
        background-color: #222;
    }

body.dark pre {
        color: #bebebe;
    }

body.dark img.icon,
body.dark svg.icon {
        filter: invert(1);
    }

body.dark .table {
        color: #bebebe;
    }

body.dark .table-hover tbody tr:hover {
        color: #bebebe;
    }

body.dark .list-group-item {
        color: #bebebe;
        background-color: #181818;
        border-color: #404040;
    }

body.dark .list-group-item.list-group-item-action:focus,
body.dark .list-group-item.list-group-item-action:hover {
        background-color: #222;
    }

body.dark .list-group-item.active,
    body.dark .list-group-item.active:focus,
    body.dark .list-group-item.active:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

body.dark .list-group-item-primary {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

body.dark .list-group-item-primary.list-group-item-action:focus,
body.dark .list-group-item-primary.list-group-item-action:hover {
        color: #fff;
        background-color: #0069d9;
    }

body.dark .list-group-item-secondary {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

body.dark .list-group-item-secondary.list-group-item-action:focus,
body.dark .list-group-item-secondary.list-group-item-action:hover {
        color: #fff;
        background-color: #5a6268;
    }

body.dark .list-group-item-success {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

body.dark .list-group-item-success.list-group-item-action:focus,
body.dark .list-group-item-success.list-group-item-action:hover {
        color: #fff;
        background-color: #218838;
    }

    body.dark .btn-danger {
        color: #FFF;
    }

    body.dark .list-group-item-danger {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    body.dark .list-group-item-danger.list-group-item-action:focus,
    body.dark .list-group-item-danger.list-group-item-action:hover {
        color: #fff;
        background-color: #c82333;
    }

    body.dark .list-group-item-warning {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    body.dark .list-group-item-warning.list-group-item-action:focus,
    body.dark .list-group-item-warning.list-group-item-action:hover {
        color: #212529;
        background-color: #e0a800;
    }

    body.dark .list-group-item-info {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    body.dark .list-group-item-info.list-group-item-action:focus,
    body.dark .list-group-item-info.list-group-item-action:hover {
        color: #fff;
        background-color: #138496;
    }

    body.dark .list-group-item-light {
        color: #212529;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    body.dark .list-group-item-light.list-group-item-action:focus,
    body.dark .list-group-item-light.list-group-item-action:hover {
        color: #212529;
        background-color: #e2e6ea;
    }

    body.dark .list-group-item-dark {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    body.dark .list-group-item-dark.list-group-item-action:focus,
    body.dark .list-group-item-dark.list-group-item-action:hover {
        color: #fff;
        background-color: #23272b;
    }

    body.dark .dropdown-menu {
        background-color: #171717;
        border-color: #404040;
    }

    body.dark .dropdown-item:not(:disabled):not(.disabled) {
        color: #bebebe;
    }

    body.dark .dropdown-item:focus,
    body.dark .dropdown-item:hover {
        background-color: #242424;
    }

    body.dark .dropdown-divider {
        border-top-color: #404040;
    }

    body.dark .jumbotron {
        color: #bebebe;
        background-color: #181818;
        border-color: #404040;
    }

    body.dark .card {
        color: #bebebe;
        background-color: #181818;
        border-color: #404040;
    }

    body.dark .card-header,
    body.dark .card-footer {
        color: #bebebe;
        background-color: #202020;
        border-top-color: #404040;
        border-bottom-color: #404040;
    }

    body.dark .form-control ,
    body.dark .form-group .form-control {
        color: #f8f8f8;
        background-color: #171717;
        border-color: #404040;
    }
    body.dark .form-control::placeholder ,
    body.dark .form-group .form-control::placeholder {
        color: #e1e1e1;
    }
    body.dark .form-control:focus ,
    body.dark .form-group .form-control:focus {
        color: #f8f8f8;
        background-color: #2f2f2f;
        border-color: #404040;
    }

    body.dark .form-control-plaintext {
        color: #bebebe;
    }

    body.dark .custom-select {
        color: #bebebe;
        background-color: #171717;
        border-color: #404040;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
    }

    body.dark .custom-file-label {
        color: #bebebe;
        background-color: #171717;
        border-color: #404040;
    }

    body.dark .custom-file-label:after {
        color: #bebebe;
        background-color: #202020;
    }

    body.dark .input-group-text {
        color: #bebebe;
        background-color: #202020;
        border-color: #404040;
    }

    body.dark .page-item .page-link {
        border-color: #404040;
    }

    body.dark .page-item.disabled .page-link {
        background-color: #171717;
        color: #bebebe;
    }

    body.dark .page-item:not(.active) .page-link {
        background-color: #171717;
    }

    body.dark .page-item:not(.active) .page-link:hover {
        background-color: #242424;
    }

    body.dark .breadcrumb {
        background-color: #171717;
        border-color: #404040;
    }

    body.dark .nav-tabs {
        border-bottom-color: #404040;
    }

    body.dark .nav-tabs .nav-link:focus,
    body.dark .nav-tabs .nav-link:hover {
        background-color: #242424;
        border-color: #404040;
    }

    body.dark .nav-tabs .nav-item.show .nav-link,
    body.dark .nav-tabs .nav-link.active {
        color: #bebebe;
        background-color: #3f3f3f;
        border-color: #404040;
        border-bottom-color: #222;
    }

    body.dark .nav-tabs.card-header-tabs .nav-item.show .nav-link,
    body.dark .nav-tabs.card-header-tabs .nav-link.active {
        background-color: #181818;
        border-bottom-color: #181818;
    }

    body.dark .popover {
        background-color: #222;
        border-color: #404040;
    }

    body.dark .popover-body {
        color: #bebebe;
    }

    body.dark .popover-header {
        background-color: #202020;
        border-bottom-color: #404040;
    }

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

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

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

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

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

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

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

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

    body.dark .progress {
        background-color: #171717;
        border-color: #404040;
    }

    body.dark .close {
        color: #bebebe;
        opacity: 1;
    }

    body.dark .modal-header,
    body.dark .modal-footer {
        color: #bebebe;
        background-color: #202020;
        border-bottom-color: #404040;
        border-top-color: #404040;
    }

    body.dark .modal-content {
        color: #bebebe;
        background-color: #222;
        border-color: #404040;
    }

    body.dark .close:hover {
        color:#b3b3b3;
    }

    body.dark hr {
        border-top:1px solid #404040;
    }


    body.dark .btn-light {
        background-color: #212529;
        color: #f8f9fa;
    }

    body.dark .text-dark-white {
        color:#f8f9fa;
    }

    body.dark .dropdown-item-text {
        color: #f8f9fa;
    }