.glyphicon-refresh-animate {
    -webkit-animation: spin2 8s infinite linear;
}

#loader {
    text-align: center;
    background: url('../images/loader.gif') 50% 50% no-repeat rgba(0,0,0,0.4);
    opacity: 0.85;
    margin-bottom: 10px;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    display: none;
    z-index: 999999;
}

    #loader:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em; /* Adjusts for spacing */
    }


    #loader > div {
        display: inline-block;
        vertical-align: middle;
        color: white;
    }