.div-alpsb-tbl-opt {
  margin: auto;
  width: 50%;
  /*border: 3px solid green;*/
  background: #D7E6FD;
  padding: 10px;
}
.alpsb-tbl-opt{
  /*margin: 0 auto;*/
  display: table; /* Make the container element behave like a table */
  width: 95%; /* Set full-width to expand the whole page */
  background-: #D7E6FD;

}
.alpsb-tbl-opt td{
  display: table-cell;
  vertical-align: text-top;
  overflow: hidden;
  line-height: 100%;
  text-align: left;
  height: 100%;
  padding: 0;
  border: 0;
  /*height: 10px;*/
}

.avg-prod-op-div{
  width: 100%;
}

.avg-prod-op-tbl{
  table-layout: fixed;
  width: 100%;
}


.count-sect{
  height: 50%;

}

.tx-sect{
  height: 50%;
}

.alpsb-chart-holder{
  width: 100vw;
  position: relative;
  left: calc(-50vw + 50%);
}

.alpsb-svg{
  /*height: 50%;*/
  width: 100%;
  display: block;
  margin: auto;
}

.d3-tip {
  /*position: absolute;*/
  line-height: 1;
  font-weight: bold;
  padding: 12px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 2px;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  content: "\25BC";
  position: absolute;
  text-align: center;
}

/* Style northward tooltips differently */
.d3-tip.n:after {
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
}

.arrow_box {
  position: absolute;
  background: #88b7d5;
  border: 4px solid #c2e1f5;
}
.arrow_box:after, .arrow_box:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #88b7d5;
  border-width: 30px;
  margin-left: -30px;
}
.arrow_box:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #c2e1f5;
  border-width: 36px;
  margin-left: -36px;
}

.alpsb-yr-float{
  float: left;
  display: inline-block;
  width: 100%;
  height: 100%;
}



.div-alpsb-tbl-yrs-opt{
  margin: auto;
  /*border: 3px solid purple;*/
  background: #D7E6FD;
  padding: 10px;
}

.alpsb-yr-btn {
  border-width: 3px;
  border-color: #104E8B;
  border-radius: 10px;
  background-color: inherit;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
}

/* On mouse-over */
.alpsb-yr-btn:hover {
  background: #eee;
}

.x-axis{
  color: black;
}

.y-axis{
  color: black;
}

.tcgCageRadiosCSS{
  display: table-row;
  background-color: green;
}

.divTbl{
  display: table;
  width: 100%;
  border-collapse: collapse; /* 'cellspacing' equivalent */
}

.divRow{
  display: table-row;
  /*width: 40%;*/
  /*width: inherit;*/
  height: 30px;
}

.divRowPost{
  display: table-row;
  /*width: 40%;*/
  /*width: inherit;*/
  height: 30px;
}

.divCell{
  display: table-cell;
  width: 6%;
  /*width: auto;*/
  text-align:center;
  
} 

.divCellGray{
  display: table-cell;
  width: 2.55%;
  /*width: auto;*/
  background-color: #FBEFEF;
  text-align:center;
}