/* CSS Document */
/*  Build No		:  @BUILD_NUMBER@  */

/* Dashboard loader screen */

@-moz-keyframes dotsAnimate {
    0% {
        background-color: #FFF;
    }

    100% {
        background-color: #015F79;
    }
}

@-webkit-keyframes dotsAnimate {
    0% {
        background-color: #FFF;
    }

    100% {
        background-color: #015F79;
    }
}

@keyframes dotsAnimate {
    0% {
        background-color: #FFF;
    }

    100% {
        background-color: #015F79;
    }
}

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
}


    #loader span {
        position: absolute;
        background-color: #015F79;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        -webkit-animation-name: dotsAnimate;
        -webkit-animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-name: dotsAnimate;
        -moz-animation-duration: 2s;
        -moz-animation-iteration-count: infinite;
        animation-name: dotsAnimate;
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }

        #loader span:nth-child(1) {
            left: 0;
            -webkit-animation-delay: 600ms;
            -moz-animation-delay: 600ms;
            animation-delay: 600ms;
        }

        #loader span:nth-child(2) {
            left: 25px;
            -webkit-animation-delay: 750ms;
            -moz-animation-delay: 750ms;
            animation-delay: 750ms;
        }

        #loader span:nth-child(3) {
            left: 50px;
            -webkit-animation-delay: 900ms;
            -moz-animation-delay: 900ms;
            animation-delay: 900ms;
        }