﻿.loading
{
    position: fixed;
    left: 50%;
    top: 25%;
    margin-left: -25px;
    margin-top: -25px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #2bce01;
    border-top: 2px solid #2bce01;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: spin 1.0s infinite linear;
    -moz-animation: spin 1.0s infinite linear;
    -ms-animation: spin 1.0s infinite linear;
    -o-animation: spin 1.0s infinite linear;
    animation: spin 1.0s infinite linear;
}


.loading60
{
    position: fixed;
    left: 50%;
    top: 25%;
    margin-left: -35px;
    margin-top: -35px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #00aff0;
    border-top: 2px solid #00aff0;
    border-radius: 100%;
    height: 70px;
    width: 70px;
    -webkit-animation: spin 1.0s infinite linear;
    -moz-animation: spin 1.0s infinite linear;
    -ms-animation: spin 1.0s infinite linear;
    -o-animation: spin 1.0s infinite linear;
    animation: spin 1.0s infinite linear;
}

@keyframes

"spin"
{
    from;

{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

to
{
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
}

}

@-moz-keyframes spin
{
    from
    {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to
    {
        -moz-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes

"spin"
{
    from;

{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

to
{
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
}

}

@-ms-keyframes

"spin"
{
    from;

{
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

to
{
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
}

}

@-o-keyframes

"spin"
{
    from;

{
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

to
{
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
}
}
