.loading {
    box-sizing: content-box;

    border:3px solid #141e8c;

    -webkit-border-radius:30px;
    border-radius:30px;
    height:30px;
    left:50%;
    margin:-15px 0 0 -15px;
    opacity:0;
    position:absolute;
    top:50%;
    width:30px;
    
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count:infinite;
    animation: pulsate 2s ease-out;
    animation-iteration-count:infinite;
}
.widget .loading-box { min-height: 100px; }
.widget .loading { top: 30px; }

@keyframes pulsate {
    0% {
      -webkit-transform:scale(.1);
      transform:scale(.1);
      opacity: 0.0;
    }
    50% {
      opacity:1;
    }
    100% {
      -webkit-transform:scale(1.2);
      transform:scale(1.2);
      opacity:0;
    }
}

@-webkit-keyframes pulsate {
    0% {
      -webkit-transform:scale(.1);
      transform:scale(.1);
      opacity: 0.0;
    }
    50% {
      opacity:1;
    }
    100% {
      -webkit-transform:scale(1.2);
      transform:scale(1.2);
      opacity:0;
    }
}