.login-page {
    background-color: #252F3C;
    color: white;
}

.login-logo a {
    color: white;
}

.login-page .card-body {
    background-color: #464E59;
}

.main-header {
    border-bottom: 1px solid #252F3C;
}

.content-wrapper {
    background-color: #252F3C;
}

.table-dark {
    color: white;
    background-color: #464E59;
}

.table.table-head-fixed.table-dark thead tr:nth-child(1) th {
    background-color: #464E59;
    box-shadow: inset 0 1px 0 #383f45, inset 0 -1px 0 #383f45;
}

.content .card-body, .card-footer {
    background-color: #464E59;
}

label {
    color: white;
}

.content .form-control, .login-page .form-control, .modal-content .form-control {
    color: white;
    background-color: rgba(0, 0, 0, 0.35);
    border: none;
    transition: background 0.40s ease-in-out;
}

.content .form-control:focus {
    color: white;
    background-color: rgba(0, 0, 0, 0.50);
}

.content .form-control:disabled, .content .form-control[readonly] {
    background-color: rgba(0, 0, 0, 0.25);
    opacity: 1;
}

.modal-content {
    color: white;
    background-color: #252F3C;
}

.close {
    color: white;
    text-shadow: unset;
}

.close:hover {
    color: red;
}

#searchInput {
    width: 100%;
    font-size: 16px;
    padding: 12px 20px;
    border-radius: 0;
}