/** In the C3 charting library, When only one column of data was present, a white line was inconsistently displaying
 *  on the pie chart when the stroke-width was set to a non-zero value.  Setting the stroke-width to zero removes all
 *  white space between pie slices and around hte pie chart.
 **/
.percentStandardsMetChart .c3-chart {
   stroke-width: 0px;
}

/** The C3 pie chart generates a lot of white space around the chart.  This seems to result from items that are hidden
 * but still take up white space on the display.  We discovered, that setting the svg elements height to 50px does reduce
 * the amount of white space around the pie chart.
 **/
.percentStandardsMetChart svg {
   height: 50px;
}

/* future work for when we try to style the tables with css */
#containerHeader {
   vertical-align: top;
   text-align: left;
}

#subordinateTaxaDataTable {
   border-spacing: 0; 
   cellpadding: 0;
   width: 100%;
   background-color: #ffffff;
   border-wdith: 0px;
}
#subordinateTaxaDataTable .row {
   text-align: center;
   word-wrap: break-word;
   width: 15%;

}

#subordinateTaxaDataTable .dataCell {
   text-align: center; 
   width: 15%;
}