#Background>path {
    fill: #ffffff;
  }
  
  #states>a>path {
    fill: #283583;
    stroke: #ffffff;
    stroke-width: 0.4;
    stroke-miterlimit: 4;
  }
  
  #States a path {
    fill: #283583;
    transition: fill 0.3s;
    cursor: pointer;
  }
  
  g[id*="-name"] {
    fill: #ffffff;
    stroke: none;
  }
  
  #States a:hover path,
  #States a.active path {
    fill: #f7ae00;
    transition: fill 0.3s;
  }
  
  #States a g[id*="-name"] path {
    fill: #fff;
  }
  
  #States a:hover g[id*="-name"] path {
    fill: #fff;
  }
  
  .label {
    color: #f7ae00;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }