/* VALUES */
.spider__outer {  font-size: 0px; line-height: 0px;  padding: 16px 16px !important; color: #0b1831; font-family: 'VAGRoundedNext-Light';      }
.spider__outer { border: 0px solid red !important;   }
.spider__outer.cols_2 { width: 45% !important;   }

.spider__outer svg { position: relative;    }
.spider__outer svg path { fill: transparent;   }
.legend { fill: #333333; }
.tooltip { fill: #333333; font-size: 14px; }
.fg_label { font-size: 14px; fill: #0b1831; text-anchor: middle;  font-family: 'VAGRoundedNext-Light';   }
.fg_arc { fill-opacity: 0.15;    }
.hfg_arc { fill: none; }
#st_arc { fill: #e4007d; }
#con_arc { fill: #165990; }
#se_arc { fill: #29aea9; }
#otc_arc { fill: #f6d900; }

.ht_arc {  fill: none;    }

.t_label { font-size: 12px; fill: #0b1831; text-anchor: middle;  font-family: 'VAGRoundedNext-Light';  cursor: pointer; }

.axisWrapper text { fill: #0e1b2b;  z-index: 20;  }
.radar_chart_title {  position: relative; width: 100%; text-align: center;  font-size:14px; margin-bottom: 20px;  }
#vp_1 .radarCircle { fill: #21aae2; }
#vp_2 .radarCircle { fill: #ef8631; }

.radarArea { opacity: 0.4; }

.values_tooltip_outer {  position: absolute; top: 0px; left: 0px; right: 0px;  height: 100%; z-index: 30; }
.vtt_each_outer {  position: absolute; height: auto; border: 1px solid #525252; max-height: 500px; opacity: 0; overflow: hidden;  transition: opacity 0.5s ease-out; margin-left: 0px;    }
.vtt_flag { width: 242px; position: relative;  height: auto; padding: 12px 10px;  font-family: 'VAGRoundedNext-Light'; color: #525252; background-color: #FFFFFF;  text-align: left;  z-index: 50;    }
.vtt_each_outer.hover {  opacity: 1;   transition: opacity 0.5s ease-in;  z-index: 50;  }
.flag_v_text { position: relative; width: 100%; text-align: left; font-family: "futura-pt",sans-serif; font-weight: 400; font-size: 14px; line-height: 18px;    }


@media only screen and (max-width: 500px) {
  .spider__outer { padding: 0px 0px !important;   }
    	.fg_label { font-size: 10px; }
    	.vtt_each_outer { display: none; }
    	.t_label { cursor: default; }
      .spider__outer.cols_2 { width: 90% !important;   }
}
  
  
  
@media only screen and (min-width: 501px) and (max-width: 580px) { /* BLUE */
    .fg_label { font-size: 10px; }
    .vtt_each_outer { display: none; }
    .t_label { cursor: default; }
    .spider__outer.cols_2 { width: 90% !important;   }
}
  
  
@media only screen and (min-width: 581px) and (max-width: 767px) { /* RED */
    	.fg_label { font-size: 12px; }
    	.vtt_each_outer { display: none; }
    	.t_label { cursor: default; }
      .spider__outer.cols_2 { width: 80% !important;   }
}
  
  
@media only screen and (max-width: 767px) and (orientation: landscape) {
    
}
  
  
  @media only screen and (min-width:  768px) and (max-width: 840px)   { /* PINK */
    	.spider__outer {  width: 75% !important; }
    	.fg_label { font-size: 16px; }
    	.vtt_each_outer { display: none; }
    	.t_label { cursor: default; font-size: 14px; }
      .spider__outer.cols_2 { width: 50% !important;   }
  }
  
  
  @media only screen  and (min-width: 841px) and (max-width: 1000px)  { /* YELLOW */
    
  }
  
  @media only screen  and (min-width: 1001px) and (max-width: 1264px)  { /* BLACK */
    
  }