.fontstack, p, th, td, h2, h4, .AccordionTitle, .style1, .style2, .style3, #resetbutton, #splitbutton, #startstopbutton, .featureListItem__description, .featureListItem {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1em;
}


h2 {
    font-size: 1.5em;
    padding: 0; 
    margin: .5em 0; 
	color: #222; 
	text-shadow: 3px 3px 3px white, -2px -2px 3px white; 
}

#heading45, #heading30 {
    margin-top:2em;
}

.container {
    display: flex;
    flex-direction: column; 
    justify-content: center; 
    display:block; 
    margin:auto; 
    max-width: 600px;
    background-color: white;
}



/* tables */

table { 
    border:0; 
    padding:5px;
    width:100%; 
    border-collapse:collapse;
}

.tablestyle{
    width: 100%;
    border:1px;
    padding:2px;
}

.style1, .style2, .style3 {
    color: black;
    text-decoration: none;
    text-align: center;
    border: 1px solid #666;
    padding: 3px;
}

td {
	padding: 5px 5px;
}

.acro {
	width: 20%;
}

th {
    background: #ccc;
    font-weight: bold;
	padding: 5px 5px;
}

tr:nth-child(even) { /*(even) or (2n 0)*/
background: #eee;
}
tr:nth-child(odd) { /*(odd) or (2n 1)*/
background: #F5F6CE;
}



/* ACCORDION */
/* http://www.switchonthecode.com/tutorials/javascript-and-css-tutorial-accordion-menus */


.AccordionTitle, .AccordionContent, .AccordionContainer {
    position: relative;
}

.AccordionTitle {
    justify-content: center;
    align-items: center;
    width: 95%;
}
.AccordionContainer {
    width: 100%;
    max-width: 600px;
    margin: auto;
    padding:1em auto;
    background-color: white;
}
.AccordionContent {
  height:0px;
  overflow:auto;
  display:none; 
    background-color:white;
    width: 100%;
    justify-content: center;
}





.rowgr {
    display: flex;
    margin: auto;
    flex-direction: row;
    width: 100%;
    max-width: 600px;
    background-color: white;
    padding: .2em .2em;
}

.rowflleft {
    justify-content: center;
    flex-grow: 0;
}

.rowflright {
    flex-grow: 1;
    align-items: left;
    margin: auto; /* centers text vertically in flexbox */
}

.pad1 {
margin-bottom: .3em;
}

.pad2 {
margin-bottom: 1em;
}

.cen {
    display: table;
    margin: auto;
    text-align: center;
}


input[type="button"] {
    border-radius:8px;
    border:#878787 solid 1px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:1em;
    padding:0;
    height: 2em;
    color: #000;
    -webkit-appearance:normal;
    margin:.5em;
    }

input[type="button"] {
  -webkit-transition-duration: 0.3s; /* Safari */
  transition-duration: 0.3s;
}

input[type="button"]:hover {
  background-color: #A9D0F5; 
  color: black;
}

.button_med, .buttonSetup {
    width: 7em;
}

.buttonSetup:active {
    color: red;
}
        
 input[type="text"] {
    -webkit-border-radius:8px;background-color:#eee;border:#878787 solid 1px;padding:0;
    height: 30px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #000;
    font-size:1em; -webkit-appearance:none;
}

.grayed {
    background-color: #ddd;
}
.close {
    background-color: #eee;
    float:left; width:5em;
}


.featureListItem {
  display: flex;
  flex-direction: row;
  width: 98%;
  padding: .4em;
}

  .featureListItem__icon,
  .featureListItem__description {
    padding: .5em;
    font-size: 1em;
  }

  .featureListItem__icon {
  text-align: center;
	font-weight: bold;
    color: #fff;
    border: 3px solid gray;
    border-radius: 6px 0 0 6px;
	background-color: #007e8f; // dark grn
	width: 5em;
  flex-basis: 10%;
  flex-grow: 0;
  flex-shrink: 0; 
	}

  .featureListItem__description {
    color: #red;
    border: 3px solid gray;
	border-left: 0;
    border-radius: 0 6px 6px 0;
	background-color: #ccf9ff; // sky blue
  flex-basis: 80%;
  flex-grow: 1;
  flex-shrink: .2; 
  }