body {
    background-color: #0d1b2a !important;
    color: #E0E1DD !important;
}
nav {
    background-color: #0d1b2a !important;
    color: #E0E1DD !important;
}

div.border, ul.room {
    background-color: #1B263B !important;
    border: 1px solid #415A77 !important;
    color: #E0E1DD !important;
}

input, select {
    background-color: #1B263B !important;
    border: 1px solid #415A77 !important;
    color: white !important;
}

.card-header, .modal-header {
    background-color: #778da9 !important;
    color: #E0E1DD !important;
}

.card-body, .modal-body {
    background-color: #1B263B !important;
    color: #E0E1DD !important;

}

thead {
    background-color: #778da9 !important;
    color: #E0E1DD !important;
}

tbody {
    background-color: #1B263B !important;
    color: #E0E1DD !important;

}

tbody tr:hover {
    background: #415A77 !important;
}
td:hover {
    color: white !important;
}

.dropdown-menu {
    background-color: #1B263B !important;
    color: #E0E1DD !important;
}

.dropdown-item:hover {
    background-color: #778da9 !important;
    color: #E0E1DD !important;

}

button, .btn {
    border-color: #415A77 !important;
    background-color: #1B263B !important;
    color: #E0E1DD !important;
}

a {
    color: #E0E1DD !important;
}

::-webkit-calendar-picker-indicator {
    filter: invert(1);
}