#loading-bar {
    position: fixed;
    z-index: 2147483647;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    /*background: var(--primary-color);*/
    transition: width 500ms ease-out, opacity 400ms linear;
    background:#000;
}
  
.none {
    display: none;
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}
  
@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}
  
.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}
  
.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

.form-centered {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-centered .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}
.form-centered .form-control:focus {
    z-index: 2;
}