input[type='checkbox']:checked {
    accent-color: #440099 !important
}

input[type='radio']:checked {
    accent-color: #440099 !important
}

.navbar-default {
    background-color: #440099;

}

.navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open {
    background-color: #FF671F !important;
    color: #fff !important
}

.navbar-default {
    position: relative;
}

    .navbar-default::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px;
        background-color: #FF671F;
    }

@keyframes loading {
    0% {
        width: 0;
    }

    50% {
        width: 50%;
    }

    100% {
        width: 100%;
    }
}

.loading::after {
    animation: loading 2s infinite;
}