table{
    border: none;
    margin-left:auto; 
    margin-right:auto;
  }
  td{text-align:center;}
  td.wide{width:450px;}
    
  .LikertEven{display:block;font: 10px sans-serif; margin-left:auto;margin-right:auto;}
  .LikertEven .tick line { stroke: #666; stroke-width: .5px; }
  .LikertEven .percent.s0 { fill: #FD6753; }
  .LikertEven .percent.s1 { fill: #FA8634; }
  .LikertEven .percent.s2 { fill: #46FA7D; }
  .LikertEven .percent.s3 { fill: #99E23F; }
    
  .LikertEven .subtitle.s { fill: #4D4B4B; }
  .LikertEven .subtitle.s0 { font-weight:bold; fill: #FF0000;} /* for the text more red is needed*/
  .LikertEven .subtitle.s1 { font-weight:bold; fill: #FA8634; }
  .LikertEven .subtitle.s2 { font-weight:bold; fill: #99E23F; }
  .LikertEven .subtitle.s3 { font-weight:bold; fill: #00FF00; }
      
  .little{font-size:11px;}  
  .middle{font-size:14px;}
  .normal{font-size:16px;font-weight:bold;} 
  .l {fill: #F0F0F0;}
  .d {fill: #D9D9D9;} 
  .white {fill: white;}
  .background {}
  .dimTextKiem{font: 11px sans-serif; font-weight:bold;}
  .textResult{font: 8px sans-serif;}
  .textResultKiem{font: 9px sans-serif; font-weight:bold;}
  text.textLegendA{fill:#737373;}
  .axis text {font: 10px sans-serif;}
  
button.demo{
  background:#D9D9D9;
  border:1px solid #bbb;
  border-radius:3px;
  -webkit-box-shadow:inset 0 0 1px 1px #f6f6f6;
  box-shadow:inset 0 0 1px 1px #f6f6f6;color:#333;
  font:bold 12px/1"helvetica neue",helvetica,arial,sans-serif;
  padding:4px 0px 4px 0px;
  text-align:center;
  text-shadow:0 1px 0 #fff;
  width:70px;
}
button.demo:hover{
  background:#C4C4C4;
  -webkit-box-shadow:inset 0 0 1px 1px #eaeaea;
  box-shadow:inset 0 0 1px 1px #eaeaea;
  color:#222;cursor:pointer;
}
button.demo:active{
  background:#A6A6A6;
  -webkit-box-shadow:inset 0 0 1px 1px #e3e3e3;
  box-shadow:inset 0 0 1px 1px #e3e3e3;color:#000;
}