.spinner {
    display: inline-block;
    opacity: 0;
    max-width: 0;
    -webkit-transition: opacity 0.25s, max-width 0.45s;
    -moz-transition: opacity 0.25s, max-width 0.45s;
    -o-transition: opacity 0.25s, max-width 0.45s;
    transition: opacity 0.25s, max-width 0.45s;
    /* Duration fixed since we animate additional hidden width */
}

.has-spinner.active {
    cursor: progress;
}

    .has-spinner.active .spinner {
        opacity: 1;
        max-width: 50px;
        /* More than it will ever come, notice that this affects on animation duration */
    }

.a {
    color: #5B39C9;
}

.btn-primary {
    background-color: #5B39C9;
    border-color: #5B39C9;
}

.bg-primary {
    background-color: #5B39C9;
}

.card-primary.card-outline {
    border-color: #5B39C9;
}

@media screen and (max-width:991px) {
    .login-page {
        height: 55vh;
    }
}


.dataTables_length{
    margin-right:10px;
}