.theme-button {
    background-color: #eee;
    color: #000;
    border-color: #aaa;
}

.theme-button:focus {
    background-color: #ddd;
    color: #000;
}

table.theme-table > tbody > tr:hover {
    background-color: #ddd;
}

.theme-breadcrumb {
    border-color: #eee;
    border-width: 0 2px 2px 2px;
    border-style: groove;
}

.theme-search-area > .theme-search-icon,
.theme-search-area > input,
.theme-search-area > span > button {
    background-color: #fff;
}

.theme-search-area > span > button:hover {
    background-color: #eee;
}

.theme-search-area > span > button:active,
.theme-search-area > span > button:focus,
.theme-search-area > span > button:active:focus,
.theme-search-area > span > button:active:hover {
    background-color: #ddd;
}

.theme-navbar-link,
.theme-navbar-button,
.theme-dropdown-desktop > .theme-navbar-link,
.theme-navbar-dropdown > li > a {
    text-shadow: none;
    box-shadow: none;
}

.theme-panel {
    border-color: #ddd;
}

.theme-panel > .panel-heading {
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.theme-search-bar-mobile {
    width: 100vw;
    background: #f6f6f6;
}

.theme-dropdown {
    background: #fff;
}

body {
    color: #333;
    background-color: #fff;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #222;
        color: #fff;
    }
}

body[data-theme="light"] {
    color: #333;
    background-color: #fff;
}

@media (prefers-color-scheme: dark) {
    body[data-theme="auto"],
    body[data-theme="auto"] .theme-select > .dropdown-menu.open,
    body[data-theme="auto"] .theme-select > .dropdown-menu.open > .dropdown-menu.inner,
    body[data-theme="auto"] .search-results > .theme-dropdown,
    body[data-theme="auto"] .theme-dropdown-desktop > .theme-dropdown {
        background-color: #222;
        color: #fff;
    }

    body[data-theme="auto"] .theme-select > button.btn.dropdown-toggle,
    body[data-theme="auto"] .theme-select > button.btn.dropdown-toggle:active {
        background: #333;
        border-color: #bbb;
        color: #fff;
        text-shadow: none;
    }

    body[data-theme="auto"] .theme-select > button.btn.dropdown-toggle:focus {
        background: #555;
        border-color: #bbb;
        color: #fff;
    }

    body[data-theme="auto"] .theme-select > div.dropdown-menu > ul.dropdown-menu.inner > li > a {
        color: #fff;
    }

    body[data-theme="auto"] .theme-select > div.dropdown-menu > div.bs-actionsbox > div.btn-group > button {
        background-color: #2e2e2e;
        border-color: #bbb;
        color: #fff;
    }

    body[data-theme="auto"] .theme-button {
        background-color: #2e2e2e;
        color: #fff;
        border-color: #888;
    }

    body[data-theme="auto"] .theme-button:focus {
        background-color: #222;
        color: #fff;
    }

    body[data-theme="auto"] table.theme-table,
    body[data-theme="auto"] table.theme-table > tbody > tr > td,
    body[data-theme="auto"] table.theme-table > tbody > tr > th,
    body[data-theme="auto"] table.theme-table > tfoot > tr > td,
    body[data-theme="auto"] table.theme-table > tfoot > tr > th,
    body[data-theme="auto"] table.theme-table > thead > tr > td,
    body[data-theme="auto"] table.theme-table > thead > tr > th {
        border-color: #777;
    }

    body[data-theme="auto"] table.theme-table > tbody > tr:nth-of-type(2n) {
        background-color: #222;
    }

    body[data-theme="auto"] table.theme-table > tbody > tr:nth-of-type(2n+1) {
        background-color: #333;
    }

    body[data-theme="auto"] table.theme-table > tbody > tr:hover > td > a {
        color: #d8d8d8;
    }

    body[data-theme="auto"] table.theme-table > tbody > tr > td > a:hover {
        color: #fff;
    }

    body[data-theme="auto"] .theme-tabs > li.active > a,
    body[data-theme="auto"] .theme-tabs > li.active > a:hover,
    body[data-theme="auto"] .theme-tabs > li.active > a:focus {
        background-color: #222;
        color: #fff;
    }

    body[data-theme="auto"] .theme-dropdown-desktop > ul.dropdown-menu > li > a {
        color: #eeeeee;
    }

    body[data-theme="auto"] .theme-dropdown > .dropdown-header {
        color: #fff;
    }

    body[data-theme="auto"] .theme-breadcrumb {
        background: #2c2c2c;
        border-color: #888;
        border-width: 0 2px 2px 2px;
        border-style: groove;
    }

    body[data-theme="auto"] .theme-search-area > .theme-search-icon,
    body[data-theme="auto"] .theme-search-area > input,
    body[data-theme="auto"] .theme-search-area > span > button {
        background-color: #222;
        color: #fff;
        border-color: #888;
    }

    body[data-theme="auto"] .theme-search-area > span > button:hover {
        background-color: #333;
        color: #fff;
        border-color: #888;
    }

    body[data-theme="auto"] .theme-search-area > span > button:active,
    body[data-theme="auto"] .theme-search-area > span > button:focus,
    body[data-theme="auto"] .theme-search-area > span > button:active:focus,
    body[data-theme="auto"] .theme-search-area > span > button:active:hover {
        background-color: #444;
        color: #fff;
        border-color: #888;
    }

    body[data-theme="auto"] .theme-panel > .panel-heading {
        color: #fff;
        background: #2e2e2e;
    }

    body[data-theme="auto"] .theme-panel > .panel-body {
        background: #222;
        border-color: #ddd;
        border-style: solid;
        border-width: 1px 0;
    }

    body[data-theme="auto"] .theme-search-bar-mobile {
        background: #383838;
    }

    body[data-theme="auto"] .theme-modal > .modal-dialog > .modal-content {
        background-color: #222;
        border-color: #666;
    }
}

body[data-theme="dark"],
body[data-theme="dark"] .theme-select > .dropdown-menu.open,
body[data-theme="dark"] .theme-select > .dropdown-menu.open > .dropdown-menu.inner,
body[data-theme="dark"] .search-results > .theme-dropdown,
body[data-theme="dark"] .theme-dropdown-desktop > .theme-dropdown {
    background-color: #222;
    color: #fff;
}

body[data-theme="dark"] .theme-select > button.btn.dropdown-toggle,
body[data-theme="dark"] .theme-select > button.btn.dropdown-toggle:active {
    background: #333;
    border-color: #bbb;
    color: #fff;
    text-shadow: none;
}

body[data-theme="dark"] .theme-select > button.btn.dropdown-toggle:focus {
    background: #555;
    border-color: #bbb;
    color: #fff;
}

body[data-theme="dark"] .theme-select > div.dropdown-menu > ul.dropdown-menu.inner > li > a {
    color: #fff;
}

body[data-theme="dark"] .theme-select > div.dropdown-menu > div.bs-actionsbox > div.btn-group > button {
    background-color: #2e2e2e;
    border-color: #bbb;
    color: #fff;
}

body[data-theme="dark"] .theme-button {
    background-color: #2e2e2e;
    color: #fff;
    border-color: #888;
}

body[data-theme="dark"] .theme-button:focus {
    background-color: #222;
    color: #fff;
}

body[data-theme="dark"] table.theme-table,
body[data-theme="dark"] table.theme-table > tbody > tr > td,
body[data-theme="dark"] table.theme-table > tbody > tr > th,
body[data-theme="dark"] table.theme-table > tfoot > tr > td,
body[data-theme="dark"] table.theme-table > tfoot > tr > th,
body[data-theme="dark"] table.theme-table > thead > tr > td,
body[data-theme="dark"] table.theme-table > thead > tr > th {
    border-color: #777;
}

body[data-theme="dark"] table.theme-table > tbody > tr:nth-of-type(2n) {
    background-color: #222;
}

body[data-theme="dark"] table.theme-table > tbody > tr:nth-of-type(2n+1) {
    background-color: #333;
}

body[data-theme="dark"] table.theme-table > tbody > tr:hover > td > a {
    color: #d8d8d8;
}

body[data-theme="dark"] table.theme-table > tbody > tr > td > a:hover {
    color: #fff;
}

body[data-theme="dark"] .theme-tabs > li.active > a,
body[data-theme="dark"] .theme-tabs > li.active > a:hover,
body[data-theme="dark"] .theme-tabs > li.active > a:focus {
    background-color: #222;
    color: #fff;
}

body[data-theme="dark"] .theme-dropdown-desktop > ul.dropdown-menu > li > a {
    color: #eeeeee;
}

body[data-theme="dark"] .theme-dropdown > .dropdown-header {
    color: #fff;
}

body[data-theme="dark"] .theme-breadcrumb {
    background: #2c2c2c;
    border-color: #888;
    border-width: 0 2px 2px 2px;
    border-style: groove;
}

body[data-theme="dark"] .theme-search-area > .theme-search-icon,
body[data-theme="dark"] .theme-search-area > input,
body[data-theme="dark"] .theme-search-area > span > button {
    background-color: #222;
    color: #fff;
    border-color: #888;
}

body[data-theme="dark"] .theme-search-area > span > button:hover {
    background-color: #333;
    color: #fff;
    border-color: #888;
}

body[data-theme="dark"] .theme-search-area > span > button:active,
body[data-theme="dark"] .theme-search-area > span > button:focus,
body[data-theme="dark"] .theme-search-area > span > button:active:focus,
body[data-theme="dark"] .theme-search-area > span > button:active:hover {
    background-color: #444;
    color: #fff;
    border-color: #888;
}

body[data-theme="dark"] .theme-panel > .panel-heading {
    color: #fff;
    background: #2e2e2e;
}

body[data-theme="dark"] .theme-panel > .panel-body {
    background: #222;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px 0;
}

body[data-theme="dark"] .theme-search-bar-mobile {
    background: #383838;
}

body[data-theme="dark"] .theme-modal > .modal-dialog > .modal-content {
    background-color: #222;
    border-color: #666;
}