input[type=text], select, textarea {
  width: 100%;
}

.form-label-left {
	text-align: left;
}

.stat_table_title
{
}
.stat_table, .stat_header_cell, .stat_data_cell
{
	border-style: solid;
	border-color: #072740;
}
.stat_table
{
	border-width: 0 1px 1px 0;
	border-spacing: 0;
}
.stat_header_cell, .stat_data_cell
{
	border-width: 1px 0 0 1px;
	padding: 0.35em;
}
.stat_header_row
{
	font-weight: bold;
	background-color: #1f96f3;
	color: #feffff;
}
tr.stat_data_row {
	background-color: #f7f7f7;
}
tr.stat_data_row:nth-child(even) {
	background-color: #eaeaea;
}

.flex-center
{
  display: flex;
  justify-content: center;
  padding-top: 1.5em;
}

.flex-left
{
  display: flex;
  justify-content: left;
  padding-top: 1.5em;
}

.loader {
  border: 3px solid black; /* Light grey */
  border-top: 3px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media (min-width:601px) {
	.form-label-left{text-align: right;}
}

hr {
	border-top-style: solid;
	border-top-color: #1f96f3;
	border-width: 2px;
}

.w3-container {
/*	max-width: 800px */
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

.modal-header {
  padding: 4px 4px 6px 4px;
  margin: 0;
  background-color: #404040;
  color: white;
}

.modal-title {
  padding: 0;
  text-align: center;
  font-weight: bold;
}

.modal-body {
	padding: 10px 10px;
}

/* The Close Button */
.modal-close {
  float: right;
  font-size: 150%;
  font-weight: bold;
  margin-right: 0.5em;
  color: black;
}

.modal-close:hover,
.modal-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.chart {
  line-height: 1.15;
  letter-spacing: 0.15em
}