/*set the overall width - propagates pretty well*/
#wsi_div {
  /*max-width: 33.33333333333%;*/
  width: 100%;
  min-width: 300px;
}

.zc-body {
  background-color: #FFF;
  font: 100%/1.5 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif, 'Comic Sans';
}

.chart--container {
  background-color: #FFF;
  /*min-height: 530px;*/
  width: 100%;
  /*height: 120px;*/


  display: flex;
  justify-content: center;
}

.chart-and-control-div {
  background-color: #FFF;
  display: flex;
  flex-direction: row;
  /*height: 270px;*/
  /*width: 275px;  from wsj */
}

/* zoom buttons */
#date-picker-container {
  margin-left: 1px;
  margin-bottom: 10px;
  /* to get stacked */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

[data-period] {
  margin: 1px;
  padding: 1px 1px;
  font-size: 1.1rem;
  /*background-color: #2196F3;*/
  color: #000;
  display: inline-block;
}

[data-period]:hover {
  cursor: pointer;
  opacity: .7;
}

#date-picker-container div {
  display: inline-block;
}
.active {
  background: #D3D3D3;
}
/* hide line chart watermark - note #prefix means select by id*/
#line_chart-license-text {
  display: none;
}



/* ---------------- ZingGrid ----------------- */
/* ----------- hide watermarks n fluff */
zg-caption {
  display: none;
}
zg-control-bar {
  display: none;
}
zg-watermark {
  display: none;
}
.zc-ref {
  display: none;
}

.row_selected  {
  background-color: #d1e7ff
}

.increased {
  color: #66bb6a;
}

.increased::before {
  content: '↑';
}

.decreased {
  color: #ef5350;
}

.decreased::before {
  content: '↓';
}

#zg-companyName-val{
  display: inline-block;
}
#zg-ticker-val{
  display:none;
}

@media (max-width:1023px) AND (min-width:0px){
  zing-grid {
    font-size: 0.8rem;
    --zg-head-cell-padding: 8px;
    --zg-cell-padding_layout_row: 8px;
  }
  #zg-companyName-val{
    display: none;
  }
  #zg-ticker-val{
    display: inline-block;
  }
}

[aria-rowindex="2"] {
  font-weight: bold;
}