body,
* {
    font-family: "Inter", serif;
}
body#body {
    background-color: #252525 !important;
}
.bg_color_primary {
    background-color: #2d2d2d;
}
.bg_color_secondary {
    background-color: #505050;
}
.navbar-vertical.navbar-expand-xs {
    max-width: 17.125rem !important;
}
.navbar .navbar-brand {
    color: #fff;
}
.text_white {
    color: #fff !important;
}
hr.horizontal {
    background-color: #fff !important;
}
#top_bar {
    min-height: 79px !important;
}
.btn-primary {
    background-color: #667cf2 !important;
}
.btn-danger {
    background-color: #f26866 !important;
}
.btn-success {
    background-color: #3bbb8b !important;
}
.btn-warning {
    background-color: #f4be00 !important;
}
.btn-info {
    background-color: #8ac4ee !important;
}
.card,
.card-header {
    background-color: #383838 !important;
    color: #fff !important;
}
.bg-success {
    background-color: #3bbb8b !important;
}
.bg-danger {
    background-color: #f26866 !important;
}
.card h5,
.card table,
#table_data_filter label,
#table_data_filter label input,
#table_data_length label,
#table_data_length label select,
.card .form-group label,
.card table.table-striped .odd td {
    color: #fff !important;
}

.card .form-group input,
.card .form-group select,
.card .form-group textarea {
    background-color: #282828 !important;
    color: #fff !important;
    border: 0;
}
.form-switch .form-check-input:checked {
    background-color: rgba(251, 99, 64, 0.95) !important;
}