﻿body {
	min-height: 100vh;
	padding-bottom: 125px;
	position: relative;
	margin: 0;
	box-sizing: border-box;
}

footer {
	position: absolute;
	bottom: 0;
	height: 100px;
	background-color: #0a2d44;
	color: #fff;
	padding: 40px;
	width: 100%;
	border-top: 2px solid #d34615;
}

footer a, footer a:hover, footer a:focus {
	color: #fff;
}

footer a:focus {
	outline: 2px solid white;
}

a:link:not([href^="#"], .list-group-item, .btn, .navbar-brand, .dropdown-menu a) {
	text-decoration: underline;
}

pre.textFile {
    white-space: normal;
    overflow-x: auto;
    overflow-y: auto;
    text-wrap: none;
    padding: 15px;
	font-size: 0;
}

pre.textFile .message {
	white-space: pre;
}

pre.textFile .level {
	min-width: 5rem;
	display: inline-block;
	text-align: center;
}

pre.textFile .class {
	min-width: 20rem;
}

pre.textFile .divider {
	margin: 0 4px;
}

pre.textFile * {
	font-size: 13px;
}

.bg-orange {
    background-color: orange;
}

.datapoint {
	position: relative;
}

.datapoint .errorCount {
	position:absolute; 
	top:-7px;
	right:5px;
}

.datapoint .score {
	font-size: 22px;
	font-weight:bold;
}

.datapoint .duration {
	
}

td.bg-success:hover {
  background-color: #c1e2b3;
}

td.bg-warning:hover {
  background-color: #f7ecb5;
}
td.bg-danger:hover {
  background-color: #e4b9b9;
}

table.dataTable.table-condensed .sorting:after,
table.dataTable.table-condensed .sorting_asc:after,
table.dataTable.table-condensed .sorting_desc:after {
  bottom: 6px;
  top: auto;
}

.md-doc dl dd {
	padding-left: 2rem;
	margin-bottom: 2rem;
}

.client-alert .dl-horizontal dd, .client-alert .dl-horizontal dt {
	padding-top: 10px;
}

.client-alert .textFile {
	border: 0;
	background-color: transparent;
	color: inherit;
	padding: 10px 0;
}

.btn-link-inline {
	font-weight: unset;
	border: unset;
	vertical-align: unset;
	display: unset;
	line-height: unset;
	padding: unset;
	text-decoration: underline;
	font-size: unset;
	white-space: normal;
	text-align: left;
}

#toast-container > div {
	opacity: 0.9
}

.bg-colorscale-5 {
	color: #000;
	background-color: #63be7b
}
.bg-colorscale-4 {
	color: #000;
	background-color: #b1d580
}
.bg-colorscale-3 {
	color: #000;
	background-color: #ffeb84
}
.bg-colorscale-2 {
	color: #000;
	background-color: #fbaa77
}
.bg-colorscale-1 {
	color: #000;
	background-color: #f8696b
}

@media (min-width: 768px) {
	.dl-horizontal dt {
		white-space: normal;
	}
}

.online-indicator__icon {
	float: left;
	font-size: 6rem;
	margin-right: 1rem;
}

.online-indicator__body {
	overflow: auto;
}

.online-indicator__icon .span {
	vertical-align: top;
}

.online-indicator > div:before, .online-indicator > div:after  {
	display: table;
	content: " ";
}

.online-indicator > div:after  {
	clear: both;
}

.online-indicator > div {
	margin-bottom: 20px;
}

.online-indicator__header {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 18px;
}

td .online-indicator__header, td .online-indicator__desc {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

td .online-indicator div {
	display: inline;
	margin-bottom: 0;
}

td .online-indicator__icon {
	float: none;
	font-size: unset;
	margin-right: 0;
}

td .online-indicator--runtime::after {
	content: '/'
}


td .online-indicator > div:before, td .online-indicator > div:after  {
	display: unset;
}



/* Bootstrap-4 spacing */
.m-0{margin:0 !important}.m-1{margin:0.25rem !important}.m-2{margin:0.5rem !important}.m-3{margin:1rem !important}.m-4{margin:1.5rem !important}.m-5{margin:3rem !important}.m-auto{margin:auto !important}.mx-0{margin-right:0 !important;margin-left:0 !important}.mx-1{margin-right:0.25rem !important;margin-left:0.25rem !important}.mx-2{margin-right:0.5rem !important;margin-left:0.5rem !important}.mx-3{margin-right:1rem !important;margin-left:1rem !important}.mx-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-5{margin-right:3rem !important;margin-left:3rem !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.my-1{margin-top:0.25rem !important;margin-bottom:0.25rem !important}.my-2{margin-top:0.5rem !important;margin-bottom:0.5rem !important}.my-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-0{margin-top:0 !important}.mt-1{margin-top:0.25rem !important}.mt-2{margin-top:0.5rem !important}.mt-3{margin-top:1rem !important}.mt-4{margin-top:1.5rem !important}.mt-5{margin-top:3rem !important}.mt-auto{margin-top:auto !important}.me-0{margin-right:0 !important}.me-1{margin-right:0.25rem !important}.me-2{margin-right:0.5rem !important}.me-3{margin-right:1rem !important}.me-4{margin-right:1.5rem !important}.me-5{margin-right:3rem !important}.me-auto{margin-right:auto !important}.mb-0{margin-bottom:0 !important}.mb-1{margin-bottom:0.25rem !important}.mb-2{margin-bottom:0.5rem !important}.mb-3{margin-bottom:1rem !important}.mb-4{margin-bottom:1.5rem !important}.mb-5{margin-bottom:3rem !important}.mb-auto{margin-bottom:auto !important}.ms-0{margin-left:0 !important}.ms-1{margin-left:0.25rem !important}.ms-2{margin-left:0.5rem !important}.ms-3{margin-left:1rem !important}.ms-4{margin-left:1.5rem !important}.ms-5{margin-left:3rem !important}.ms-auto{margin-left:auto !important}.p-0{padding:0 !important}.p-1{padding:0.25rem !important}.p-2{padding:0.5rem !important}.p-3{padding:1rem !important}.p-4{padding:1.5rem !important}.p-5{padding:3rem !important}.px-0{padding-right:0 !important;padding-left:0 !important}.px-1{padding-right:0.25rem !important;padding-left:0.25rem !important}.px-2{padding-right:0.5rem !important;padding-left:0.5rem !important}.px-3{padding-right:1rem !important;padding-left:1rem !important}.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-5{padding-right:3rem !important;padding-left:3rem !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.py-1{padding-top:0.25rem !important;padding-bottom:0.25rem !important}.py-2{padding-top:0.5rem !important;padding-bottom:0.5rem !important}.py-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-0{padding-top:0 !important}.pt-1{padding-top:0.25rem !important}.pt-2{padding-top:0.5rem !important}.pt-3{padding-top:1rem !important}.pt-4{padding-top:1.5rem !important}.pt-5{padding-top:3rem !important}.pe-0{padding-right:0 !important}.pe-1{padding-right:0.25rem !important}.pe-2{padding-right:0.5rem !important}.pe-3{padding-right:1rem !important}.pe-4{padding-right:1.5rem !important}.pe-5{padding-right:3rem !important}.pb-0{padding-bottom:0 !important}.pb-1{padding-bottom:0.25rem !important}.pb-2{padding-bottom:0.5rem !important}.pb-3{padding-bottom:1rem !important}.pb-4{padding-bottom:1.5rem !important}.pb-5{padding-bottom:3rem !important}.ps-0{padding-left:0 !important}.ps-1{padding-left:0.25rem !important}.ps-2{padding-left:0.5rem !important}.ps-3{padding-left:1rem !important}.ps-4{padding-left:1.5rem !important}.ps-5{padding-left:3rem !important}

/* Bootstrap-4 colors for better contrast ratios */
.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb
}

.alert-success hr {
	border-top-color: #b1dfbb
}

.alert-success .alert-link {
	color: #0b2e13
}

.alert-info {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb
}

.alert-info hr {
	border-top-color: #abdde5
}

.alert-info .alert-link {
	color: #062c33
}

.alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba
}

.alert-warning hr {
	border-top-color: #ffe8a1
}

.alert-warning .alert-link {
	color: #533f03
}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb
}

.alert-danger hr {
	border-top-color: #f1b0b7
}

.alert-danger .alert-link {
	color: #491217
}

.alert-light {
	color: #818182;
	background-color: #fefefe;
	border-color: #fdfdfe
}

.alert-light hr {
	border-top-color: #ececf6
}

.alert-light .alert-link {
	color: #686868
}

.alert-dark {
	color: #1b1e21;
	background-color: #d6d8d9;
	border-color: #c6c8ca
}

.alert-dark hr {
	border-top-color: #b9bbbe
}

.alert-dark .alert-link {
	color: #040505
}


.bg-danger {
	color: #fff !important;
	background-color: #dc3545 !important;
}

.bg-success {
	color: #fff !important;
	background-color: #28a745!important
}

.bg-warning {
	color: #343a40 !important;
	background-color: #ffc107 !important;
}

.bg-info {
	color: #fff !important;
	background-color: #17a2b8 !important;
}