.login-app {
    background-color: #222d32;
    color: #fff;
}

.login-card {
    background-color: #1a2226;
    color: #fff;
}
.bg-sidebar {
    background-color: #666666 !important;
}
.sidebar {
    background-color: #666666 !important;
}
.nav-link {
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}

.fas {
    color: #fff !important;
}

.sidebar-brand-text {
    color: #fff !important;
}

.text-sidebar {
    color: #fff !important;
}
.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    outline: 0;
}
.btn:focus {
    box-shadow: none;
}
.nav-link:hover {
    border: 1px solid #fff;
    border-radius: 15px;
    cursor: pointer;
}

input,
select {
    border: 1px solid #ccc !important;
}

/* Light Color BG*/
.bg-primary-100 {
    background: #e0dcfe;
}
.bg-secondary-100 {
    background: #e9ecef;
}
.bg-success-100 {
    background: #eaf6ec;
}
.bg-danger-100 {
    background: #fbebec;
}
.bg-warning-100 {
    background: #fff3cd;
}
.bg-info-100 {
    background: #e7fafe;
}
.bg-dark-100 {
    background: #d1cfd8;
}

/*Med Color BG*/
.bg-primary-500 {
    background: #624bff;
}
.bg-secondary-500 {
    background: #637381;
}
.bg-success-500 {
    background: #198754;
}
.bg-danger-500 {
    background: #dc3545;
}
.bg-warning-500 {
    background: #ffc107;
}
.bg-info-500 {
    background: #0dcaf0;
}
.bg-dark-500 {
    background: #161c24;
}

.bg-gray-100 {
    background: #f9fafb;
}
.bg-gray-200 {
    background: #f4f6f8;
}
.bg-gray-300 {
    background: #dfe3e8;
}
.bg-gray-400 {
    background: #c4cdd5;
}
.bg-gray-500 {
    background: #919eab;
}
.bg-gray-600 {
    background: #637381;
}
.bg-gray-700 {
    background: #454f5b;
}
.bg-gray-800 {
    background: #212b36;
}
.bg-gray-900 {
    background: #161c24;
}