@charset "UTF-8";

input:invalid:not(:placeholder-shown){border-color:red;}
input:valid:not(:placeholder-shown){border-color:green;}

body {
	font-family: Trebuchet MS, "Helvetica Neue", Helvetica, Arial,
		sans-serif;
	font-size: 14px;
	color: #333;
	background-color: #fff;
}

.fa-li {
    left: -2em;
	position: static;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px solid #d8d8d8;
}

.btn-success {
	width: 100%;
	margin-top: 10px;
	height: 60px;
}

.btn-default-app {
	width: 100%;
	background-color: #629ee4;
	border-color: #629ee4;
	color: #fff;
}

.btn-get-pdf {
	background-color: #ff7979;
	border-color: #ff7979;
	color: #fff;
	width: 100%;
}

/* Set height of the grid so .sidenav can be 100% (adjust if needed) */
.row.content {
	min-height: 760px;
}

/* Set gray background color and 100% height */
.sidenav {
	background-color: #f1f1f1;
	height: 100%;
}

/* Set black background color, white text and some padding */
footer {
	background-color: #555;
	color: white;
	padding: 15px;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
	.sidenav {
		height: auto;
		padding: 15px;
	}
	.row.content {
		height: auto;
	}
}

.input-group {
	display: inline;
}

#mapid {
	height: 450px;
	margin-top: 15px;
}

#links {
	margin-top: 15px;
	margin-bottom: 15px;
}

#bgi {
	width: 100%;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 20px;
}

#bgi img {
	align-content:center;
	align-items:center;
	max-width: 535px;
	width: 100%;
	margin: auto;
}

#mainresult{
	font-weight: bold;
	color: red;
}

#bgi-mainresult{
	font-weight: bold;
	color: blue;
}

#report{
	font-weight: bold;
	padding-left: 10px;
	color: blue;
}