.night-mode {
    background-color: #1e1e1e;
    color: #d1d1d1;
}
.night-mode #dataTable td, .night-mode #dataTable th {
    color: #d1d1d1;
}
/* Containers */
.night-mode .container {
    background-color: #222831;
}

.night-mode .container h3 {
    color:rgb(49, 161, 144);
}

/* Cards */
.night-mode .card {
    background-color: #222831;
    color: #d1d1d1;
    border-color: #444;
}

.night-mode .card-header {
    background-color: #222831;
    border-bottom: 1px solid #555;
}

/* Sidebar and dividers */
.night-mode .sidebar-divider {
    border-color:rgb(45, 55, 70);
}

/* Tables */
.night-mode .table {
    background-color: #222831;
    color: #d1d1d1;
}

.night-mode .table th {
    background-color: #222831;
    color: #d1d1d1;
}

.night-mode .table td {
    border-color: #555;
}

/* Border colors for event categories */
.night-mode .border-left-success {
    border-left: 4px solid #77dd77 !important;
}

.night-mode .border-left-warning {
    border-left: 4px solid #ffcc00 !important;
}

.night-mode .border-left-primary {
    border-left: 4px solid #6eb6ff !important;
}

.night-mode .border-left-danger {
    border-left: 4px solid #ff6961 !important;
}

.night-mode .border-left-secondary {
    border-left: 4px solid #888 !important;
}

/* Text colors for remarks */
.night-mode .text-secondary {
    color: #aaa !important;
}

.night-mode .text-success {
    color: #77dd77 !important;
}

.night-mode .text-primary {
    color: #6eb6ff !important;
}

.night-mode .text-danger {
    color: #ff6961 !important;
}

.night-mode .text-dark {
    color: #bbb !important;
}
/* Night Mode Styles */
.night-mode {
    background-color: #1a1a2e !important;
    color: #e0e0e0 !important;
}

/* Modal Background */
.night-mode .modal-content {
    background-color: #222831 !important;
    color: #ffffff !important;
    border: 1px solid #393e46;
}

/* Close Button */
.night-mode .close-modal span {
    color: #ffffff !important;
}

/* Titles & Headings */
.night-mode .modal-title, 
.night-mode h1, 
.night-mode h2 {
    color: #00adb5 !important;
}

/* Text & Info */
.night-mode .info, 
.night-mode p {
    color: #d1d1d1 !important;
}

/* Section Titles */
.night-mode .section-title {
    color: #00adb5 !important;
}

/* Button Styling */
.night-mode .btn-danger {
    background-color: #ff4c4c !important;
    border-color: #ff4c4c !important;
}

.night-mode .btn-danger:hover {
    background-color: #ff6666 !important;
}
/* Border Styling */
.night-mode .info-container {
    padding-top: 10px;
}

/* Left & Right Column Styling */
.night-mode .left-column,
.night-mode .right-column {
    padding-left: 15px;
}