.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color: #555;
}

.content {
  padding: 0 18px;
  display: none;
  background-color: #f1f1f1;
}

/* Manually Re-Adjusting IA Widget & Panel Dimensions */
#ia-widget-spineChart {
  /* height: 76rem !important; */
}

#ia-widget-legend {
  height: 25% !important;
}

.ia-table-header {
  font-size: 15px !important;
}



/* Indicator Toggle Switch - see custom.js*/
.flipswitch {
  position: relative;
  width: 237px;
}
.flipswitch input[type=checkbox] {
  display: none;
}
.flipswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #000000;
  border-radius: 8px;
}
.flipswitch-inner {
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.flipswitch-inner:before, .flipswitch-inner:after {
  float: left;
  width: 50%;
  height: 24px;
  padding: 0;
  line-height: 24px;
  font-size: 15px;
  color: white;
  font-family: "Carme", Arial, Helvetica, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
}
.flipswitch-inner:before {
  content: "Socioeconomic Indicators";
  padding-left: 12px;
  background-color: #fcf9ed;
  color: #000000;
}
.flipswitch-inner:after {
  content: "Maternal Health Indicators";
  padding-right: 12px;
  background-color: #fcf9ed;
  color: #000000;
  text-align: right;
}
.flipswitch-switch {
  width: 21px;
  margin: 1.5px;
  background: #08519c;
  border: 1px solid #000000;
  border-radius: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 212px;
  transition: all 0.3s ease-in 0s;
}
.flipswitch-cb:checked + .flipswitch-label .flipswitch-inner {
  margin-left: 0;
}
.flipswitch-cb:checked + .flipswitch-label .flipswitch-switch {
  right: 0;
}


/* Profile Chart Display/Rendering (Special Case(s)) */
/* Total Deliveries */
#i6 > td:nth-child(3),
#i6 > td:nth-child(5),
#i6 > td.ia-table-cell.ia-health-cell,
#i6 > td:nth-child(7),
/* Maternity Care Desert */
#i13 > td:nth-child(4),
#i13 > td:nth-child(5),
#i13 > td.ia-table-cell.ia-health-cell,
#i13 > td:nth-child(7)
{
  content-visibility: hidden;
}

/* Inner Report Callout Panel Styling - See custom.js*/
#ia-widget-calloutPanel {
  background: unset !important;
  width: 18% !important;
}

#ia-widget-calloutPanel {
  text-align: right;
}