.loading {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 5px solid @color-graygreen;
    border-top-color: @color-lblue;
    animation: roundround .7s infinite linear;
    margin: 30px auto;
    background: transparent;

    &.on-blue {
        border: 5px solid @color-white;
        border-top-color: @color-dblue;
    }

    &.on-white {
        border-top-color: @color-white;
    }
}

@keyframes roundround {
    from {
        transform:rotate(0deg);
    }

    to {
        transform:rotate(360deg);
    }
}