/* chart */
.wj-flexchart {
  background-color: white;
  border: none;
  border-radius: 4px;
  top: 0;
  bottom: 0;
  opacity: 1;
}

g.wj-series-group rect:hover {
  stroke: white;
  stroke-width: 10px;
  box-shadow: 5px 5px 5px;
}

.chart-selector {
  border: none;
  height: 60px;
}

#chart {
  flex-grow: 2;
  width:100%;
  height:75%;
}


.wj-flexchart .wj-axis-x .wj-gridline,
.wj-flexchart .wj-axis-y .wj-gridline {
  opacity: .25;
  stroke: gray;
  stroke-width: 1px;
}

.wj-flexchart .wj-header .wj-title{
  font-size : 1.5vw;
  font-weight:800;
}
/* 차트 줌 버튼 스타일링 */
#btnZoomIn, #btnZoomOut, #btnResetZoom {
  font-family: 'SUITE-Regular';
  background: #08D1A4;
  border: none;
  outline: none;
  color:white;
  border-radius:10px;
  font-weight: 900;
  box-shadow:none;
  line-height:30px;
  width:auto;
}
/****  축 스크롤바 Css *****/
.chart-selector {
  height: 10%;
}

.wj-flexchart .wj-axis-scrollbar-container {
  position: relative;

}

.wj-flexchart .wj-axis-scrollbar-container .wj-chart-rangeslider {
  border: 1px solid #ddd;    
  background-color: #ddd;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.wj-rangeslider-rangehandle{
  background-color: #666;
}

.wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-minhandle, .wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-maxhandle{
  width:10px;
  height:14px;
}
.wj-flexchart .wj-axis-scrollbar-container .wj-chart-hrangeslider {
  height: 17px;
  margin-top:8%;
}
.wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-minhandle, .wj-flexchart .wj-chart-hrangeslider .wj-rangeslider-maxhandle{
  border-color:#999997;
  margin-top:1px;
}

.wj-rangeslider-incbtn, .wj-rangeslider-decbtn{
  padding:0 !important;
}

.wj-glyph-right{
  margin-top:2px;
  margin-right:9px;
}

.wj-glyph-left{
  margin-top:2px;
  margin-left:9px;
}