@keyframes emptyview_animation1 {
    0% { opacity: 0; }
    10% { opacity: 1; }
    20% { opacity: 1; }
    30% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 1; }
  } 
  @keyframes emptyview_animation2 {
    0% { opacity: 0; }
    10% { opacity: 0; }
    20% { opacity: 1; }
    35% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 1; }
  } 
  @keyframes emptyview_animation3 {
    0% { opacity: 0; }
    10% { opacity: 0; }
    20% { opacity: 0; }
    30% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 1; }
  } 
  
  svg #emptyview_circle1 {
    opacity: 1;
    animation-name: emptyview_animation1;
    animation-duration: 6s;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
  }
  svg #emptyview_circle2 {
    opacity: 1;
    animation-name: emptyview_animation2;
    animation-duration: 6s;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
  }
  svg #emptyview_circle3 {
    opacity: 1;
    animation-name: emptyview_animation3;
    animation-duration: 6s;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
  }