/**TOFE - 2018**/ /**Testing CSS under Bootstrap 4**/
body,html {
	width: 100%;
	height: 100%;
}

body {
	font-family: 'Open Sans', 'Merriweather', 'Helvetica Neue', Arial,
		sans-serif;
	font-size: 16px;
}

hr {
	width: 100px;
	border-width: 3px;
	border-color: #065f94;
}

hr.light {
	border-color: #fafafa;
}

.hr-w {
	border-color: #065f94;
	width: 75% !important;
	padding-bottom: 10px;
}

.hr-r {
	border-color: #065f94;
	width: 50% !important;
	padding-bottom: 10px;
	border-width: 2px;
}

label {
	font-weight: bold;
}

.img-responsive {
	width:75%;
	height:75%;
}

a {
	color: #008080;
}

a:hover {
	color: grey;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

h4 {
	color: #100000;
	font-weight: 600;
}

h4.light {
	color: #fafafa;
	font-weight: 600;
}

input-display {
	background-color: lightcyan !important;
	min-height: 2.4em;
}

left {
	position: relative;
	margin: 5px;
	display: inline-block;
}

.bg-primary {
	background-color: #100000 !important;
}

.bg-top {
	margin-top: 100px;
	color: #fafafa;
	background-color: #600000 !important;;
}

.text-faded {
	color: rgba(255, 255, 255, 0.7);
}

.bg-light {
	background-color: #fafafa !important;
	color: #100000;
}

.bg-dark {
	background-color: #200000 !important;
	color: #fafafa;
}

.bg-blue {
	color: #065f94;
}

.section-heading {
	margin-top: 0;
}

img :selection {
	color: #fafafa;
	background: transparent;
}

* * /
.padd {
	padding: 50px
}

.pad {
	padding-top: 50px
}

.padt {
	padding-top: 100px;
}

.padb {
	padding-bottom: 70px;
}

.serv-box {
	max-width: 400px;
}

.text-bold {
	font-weight: bold;
}

.text-right {
	text-align: right;
}

.fld-date {
	width: 50%;
	min-width: 175px;
	max-width: 200px;
	display: inline !important;
}

.fld-time {
	width: 35%;
	min-width: 135px;
	max-width: 150px;
	display: inline !important;
	margin-left: 5px;
}

.errorResp {
	background-color: #bc1e1e !important;
	color: white;
}

.form-control {
	min-height:34px;
}

.form-control:disabled,.form-control[readonly], .read-only {
	background-color: lightcyan !important;
}

/** .form-control > input:text {
	min-height: 2.4em;
} **/ /**Content**/

.embedded-view-title {
	padding-top:15px;
	font-weight:bold;
	font-size:1.15em;
}

header {
	min-height: 75px;
}

main {
	padding-top:20px;
	padding-bottom:50px;
	color: black;
}

/**Footer**/
footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	min-height: 30px !important; /* Height of the footer */
	background-color: #065f94;
	overflow: hidden;
	/** z-index: 3; **/
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
}

/**XSP Adjustments**/
.xspInputFieldEditBox {
	display: block !important;
	width: 100%;
	padding: .375rem .75rem !important;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057 !important;
	background-color: #fff !important;
	background-image: none !important;
	background-clip: padding-box !important;
	border: 1px solid #ced4da !important;
	border-radius: .25rem !important;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
		!important;
	height: 38px !important;
}

.xspInputFieldDateTimePickerIcon {
	height: 24px !important;
}

/**Navigation**/
.navbar {
	padding-left: unset;
	padding-right: unset;
}

#nav {
	background-color: white;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

#nav .navbar-brand {
	font-weight: 700;
	text-transform: uppercase;
	color: #065f94;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

#nav .navbar-brand:focus,#nav .navbar-brand:hover {
	color: #065f94;
}

#nav .navbar-nav>li.nav-item>a.nav-link,#nav .navbar-nav>li.nav-item>a.nav-link:focus
	{
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #065f94;
}

#nav .navbar-nav>li.nav-item>a.nav-link:hover,#nav .navbar-nav>li.nav-item>a.nav-link:focus
	:hover {
	color: #008080;
}

#nav .navbar-nav>li.nav-item>a.nav-link.active,#nav .navbar-nav>li.nav-item>a.nav-link:focus
	.active {
	color: white !important;
	background-color: rgba(250, 250, 250, 0.75);
}

#nav .navbar-nav>li.nav-item>a.nav-link.active:hover,#nav .navbar-nav>li.nav-item>a.nav-link:focus
	.active:hover {
	background-color: rgba(250, 250, 250, 0.75);
}

@media ( min-width : 992px) {
	#nav {
		border-color: white;
		background-color: white;
	}
	#nav .navbar-brand {
		color: #065f94;
	}
	#nav .navbar-brand:focus,#nav .navbar-brand:hover {
		color: #065f94;
	}
	#nav .navbar-nav>li.nav-item>a.nav-link {
		padding: 0.5rem 1rem;
	}
	#nav .navbar-nav>li.nav-item>a.nav-link,#nav .navbar-nav>li.nav-item>a.nav-link:focus
		{
		color: #065f94;
	}
	#nav .navbar-nav>li.nav-item>a.nav-link:hover,#nav .navbar-nav>li.nav-item>a.nav-link:focus
		:hover {
		color: #065f94;
	}
	#nav.navbar-shrink {
		border-bottom: 1px solid rgba(33, 37, 41, 0.1);
		background-color: white;
	}
	#nav.navbar-shrink .navbar-brand {
		color: #065f94;
	}
	#nav.navbar-shrink .navbar-brand:focus,#nav.navbar-shrink .navbar-brand:hover
		{
		color: #065f94;
	}
	#nav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#nav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus
		{
		color: #065f94;
	}
	#nav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover,#nav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus
		:hover {
		color: #065f94;
	}
}

/**Parallax**/
.parallax {
	background-image: url("/website.nsf/red.png");
	min-height: 400px !important;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media only screen and (max-device-width: 1024px) {
	.parallax {
		background-attachment: scroll;
	}
}

.parallaxm {
	background-image: url("/website.nsf/map.jpg");
	min-height: 300px !important;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media only screen and (max-device-width: 1024px) {
	.parallaxm {
		background-attachment: scroll;
	}
}

@media only screen and ( max-device-width:450px) {
	main {
		padding-top: unset;
	}

	header {
		font-size:0.85em;
		min-height:70px;
	}
	
	.navbar-brand {
		max-width:95px;
	}
}

@media print {
	@page {
		size: letter;
		margin: 0.5cm;
	}
	body,html { /** font-size: 0.75em !important; **/
		float: unset;
	}
	main {
		border: 1px !important;
		border-color: black;
		min-width: 1024px;
		min-height: 100%;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		position: abolsute;
		top: 0px;
		margin-top: 0px;
		padding: 0px;
	}
	content {
		padding-top: 0px;
	}
	#nav,nav,footer {
		display: none !important;
	}
	.container {
		min-width: 1000px !important;
		width: 100% !important;
		float: left !important;
	}
	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12
		{
		float: left;
	}
	.col-md-12 {
		width: 100%;
	}
	.col-md-11 {
		width: 91.66666667%;
	}
	.col-md-10 {
		width: 83.33333333%;
	}
	.col-md-9 {
		width: 75%;
	}
	.col-md-8 {
		width: 66.66666667%;
	}
	.col-md-7 {
		width: 58.33333333%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-5 {
		width: 41.66666667%;
	}
	.col-md-4 {
		width: 33.33333333%;
	}
	.col-md-3 {
		width: 25%;
	}
	.col-md-2 {
		width: 16.66666667%;
	}
	.col-md-1 {
		width: 8.33333333%;
	}
}