/* tt_link_line */
.tt_link{
    stroke:lightblue; 
    fill: none; 
    stroke-width: 1;
}
.tt_link:hover{
    stroke:green; 
    fill: none; 
    stroke-width: 1;
}

/* main_line */
.main_link{
    stroke:blue; 
    fill: none; 
    stroke-width: 2;
    stroke-dasharray:10 5;
}
.main_link:hover{
    stroke:red; 
    fill: none; 
    stroke-width: 2;
    stroke-dasharray:10 5;
}

/* link_line */
.child_link{
    stroke:blue; 
    opacity:10; 
    fill: none; 
    stroke-width: 1;
}
.child_link:hover{
    stroke:blue; 
    opacity:10; 
    fill: none; 
    stroke-width: 1;
}

.back_link{
    stroke:#f07002;  
    opacity:10; 
    fill: none; 
    stroke-width: 1;
  }
  .back_link:hover{
    stroke:#f07002;  
    opacity:10; 
    fill: none; 
    stroke-width: 1;
  }

/***** Arc Class Css *****/
.arc{
    fill:none;
    stroke:none;
    stroke-width:0
}

/***** Label Class Css *****/
.lbl_large{
    font-size: large;
}
.lbl_medium{
    font-size: medium;
}
.lbl_small{
    font-size: small;
}

/*****Center class*****/
.center_class {
    border-radius:6px;
    text-align: center;
    max-height: 190px;
    height: 190px;
    overflow-y: auto;
    font-size:12px;
    font-family: 'Oswald', sans-serif;
}

.exclude_area {
    fill: none;
  stroke: none;
  stroke-width: 3;
  }

  .exclude_area:hover {
    fill: none;
    stroke: none;
    stroke-width: 1;
  }

  .exclude_area-parent {
    fill: none;
    stroke: none;
    stroke-width: 1;
  }

  .exclude_area:hover {
    fill: none;
    stroke: none;
    stroke-width: 1;
  }

  .main_area {
    fill: none;
  stroke: none;
  stroke-width: 3;
  }

  .main_area:hover {
    fill: none;
    stroke: none;
    stroke-width: 1;
  }

  .main_area-parent {
    fill: none;
    stroke: none;
    stroke-width: 1;
  }

  .main_area:hover {
    fill: none;
    stroke: none;
    stroke-width: 1;
  }

/**** Shape Class Css ****/

/*main1*/
.main1 {
    fill: white ;
    stroke: #a1a1a1 ;
    stroke-width:2 ;
}

.main1:hover {
    fill: white ;
    stroke: #a1a1a1 ;
    stroke-width:2 ;
}

.main1-parent {
    fill: white ;
    stroke: #a1a1a1 ;
    stroke-width:2 ;
}

.main1-parent:hover {
    fill: white ;
    stroke: #a1a1a1 ;
    stroke-width:2 ;
}

/*main1*/
.project {
    fill: #f6fbfd ;
    stroke: #e9f6fb ;
    stroke-width:2 ;
}

.project:hover {
	fill: #c6e6f1 ;
    stroke: #6cc3e2 ;
    stroke-width:2 ;
}

.project-parent {
    fill: #f6fbfd ;
    stroke: #e9f6fb ;
    stroke-width:2 ;
}

.project-parent:hover {
	fill: #c6e6f1 ;
    stroke: #6cc3e2 ;
    stroke-width:2 ;
}

.pro1 {
    fill: #b7dc4e ;
    stroke: white ;
    stroke-width:3 ;
}

.pro1:hover {
	fill: #b7dc4e ;
    stroke: white ;
    stroke-width:3 ;
}

.pro1-parent {
    fill: #b7dc4e ;
    stroke: white ;
    stroke-width:3 ;
}

.pro1-parent:hover {
	fill: #b7dc4e ;
    stroke: white ;
    stroke-width:3 ;
}


.pro2 {
    fill: #58d382 ;
    stroke: white ;
    stroke-width:2 ;
}

.pro2:hover {
	fill: #58d382 ;
    stroke: white ;
    stroke-width:2 ;
}

.pro2-parent {
    fill: #58d382 ;
    stroke: white ;
    stroke-width:2 ;
}

.pro2-parent:hover {
	fill: #58d382 ;
    stroke: white ;
    stroke-width:2 ;
}

.pro3 {
    fill: #6296e0 ;
    stroke: white ;
    stroke-width:2 ;
}

.pro3:hover {
	fill: #6296e0 ;
    stroke: white ;
    stroke-width:2 ;
}

.pro3-parent {
    fill: #6296e0 ;
    stroke: white ;
    stroke-width:2 ;
}

.pro3-parent:hover {
	fill: #6296e0 ;
    stroke: white ;
    stroke-width:2 ;
}

.pro4 {
    fill: #816cc7 ;
    stroke: white ;
    stroke-width:2 ;
}

.pro4:hover {
	fill: #816cc7 ;
    stroke: white ;
    stroke-width:2 ;
}

.pro4-parent {
    fill: #816cc7 ;
    stroke: white ;
    stroke-width:2 ;
}

.pro4-parent:hover {
	fill: #816cc7 ;
    stroke: white ;
    stroke-width:2 ;
}

.pro5 {
    fill: #da6168 ;
    stroke: white ;
    stroke-width:2 ;
}

.pro5:hover {
	fill: #da6168 ;
    stroke: white ;
    stroke-width:2 ;
}

.pro5-parent {
    fill: #da6168 ;
    stroke: white ;
    stroke-width:2 ;
}

.pro5-parent:hover {
	fill: #da6168 ;
    stroke: white ;
    stroke-width:2 ;
}

.pro6 {
    fill: #ffaa5b ;
    stroke: white ;
    stroke-width:2 ;
}

.pro6:hover {
	fill: #ffaa5b ;
    stroke: white ;
    stroke-width:2 ;
}

.pro6-parent {
    fill: #ffaa5b ;
    stroke: white ;
    stroke-width:2 ;
}

.pro6-parent:hover {
	fill: #ffaa5b ;
    stroke: white ;
    stroke-width:2 ;
}

.admin1 {
    fill: #99c229 ;
    stroke: white ;
    stroke-width:2 ;
}

.admin1:hover {
	fill: #99c229 ;
    stroke: white ;
    stroke-width:2 ;
}

.admin1-parent {
    fill: #99c229 ;
    stroke: white ;
    stroke-width:2 ;
}

.admin1-parent:hover {
	fill: #99c229 ;
    stroke: white ;
    stroke-width:2 ;
}

.admin3 {
    fill: #cef36d ;
    stroke: white ;
    stroke-width:2 ;
}

.admin3:hover {
	fill: #cef36d ;
    stroke: white ;
    stroke-width:2 ;
}

.admin3-parent {
    fill: #cef36d ;
    stroke: white ;
    stroke-width:2 ;
}

.admin3-parent:hover {
	fill: #cef36d ;
    stroke: white ;
    stroke-width:2 ;
}

.admin2 {
    fill: #acdf24 ;
    stroke: white ;
    stroke-width:2 ;
}

.admin2:hover {
	fill: #acdf24 ;
    stroke: white ;
    stroke-width:2 ;
}

.admin2-parent {
    fill: #acdf24 ;
    stroke: white ;
    stroke-width:2 ;
}

.admin2-parent:hover {
	fill: #acdf24 ;
    stroke: white ;
    stroke-width:2 ;
}

.admin4 {
    fill: #c5ed5a ;
    stroke: white ;
    stroke-width:2 ;
}

.admin4:hover {
	fill: #c5ed5a ;
    stroke: white ;
    stroke-width:2 ;
}

.admin4-parent {
    fill: #c5ed5a ;
    stroke: white ;
    stroke-width:2 ;
}

.admin4-parent:hover {
	fill: #c5ed5a ;
    stroke: white ;
    stroke-width:2 ;
}

.comm1 {
    fill: #52eeaa ;
    stroke: white ;
    stroke-width:2 ;
}

.comm1:hover {
	fill: #52eeaa ;
    stroke: white ;
    stroke-width:2 ;
}

.comm1-parent {
    fill: #52eeaa ;
    stroke: white ;
    stroke-width:2 ;
}

.comm1-parent:hover {
	fill: #52eeaa ;
    stroke: white ;
    stroke-width:2 ;
}

.comm2 {
    fill: #0db26a ;
    stroke: white ;
    stroke-width:2 ;
}

.comm2:hover {
	fill: #0db26a ;
    stroke: white ;
    stroke-width:2 ;
}

.comm2-parent {
    fill: #0db26a ;
    stroke: white ;
    stroke-width:2 ;
}

.comm2-parent:hover {
	fill: #0db26a ;
    stroke: white ;
    stroke-width:2 ;
}

.comm3 {
    fill: #96f3ca ;
    stroke: white ;
    stroke-width:2 ;
}

.comm3:hover {
	fill: #96f3ca ;
    stroke: white ;
    stroke-width:2 ;
}

.comm3-parent {
    fill: #96f3ca ;
    stroke: white ;
    stroke-width:2 ;
}

.comm3-parent:hover {
	fill: #96f3ca ;
    stroke: white ;
    stroke-width:2 ;
}

.comm4 {
    fill: #6f5ba1 ;
    stroke: white ;
    stroke-width:2 ;
}

.comm4:hover {
	fill: #6f5ba1 ;
    stroke: white ;
    stroke-width:2 ;
}

.comm4-parent {
    fill: #6f5ba1 ;
    stroke: white ;
    stroke-width:2 ;
}

.comm4-parent:hover {
	fill: #6f5ba1 ;
    stroke: white ;
    stroke-width:2 ;
}


.public1 {
    fill: #3074c5 ;
    stroke: white ;
    stroke-width:2 ;
}

.public1:hover {
	fill: #3074c5 ;
    stroke: white ;
    stroke-width:2 ;
}

.public1-parent {
    fill: #3074c5 ;
    stroke: white ;
    stroke-width:2 ;
}

.public1-parent:hover {
	fill: #3074c5 ;
    stroke: white ;
    stroke-width:2 ;
}

.public2 {
    fill: #5396e6 ;
    stroke: white ;
    stroke-width:2 ;
}

.public2:hover {
	fill: #5396e6 ;
    stroke: white ;
    stroke-width:2 ;
}

.public2-parent {
    fill: #5396e6 ;
    stroke: white ;
    stroke-width:2 ;
}

.public2-parent:hover {
	fill: #5396e6 ;
    stroke: white ;
    stroke-width:2 ;
}

.public3 {
    fill: #80b1eb ;
    stroke: white ;
    stroke-width:2 ;
}

.public3:hover {
	fill: #80b1eb ;
    stroke: white ;
    stroke-width:2 ;
}

.public3-parent {
    fill: #80b1eb ;
    stroke: white ;
    stroke-width:2 ;
}

.public3-parent:hover {
	fill: #80b1eb ;
    stroke: white ;
    stroke-width:2 ;
}

.public4 {
    fill: #9cc1ed ;
    stroke: white ;
    stroke-width:2 ;
}

.public4:hover {
	fill: #9cc1ed ;
    stroke: white ;
    stroke-width:2 ;
}

.public4-parent {
    fill: #9cc1ed ;
    stroke: white ;
    stroke-width:2 ;
}

.public4-parent:hover {
	fill: #9cc1ed ;
    stroke: white ;
    stroke-width:2 ;
}

.infra1 {
    fill: #8669cd ;
    stroke: white ;
    stroke-width:2 ;
}

.infra1:hover {
	fill: #8669cd ;
    stroke: white ;
    stroke-width:2 ;
}

.infra1-parent {
    fill: #8669cd ;
    stroke: white ;
    stroke-width:2 ;
}

.infra1-parent:hover {
	fill: #8669cd ;
    stroke: white ;
    stroke-width:2 ;
}

.infra2 {
    fill: #a88deb ;
    stroke: white ;
    stroke-width:2 ;
}

.infra2:hover {
	fill: #a88deb ;
    stroke: white ;
    stroke-width:2 ;
}

.infra2-parent {
    fill: #a88deb ;
    stroke: white ;
    stroke-width:2 ;
}

.infra2-parent:hover {
	fill: #a88deb ;
    stroke: white ;
    stroke-width:2 ;
}

.infra3 {
    fill: #5396e6 ;
    stroke: white ;
    stroke-width:2 ;
}

.infra3:hover {
	fill: #5396e6 ;
    stroke: white ;
    stroke-width:2 ;
}

.infra3-parent {
    fill: #5396e6 ;
    stroke: white ;
    stroke-width:2 ;
}

.infra3-parent:hover {
	fill: #5396e6 ;
    stroke: white ;
    stroke-width:2 ;
}

.infra4 {
    fill: #b69fef ;
    stroke: white ;
    stroke-width:2 ;
}

.infra4:hover {
	fill: #b69fef ;
    stroke: white ;
    stroke-width:2 ;
}

.infra4-parent {
    fill: #b69fef ;
    stroke: white ;
    stroke-width:2 ;
}

.infra4-parent:hover {
	fill: #b69fef ;
    stroke: white ;
    stroke-width:2 ;
}

.ops1 {
    fill: #eb5765 ;
    stroke: white ;
    stroke-width:2 ;
}

.ops1:hover {
	fill: #eb5765 ;
    stroke: white ;
    stroke-width:2 ;
}

.ops1-parent {
    fill: #eb5765 ;
    stroke: white ;
    stroke-width:2 ;
}

.ops1-parent:hover {
	fill: #eb5765 ;
    stroke: white ;
    stroke-width:2 ;
}

.ops2 {
    fill: #f88c96 ;
    stroke: white ;
    stroke-width:2 ;
}

.ops2:hover {
	fill: #f88c96 ;
    stroke: white ;
    stroke-width:2 ;
}

.ops2-parent {
    fill: #f88c96 ;
    stroke: white ;
    stroke-width:2 ;
}

.ops2-parent:hover {
	fill: #f88c96 ;
    stroke: white ;
    stroke-width:2 ;
}

.ops3 {
    fill: #b5545d ;
    stroke: white ;
    stroke-width:2 ;
}

.ops3:hover {
	fill: #b5545d ;
    stroke: white ;
    stroke-width:2 ;
}

.ops3-parent {
    fill: #b5545d ;
    stroke: white ;
    stroke-width:2 ;
}

.ops3-parent:hover {
	fill: #b5545d ;
    stroke: white ;
    stroke-width:2 ;
}

.ops4 {
    fill: #f1aab0 ;
    stroke: white ;
    stroke-width:2 ;
}

.ops4:hover {
	fill: #f1aab0 ;
    stroke: white ;
    stroke-width:2 ;
}

.ops4-parent {
    fill: #f1aab0 ;
    stroke: white ;
    stroke-width:2 ;
}

.ops4-parent:hover {
	fill: #f1aab0 ;
    stroke: white ;
    stroke-width:2 ;
}


.reg1 {
    fill: #d68f44 ;
    stroke: white ;
    stroke-width:2 ;
}

.reg1:hover {
	fill: #d68f44 ;
    stroke: white ;
    stroke-width:2 ;
}

.reg1-parent {
    fill: #d68f44 ;
    stroke: white ;
    stroke-width:2 ;
}

.reg1-parent:hover {
	fill: #d68f44 ;
    stroke: white ;
    stroke-width:2 ;
}

.reg2 {
    fill: #ffa647 ;
    stroke: white ;
    stroke-width:2 ;
}

.reg2:hover {
	fill: #ffa647 ;
    stroke: white ;
    stroke-width:2 ;
}

.reg2-parent {
    fill: #ffa647 ;
    stroke: white ;
    stroke-width:2 ;
}

.reg2-parent:hover {
	fill: #ffa647 ;
    stroke: white ;
    stroke-width:2 ;
}

.reg3 {
    fill: #ffbe79 ;
    stroke: white ;
    stroke-width:2 ;
}

.reg3:hover {
	fill: #ffbe79 ;
    stroke: white ;
    stroke-width:2 ;
}

.reg3-parent {
    fill: #ffbe79 ;
    stroke: white ;
    stroke-width:2 ;
}

.reg3-parent:hover {
	fill: #ffbe79 ;
    stroke: white ;
    stroke-width:2 ;
}

.reg4 {
    fill: #ffd19f ;
    stroke: white ;
    stroke-width:2 ;
}

.reg4:hover {
	fill: #ffd19f ;
    stroke: white ;
    stroke-width:2 ;
}

.reg4-parent {
    fill: #ffd19f ;
    stroke: white ;
    stroke-width:2 ;
}

.reg4-parent:hover {
	fill: #ffd19f ;
    stroke: white ;
    stroke-width:2 ;
}


.mandate {
    fill: #c2cc80 ;
    stroke: #ecf4b9 ;
    stroke-width:1 ;
}

.mandate:hover {
	fill: #c2cc80 ;
    stroke: #ecf4b9 ;
    stroke-width:1 ;
}

.mandate-parent {
    fill: #c2cc80 ;
    stroke: #ecf4b9 ;
    stroke-width:1 ;
}

.mandate-parent:hover {
	fill: #c2cc80 ;
    stroke: #e1efc8 ;
    stroke-width:1 ;
}

.vip {
    fill: #b4ca8d ;
    stroke: #e1efc8 ;
    stroke-width:1 ;
}

.vip:hover {
	fill: #b4ca8d ;
    stroke: #e1efc8 ;
    stroke-width:1 ;
}

.vip-parent {
    fill: #b4ca8d ;
    stroke: #e1efc8 ;
    stroke-width:1 ;
}

.vip-parent:hover {
	fill: #b4ca8d ;
    stroke: #e1efc8 ;
    stroke-width:1 ;
}

.asset {
    fill: #8dd6bb ;
    stroke: #c7f8e6 ;
    stroke-width:1 ;
}

.asset:hover {
	fill: #8dd6bb ;
    stroke: #c7f8e6 ;
    stroke-width:1 ;
}

.asset-parent {
    fill: #8dd6bb ;
    stroke: #c7f8e6 ;
    stroke-width:1 ;
}

.asset-parent:hover {
	fill: #8dd6bb ;
    stroke: #c7f8e6 ;
    stroke-width:1 ;
}


.mtsf {
    fill: #93c5e0 ;
    stroke: #d5effd ;
    stroke-width:1 ;
}

.mtsf:hover {
	fill: #93c5e0 ;
    stroke: #d5effd ;
    stroke-width:1 ;
}

.mtsf-parent {
    fill: #93c5e0 ;
    stroke: #d5effd ;
    stroke-width:1 ;
}

.mtsf-parent:hover {
	fill: #93c5e0 ;
    stroke: #d5effd ;
    stroke-width:1 ;
}

.wcif {
    fill: #a1a8e3 ;
    stroke: #d5d9fd ;
    stroke-width:1 ;
}

.wcif:hover {
	fill: #a1a8e3 ;
    stroke: #d5d9fd ;
    stroke-width:1 ;
}

.wcif-parent {
    fill: #a1a8e3 ;
    stroke: #d5d9fd;
    stroke-width:1 ;
}

.wcif-parent:hover {
	fill: #a1a8e3 ;
    stroke: #d5d9fd ;
    stroke-width:1 ;
}

.ecoclass {
    fill: #bba2e3 ;
    stroke: #e4d5fd ;
    stroke-width:1 ;
}

.ecoclass:hover {
	fill: #bba2e3 ;
    stroke: #e4d5fd ;
    stroke-width:1 ;
}

.ecoclass-parent {
    fill: #bba2e3 ;
    stroke: #e4d5fd;
    stroke-width:1 ;
}

.ecoclass-parent:hover {
	fill: #bba2e3 ;
    stroke: #e4d5fd ;
    stroke-width:1 ;
}

.au {
    fill: #e0a1b3 ;
    stroke: #fad3de ;
    stroke-width:1 ;
}

.au:hover {
	fill: #e0a1b3 ;
    stroke: #fad3de ;
    stroke-width:1 ;
}

.au-parent {
    fill: #e0a1b3 ;
    stroke: #fad3de;
    stroke-width:1 ;
}

.au-parent:hover {
	fill: #e0a1b3 ;
    stroke: #fad3de ;
    stroke-width:1 ;
}

.infrastructure {
    fill: #e29f90 ;
    stroke: #ffd2c8 ;
    stroke-width:1 ;
}

.infrastructure:hover {
	fill: #e29f90 ;
    stroke: #ffd2c8 ;
    stroke-width:1 ;
}

.infrastructure-parent {
    fill: #e29f90 ;
    stroke: #ffd2c8;
    stroke-width:1 ;
}

.infrastructure-parent:hover {
	fill: #e29f90 ;
    stroke: #ffd2c8 ;
    stroke-width:1 ;
}

.fund {
    fill: #dcaf8f ;
    stroke: #ffdfc8 ;
    stroke-width:1 ;
}

.fund:hover {
	fill: #dcaf8f ;
    stroke: #ffdfc8 ;
    stroke-width:1 ;
}

.fund-parent {
    fill: #dcaf8f ;
    stroke: #ffdfc8;
    stroke-width:1 ;
}

.fund-parent:hover {
	fill: #dcaf8f ;
    stroke: #ffdfc8 ;
    stroke-width:1 ;
}

.region {
    fill: #d7b686 ;
    stroke: #fae2bd ;
    stroke-width:1 ;
}

.region:hover {
	fill: #d7b686 ;
    stroke: #fae2bd ;
    stroke-width:1 ;
}

.region-parent {
    fill: #d7b686 ;
    stroke: #fae2bd;
    stroke-width:1 ;
}

.region-parent:hover {
	fill: #d7b686 ;
    stroke: #fae2bd ;
    stroke-width:1 ;
}

.basichumanneeds {
    fill: #6a969f ;
    stroke: #96c8d3 ;
    stroke-width:1 ;
}

.basichumanneeds:hover {
	fill: #6a969f ;
    stroke: #96c8d3 ;
    stroke-width:1 ;
}

.basichumanneeds-parent {
    fill: #6a969f ;
    stroke: #96c8d3;
    stroke-width:1 ;
}

.basichumanneeds-parent:hover {
	fill: #6a969f ;
    stroke: #96c8d3 ;
    stroke-width:1 ;
}

.foundationofwellbeing {
    fill: #6d9d8e ;
    stroke: #8cc3b3 ;
    stroke-width:1 ;
}

.foundationofwellbeing:hover {
	fill: #6d9d8e ;
    stroke: #8cc3b3 ;
    stroke-width:1 ;
}

.foundationofwellbeing-parent {
    fill: #6d9d8e ;
    stroke: #8cc3b3;
    stroke-width:1 ;
}

.foundationofwellbeing-parent:hover {
	fill: #6d9d8e ;
    stroke: #8cc3b3 ;
    stroke-width:1 ;
}

.opportunity {
    fill: #749377 ;
    stroke: #8cc392 ;
    stroke-width:1 ;
}

.opportunity:hover {
	fill: #749377 ;
    stroke: #8cc392 ;
    stroke-width:1 ;
}

.opportunity-parent {
    fill: #749377 ;
    stroke: #8cc392;
    stroke-width:1 ;
}

.opportunity-parent:hover {
	fill: #749377 ;
    stroke: #8cc392 ;
    stroke-width:1 ;
}

.sdgun {
    fill: #eb1c2d ;
    stroke: #8cc392 ;
    stroke-width:1 ;
}

.sdgun:hover {
	fill: #eb1c2d ;
    stroke: #8cc392 ;
    stroke-width:1 ;
}

.sdgun-parent {
    fill: #eb1c2d ;
    stroke: #8cc392;
    stroke-width:1 ;
}

.sdgun-parent:hover {
	fill: #eb1c2d ;
    stroke: #8cc392 ;
    stroke-width:1 ;
}

.objective {
    fill: #f6fbfd ;
    stroke: #e9f6fb ;
    stroke-width:2 ;
}

.objective:hover {
	fill: #c6e6f1 ;
    stroke: #6cc3e2 ;
    stroke-width:2 ;
}

.objective-parent {
    fill: #f6fbfd ;
    stroke: #e9f6fb ;
    stroke-width:2 ;
}

.objective-parent:hover {
	fill: #c6e6f1 ;
    stroke: #6cc3e2 ;
    stroke-width:2 ;
}

.out1 {
    fill: #ecf4b9 ;
    stroke-width: 3;
    stroke: white;
}

.out2 {
    fill: #e1efc8 ;
    stroke-width: 3;
    stroke: white;
}

.out3 {
    fill: #c7f8e6 ;
    stroke-width: 3;
    stroke: white;
}

.out4 {
    fill: #d5effd ;
    stroke-width: 3;
    stroke: white;
}

.out5 {
    fill: #d5d9fd ;
    stroke-width: 3;
    stroke: white;
}

.out6 {
    fill: #e4d5fd ;
    stroke-width: 3;
    stroke: white;
}

.out7 {
    fill: #fad3de ;
    stroke-width: 3;
    stroke: white;
}

.out8 {
    fill: #ffd2c8 ;
    stroke-width: 3;
    stroke: white;
}

.out9 {
    fill: #ffdfc8 ;
    stroke-width: 3;
    stroke: white;
}

.out10 {
    fill: #fae2bd ;
    stroke-width: 3;
    stroke: white;
}

.spi1 {
    fill: #96c8d3; 
    stroke-width: 3;
    stroke: white;
}

.spi2 {
    fill: #8cc3b3; 
    stroke-width: 3;
    stroke: white;
}

.spi3 {
    fill: #8cc392; 
    stroke-width: 3;
    stroke: white;
}

.sdgun1 {
    fill: #eb1c2e;
}

.sdgun2 {
    fill: #d3a02a;
}

.sdgun3 {
    fill: #279b48;
}

.sdgun4 {
    fill: #c11f32;
}

.sdgun5 {
    fill: #ef402b;
}

.sdgun6 {
    fill: #01aed9;
}

.sdgun7 {
    fill: #fcb712;
}

.sdgun8 {
    fill: #8f1838;
}

.sdgun9 {
    fill: #f36d24;
}

.sdgun10 {
    fill: #e01483;
}

.sdgun11 {
    fill: #fa9d26;
}

.sdgun12 {
    fill: #ce8d27;
}

.sdgun13 {
    fill: #47773d;
}

.sdgun14 {
    fill: #007dbd;
}

.sdgun15 {
    fill: #3cb04a;
}

.sdgun16 {
    fill: #02558b;
}

.sdgun17 {
    fill: #18366b;
}