#menubutton_1,#menubutton_2,#menubutton_3,#menubutton_4,#menubutton_5 {
    width:32%;
}

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

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

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

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

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

.textcontainer {
  margin-left:auto;
  margin-right:auto;
}

#factboxtitle {
    background: none;
    color: white;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 2vw;
    line-height: 3vw;
    height: 4vw;
    padding-left: 0vw;
    margin-left: 0vw;
}

ol {
    padding-inline-start: 20px;
}

.standout {
  margin:20px 0px;
  border-top:1px solid white;
  border-bottom:1px solid white;
  text-align:center;
  padding:15px 0px;
  font-weight:300;
  color:#000;
}

.standout b {
  color:#000;
  font-weight:700;
}

#factbox_mini {
  background-color: #3ac3d7;
  width:66%;
  padding:0.5vw 1vw;
  vertical-align:top;
  margin:1vw auto;
  border-radius:1vw;
  color:white;
}

factboxbody_mini {}
/* 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; }



/* ANIMATION 1 */
#animation1 {
  width:100%;
  font-size:11px;
  background-color:white;
  border-radius:32px;
  position:relative;
  height:306px;
  margin-top:35px;
}

#anih0 {
  width:100%;
  height:45px;
  line-height:45px;
  text-align:center;
  font-size:1vw; 
}

#anih1,#anih2 {
  display:inline-block;
  width:50%;
  height:15px;
  line-height:15px;
  text-align:center;
  font-size:0.92vw;  
  color:#3ac3d7;
}

#anih3 {
  position:absolute;
  width:100%;
  height:30px;
  line-height:30px;
  text-align:center;
  font-size:0.92vw;  
  bottom:2px;
  color:#999999;
}

#ani1,#ani4 {
  position:absolute;
  width:50%;
  height:220px;
  top:60px;
  background-color:white;
  z-index:5;
}

#ani1 { left:0 }
#ani4 { right:0 }

#ani2 {
  position:absolute;
  top:45px;  
  width:100%;
  height:220px;
  z-index:2;
}

#ani1 table,#ani2 table, #ani4 table { height:100%;width:100%; }
#ani2 table > tbody > tr > td { padding:0px; font-size:10px;line-height:16px; }
#ani1 table > tbody > tr > td > img,#ani4 table > tbody > tr > td > img  {width:100%;max-width:138px;}

#ani_overlay {
  width:100%;
  position:absolute;
  z-index:50;
  height:305px;
}

#ani_overlay2 {
  width:100%;
  position:absolute;
  z-index:49;
  height:305px;
}

.g2_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;
  border:0.25vw solid black;
  cursor:pointer;
  background-color:black;
  z-index:50;
}

.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;
  line-height:1.3333vw;
}


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

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

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

#gr_1 {
  top:2.8333333vw;
  left:69.9%;
  width:11.2%;
}

#gr_2 {
  top:9.08333333333vw;
  left:67.1%;
  width:5.95%
}

#gr_3 {
  top:15.333333vw;
  left:32.45%;
  width:18.9%;
}


#ol2,#ol3 {
  width:0%;
  padding:7px 0 0 0;
}

#ol1,#ol4 {
  width:50%;
  padding:20px 0;  
}

#ol2 {
  opacity:0;
  text-align:left;
}

#ol3 {
  opacity:0;
  text-align:right;
}

/* TABLE */
.nrhead { background-color:#3ac3d7;color:white;padding:15px !important; }
.w5 { width:5%; text-align:center !important; padding:15px !important; }
.w20 { width:20%; text-align:right; padding:10px !important; }
.w10 { width:10%; padding:10px !important; }
.nrt { background-color:#ccc;border-radius:50%;width:18px;height:18px;margin:auto; }
.nrs { background-color:#f9f9f9;border-radius:50%;width:18px;height:18px;margin:auto; }
.nrm { background-image:url('../img/err_icn_sm.png');height:28px;width:18px;margin:auto; }
.nro { background-image:url('../img/ok_icn_sm.png');height:28px;width:18px;margin:auto; }
/* GRAPHS */

.graph1 {
 background-color:#addbdf;
}

.graph2 {
 background-color:#67c4d6;
}

.graph3 {
 background-color:#2db3c6;
}

.graph4 {
 background-color:#0d9da8;
}

.graph5 {
 background-color:#108e93;
}

.graph_vp_1 { z-index:10;margin-top:0; }
.graph_vp_2 { z-index:11;margin-top:2.5vw; }
.graph_vp_3 { z-index:12;margin-top:5vw; }
.graph_vp_4 { z-index:13;margin-top:7.5vw; }
.graph_vp_5 { z-index:14;margin-top:10vw; }

.graph_prelabel {
  height:5vw; /* 60px */
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
  color:white;
  padding:0.5vw 1vw ; /* 6px 24px */
  text-align:left;
  font-weight:700;
  font-size:1.2vw;   /* 18px */
  line-height:1.5vw; /* 18px */
  margin-left:5px;
  overflow:hidden;
  position:absolute;
  display:inline-block;
  left:15%;
}

.graph_start { 
  font-weight:600;
  padding-right:1vw;     /* 36px */
  font-size:1vw;         /* 21px */  
}

.graph_bar_m {
  height:5vw; /* 60px */
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
  color:white;
  padding:0.5vw 0.75vw ; /* 6px 9px */
  text-align:right;
  font-weight:700;
  font-size:1.5vw;   /* 18px */
  line-height:1.5vw; /* 18px */
  margin-left:5px;
  overflow:hidden;
  position:absolute;
  display:inline-block;
  left:15%;
}

.graph_bar_lowlabel {
  padding-top:3.0vw; /* 6px 9px */
}

.graph_bar {
  font-weight:700;
  font-size:1.5vw;   /* 18px */
  line-height:1.5vw !important; /* 18px */
  padding:0.5vw 0.75vw ; /* 6px 9px */
}

#graph_bar1 {
  width:10%;
}

.gm_1 {
 height:7.5vw;       /* 120px */
 line-height:7.5vw;  /* 120px */
}

.graph_bgbar_gm_1 {
  margin-top:-6.25vw; /* 138px */
}



.graphtitle_bigger {
  font-size:24px !important;
  color:#2db3c6 !important;
}

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

/* FLUID */

@media screen and (min-width: 1200px) {
  

#factboxtitle {
    background: none;
    color: white;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 24px;
    line-height: 36px;
    height: 48px;
    padding-left: 0vw;
    margin-left: 0vw;
}


  /* 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;
    line-height:16px;
  }  

  .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;
  }
  
  line-height:16px;
  
  #anih0 {
    font-size:12px; 
  }

  #anih1,#anih2,#anih3 {
    font-size:11px;  
  }  
  
}