/* @preserve
 * [FLPPR Loading Spinner] CSS
 * CSS for [v1.7]
 * Based on a codepen by John Louie Biņas (http://codepen.io/johnlouie04/pen/LEoOGV) - Licensed under MIT (http://opensource.org/licenses/MIT) - Copyright (c) 2017 John Louie Biņas.
 */

h1.ajax-loading-animation {display:none !important;}
#loading-spinner-bg { background-color: #000; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 99999; opacity:0.6;}
#loading-spinner { position: fixed; display: block; margin-right: auto; margin-left: auto; width: 4em; height: 4em; border-radius: 50%; left: 50%; top: 50%; z-index: 999999; transform: scale(1.2); }
.spinner-wrapper { position: relative; width: 4em; height: 4em; border-radius: 100%; left: calc(50% - 2em); }
.spinner-wrapper::after { content: ""; background: #fff; border-radius: 50%; width: 3em; height: 3em; position: absolute; top: 0.5em; left: 0.5em; }
.rotator { position: relative; width: 4em; border-radius: 4em; overflow: hidden; animation: rotate 2000ms infinite linear; }
.rotator:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #3F51B5; border: 3px solid #fff; border-radius: 100%; }
.inner-spin { background: #fff; height: 4em; width: 2em; }
.inner-spin { animation: rotate-left 2500ms infinite cubic-bezier(0.445, 0.050, 0.550, 0.950); border-radius: 2em 0 0 2em; transform-origin: 2em 2em; }
.inner-spin:last-child { animation: rotate-right 2500ms infinite cubic-bezier(0.445, 0.050, 0.550, 0.950); margin-top: -4em; border-radius: 0 2em 2em 0; float: right; transform-origin: 0 50%; }
@keyframes rotate-left {60%, 75%, 100% { transform: rotate(360deg); }}
@keyframes rotate {0% { transform: rotate(0); }100% { transform: rotate(360deg); }}
@keyframes rotate-right {0%, 25%, 45% {transform: rotate(0);}100% {transform: rotate(360deg);}}