html {
	position: relative;
	min-height: 100%;
}
body {
	margin-bottom: 75px; 
}
.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #f5f5f5;
	color: #666
}

.footer .ml-auto img {
	max-height: 37px;
	margin-top: -10px;
	text-align: right
}

.footer i.fab {
	margin-right: 5px;
}

#loading {
	position:absolute; 
	width:100%; 
	text-align:center;
	top:300px;
}

.center-div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 400px;
	margin: -200px 0 0 -250px
}

a h3 {
	color: #666;	
}

h3 img {
	margin-right: 20px;
}

.dataTables_filter {
	text-align: right
}

.dataTables_filter label input {
	margin-left: 5px
}

.table .tfoot-light tr {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

table.dataTable tbody td {
	padding: 8px 18px !important	
}

td.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../img/details_close.png') no-repeat center center;
}

.highcharts-figure, .highcharts-data-table table {
  min-width: 310px; 
  max-width: 100%;
  margin: 1em auto;
}

#container {
  height: 400px;
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}
.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
  padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
  padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}
.highcharts-data-table tr:hover {
  background: #f1f7ff;
}

.header {
  padding: 10px;
  text-align: left;
  background: white;
  color: #3C414E;
  font-size: 20px;
}