.glyphicon-refresh-animate {
    -webkit-animation: spin2 .7s infinite linear;
}
/* This parent can be any width and height */
#loader {
    text-align: center;
    background: url('../images/loading-gif2.gif') 50% 50% no-repeat rgba(0,0,0,0.6);
    opacity: 0.85;
    margin-bottom: 10px;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    display: none;
    z-index: 999999;
}
    /* The ghost, nudged to maintain perfect centering */
    #loader:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em; /* Adjusts for spacing */
    }

    /*The element to be centered, can
    also be of any width and height */
    #loader > div {
        display: inline-block;
        vertical-align: middle;
        color: white;
    }
/**/

#divLoader {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
}

#divLoaderImg {
    position: absolute;
    top: 300px;
    left: 700px;
    z-index: 100;
}

.LoaderTile {
    background: url(../images/Rolling.gif) 50% 50% no-repeat rgba(255, 255, 255, 0.6) !important;
}