/* --- Header custom styles --- */
.navbar {
    background-color: #6384ff !important;
}

.navbar .navbar-brand,
.navbar .nav-link,
.navbar .navbar-text {
    color: #f5f7fa !important;
    font-weight: 400;
}

.navbar .nav-link.active,
.navbar .nav-link:focus,
.navbar .nav-link:hover {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(41, 121, 255, 0.15);
}

.navbar .btn-outline-danger {
    color: #f5f7fa;
    border-color: #f5f7fa;
}

.navbar .btn-outline-danger:hover,
.navbar .btn-outline-danger:focus {
    background-color: #f44336;
    border-color: #f44336;
    color: #fff;
}

.btn-header-blue {
    background-color: #6384ff !important;
    border-color: #6384ff !important;
    color: #f5f7fa !important;
}

.btn-header-blue:hover,
.btn-header-blue:focus {
    background-color: #5a7af0 !important;
    border-color: #5a7af0 !important;
    color: #ffffff !important;
}