/* Dark Mode */
.dark-mode {
    background: linear-gradient(90deg, #1a1a2e, #16213e);
    color: #dcdcdc;
}

.dark-mode .bar {
    background: linear-gradient(to top, #1f4068, #1b3a57, #162e46);
    color: #f5f5f5;
}

.dark-mode .bar a {
    color: #ffcc00;
}

.dark-mode .bar a:hover {
    color: #ffaa00;
}

.dark-mode .menu {
    background: #222;
    border-color: #444;
    color: #ddd;
}

.dark-mode .menu a {
    color: #4da8da;
}

.dark-mode .border {
    background: #2b2b2b;
    color: #ddd;
}

.dark-mode .b {
    background: #333;
    border-color: #555;
    box-shadow: 0 1px 2px rgba(255, 255, 255, 0.1);
}

.dark-mode input, .dark-mode select, .dark-mode textarea {
    background: #2a2a2a;
    border: 1px solid #555;
    color: #ddd;
}

.dark-mode input:focus, .dark-mode textarea:focus {
    background: #333;
    border-color: #777;
}

.dark-mode a.button, .dark-mode input[type=submit] {
    background: #007acc;
    color: #fff;
}

.dark-mode a.button:hover, .dark-mode input[type=submit]:hover {
    background: #005f99;
}

.dark-mode .sms a {
    color: #ff6666;
}

.dark-mode .ajax_message .mysms, .dark-mode .ajax_message .yousms {
    background-color: #444;
    border-color: #666;
    color: #f5f5f5;
}

.dark-mode .dateBody span {
    background-color: #333;
    border-color: #444;
    color: #ccc;
}

.dark-mode .links {
    background: #222;
    border-color: #555;
}

.dark-mode .links:hover {
    background: #333;
}

.dark-mode table.RainbowRoyal {
    background: #222;
    border-color: #444;
    color: #ddd;
}

.dark-mode table.RainbowRoyal thead {
    background: #005f99;
}

.dark-mode table.RainbowRoyal thead th {
    border-left: 1px solid #007acc;
}

.dark-mode table.RainbowRoyal tfoot .links a {
    background: #007acc;
    color: #fff;
}

.dark-mode .a, .dark-mode #title-one {
    background-color: #2b2b2b;
    border-color: #444;
    color: #ddd;
}

.dark-mode .tdFuncs, .dark-mode .mains, .dark-mode .linkmenu {
    background: #333;
    border-color: #555;
    color: #ddd;
}

.dark-mode .room, .dark-mode #rm {
    background: #2b2b2b;
    border-color: #444;
    color: #ddd;
}

.dark-mode .room:hover, .dark-mode #rm:hover {
    background: #005f99;
    color: #fff;
}

.dark-mode .mysms {
    background-color: #264d26;
}

.dark-mode .yousms {
    background-color: #3b3b3b;
}

.dark-mode .gonderildi, .dark-mode .oxundu {
    filter: invert(1);
}

.dark-mode .info_fon {
    background-color: rgba(50, 50, 50, 0.8);
}

.dark-mode .pageNumber {
    background: #005f99;
    color: white;
}.dark-mode #title-two {
    background: #333333;
    padding: 2px;
    border: 1px solid #000000;
}