/* UWAGA: loading-indicator korzysta ze stylów globalnych, nie należy ich ruszać*/

.ang-loading-indicator {
    background-color: transparent;
    display: contents;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    height: 100px;
    z-index: 9999;
    text-align: center;
  }
  
  @keyframes first-dot-animation {
    0% { fill: transparent }
    16% { fill: #015294 }
    48% { fill: #015294 }
    64% { fill: transparent }
    100% { fill: transparent }
  }
  
  @keyframes second-dot-animation {
    0% { fill: transparent }
    16% { fill: transparent }
    32% { fill: #015294 }
    64% { fill: #015294 }
    80% { fill: transparent }
    100% { fill: transparent }
  }
  
  @keyframes third-dot-animation {
    0% { fill: transparent }
    32% { fill: transparent }
    48% { fill: #015294 }
    80% { fill: #015294 }
    100% { fill: transparent }
  }
  
  
  .first-dot {
    animation: first-dot-animation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
  }
  
  .second-dot {
    animation: second-dot-animation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
  }
  
  .third-dot {
    animation: third-dot-animation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
  }
  
  /* koniec stylów do loading-indicator */