body {
    padding-bottom: 6rem;
}

.btn-primary {
    background-color: #33a8ff;
    border-color: #33a8ff;
    color: #ffffff;
}

#emp-navbar .navbar-brand > img {
    height: 40px;
    width: auto;
}

#emp-footer .navbar-nav > .nav-item > .nav-link:hover {
    color: #33a8ff;
}

@media screen and (min-width: 576px) {
    #emp-footer .navbar-nav {
        flex-direction: row;
    }

    #emp-footer .navbar-nav .nav-item {
        margin-right: 0.5rem;
    }
}

hr {
    background-color: #33a8ff;
    color: #33a8ff;
}

.card {
    border-color: #33a8ff;
    margin-bottom: 2rem;
}

.card > .card-header{
    background-color: #33a8ff;
}

a:link:not(.btn),
a:hover:not(.btn),
a:visited:not(.btn) {
    color: #33a8ff;
}

a.btn-primary:hover {
    background-color: #ffffff;
    border-color: #33a8ff;
    color: #000000;
}