﻿* {
	box-sizing: border-box;
}
html, body, form {
	height: 100%;
}

/* TODO: Resovle Skin*/
.ftext {
	text-align: center;
}

#wrapper {
	display: grid;
	min-height: 100%;
	grid-template-columns: repeat(2, 1fr);
}

#main-content {
	grid-column: 1;
	background: #069 no-repeat center 0;
	background-size: cover;
}

#content {
	height: 100%;
	width: 100%;
	padding-top: 12%;
}

.frame {
	background: #fefefe;
	margin: 0 auto;
	width: 70%;
	min-width: 300px;
	box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.1);
}

.frame-pre-auth {
	background: #fefefe;
	margin: 0 auto;
	width: 30%;
	min-width: 300px;
	box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1024px) {
	.frame {
		min-width: 400px;
		width: 100%;
	}

	#content {
		padding-top: 5%;
	}
}

@media (max-width: 812px) {
	.frame {
		min-width: 300px;
		width: 90%;
	}

	#content {
		padding-top: 8%;
	}

	#main-content {
		grid-column: 1 / span 2;
	}
	#side-content {
		display: none;
	}
}

@media (max-width: 500px) {
	.frame {
		min-width: 300px;
		width: 100%;
	}

	#content {
		padding-top: 0;
	}
}

#Submit, #verify, #confirm, .btn-default.btn-block {
	width: 100%;
	border: none;
	font-weight: normal;
	background: #069;
	color: #fff;
	padding-top: 8px;
	padding-bottom: 8px;
}
.btn-default-primary {
	border: none;
	font-weight: normal;
	background: #069;
	color: #fff;
}
/*.form-group {
			box-sizing: border-box;
			padding: 1em;
		}*/
.TextBox {
	height: 20px;
}

label {
	font-weight: normal;
	color: #666;
	font-size: 10pt;
}

span.Label {
	font-size: 1.5em;
}

.form-content {
	margin: 2em;
}

#logo-container, .pt-f {
	padding: 1em;
}

#footer {
	color: #ffffff;
}

	#footer a {
		color: #ffffff;
	}

.form-control:focus {
	box-shadow: none;
	border: solid 1px #069;
}

.facility-list {
	padding-bottom: 20px;
}

	.facility-list a:link, .facility-list a:visited {
		color: var(--link, #069);
		text-decoration: none;
	}

	.facility-list .facility-list-item {
		display: block;
		padding: 7px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin-bottom: -1px;
	}

		.facility-list .facility-list-item:hover, .facility-list .facility-list-item:focus {
			background-color: #eee;
			outline: none;
		}

#facility-list-search {
	margin-bottom: .5em;
}

.instance-facility-list {
	padding-bottom: 20px;
}

	.instance-facility-list a:link, .instance-facility-list a:visited {
		color: #069;
		text-decoration: none;
	}

	.instance-facility-list .instance-facility-list-item {
		display: block;
		padding: 7px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin-bottom: -1px;
	}

		.instance-facility-list .instance-facility-list-item:hover, .instance-facility-list .instance-facility-list-item:focus {
			background-color: #eee;
			outline: none;
		}

#instance_facility_list_search {
	margin-bottom: .5em;
}


#side-content {
	grid-column: 2;
	min-height: 100%;
	border-left: solid 1px #fff;
}

#side-content iframe {
	width: 100%;
	min-height: 100%;
	border: 0;
}

input[type="checkbox"]#rememberMe {
	vertical-align: middle;
	margin: 0;
}
