/* Global */
body {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	background-color: #F4F4F2;
}

body.scrollspy {
	position: relative;	/* required by bootstrap scrollspy */
}

hr:not(.hr-default) {
	border: none;
	height: 1px;
	background-color: #D8D8D6;
	border-bottom: 1px solid #FEFEFC;
}

h1, .page-title {
	font-size: 28px;
	font-weight: 300;
	color: #666666;
	letter-spacing: -1px;
	margin: 25px 0;
	text-transform: uppercase;
}

h3 {
	color: #666666;
}



/* Header */
.headerWrapper-top, .footerWrapper {
	background-color: #003869;
	color: #C7D3DE;
}

.headerWrapper-top {
	padding: 5px 0;
}

#header-search {
	background-color: #336087;
	color: #8FA9A1;
	border-color: #517899;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#btn-header-search {
	padding: 2px 8px;
}

#btn-header-search, #btn-header-search:hover {
	background-color: transparent;
	color: #C7D3DE;
	border: none;
}

.headerWrapper {
	background-color: #007CB7;
	color: #FFFFFF;
	height: 120px;
	border-top: 1px solid #00A2ED;
	border-bottom: 1px solid #09315F;
	padding-top: 18px;
}

#headerIcons > a {
	display: inline-block;
	color: #C7D3DE;
	font-size: 13px;
	margin-left: 20px;
}

#headerIcons > a:hover {
	color: #FFFFFF;
}

#headerIcons i {
	font-size: 16px;
	margin-right: 4px;
	color: #C7D3DE;
	cursor: pointer;
}

.logoWrapper {
	height: 80px;
	background: transparent url(/resources/images/oor_logo_dark.png) left center no-repeat;
}

.logoWrapper > a:link, .logoWrapper > a:visited, .logoWrapper > a:active {
	color: #FFFFFF;
	text-decoration: none;
	outline: none;
}

#logo-print {
	display: none;
}

#header-title {
	font-family: "Arial Black", "Arial Bold", sans-serif !important;
	font-size: 2.8em;
	font-weight: bold;
	line-height: 40px;
	padding-top: 8px;
}

#header-title, #header-subtitle {
	margin-left: 50px;

	-webkit-text-shadow: 5px 3px 3px rgba(0, 0, 0, 0.5);
	-moz-text-shadow: 5px 3px 3px rgba(0, 0, 0, 0.5);
	text-shadow: 5px 3px 3px rgba(0, 0, 0, 0.5);
}



/* Main Navbar */
#navbar-main {
	height: 40px;
	margin: 20px 0 0 0;
	background-color: transparent;
	border-color: transparent;
}

#navbar-menu > ul {
	float: right;
}

#navbar-main ul.nav > li:hover, #navbar-main ul.nav > li.dropdown.open > a, #navbar-main .dropdown-menu {
	background-color: #00305A;
}

#navbar-main ul.nav > li > a {
	padding-bottom: 10px;
	padding-top: 10px;

	border-left: 1px solid rgba(255, 255, 255, 0.15);
}

#navbar-main ul.nav > li:first-of-type > a {
	border-left: none;
}

#navbar-main ul.nav > li > a:hover, #navbar-main ul.nav > li.dropdown.open > a {
	border-left-color: #00305A;
}

#navbar-main .dropdown-toggle, #nav-sunshine {
	font-size: 13px;
	font-weight: 600;
	color: #FFFFFF;
	text-transform: uppercase;
}

#navbar-main .dropdown-toggle > i {
	margin-left: 10px;
}

#navbar-main .dropdown-menu {
	padding: 6px;
	border: none;
	border-top-right-radius: 4px;
}

#navbar-main .dropdown-menu > li {
	padding: 2px 0;
}

#navbar-main .dropdown-menu > li > a {
	font-size: 13px;
	padding: 5px 15px;
	border-radius: 2px;
}

#navbar-main .dropdown-menu > li > a:hover {
	background-color: #2B5689;
}

#navbar-main ul.nav > li > a, #navbar-main .dropdown-menu > li > a {
	color: #FFFFFF !important;
}



/* Breadcrumbs */
#breadcrumb-bar {
	padding-left: 0;
	padding-right: 0;
	margin-top: -20px;
}

#breadcrumb-bar .breadcrumb {
	background-color: #E2E2E2;
	margin-bottom: 0;
	border-radius: 0;
}

#breadcrumb-bar .breadcrumb > li + li::before {
	color: #A5A5A5;
}



/* Footer */
.footerWrapper {
	font-size: 13px;
	padding: 30px;
	border-top: 20px solid #007CB7;
}

#footer {
	text-align: center;
	color: #FFF;
}

#footer > .footer-links {
	/* color: #C7D3DE; */
	background-color: #007CB7;
	border-radius: 4px;
	display: inline-block;
	padding: 8px 24px;
	font-size: 12px;
}

#footer > .footer-links > a {
	color: #C7D3DE;
}



/* Misc */
.margin-top-0, .mt0 {
	margin-top: 0 !important;
}

.margin-top-10, .mt10 {
	margin-top: 10px !important;
}

.margin-top-20, .mt20 {
	margin-top: 20px !important;
}

.margin-top-40, .mt40 {
	margin-top: 40px !important;
}

.margin-bottom-0, .mb0 {
	margin-bottom: 0 !important;
}

.margin-bottom-10, .mb10 {
	margin-bottom: 10px !important;
}

.margin-bottom-20, .mb20 {
	margin-bottom: 20px !important;
}

.margin-bottom-40, .mb40 {
	margin-bottom: 40px !important;
}

.margin-left-60 {
	margin-left: 60px !important;
}

.cal-icon {
	width: 24px;
	height: auto;
	margin-right: 10px;
}

.doctype {
	margin-left: 5px;
	margin-right: 5px;
}

.doctype.fa-file-pdf-o {
	color: #FF0000;
}

.doctype.fa-file-code-o {
	color: #337ab7;
}

a.link-nostyle:link, a.link-nostyle:visited, a.link-nostyle:active {
	text-decoration: none;
}

.disclaimer {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}

.pageMessage > i {
	margin-right: 10px;
}

.table-sm th, .table-sm td {
	font-size: 12px;
}

.table-noresults {
	text-align: center;
}



/**********/
/* Slider */
/**********/
.sliderWrapper {
	background: #003869 url(/resources/images/overlay-abstract.png) no-repeat;
	background-size: 100%;
	color: #C7D3DE;
	padding: 30px 0;
}

.slide {
	display: none;
}

.slide:first-of-type {
	display: block;
}

.slide h2 {
	color: #FFFFFF;
	margin-top: 0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.slide .slide-img img {
	max-width: 555px;
}

.cycle-pager {
	margin-top: 20px;
	text-align: center;
}

.slidePager {
	display: inline-block;
	background-color: #D7D8D6;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	margin: 0 6px;
	cursor: pointer;
	box-shadow: inset 1px 1px 2px #5A5A5A;
}

.slidePager.cycle-pager-active {
	background-color: #A9AAA8;
}



/************/
/* imagebox */
/************/
.imagebox {
	/*max-width: 360px;*/
	background-color: #FFFFFF;
	border: 1px solid #E3E3E1;
	border-radius: 6px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}

.imagebox:hover {
	margin-top: -5px;
}

.imagebox-img {
	height: 150px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;

	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.imagebox-img img {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.imagebox-details {
	position: relative;
	padding: 50px 30px;
	min-height: 180px;
}

.imagebox-details > p:last-of-type {
	margin-bottom: 0;
}

.imagebox-icon {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	text-align: center;
	border-radius: 50%;
}

.imagebox-icon > i {
	color: #FFFFFF;
	/*font-size: 18px;*/
	line-height: 64px;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.15);
}

.imagebox-title {
	font-weight: 300;
	margin-top: 0;
}

.imagebox-link {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.imagebox-link:focus {
	outline: none;
}



/************/
/* staffbox */
/************/
/*
.staffbox {
	background-color: #FFFFFF;
	border: 1px solid #E3E3E1;
	margin: 15px 0;
	padding: 20px 30px;
	border-radius: 6px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.staffbox-img img {
	display: block;
	width: 128px;
	height: 128px;
	margin: 0 auto;
	border-radius: 50%;
}

.staffbox-details > p:last-of-type {
	margin-bottom: 0;
}

.staffbox-details label {
	display: block;
	font-size: .75em;
	margin: 0;
	text-transform: uppercase;
}

.staffbox-name {
	font-weight: bold;
}

.staffbox-title {
	font-weight: 300;
	color: #666666;
}

.staffbox-social > i {
	margin-right: 10px;
	cursor: pointer;
}

.staffbox-social > i:last-of-type {
	margin-right: 0;
}

.staffbox-name, .staffbox-title, .staffbox-social {
	text-align: center;
	font-size: 16px;
}
*/


/**************/
/* Info Panel */
/**************/
#info-panel {
	height: 350px;
	border-radius: 6px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.09);
	overflow: hidden;
}

#info-panel .panel-body {
	height: 100%;
	padding: 0 !important;
	background-color: #FFFFFF;
}

#info-panel .nav-stacked {
	height: 100%;
	padding-right: 0;
	background-color: #F6F6F6;
}

#info-panel .nav-stacked:after {
	bottom: 0;
	box-shadow: -3px 0 5px -4px rgba(0, 0, 0, 0.3) inset;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 5px;
}

#info-panel .nav-stacked > li {
	border-bottom: 1px solid #E1E1E1;
	margin-top: 0;
}

#info-panel .nav > li > a {
	color: #666666;
	padding: 18px 18px 18px 54px;
	border-radius: 0;
	font-weight: 600;
}

#info-panel .nav > li > a:active, #info-panel .nav > li > a:focus {
	outline: none;
}

#info-panel .nav > li > a:hover {
	background-color: #EEEEEE;
	color: #333333;
}

#info-panel .nav > li.active > a {
	color: #009999;
	background-color: #FFFFFF;
}

#info-panel .nav > li.active:after {
	background: rgba(0, 0, 0, 0) url("/resources/images/tab-active.png") no-repeat scroll 0 0;
	content: "";
	display: block;
	height: 34px;
	margin-top: -17px;
	position: absolute;
	right: 0;
	top: 50%;
	width: 18px;
	z-index: 9;
}

#info-panel .nav > li > a > i {
	position: absolute;
	margin-left: -34px;
	line-height: 20px;
}

#info-panel .tab-content {
	height: 100%;
	padding: 0;
	background-color: #FFFFFF;
	overflow: auto !important;
}

#info-panel .tab-content > .tab-pane {
	padding: 20px;
}

#info-panel table {
	margin-bottom: 0;
}

#info-panel table td {
	padding: 8px 4px;
}

.cal-select {
	z-index: 9999;
}



/***************/
/* Page Navbar */
/***************/
.navbar-page {
	font-size: 12px;
}

.navbar-page .panel-title {
	text-transform: uppercase;
}

.navbar-page .panel-title i {
	font-weight: normal;
	font-size: 18px;
	cursor: pointer;
}

.navbar-page .panel-body {
	padding: 6px;
}

.navbar-page .panel-body ul > li > a {
	border-left: 2px solid #FFFFFF;
	padding: 8px 10px 8px 8px;
}

.navbar-page .panel-body ul > li.active > a {
	border-left: 2px solid #563D7C;
	font-weight: bold;
}

.navbar-page.affix {
	position: fixed;
	top: 20px;
	width: 263px;
}



/***********/
/* Sidebar */
/***********/
.sidebar .panel .panel-title {
	text-transform: uppercase;
}



/*************/
/* Accordion */
/*************/
.accordion .panel-heading {
	padding: 0;
}

.accordion .panel-heading a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	/*color: #333333;*/
}

.accordion .panel-heading a:active, .accordion .panel-heading a:focus {
	outline: none;
}



/***********************/
/* Bootstrap Overrides */
/***********************/
label {
	font-weight: normal;
}

.input-group-xs > .form-control, .input-group-xs > .input-group-addon, .input-group-xs > .input-group-btn > .btn {
	font-size: 13px;
	height: 24px;
	padding: 2px 4px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.form-actions {
	margin: 30px -15px 0 -15px !important;
}

.table.table-clean td {
	border-top-width: 0px !important;
}

.panel {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.help-block {
	margin: 0;
	font-style: italic;
}

.caret {
	margin-left: 5px !important;
}

.bootstrap-dialog-title > i {
	margin-right: 10px;
}

.btn > i.fa, .btn > i.glyphicon {
	margin-right: 5px;
}



/*********************/
/* Select2 Overrides */
/*********************/
.select2 {
	width: 100% !important;
}

.select2-container .select2-selection--single {
	border: 1px solid #ccc !important;
	border-radius: 4px !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
	height: 34px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	font-size: 14px;
	color: #555 !important;
	line-height: 1.42857 !important;
	padding: 6px 20px 6px 12px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 32px !important;
}



/***********************/
/* DataTable Overrides */
/***********************/
.datatable-info {
	display: inline;
	font-weight: 600;
}

.dataTables_wrapper .panel {
	margin: 5px 0;
}



/**************/
/* Responsive */
/**************/

/*** START - set nav collapse breakpoint to sm ***/
@media (max-width: 991px) {
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}


	.navbar-toggle .icon-bar {
		background-color: #DDD !important;
	}

	.navbar-toggle:focus, .navbar-toggle:hover {
		background-color: #00305A !important;
	}

	#navbar-menu {
		background-color: #007CB7;
		border-top: none;
		position: relative;
		z-index: 99999;
	}

	#navbar-menu > ul {
		float: none;
	}

	#navbar-main ul.nav > li > a {
		border-left: none;
	}

	#navbar-main .dropdown-menu > li > a {
		padding-left: 25px;
	}

	#navbar-menu .dropdown-menu {
		border-radius: 0;
	}
}
/*** END - set nav collapse breakpoint to sm ***/

/* xs */
@media (max-width: 767px) {
	.headerIcon-label {
		display: none;
	}

	#headerIcons > a {
		margin-left: 10px;
	}

	.slide .slide-img > div {
		margin-top: 20px;
	}

	.slide .slide-img img {
		width: 100%;
	}

	.imagebox-container {
		margin-top: 20px;
	}

	.imagebox-container:first-of-type {
		margin-top: 0;
	}

	.info-panel-label {
		display: none;
	}

	#info-panel > .panel-body > ul > li > a {
		min-height: 56px;
	}
}

/* sm */
@media (min-width: 768px) {
	.navbar-page.affix.nav-cols-2 {
		width: 95px;
	}

	/* not working for some reason */
	#header-print {
		display: none;
	}

	.slide .slide-img > div {
		margin-top: 20px;
	}
}


/* md */
@media (min-width: 992px) {
	.navbar-page.affix {
		width: 213px;
	}

	.navbar-page.affix.nav-cols-2 {
		width: 132px;
	}

	.slide .slide-img > div {
		margin-top: 0;
	}

	.slide .slide-img img {
		max-width: 455px;
	}

	.imagebox-container:nth-of-type(2) .imagebox-text {
		display: inline-block;
		height: 59px;
	}
}

/* lg */
@media (min-width: 1200px) {
	.navbar-page.affix {
		width: 263px;
	}

	.navbar-page.affix.nav-cols-2 {
		width: 165px;
	}

	.slide .slide-img img {
		max-width: 555px;
	}

	.imagebox-container:nth-of-type(2) .imagebox-text {
		display: inline;
		height: auto;
	}
}



/*********/
/* Print */
/*********/
@media print {
	.contentWrapper hr, .slide-img, #info-panel ul.nav > li:not(.active) {
		display: none;
	}

	.headerWrapper {
		border: none;
	}

	#header-bar > div:first-of-type {
		width: 100%;
	}

	#logo-print {
		display: block;
		float: left;
		margin-right: 20px;
	}

	.contentWrapper.margin-top-20 {
		margin-top: 0 !important;
	}

	.cycle-slideshow.slider, .cycle-slide-active {
		position: static !important;
		height: auto !important;
		visibility: hidden !important;
	}

	.slide-text {
		width: 100%;
		display: block;
		float: none !important;
		visibility: visible;
	}

	.slide-img > div {
		float: none !important;
	}

	.imagebox-container {
		width: 100%;
		margin-bottom: 30px;
	}

	.imagebox-container:last-of-type {
		margin-bottom: 10px;
	}

	.imagebox {
		border: none;
	}

	.imagebox-details {
		min-height: auto;
		padding: 0;
	}

	.imagebox-icon {
		position: static;
		display: inline-block;
		margin: 2px 10px 0 0;
		width: auto;
		height: auto;
		vertical-align: top;
	}

	.imagebox-icon > i {
		line-height: normal;
	}

	.imagebox-title {
		display: inline-block;
	}

	#info-panel {
		height: auto;
	}

	#info-panel ul.nav {
		width: 100%;
		height: auto;
	}

	#info-panel .tab-content {
		width: 100%;
	}

/*	#info-panel #tab-c > table > thead > tr > th:first-of-type, #info-panel #tab-c > table > tbody > tr > td:first-of-type {
		display: none;
	}*/

	.accordion .collapse {
		display: block !important;
	}

	a[href]:after {
		content: none !important;
	}
}




/* bootstrap nav menu animation */
/*
.open > .dropdown-menu {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.dropdown-menu {
	display: block;
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.dropup .dropdown-menu {
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
}
*/