.navbtn{
    border-radius:2em !important;
    text-align:center !important;
    color:#fff !important;
    background:#669945 !important;
}
.navbtn:visited{
    color:#fff !important;
    background:#669945 !important;
}
.navbtn:link{
    color:#fff !important;
    background:#669945 !important;
}
.navbtn:hover{
    color:#fff !important;
    background:#88cc56 !important;
}
.navbtn:active{
    color:#fff !important;
    background:#669945 !important;
}

.navbtnd{
    border-radius:2em !important;
    text-align:center !important;
    color:#fff !important;
    background:#999 !important;
}

.navbtnlite{
  border-radius:1em !important;
  text-align:center !important;
  color:#fff !important;
  background:#996633 !important;
  padding:0.2em !important;
  height:2em;
  margin-top:1.5em;
}
.navbtnlite:visited{
  color:#fff !important;
  background:#996633 !important;
}
.navbtnlite:link{
  color:#fff !important;
  background:#996633 !important;
}
.navbtnlite:hover{
  color:#fff !important;
  background:#cc9966 !important;
}
.navbtnlite:active{
  color:#fff !important;
  background:#996633 !important;
}


div.navtip{
    width:90%;
    margin: 1em auto;
    border-radius:2em;
    text-align:center;
    color:#fff;
    background:#f96;
}
.question_outer{
    text-align:center;
}
.question_wrapper{
    width:20em; 
    margin:0 auto;
    text-align:left;
}
.question{
    margin-bottom:2em;
}
.question_inner{
    width:20em; 
    text-align:center;
}

.question .indicator{
    width:50%;
    font-size:1.2em;
}
.separator{
    border:1px #ccc solid;
}
#modal_warning{
    color:#f00;
    font-weight: bold;
}

.error p{
    font-size:1.2em;
    color:#f00;
    text-align:left;
}

.shield{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    z-index:2000;
}

.shareMe{
  margin:5%;
  padding-top:2%;
  border-top: 1px #999 solid;
  text-align:center;
}
.shareMe a, a.toResult{
  width:80%;
  margin:2% 10%;
}

.shareMe ul{
  display:block;
  max-width:20em;
  margin:2em auto;
}
.shareMe ul li{
  text-align:left;
}

.buttonList{
  margin:5%;
  padding-top:2%;
  text-align:center;
}

.ctable{
  width:100%;
  border:1px #ccc solid;
  border-collapse:collapsed;
}
.ctable td, .ctable th{
  border:1px #ccc solid;
  border-collapse:collapsed;
  padding:0.3em;
}
#chart_all_pc_wrap{
  display:block;
}
#chart_all_mobile_wrap{
  display:none;
}

.addform{
  padding:1.5em;
}
.addform h5{
  font-weight:bold;
}

@media screen and (max-width: 992px){
  #chart_all_pc_wrap{
    display:none;
  }
  #chart_all_mobile_wrap{
    display:block;
  }
}

.loader {
    font-size: 10px;
    margin: 50px auto;
    text-indent: -9999em;
    width: 11em;
    height: 11em;
    border-radius: 50%;
    background: #8a8a8a;
    background: -moz-linear-gradient(left, #8a8a8a 10%, rgba(138,138,138, 0) 42%);
    background: -webkit-linear-gradient(left, #8a8a8a 10%, rgba(138,138,138, 0) 42%);
    background: -o-linear-gradient(left, #8a8a8a 10%, rgba(138,138,138, 0) 42%);
    background: -ms-linear-gradient(left, #8a8a8a 10%, rgba(138,138,138, 0) 42%);
    background: linear-gradient(to right, #8a8a8a 10%, rgba(138,138,138, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
  }
  .loader:before {
    width: 50%;
    height: 50%;
    background: #8a8a8a;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
  }
  .loader:after {
    background: #ffffff;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  @-webkit-keyframes load3 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes load3 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
a.wshead{
  padding:0.3em;
  padding-top:1em;
  padding-left:1em;
  display:block;
}
a.wshead:link{
  background-color: #eeffcc;
}

a.wshead:hover{
  background-color: #ccee99;
}

a.wshead-c:link{
  background-color: #eeeeee;
}

a.wshead-c:hover{
  background-color: #dddddd;
}

a.wshead-f:link{
  background-color: #cceeff;
  color:#333399;
}

a.wshead-f:hover{
  background-color: #99ccee;
}

.participants_count{
  font-size:1.5em;
  margin:0.5em;
}