/* ==UserStyle==
@name        AdGuard-Home Dark
@namespace   AGH
@version     1.0.2
@homepageURL https://github.com/FutaGuard/AdGuard-Home-Dark
@updateURL   https://raw.githubusercontent.com/FutaGuard/AdGuard-Home-Dark/master/agh.user.css
@license     CC-BY-SA-4.0
@author      FutaGuard
==/UserStyle==*/

/***
GENERAL
*/

@-moz-document url-prefix("http://your.domain.com") {
    .nav-link {
        fill: #bebebe;
    }

    body {
        background-color: #50514F;
        color: #eeeeee;
    }

    a {
        color: #aaffaa;
    }

    .header {
        background-color: #66b574;
        color: #eeeeee;
    }

    .badge-success {
        background-color: #5784fe;
    }

    .footer {
        background-color: #50514F;
    }

    .footer a:not(.btn) {
        color: #fff;
    }

    /***
NAVIGATION
*/

    div.header__right .btn {
        background-color: #F25F5C;
        color: #fff
    }

    div.header__column.mobile-menu {
        background-color: inherit;
    }

    div.header__column:not(.mobile-menu--active) .nav-tabs .nav-item {
        width: 120px;
        text-align: center;
    }

    div.header__column:not(.mobile-menu--active) .nav-tabs .nav-item a:not(.dropdown-item) {
        width: min-content;
        text-align: center;
        margin: 0 auto;
    }

    .nav-tabs .nav-item.show {
        background-color: #334433;
    }

    .nav-tabs .nav-item:not(.show) .nav-link {
        color: #fff;
        font-weight: bold;
    }

    .nav-tabs .nav-item.show .nav-link {
        background-color: inherit;
    }

    .nav-tabs .nav-item.show .dropdown-menu.show {
        background-color: #66b574;
        color: #66b574;
    }

    .nav-tabs .nav-item.show .dropdown-menu.show .dropdown-item {
        background-color: #66b574;
        color: #fff;
    }

    .nav-tabs .nav-item.show .dropdown-menu.show .dropdown-item:hover,
    .nav-tabs .nav-item.show .dropdown-menu.show .dropdown-item.active {
        background-color: #6b986b;
        color: #fff;
    }

    .nav-tabs .nav-item .nav-link.active {
        color: #E8DF68;
    }

    .header-toggler.d-lg-none.ml-lg-0.collapsed {
        color: #eee;
    }

    div.header__column.mobile-menu.mobile-menu--active {
        background-color: #222222;
    }

    div.header__column.mobile-menu.mobile-menu--active .nav-item.border-bottom.d-lg-none {
        border-bottom: 1px solid #336633 !important;
    }

    div.header__column.mobile-menu.mobile-menu--active .nav-tabs .nav-item .nav-link:not(.active) {
        color: #336633;
    }

    div.header__column.mobile-menu.mobile-menu--active .nav-tabs .nav-item .nav-link.active {
        text-decoration: underline;
    }

    /***
INTERFACE
*/

    div.page-title__actions button:first-child {
        background-color: #F25F5C;
        color: #fff;
    }

    div.page-title__actions button:nth-child(2) {
        background-color: #247BA0;
        color: #fff;
    }

    div.row div.col-sm-6:nth-child(2) .card-value {
        color: #F25F5C !important;
    }

    div.row div.col-sm-6:nth-child(2) path {
        stroke: #F25F5C !important;
    }

    .card,
    .rt-tr {
        background-color: #333333;
    }

    .card-table tr td,
    .card-table tr th {
        border-color: #555555;
    }

    .rt-tr.red {
        background-color: #4f3333;
    }

    .rt-tr.green {
        background-color: #334433;
    }

    .rt-tr.-even {
        filter: brightness(85%);
    }

    .service {
        border-color: #336633;
    }

    .service__icon {
        color: #336633;
    }

    .ReactModal__Overlay.ReactModal__Overlay--after-open {
        background-color: rgba(0, 0, 0, 0.75) !important;
    }

    .modal-content,
    .tab__control {
        background-color: #333333;
        color: #eeeeee;
    }

    .overlay.overlay--visible {
        background-color: rgba(0, 0, 0, 0.8) !important;
        color: #336633;
    }

    .loading::before,
    .ReactTable .-loading,
    .card-body--loading::before {
        background-color: rgba(0, 0, 0, 0.6) !important;
    }


    /***
ALERTS
*/
    .alert-info {
        background-color: #132948;
        border-color: #0c192d;
        color: #467fcf;
    }

    .alert-info .container a {
        color: #66b574;
    }

    /***
INPUTS
*/
    .ReactTable .rt-thead.-filters input,
    .ReactTable .rt-thead.-filters select,
    .ReactTable .-pagination input,
    .ReactTable .-pagination select,
    .ReactTable .-pagination .-btn,
    .custom-select,
    .btn-secondary,
    .custom-switch-indicator,
    .select.select--language,
    .form-control--textarea,
    .form-control,
    .form-control:focus,
    .form-control:disabled,
    .form-control[readonly] {
        background-color: #222222;
        color: #eeeeee;
    }

    .btn-secondary {
        background-color: #336633;
    }

    .checkbox__label-subtitle,
    .form__desc {
        color: #aaaaaa;
    }

    .logs__input-wrap .tooltip-custom--logs {
        filter: invert(0.9) saturate(5) hue-rotate(50deg);
    }

    .rt-td .logs__action {
        background-color: #222222;
    }
}