body {
    background-color: #13142f !important;
    color: #ffffff !important;
}

.navbar {
    background-color: #1e1e49 !important;
    color: #fde181;
    border: 0px;
}

.navbar .nav-link {
    color: #f16bff !important;
        border: 0px;
}

.navbar .nav-link.active {
    color: #fde181 !important;
        border: 0px;
}

.navbar .nav-link:hover {
    color: #fde181 !important;
        border: 0px;
}

.navbar-brand img {
    height: 32px;
}

@media (min-width: 768px) {
    .navbar-brand img {
        height: 48px;
    }
}

h1, h2, h3, h4, h5, h6 {
    color: #fde181 !important;
}

.btn-primary {
    background-color: #8f70ac !important;
    border-color: #8f70ac !important;
    color: #fff !important;
}

.btn-primary:hover {
    background-color: #f16bff !important;
    border-color: #f16bff !important;
    color: #13142f !important;
}

.btn-warning{
    background-color: #fff28a !important;
    border-color: #fff28a !important;
    color: #13142f !important;
}
.btn-warning:hover {
    background-color: rgb(255, 187, 0) !important;
    border-color: #7e6099 !important;
}


.flash-success {
    background-color: #34a853;
    color: #fff;
}

.flash-danger {
    background-color: #e53935;
    color: #fff;
}

.flash-warning {
    background-color: #f4b400;
    color: #000;
}

.breadcrumb {
    background-color: #1e1e49 !important;
    color: #fde181 !important;
    border-color: #2e2f5b;
}

.breadcrumb-item a {
    color: #8f70ac;
    text-decoration: none;
}

.breadcrumb-item a:hover {
    color: #fde181;
}

.breadcrumb-item.active {
    color: #fee583 !important;
}

.text-primary {
    color: #fde181 !important;
}

.text-muted{
color: #6c757d !important;
}