////////////////////////////////////////////////////////////////////
//															      //
//		Shared Styles											  //
//																  //
////////////////////////////////////////////////////////////////////

// Sticky Footer
// -----------------------------------------------------------------
html, body { height: 100%; }
.wrapper {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
}
.block {
	display: table-row;
	height: 1px;
}
.push { height: auto; height: 100% !important;}
.push > .container-fluid {
	margin-top: $baseLineHeight * 1.2;
	margin-bottom: $baseLineHeight;
}
.container-fluid {max-width:1140px; margin: 0 auto;}

a:hover, a:active, a:focus { outline:none; text-decoration: none; color:$linkColorHover;}

select option {font-family: Arial, Helvetica}

@media all and (min-width: $navbarCollapseWidth + 1) {
	#nav-main {
		margin-top: -48px;
		float: right;
		> li {
			display: table-cell;
			padding: 0 20px;
			border-top:1px dotted rgba(255,255,255,0);
			border-bottom:1px dotted rgba(255,255,255,0);
			border-left:1px dotted rgba(255,255,255,0.5);
			border-right:1px dotted rgba(255,255,255,0.5);
			margin-right: -1px;
			@include transition(all linear 0.2s);
			&:first-child {
				border-left-color: transparent;
			}
			&:last-child {
				border-right-color: transparent;
				padding-right: 0;
				> a {
					padding-right: 0;
				}
			}
			> a {
				font-size: 18px;
				font-weight: 700;
				line-height: 24px;
				padding: 3px 0;
				color: #fff;
				text-shadow: none;
				text-align: center;
				position: relative;
				&::after {
					width: 100%;
					left: 0;
					height: 3px;
					bottom: 0;
					display: inline-block;
					position: absolute;
					background: $orange;
					content: "";
					opacity: 0;
					-webkit-transform: scaleX(0);
  					transform: scaleX(0);
					@include transition(.3s);
				}
				&:hover {
					color: #fff;
				}
			}
		}
		> li:hover, > li.open {
			> a {
				color: #fff !important;
				&::after {
					opacity: 1;
					-webkit-transform: scaleX(1);
  					transform: scaleX(1);
				}
			}
	    }
	    > li.active {
			> a {
				color: #fff;
				&::after {
					-webkit-transform: scaleX(1);
  					transform: scaleX(1);
					opacity: 1;
				}
			}
	    }
	}
}
#nav-main li.touch-device {display:none;}
.touch #nav-main li.touch-device {display:list-item}

//topLine
.topLine {
	.brand-email, .brand-tel {
		display: inline-block;
		height: 24px;
		color: white;
		font-size: 16px;
		line-height: 24px;
		font-weight: 300;
		padding: 0 0 0 15px;
		margin: 6px 0;
		@include transition(.3s);
		&:hover {
			color: $accent;
		}
	}
	.brand-email {
		border-left: 1px dotted rgba(255,255,255,0.5);
	}
	.brand-tel {
		font-weight: 700;
		padding-right: 15px;
	}
}

.logo {
	display: inline-block;
	top: -36px;
	position: relative;
	margin:0; 
	padding:0;
	margin-bottom: -36px;
	min-width: 280px;
	&__img {
		max-width: 105px;
		float: left;
		margin-right: 5px;
	}
	&__description {
		display: inline-block;
		color: white;
		font-size: 16px;
		font-style: italic;
		line-height: 18px;
		position: relative;
		top: 46px;
	}
}

// language-bar
.language-bar {
	position: absolute;
	right: 0;
	top: 120px;
	background: rgba(#002d65, 0.75);
	@include border-radius(5px 0 0 5px);
	width: 35px;
	padding: 8px 0;
	z-index: 99;
	li {
		width: 100%;
		text-align: center;
		line-height: 16px;
		margin-bottom: 10px;
		&:last-child { margin-bottom: 0;}
	}
}

// Footer
// -----------------------------------------------------------------
footer {
	vertical-align: bottom; // Sticky Footer
	font-size: 16px;
	background-color: #002d65;
	.container-fluid {padding-top: 25px; padding-bottom: 10px;}
	.copy {
		color: #fff;
		a {
			color: #fff;
			&:hover, &:active, &:focus { color: $accent !important; }
		}
	}
	a { color:#fff;
		&:hover, &:active, &:focus {color:$linkColor;}
	}
}

#bottom-navigation {
	color:#fff;
	a {display: inline-block; margin: 0 5px;}
}

// Brand
// -----------------------------------------------------------------
// .brand {
// 	margin:10px 0 10px 0;
// 	.name {
// 		font-weight: 700;
// 		color:lighten(#119ca4, 1%);
// 		font-size: 30px;
// 		letter-spacing:0.02em;
// 		.thin {
// 			font-weight: 400;
// 			color:#7f8a90;
// 		}
// 	}
// 	.tagline {
// 		color:lighten(#637072, 5%);
// 		font-size: 13px;
// 		letter-spacing:0.15em;
// 	}
// }

// Popup
// -----------------------------------------------------------------
.body_popup { min-width:780px}
.popup h1 { text-align:center;}
.treeview .popover {max-width: 380px; width: auto;}
#categories-tree .popover {max-width: 450px; width: auto;}

// Common Elements
// -----------------------------------------------------------------
.meta {color: $grayDarker}
.errors {
	clear: both;
	color:$red;
	list-style: none;
	padding:0;
	margin:0;
	font-size: 12px;
}

label.required {
	padding-left:7px;
	margin-left:-7px;
	background:url("../images/asterisk.png") no-repeat 0 5px;
}
.empty, .table td.empty {
	padding:10px 0;
	text-align:center;
	font-style:italic;
	list-style:none;
}
.description, .hint, .preferred_size {
	font-size: 11px;
	color:$gray;
	line-height: normal;
	margin: 3px 0;
}

input.zip { width:60px;}
.hidden {display:none !important;}
.clear {clear: both;}


#btn-print { margin: -5px 0 0 10px;}

.fa-calendar { margin-right: 3px;}