#loader {
    display: none;
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,.8) 50% 50% no-repeat;
}

    #loader .is-loading {
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }


.is-loading:after, .loader {
    display: block;
    width: 1.5rem;
    height: 1.5rem;    
    animation: b .75s linear infinite;
    border: 3px solid #12263f;
    border-bottom-color: transparent;
    border-radius: 50%;
    background: transparent
}

.is-loading-sm:after, .loader-sm {
    width: 1rem;
    height: 1rem;
    border-width: 2px
}

.is-loading-lg:after, .loader-lg {
    width: 2rem;
    height: 2rem;
    border-width: 5px
}

.is-loading {
    position: relative;
    color: transparent !important
}

    .is-loading > * {
        opacity: 0 !important
    }

    .is-loading:after {
        position: absolute;
        top: calc(50% - 1.5rem/2);
        left: calc(50% - 1.5rem/2);
        content: ""
    }

.is-loading-sm:after {
    top: calc(50% - 1rem/2);
    left: calc(50% - 1rem/2)
}

.is-loading-lg:after {
    top: calc(50% - 2rem/2);
    left: calc(50% - 2rem/2)
}
.is-loading2-lg:after {
    top: calc(50% - 2rem/2);
    left: calc(50% - 2rem/2)
}

.is-loading-primary:after, .loader-primary {
    border-color: #2c7be5;
    border-bottom-color: transparent
}

.btn-primary.is-loading:after {
    border-color: #fff;
    border-bottom-color: transparent
}

.is-loading-secondary:after, .loader-secondary {
    border-color: #6e84a3;
    border-bottom-color: transparent
}

.btn-secondary.is-loading:after {
    border-color: #fff;
    border-bottom-color: transparent
}

.is-loading-success:after, .loader-success {
    border-color: #00d97e;
    border-bottom-color: transparent
}

.btn-success.is-loading:after {
    border-color: #fff;
    border-bottom-color: transparent
}

.is-loading-info:after, .loader-info {
    border-color: #39afd1;
    border-bottom-color: transparent
}

.btn-info.is-loading:after {
    border-color: #fff;
    border-bottom-color: transparent
}

.is-loading-warning:after, .loader-warning {
    border-color: #f6c343;
    border-bottom-color: transparent
}

.btn-warning.is-loading:after {
    border-color: #283e59;
    border-bottom-color: transparent
}

.is-loading-danger:after, .loader-danger {
    border-color: #e63757;
    border-bottom-color: transparent
}

.btn-danger.is-loading:after {
    border-color: #fff;
    border-bottom-color: transparent
}

.is-loading-light:after, .loader-light {
    border-color: #edf2f9;
    border-bottom-color: transparent
}

.btn-light.is-loading:after {
    border-color: #283e59;
    border-bottom-color: transparent
}

.is-loading-dark:after, .loader-dark {
    border-color: #12263f;
    border-bottom-color: transparent
}

.btn-dark.is-loading:after, .is-loading-white:after, .loader-white {
    border-color: #fff;
    border-bottom-color: transparent
}

.btn-white.is-loading:after {
    border-color: #283e59;
    border-bottom-color: transparent
}

.is-loading-body:after, .loader-body {
    border-color: #f9fbfd;
    border-bottom-color: transparent
}

.btn-body.is-loading:after {
    border-color: #283e59;
    border-bottom-color: transparent
}


@keyframes b {
    to {
        transform: rotate(1turn)
    }
}