/* === editor loading animation === */

#editor1 {
    display: none;
}

#editor1-loading {
    padding: 20px;
}

#editor1-loading p {
    margin-top: 2px;
    float: left;
}

#editor1-loading .ajax-circle {
    display:inline-block;
}


/* === select loading animation === */

.cke_reset_all .ajax-circle {
    float: right;
}


/* === circle animation === */

.cke_reset_all .ajax-circle,
#editor1-loading .ajax-circle {
    width: 25px;
    height: 25px;
    margin: 5px;
    border: 2px solid #fff;
    border-top-color: rgba(0, 0, 0, .3);
    border-right-color: rgba(0, 0, 0, .4);
    border-bottom-color: rgba(0, 0, 0, .5);
    border-radius: 100%;
    -webkit-animation: circle infinite .60s linear;
    -moz-animation: circle infinite .60s linear;
    -o-animation: circle infinite .60s linear;
    animation: circle infinite .60s linear;
}

@-webkit-keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}