﻿/* ANGULAR STATE LOADER */
.angular-state-loader {
    position: absolute;
    padding: 150px;
    text-align: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 100;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 16px;
}

.angular-state-loader span {

}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
    }

    25% {
        -webkit-transform: rotate(90deg) scale(0.7);
    }

    100% {
        -webkit-transform: rotate(360deg) scale(1);
    }
}

.rotate-right {
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
