body {
    background-color: white;
    color: black;
}
body .logo-night {
    display: none;
}
body.dark-mode {
    background-color: #22272e !important;
    color: #eee !important;
}
body.dark-mode .logo-night {
    display: inline;
}
body.dark-mode .logo-day {
    display: none;
}

.dark-mode .log-outer-container .border-bottom {
    border-bottom: 1px solid #888 !important;
}

.dark-mode .modal-content,
.dark-mode .table,
.dark-mode .dropdown-menu.show {
    background-color: #343a40 !important;
    color: #eee !important;
}
.dark-mode .dropdown-menu.show {
    background-color: #474f57 !important;
    margin-top: -3px !important;
    border-color: #fff;
}
.dark-mode .dropdown-item:hover {
    background-color: #646e79;
}
.dark-mode .dropdown-item.active,
.dark-mode .dropdown-item:active {
    background-color: #646e79;
}


.dark-mode footer > section {
    border-left-color: #888 !important;
}
.dark-mode .blockquote .text-muted,
.dark-mode .blockquote-footer {
    color: #eee !important;
}

.dark-mode tspan {
    fill: white !important;
}

.dark-mode .text-gray-300 {
    color: #555 !important;
}

.dark-mode .card, .dark-mode .card-body, .dark-mode section, .dark-mode .bg-falco, .dark-mode .tab-pane {
    background: #343a40 !important;
}

.dark-mode .nav-item.active {
    background: #343a40 !important;
    border-bottom: none;
}
.dark-mode .tab-content {
    background: #343a40;
}

.dark-mode .active-positions-container .progress {
    background: #535455;
}
.dark-mode .active-positions-container .progress-bar {
    background: #ddd;
}

.dark-mode .nav-link {
    border-bottom: none !important;
}

.dark-mode .badge {
    opacity: 0.95;
}
.dark-mode .badge-info {
    color: #000 !important;
}
.dark-mode .badge-secondary {
    background: #888;
    color: #222 !important;
}

.dark-mode a,
.dark-mode .close,
.dark-mode .btn-white {
    color: #eee !important;
}
.dark-mode a:hover {
    color: white !important;
}

.dark-mode .border-falco {
    border-color: white !important;
}

.dark-mode div.livecoinwatch-widget-6 {
    background: #343a40 !important;
    color: #eee !important;
}
.dark-mode div.livecoinwatch-widget-6 p {
    color: #eee !important;
}
.dark-mode div.livecoinwatch-widget-6 div > span:nth-of-type(1) {
    opacity: 0.8 !important;
}
.dark-mode div.livecoinwatch-widget-6 div > span:nth-of-type(2) {
    color: #777 !important;
}

.dark-mode .apexcharts-svg {
    background: none !important;
}

.dark-mode img {
    filter: brightness(.9) contrast(1.1);
}
.dark-mode #nav-fear-greed img {
    filter: brightness(.75) contrast(1.2);
}

.dark-mode .text-muted,
.dark-mode .text-muted a {
    color: #aaa !important;
}
.dark-mode .text-muted a:hover {
    color: #ddd !important;
}

.dark-mode .badge .bot-icon.cz {
    filter: brightness(.2);
}
.dark-mode .bot-icons i {
    color: #eee !important;
}
.dark-mode .bot-icons i.disabled {
    color: #666 !important;
}

@media only screen and (min-width: 1200px) {
    .since-text {
        color: #888;
    }
}
