@media screen {
    :root, :host {
        --background-color: #000000;
        --text-color: #ffffff;
        --input-text-color: #ffffff;
        --input-border-color: #ffffff;
        --input-background-color: #000000;
        --link-color: #4d88fd;
        --link-visited-color: #753aab;
        --border-color: rgba(128, 128, 128, .5);
    }

    .zidxDevNote {
        background-color: #222;
    }

    body, html {
        background: #000;
    }

    .zidxBodyContainer {
        color: #FFF;
    }

    .zidxBodyContainer a {
        color: #BDF;
    }

    a {
        color: #BDF;
    }

    .zidxBodyContainer .fa {
        color: #FFF !important;
    }

    h1, h2, h3, h4, h5, h6 {
        color: #a1b9d7;
    }

    .zidxErrorStatusMessage h1, .zidxErrorStatusMessage h2, .zidxErrorStatusMessage h3, .zidxErrorStatusMessage h4, .zidxErrorStatusMessage h5, .zidxErrorStatusMessage h6, .zidxErrorStatusMessage a:link, .zidxErrorStatusMessage a:visited {
        color: #300;
    }

    .zidxAdminSidebar {
        background: rgba(34, 51, 68, 0.3);
        background: linear-gradient(180deg, rgba(34, 51, 68, 0.3) 45%, rgba(0, 0, 0, 1) 100%);
        border-top: 2px solid #000;
    }


    #zidxHeader {
        background: #223344;
        background: linear-gradient(180deg, rgba(34, 51, 68, 1) 0%, rgba(0, 0, 0, 1) 100%);
    }

    .zidxAdminHeader {
        background: #223344;
        background: linear-gradient(0deg, rgba(34, 51, 68, 0.3) 0%, rgba(0, 0, 0, 1) 100%);
    }

    .zidxAdminBody {
        background-color: #000;
        color: #FFF;
    }

    .zidxAdminSidebar ul a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        background: none;
        color: #d1d9e7;
        padding: 10px
    }

    .zidxAdminSidebar ul li:last-child a {
        border-bottom: none;
    }

    .zidxAdminSidebar ul a:hover {
        background-color: #369;
        color: #FFF;
    }

    .zidxAdminSidebarSelect {
        background: rgba(34, 51, 68, 0.3);
        background: linear-gradient(0deg, rgba(34, 51, 68, 0.3) 0%, rgba(0, 0, 0, 1) 100%);
        color: #d1d9e7;
        border: 1px solid rgba(255, 255, 255, 0.2);
    }

    .zidxAdminSidebarHeading {
        color: #BDF;
    }

    .zidxFooter {
        background: rgba(30, 60, 90, 1);
        background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(30, 60, 90, 1) 100%);
        color: #FFF;
    }

    .zidxMobileHeader, .zidxMobileHeaderFixed {
        background-color: #000 !important;
        color: #FFF !important;
    }

    .zidxMobileMenuIcon span {
        background: #a1b9d7 !important;
    }

    .zidxMobileMenuIcon.open span {
        background: #FFF !important;
    }

    .zidxAdminSidebarSelect {
        background-color: rgba(0, 0, 0, 1);
        color: #d1d9e7;
    }

    .zidxMobileHeader .zidxMobileMenu ul li a {
        color: #d1d9e7 !important;
        background-color: #0a0f14 !important;
        border-bottom: 1px solid #999 !important;
    }

    .zidxMobileHeader .zidxMobileMenu ul li:last-child a {
        border-bottom: none !important;
    }

    input, select, textarea {
        background-color: #000;
        border: 1px solid #999;
        color: #FFF;
    }

    .zidxFooter a:link, .zidxFooter a:visited {
        color: #FFF;
    }

    .zidxMobileHeader {
        background: #0a0f14 !important;
    }

    .zidxMobileHeader .zidxMobileMenu.zidxOpen {
        background: #0a0f14 !important;
        color: #FFF !important;
    }

    .zidxMobileMenuIcon.zidxOpen span {
        background: #FFF !important;
    }


    .zidxAdminHeaderButton {
        background-color: #d1d9e7;
        color: #036;
    }

    .zidxDevNote {
        background-color: #345;
        color: #FFF;
    }

    .zidxDevNote::before {
        color: #CCC;
    }

    .zidxErrorStatusMessage {
        background-color: #FFF;
        padding: 10px;
        border-radius: 10px;
        color: #000;
    }

    .zidxTableList {
        background-color: #000;
    }

    .zidxTableList td, .zidxTableList th, .zidxTableList-header {
        color: #FFF;
    }

    .zidxTableList td a, .zidxTableList th a, .zidxTableList-header a {
        color: #FFF;
    }

    .zidxTableList tbody tr:nth-child(even) {
        background-color: #1C1C1C;
    }

    .zidxManagerEditMenu a:link, .zidxManagerEditMenu a:visited {
        background-color: #369;
        color: #FFF;
    }

    .zidxManagerEditMenu a:hover {
        background-color: #111 !important;
        color: #FFF !important;
    }

    .zidxManagerRowActive, .zidxManagerRowActive td {
        background-color: #369 !important;
    }

    .fa-cog {
        color: #FFF !important;
    }

    .zidxTableList tr:hover {
        background-color: #345 !important;
    }

    /*.zidxTableList tr:hover th {*/
    /*    background-color: #000 !important;*/
    /*}*/
    .zidxManagerButtonContainer a i, .zidxManagerButtonContainer a:link i, .zidxManagerButtonContainer a:visited i {
        color: #FFF;
    }

    .zidxBreadcrumb a, .zidxBreadcrumb strong {
        color: #CCC;
    }

    .zidxDeletedRow {
        background-color: #333 !important;
        color: #FFF !important;
    }

    .zidxSearchMorePopupShowLinkContainer {
        background-color: #000;
        color: #FFF;
    }

    .zidxSearchMorePopupInner {
        background-color: #000;
        color: #FFF;
    }

    .zidxSearchPopupLink {
        background-color: #000;
        color: #FFF;
    }

    .zidxSearchPopupDiv {
        background-color: #000;
        border: 1px solid #999;
        color: #FFF;
    }


    @media screen and (max-width: 479px) {
        .zidxAdminMobileSiteSelect {
            background-color: #000;
        }
    }
}