svg {
  margin: auto;
}

.Urgent_happened {
  /*fill:#ff3a3a !important;*/
  /* stroke: green !important; */
  transform-origin: 50% 50%;
  /*transform:scale(0);
    transition:300ms  all ;opacity:0;*/
  stroke-dasharray: 360;
  transition: 1000ms  all;
  cursor: pointer;
  stroke-dashoffset: -360;
  animation: Urgent_happenedAnimation 1.5s infinite;
}

/*.dAlquds.Urgent_happened{
        animation:DuaAlqudsAnimation 1s infinite;
}
.Quds.Urgent_happened{
    animation:AlqudsAnimation 1s infinite;
  
}
.Ariha.Urgent_happened{
    animation:ArihaAnimation 1s infinite;
  
}
.genin.Urgent_happened{
    animation:GeninAnimation 1s infinite;

}
.Tubas.Urgent_happened{
    animation:GeninAnimation 1s infinite;
}*/
.Conn {
  position: relative;
}

.ciy:hover {
  /*transform:scale(2);*/
  fill: #b31818;
}

@keyframes AlqudsAnimation {
  from {
    stroke-dashoffset: -80;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes DuaAlqudsAnimation {
  from {
    stroke-dashoffset: -212;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes ArihaAnimation {
  from {
    stroke-dashoffset: -251;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes GeninAnimation {
  from {
    stroke-dashoffset: -185;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes Urgent_happenedAnimation {
  0% {
    fill: red;
  }
  50.0% {
    fill: #f57d7d;
  }
  /* your chosen 'mid' color */
  100.0% {
    fill: #d80a0a;
  }
}

@keyframes animation {
  0% {
    fill: red;
  }
  50.0% {
    fill: #f57d7d;
  }
  /* your chosen 'mid' color */
  100.0% {
    fill: #d80a0a;
  }
}

/*# sourceMappingURL=StyleSheet1.css.map */