/* HVEZDICKY PROTO, ZE SE TO APLIKUJE BUD NA PATH NEBO NA CIRCLE ELEMENT */
#exercise #map svg, #exercise .card .map svg, #exercise .map svg {
  background-color: white;
}
#exercise #map *.active, #exercise .map *.active{  
  stroke-width: 2 !important;
  cursor: pointer !important;
  fill:#f39c12 !important;  
  opacity: 0.8 !important;
  stroke: #d35400 !important;
}
#exercise #map *.active.fill, #exercise .map *.active.fill{
  stroke-width: 2 !important;
}

#exercise #map *.activeHover, #exercise .map *.activeHover{ 
  stroke-width: 2 !important;
  stroke: #2980b9 !important;   
  cursor: pointer !important;
  fill:none !important;
  filter: none !important;
}
#exercise #map *.activeHover.fill, #exercise .map *.activeHover.fill{
  opacity: 0.8 !important;
  stroke-width: 2 !important;
  fill:#3498db !important;
  filter: none !important;
}

#exercise #map *.correct, #exercise .map *.correct{
  stroke-width: 2 !important;
  stroke:#2dae62 !important; 
}
#exercise #map *.correct.fill, #exercise .map *.correct.fill{
  opacity: 0.8 !important;
  stroke-width: 2 !important;
  fill:#35cc73 !important;  
}

#exercise #map *.wrong, #exercise .map *.wrong{
  stroke-width: 2 !important;
  stroke:#C0392B !important; 
}
#exercise #map *.wrong.fill, #exercise .map *.wrong.fill{
  opacity: 0.8 !important;
  stroke-width: 2 !important;
  fill:#E74C3C !important;  
}

#exercise #map *.selected, #exercise .map *.selected{
  stroke-width: 2 !important;
  stroke: #d35400 !important;
  fill:#f39c12 !important;  
  opacity: 0.8 !important;
}