:root {
    --sk-color: #2F635E; /*#333*/
  }
  
html,
body,
#viewDiv {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
}

.esri-legend {
    background-color: #8E8C8C;
    color: white;
    opacity: 0.95;
}

.sk-wave {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    width: 4em;
    height: 4em;
    display: flex;
    justify-content: space-between;
  }
  
  .sk-wave-rect {
    background-color: var(--sk-color);
    height: 100%;
    width: 15%;
    animation: sk-wave 1.2s infinite ease-in-out; 
  }
  
  .sk-wave-rect:nth-child(1) { animation-delay: -1.2s; }
  .sk-wave-rect:nth-child(2) { animation-delay: -1.1s; }
  .sk-wave-rect:nth-child(3) { animation-delay: -1.0s; }
  .sk-wave-rect:nth-child(4) { animation-delay: -0.9s; }
  .sk-wave-rect:nth-child(5) { animation-delay: -0.8s; }
  
  @keyframes sk-wave {
    0%, 40%, 100% {
      transform: scaleY(0.4); 
    } 20% {
      transform: scaleY(1); 
    } 
  }