#menubutton_1,#menubutton_2 {
    width:49%;
}

#menubutton_1:hover, #menubutton_1.selected {
  background-color:#2db3c6;
}

#menubutton_2:hover, #menubutton_2.selected {
  background-color:#2db3c6;
}


/* COLOR */

.bg_blue_1 { background-color:#43d4e8 !important; color:white !important; }
.bg_blue_2 { background-color:#2db3c6; }
.bg_blue_3 { background-color:#0f92a5; }

.bg_black { background-color:#1d1d1b; }

.gm_1 {
  height:32.75vw;
  font-size:1.5vw;
  line-height:1.6666666vw;
  padding-top:15vw;
  padding-right:2vw;
}

.g1_caption {
  text-align:center;
  color:white;
  width:22.16666%;
  height:13.5vw;
  margin-top:-1.75vw;
  margin-left:2vw;
  position:absolute;
  display:none;
  z-index:100;
}

.g1_caption_title {
  text-align:center;
  color:white;
  font-size:1vw;
  margin-top:1.333333vw;
  line-height:1.166666vw;
}

.g1_caption_number {
  text-align:center;
  color:white;
  font-size:1.5vw;
  font-weight:600;
  line-height:1.666666vw;
}

.g1_caption_number .small {
  font-size:1vw;
  line-height:1.666666vw;  
}

.g1_dot {
  border-radius:50%;
  height:5vw;
  width:5vw;
  line-height:5vw;
  font-size:1.6666vw;
  font-weight:800;
  text-align:center;
  color:white;
  position:absolute; 
  margin-left:-2.5vw;
  cursor:pointer;
}

.g1_blackdot {
  border-radius:50%;
  height:2.5vw;
  width:2.5vw;
  line-height:2.083333vw;
  font-size:1.25vw;
  font-weight:800;
  text-align:center;
  color:white;
  position:absolute; 
  margin-left:-1.25vw;
  margin-top:3.33333vw;
  border:0.25vw solid black;
  cursor:pointer;
}

.g1_blackdot:hover {
  border:0.25vw solid white;
}

.g1_range {
  border-radius:0.4166666vw;
  height:2.666666vw;
  line-height:2.666666vw;
  font-size:0.833333vw;
  text-align:center;
  position:absolute;
  /*display:none;*/
}

.g1_th_cell { 
  height:1.4166666666vw;
  border-bottom:1px solid #eee;
  border-left:1px solid #eee;
  width:12.5%;
  font-size:1.25vw;
  line-height:1.4166666666vw;
  font-weight:600;
  padding-left:3px !important;
}

.g1_td_cell {
  height:31.25vw;
  border-left:1px solid #eee;
}

.g1_td_xcell {
  height:6.25vw;
  color:black;
  font-size:1.1666vw;
  padding-right:1vw !important;
}

.g2_tr {
  background-color:#e3e3e3;
  color:#bcbcbc;
}

.bigcell {
  position:relative;
  height:45vw;
  width:80%;
}

.g2_th_scell {
  width:15%;
  height:3.75vw;
  line-height:3.75vw;
  text-align:right;
  padding-right:25px !important;
  border-bottom:2px solid white;
  color:white;
  font-weight:600px;
  font-size:1.33333vw;
}

.g2_th_pcell {
  width:10%;
  height:3.75vw;
  line-height:3.75vw;
  text-align:right;
  padding-right:25px !important;
  border-bottom:2px solid white;
  font-weight:600px;
  font-size:1.33333vw;
}

.g2_caption {

}

.g2_blackdot {
  border-radius:50%;
  height:2.5vw;
  width:2.5vw;
  line-height:2.08vw;
  font-size:1.25vw;
  font-weight:800;
  text-align:center;
  color:white;
  position:absolute; 
  margin-left:-1.166666vw;
  border:0.25vw solid black;
  cursor:pointer;
}

.g2_blackdot:hover {
  border:0.25vw solid white;
}

.graph_start { 
  font-weight:600; 
  z-index:1000 !important;
}

.bcc {
  border-left:2px solid white;
  border-bottom:2px solid white;
  width:25%;
  background-color:#e3e3e3;
  height:15vw;
  color:#bcbcbc;
  font-size:1.33333vw;
  padding:2vw !important;
  text-align:center;
}

.bcc:last-child {
  border-right:2px solid white;
}

.bcc.active {
  background-color:rgb(255,80,80);
  color:white;
}

.bci {
  border-left:2px solid white;
  border-bottom:2px solid white;
  border-right:2px solid white;
  /*background-color:#1d1d1b;*/
  background-color:white;
  height:180px;
  color:white;
  font-size:14px;
  padding:24px !important;
  text-align:center;
}

#gd_1,#gbd1_1,#g1_cap1 {
  top:1.66666vw;
  left:31.25625%;
}

#gd_2,#gbd1_2,#g1_cap2 {
  top:7.916666666vw;
  left:35.08125%;
}

#gd_3,#gbd1_3,#g1_cap3 {
  top:14.16666666vw;
  left:71.3125%;
}

#gd_4,#gbd1_4,#g1_cap4 {
  top:20.41666666vw;
  left:32%;
}

#gd_5,#gbd1_5,#g1_cap5 {
  top:26.6666666vw;
  left:31.68125%;
}

#gr_1 {
  top:2.8333333vw;
  left:31.25625%;
  width:0%;
}

#gr_2 {
  top:9.08333333333vw;
  left:28.91875%;
  width:15.3%
}

#gr_3 {
  top:15.333333vw;
  left:36.78125%;
  width:63.21875%;
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}

#gr_4 {
  top:21.583333333vw;
  left:22.4375%;
  width:37.1875%;
}

#gr_5 {
  top:27.8333333vw;
  left:26.05%;
  width:12.9625%;
}

#gbd2_1 {
  top:0.666666vw;
  left:15%;
}

#gbd2_2 {
  top:4.58333333vw;
  left:15%;
}

#gbd2_3 {
  top:8.5vw;
  left:15%;
}


.graphtitle_bigger {
  font-size:2vw;
}

.graphtitle_bigger > .smaller {
  font-size:1vw;
}

/* FLUID */

@media screen and (min-width: 1200px) {
  
  /* G1 */ 
 
  .gm_1 {
    height:393px;
    font-size:18px;
    line-height:20px;
    padding-top:180px;
    padding-right:24px;
  }

  .g1_caption {
    width:22.16666%;
    height:162px;
    margin-top:-1.75vw;
    margin-left:2vw;
  }

  .g1_caption_title {
    font-size:12px;
    margin-top:16px;
    line-height:14px;
  }

  .g1_caption_number {
    font-size:18px;
    font-weight:600;
    line-height:20px;
  }

  .g1_caption_number .small {
    font-size:12px;
    line-height:20px;
  }

  .g1_dot {
    height:60px;
    width:60px;
    line-height:60px;
    font-size:20px; 
    margin-left:-30px;
  }

  .g1_blackdot {
    height:30px;
    width:30px;
    line-height:25px;
    font-size:15px; 
    margin-left:-15px;
    margin-top:40px;
    border:3px solid black;
  }

  .g1_blackdot:hover {
    border:3px solid white;
  }

  .g1_range {
    border-radius:5px;
    height:32px;
    line-height:32px;
    font-size:10px;
  }

  .g1_th_cell { 
    height:17px;
    font-size:15px;
    line-height:17px;
    padding-left:3px !important;
  }
  
  .g1_td_cell {
    height:375px;
  } 

  .g1_td_xcell {
    height:75px;
    font-size:14px;
    padding-right:12px !important;
  }  

  .bcc {
    width:25%;
    border-left:2px solid white;
    border-bottom:2px solid white;
    height:180px;
    font-size:16px;
    padding:24px !important;
  }

  #gd_1,#gbd1_1,#g1_cap1 {
    top:20px;
  }

  #gd_2,#gbd1_2,#g1_cap2 {
    top:95px;
  }

  #gd_3,#gbd1_3,#g1_cap3 {
    top:170px;
  }

  #gd_4,#gbd1_4,#g1_cap4 {
    top:245px;
  }

  #gd_5,#gbd1_5,#g1_cap5 {
    top:320px;
  }

  #gr_1 {
    top:34px;
  }

  #gr_2 {
    top:109px;
  }

  #gr_3 {
    top:184px;
  }

  #gr_4 {
    top:259px;
  }

  #gr_5 {
    top:334px;
  }

  /* G2 */ 

  .g2_th_scell {
    height:45px;
    line-height:45px;
    padding-right:25px !important;
    border-bottom:2px solid white;
    font-size:16px;
    width:15%;
  }

  .g2_th_pcell {
    height:45px;
    line-height:45px;
    padding-right:25px !important;
    border-bottom:2px solid white;
    font-size:16px;
    width:15%;
  }

  .bigcell {
    height:540px;
    width:70%;
  }

  .g2_caption {
    position:absolute;
    top:0px;
  }

  .g2_blackdot {
    height:30px;
    width:30px;
    line-height:25px;
    font-size:15px; 
    margin-left:-14px;
    border:3px solid black;
  }

  .g2_blackdot:hover {
    border:3px solid white;
  }

  #gbd2_1 {
    top:8px;
  }

  #gbd2_2 {
    top:55px;
  }

  #gbd2_3 {
    top:102px;
  }
  
  .graphtitle_bigger {
    font-size:24px;
  }
  
  .graphtitle_bigger > .smaller {
    font-size:12px;
  }
  
}