/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 8/05/2021, 5:40:54 a. m.
    Author     : Felipe Diaz C <felipediazc@fdcapps.com>
*/

div#loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 300;
    background: rgba(0, 0, 0, 0.4);
}

div#loading .preloader8 {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.preloader8 {
    width:30px;
    height:30px;
    display:inline-block;
    padding:0px;
    text-align:left;
}
.preloader8 span {
    position:absolute;
    display:inline-block;
    width:30px;
    height:30px;
    border-radius:100%;
    background:#FFF;
    -webkit-animation:preloader8 1.6s linear infinite;
    animation:preloader8 1.6s linear infinite;
}
.preloader8 span:last-child {
    animation-delay:-0.8s;
    -webkit-animation-delay:-0.8s;
}
@keyframes preloader8 {
    0% {transform: scale(0, 0);opacity:0.7;}
    100% {transform: scale(1, 1);opacity:0;}
}
@-webkit-keyframes preloader8 {
    0% {-webkit-transform: scale(0, 0);opacity:0.7;}
    100% {-webkit-transform: scale(1, 1);opacity:0;}
}