/* ===== DVSwitch DARK MODE (AMOLED + TABLES) ===== */

/* Global */
body {
    background: #000000 !important;
    color: #e0e0e0 !important;
}

.container {
    background: #000000 !important;
}

/* Header */
.header {
    background: #0f4c75 !important;
    color: #ffffff !important;
}

/* Navigation */
.nav {
    background: #000000 !important;
}

/* Content */
.content,
.content2,
.contentwide {
    background: #121212 !important;
    color: #e0e0e0 !important;
}

/* ================= TABLES ================= */

table {
    background: #000000 !important;
    color: #e0e0e0 !important;
    border-collapse: collapse !important;
    border: 1px solid #333 !important;
}

table th {
    background: #0f4c75 !important;
    color: #ffffff !important;
    border: 1px solid #333 !important;
    text-shadow: none !important;
}

table tr {
    border: 1px solid #333 !important;
}

table tr:nth-child(even) {
    background: #121212 !important;
}

table tr:nth-child(odd) {
    background: #1a1a1a !important;
}

table td {
    background: inherit !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
}

/* Links inside tables */
table a {
    color: #4aa3ff !important;
}

table a:hover {
    color: #82c7ff !important;
}

/* Highlight / active rows */
table tr:hover {
    background: #1f1f1f !important;
}

/* ================= BUTTONS ================= */

.button,
.dropbtn,
.link {
    background-color: #0f4c75 !important;
    color: #ffffff !important;
}

.button:hover,
.dropbtn:hover,
.link:hover {
    background-color: #1b6fa8 !important;
}

/* ================= FORMS ================= */

input[type=text] {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #333 !important;
}

input[type=button],
input[type=submit],
input[type=reset] {
    background: #0f4c75 !important;
    color: #ffffff !important;
    border: none !important;
}

/* ================= LINKS ================= */

a {
    color: #4aa3ff !important;
}

a:hover {
    color: #82c7ff !important;
}

/* ================= TOOLTIP ================= */

.tooltip .tooltiptext {
    background-color: #222 !important;
    color: #fff !important;
    box-shadow: 0 0 6px #000 !important;
}

/* ================= FOOTER ================= */

.footer {
    background: #0f4c75 !important;
    color: #ffffff !important;
}
