:root {
    --bs-primary: #4549A2;
    --bs-primary-rgb: 14, 165, 233;
}

.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #4549A2;
    border-color: #4549A2;
}

.bg-primary {
    background-color: var(--bs-primary) !important;
}

.text-primary {
    color: var(--bs-primary) !important;
}

.card-header, .modal-header {
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

.topnav {
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

.topnav .navbar-nav .nav-link {
    color: #5b626b;
}

.topnav .navbar-nav .nav-link.active {
    color: var(--bs-primary);
}

.topnav .navbar-nav .nav-link:hover {
    color: var(--bs-primary);
}

.header-item {
    background-color: #ffffff;
}

.auth-body-bg {
    background-color: #ffffff;
}