/*https://www.svgbackgrounds.com/elements/animated-svg-preloaders/*/
/*https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-css/3-dots-bounce.svg?short_path=fa56388*/
.loading {
/*
z-index: 999990;
position: absolute;
top: 0;
left:0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
*/
/* rgb(249,249,249); */
/* rgba(0,0,0,0.4);*/
/*
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 999990;
transition: opacity 0.3s ease;
pointer-events: none;
*/
position: fixed;
z-index: 999990;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
/*
.loading{
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;*/
/* z-index: 9999;*/
/* z-index: 20;
background-color: rgba(0,0,0,0.4);
background: url('//upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Phi_fenomeni.gif/50px-Phi_fenomeni.gif')
50% 50% no-repeat rgba(0,0,0,0.4);
}
*/
.loading-content {
/*
position: fixed;
border: 16px solid #f3f3f3;
border-top: 16px solid #3498db;
border-radius: 50%;
width: 50px;
height: 50px;
top: 50%;
left: 50%;
animation: spin 2s linear infinite;
*/
position: fixed;
width: 50px;
height: 50px;
top: 50%;
left: 50%;
/*Great Great*/
/*background-image: url('data:image/svg+xml,'); */
/*Great Great*/
/*background-image: url('data:image/svg+xml,');*/
/*Great Great*/
background-image: url('data:image/svg+xml,');
/*Great Great*/
/*background-image: url('data:image/svg+xml,'); */
/*Great Great*/
/*background-image: url('data:image/svg+xml,');*/
/*Great Great*/
/*background-image: url('data:image/svg+xml,');*/
/*Great*/
/*background-image: url('data:image/svg+xml,');*/
/*Great*/
/*background-image: url('data:image/svg+xml, ');*/
/*Great*/
/*background-image: url('data:image/svg+xml,');*/
/* background-image: url('data:image/svg+xml,');*/
/* background-image: url('data:image/svg+xml,');*/
/* background-image: url('data:image/svg+xml,');*/
/* background-image: url('data:image/svg+xml,');*/
/*background-image: url('data:image/svg+xml,');*/
/* background-image: url('data:image/svg+xml,');*/
background-size: 50px;
background-position: center center;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* */
.lds-ripple,
.lds-ripple div {
box-sizing: border-box;
}
.lds-ripple {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-ripple div {
position: absolute;
border: 4px solid currentColor;
opacity: 1;
border-radius: 50%;
animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
animation-delay: -0.5s;
}
@keyframes lds-ripple {
0% {
top: 36px;
left: 36px;
width: 8px;
height: 8px;
opacity: 0;
}
4.9% {
top: 36px;
left: 36px;
width: 8px;
height: 8px;
opacity: 0;
}
5% {
top: 36px;
left: 36px;
width: 8px;
height: 8px;
opacity: 1;
}
100% {
top: 0;
left: 0;
width: 80px;
height: 80px;
opacity: 0;
}
}