/****************************
Header CSS
****************************/

/****************************
General CSS
****************************/

/****************************
Class CSS
****************************/

.btn-default{
	background-color: #00589D; 	/*Blue*/
	border-left: 1px solid #FFFFFF;
	//border-right: 1px solid #FFFFFF;
	color: #FFFFFF; 			/*White*/
	font-family: Arial;
	height: 35px;
	margin-right: 0px;
	margin-bottom: 4px;
	width: 100px;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover,  .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
	background-color: #FFFFFF;
	/*border-top: 0px;
	border-bottom: 0px;
	border-right: 1px solid #e6e6e6;*/
	color: #00589D;
}
.btn-default:hover, .btn-default:focus, .btn-default:visited .btn-default.active:hover, .btn-default:active:hover{
	/* border-right: 1px solid #e6e6e6; */
}
.dropdown-menu.header-dropdown{
	background-color: #00589D;
	min-width: 110px;
	overflow:auto;
}
span.earthcamNetButton{
	float: right;
	margin-top: -1px;
}
.flexGroup{
	display: flex;
	z-index: 5;
}
.header{
	height: 8px;
	background-color: #00589D;
}
/*.header.row{
	display: flex;
	justify-content: space-between;
}
.header, .header a, .header button, .header input{
	background-color: #00589D;
	color: #FFFFFF;
	font: normal normal 600 12px Verdana;
	overflow: visible;
	z-index: 1000;
}
.header a, .header button{
	margin: 0px;
}
.header button{
	margin-top: 1px;
}
.header form{
	width: 100%;
	margin: 0;
}
.header i{
	margin: 10px 5px;
}
.header i.noMarg{
	margin: 3px;
}
.header input{
	border: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-radius: 0px;
	display: inline-block;
	max-height: 32px;
	visibility: hidden;
	width: 0px;
	transition: width 0.4s;
}
.header input.open{
	visibility: visible;
	width: 70%;
	max-width: 200px;
	transition: width 0.4s;
}
.header input:focus{
	border: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-radius: 0px;
	box-shadow: none;
	display: inline-block;
	font-size: 12px;
	max-height: 32px;
	transition: width 1s;
}
.header span{
	display: flex;
	/* flex-direction: row; /
	/* justify-content: center; /
	/* align-items: center; /
	margin: 0px;
}
.header span.menuBars{
	display: inline;
	flex-grow: 0;
	width: 70px;
	padding: 0 20px;
}*/
.navbar {
	-webkit-transform: none;
}
.navbar, .navbar, .navbar-nav > li > a, .navbar-nav > li > a:hover, .underheader .navbar-nav > li > a:focus, .underheader navbar.navbar-collapse{
	background-color: #FFFFFF;
	border: 0px solid transparent;
	height: 69px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.navbar-nav > li > a:hover{
	color: #333;
}
.navbar-collapse {
	padding: 0;
	margin: 0px -15px;
    border-top: 10px;
}
.navbar-nav{
	margin: 0px;
}
.navbar-nav > li > a{
	color: #00589D;
	font-family: Verdana;
	font-weight: 500;
	padding: 25px 7px;
	z-index: 1000;
}
.navbar-nav > li > a.adjust{
	padding: 18px 15px;
}
.underheader{
	/* max-height: 70px; */
	border-bottom: 1px solid #c3c3c3;
	/* display: flex; */
	/* justify-content: space-between; */
}
.underheader.bannerAdjust.fixed-top { top: 24px; }
.form-control.search-bar{
	/* background-color: #FFFFFF; */
	/* color: #000000; */
	display: inline;
	margin-top: 2px;
	width: calc(100% - 106px);
}
@media (max-width: 660px){
	.form-control.search-bar{
		display: none;
		/* width: 300px; */
	}
	.search-bar.open{
		display: inline;
	}
	#searchbar2.open{
		width: 100%;
	}
    .form-control.search-bar{
        width: calc(100% - 86px);
    }
}
.search-bar::placeholder{
	color: #FFFFFF;
	opacity: 0.8;
}
.searchbox{
	float:right;
	margin-top: 15px;
	/* max-width: 275px; */
}
.sitelogoimg{
	width: 100%;
}
.ui-autocomplete{
	/* max-width: 200px; */
	background-color: #FFFFFF;
}
.ui-front{
	z-index: 10000 !important;
}
.ui-menu-item{
	/* padding-left: 7px; */
	z-index: 1001;
}
.ui-menu-item-wrapper, .ui-menu-item-wrapper:hover, .ui-widget-content .ui-state-active{
	/* font: normal normal 600 12px Verdana; */
	z-index: 1002;
	text-align: left;
}
.underheader{
	background-color: #FFFFFF;
	color: #00589D;
	height: 80px;
}
.underheader.fixed-top{
	background: #FFFFFF;
	z-index: 4000;
	height: 80px;
	position: fixed;
	top: 0;
	visibility: visible;
	opacity: 0.9;
}
#submitSearchLarge{
	margin-right: 1px;
}
/* Hides scrollable nav on very small screens */
@media (max-width: 767px){
	#submitSearchSmall{
		width: 40px !important;
	}
	span.searchText{
		display: none;
	}
	.underheader.fixed-top{
		visibility: hidden;
		opacity: 0;
	}
}
.underheader.hidden{
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.3s linear, opacity 0.3s linear;
}
.underheader button{
	/* z-index: 1050; */
}

/****************************
ID CSS
****************************/

#earthcamButton{
	border-left: 1px solid #c3c3c3;
}
#header-toggle{
	margin: 15px;
	margin-right: 15px;
	font-size: 1.5em;
}
/*#leftSide{
	display: flex;
	width: 100%;
}*/
#leftHeaderSide{
	display: flex;
}
@media (max-width: 660px){
	#leftHeaderSide.close{
		display:none;
	}
}
#navbar-toggle{
	margin-top:15px;
}
#searchbar2{
	display: none;
}
#searchBarSubmission{
	display: flex;
	justify-content:flex-end;
}
.searchClick{
	/* padding-right: 4px; */
	cursor: pointer;
}
#siteLogo{
	margin: auto 0px;
	position: relative;
	text-align: left;
	width: 100%;
	z-index: 5;
}
#siteLogo > a > img, #siteLogo > img{
	height: auto;
	/* width: 100%; */
	max-width: 303px;
	min-width: 146px;
}
#topNav{
	margin-top: 6px;
}
/*IE 10+ specific tweaks*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #sitelogo > a > img , #siteLogo > img{
		height: 60px !important;
		/*height: 56.25%;*/
	}

	/*.sitelogoimg { height: 40px !important; }*/
}

/*Edge specific tweaks*/
@supports (-ms-ime-align:auto) {
    #sitelogo > a > img, #siteLogo > img {
		height: 40px;
	}
}

/****************************
Sidebar CSS
****************************/

/****************************
Class CSS
****************************/

#side-content-wrapper span.socialIcons{
	/* justify-content:center; */
	color: #444444;
	max-width: 300px;
	z-index: 0;
}
span.socialIcons > div{
	padding-left: 20px;
}
.sidebar-nav{
	position: absolute;
	top: 0;
	width: 200px;
	padding-left: 0px;
	padding-top: 5px;
	list-style: none;
	font-family: Verdana;
    font-size: 14px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
.sidebar-nav > li{
	position: relative;
	display: block;
	height: 25px;
	overflow: hidden;
	padding-left: 20px;
}
/*.sidebar-nav > li:visited, .sidebar-nav > li:hover, .sidebar-nav > li:active{
	background-color: rgba(100, 100, 100, 0.2);
}*/
.sidebar-nav > li.brand{
	position: relative;
	display: block;
	height: 30px;
}
/*.sidebar-nav > li > a, .sidebar-nav > li > a:visited, .sidebar-nav > li > a:hover, .sidebar-nav > li > a:active, */
.sidebar-nav a, .sidebar-nav a:visited, .sidebar-nav a:hover, .sidebar-nav a:active{
	color: #444444;
	font: 14px Arial, sans-sarif;
	text-decoration: none !important;
}
.sidebar-nav a:visited, .sidebar-nav a:hover, .sidebar-nav a:active{
	background-color: rgba(100, 100, 100, 0.2);
}
.sidebar-nav a:visited:not(.icon), .sidebar-nav a:hover:not(.icon), .sidebar-nav a:active:not(.icon){
	box-shadow: 0 0 0 1000px rgba(100, 100, 100, 0.2);
}
.sidebar-nav > li > a.selected{
	color: #1d63a2;
	font-weight: bold;
}
.sidebar-toggle{
	padding: 5px;
	cursor: pointer;
}
.social-text-adjust{
	margin-top: 10px;
	cursor: default;
	top: 0%;
}
/* @media (min-width: 1501px){ */
@media (min-width: 1501px){
	.mainContainer{
		transition: all 0.2s;
		/* padding-left: 0px; */
		left: 0px;
	}
	.mainContainer.toggled{
		/*padding-left: 200px;*/
		left: 100px;
	}
	/*.mainContainer.toggled > .container-fluid{
		width: calc(100%);
	}*/
	#footer-container{
		transition: all 0.2s;
		padding-left: 0px;
	}
	#footer-container.toggled{
		padding-left: 200px;
	}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.social-text-adjust{
		margin-top: 70px;
	}
}

/****************************
ID CSS
****************************/

#scrim{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 150%;
	visibility: visible;
	background: #000000;
	transition: z-index 200ms step-end, opacity 200ms linear;
	transform: rotateZ(360deg);
	opacity: 0;
}
#sidebar-wrapper{
	background: #fafafa;
	border-right: 1px solid #e4e4e4;
	position: absolute;
	top: 0px;
	left: 0;
	bottom: 0;
	width: 200px;
	height: 150%;
	margin: 0px;
	padding: 0;
	transition: z-index 200ms step-start, transform 200ms;
	transform: translate3d(-100%, 0, 0);

	/* overflow-y: scroll; */
}
#side-content-wrapper{
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 80px;
	right: 0;
	height: calc(100% - 6px);
	visibility: visible;
	color: #444444;
	text-align: left;
	transition: z-index 200ms step-end;
	opacity: 1;
}
#side-content-wrapper.bannerAdjust{
	margin-top: 110px;
}
#side-content-wrapper.fixed-top{
	margin-top: 80px;
	position: fixed;
}
#side-content-wrapper.fixed-top.bannerAdjust{
	margin-top: 104px;
}
.mainContainer.fixed-top{
    margin-top: 80px;
}
#side-content-wrapper.toggled{
	z-index: 5000;
	transition: z-index 200ms step-start;
}
#side-content-wrapper > *, #side-content-wrapper > * > *, #side-content-wrapper > * > * > *{
	z-index: -1;
}
#side-content-wrapper.toggled > #scrim{
	z-index: 5001;
	transition: z-index 200ms step-start, opacity 200ms linear;
	opacity: 0.3;
}
#side-content-wrapper.toggled > #sidebar-wrapper{
	z-index: 7500;
	background: #fafafa;
	top: 0px;
	margin: 0;
	transition: z-index 200ms step-start, transform 200ms;
	transform: translate3d(0%, 0, 0);
}
@media (max-width: 767px){
	#side-content-wrapper.fixed-top{
		margin-top: 0px;
		height:100%;
	}
}
/* Used to be 930px for switch to overlay-sidebar */
@media (min-width: 1501px){
	#scrim{
		visibility: hidden;
	}
	#side-content-wrapper{
		width: 0px;
		transition: width 0.2s;
		margin-left: 0px;
		overflow: hidden;
		transition: width 0.2s, opacity 0.15s step-end;
		opacity: 0;
		transform: translate3d(0, 0, 0);
	}
	#side-content-wrapper.toggled{
		width: 200px;
		transition: width 0.2s, opacity step-end;
		opacity: 1;
		margin-left: 0px;
	}
	#sidebar-wrapper{
		width: 0px;
		transition: width 0.2s;
		transform: translate3d(0, 0, 0);
	}
	#side-content-wrapper.toggled > #sidebar-wrapper{
		width: 200px;
		transition: width 0.2s;
		transform: translate3d(0%, 0, 0);
	}
	#sidebar-nav{
		width: 0px;
	}
	#side-content-wrapper.toggled > * > #sidebar-nav{
		width: 200px;
		transition: width 0.2s;
		transform: translate3d(0%, 0, 0);
	}
}

/*******************************
Collapsible toolbar CSS
*******************************/

@media (max-width: 1201px) {
    .navbar-header {
        float: none;
		/* display: none; */
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: inline;
    }
    .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: 9px;
    }
    .navbar-nav>li {
		text-align: left;
        float: none;
    }
	.navbar-nav > li > a, .navbar-nav > li > a:hover, .underheader .navbar-nav > li > a:focus{
		border-bottom: 1px solid #c3c3c3;
	}
	.navbar-nav > li > a.top, .navbar-nav > li > a.top:focus{
		border-top: 1px solid #c3c3c3;
	}
	.collapse.in{
        display:block !important;
    }
	#searchbar{
		display: none;
	}
	#searchbar2{
		display: inline;
		float: left;
	}
	#earthcamButton{
		border-left: none;
	}
}
}