////////////////////////////////////////////////////////////////////
//															      //
//		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;}
.push > .container, .push > .container-fluid {
	margin-top: $baseLineHeight * 1.2;
	margin-bottom: $baseLineHeight;
}

.content {padding-bottom: 20px;}
a:hover, a:active { outline:none; text-decoration: none; color:$linkColorHover;}

// Footer
// -----------------------------------------------------------------
footer {
	vertical-align: bottom; // Sticky Footer
	font-size: 13px;
	background-color: #eef2f4;
	.container, .container-fluid {padding-top: 15px;}
	a { color:$textColor;
		&:hover {color:$linkColorHover;}
	}
	ul[class^=lvl] {list-style-type: none; margin:0; padding-left:0;}
	ul.lvl1 { margin-bottom: 25px;}
}

// Brand 
// -----------------------------------------------------------------
.brand {
	margin:17px 0 17px -8px;
	.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
// -----------------------------------------------------------------
h1.hdr-page {
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
	display: table;
	span {
		display: table-cell;
		vertical-align: middle;
	}
}
.lead {
	margin-bottom: $baseLineHeight;
	font-family: 'Merriweather', serif;
	@include font-shorthand(24px, 200, 40px);
}
.errors {
	clear: both;
	color:$red; 
	list-style: none; 
	padding:0; 
	margin:0; 
	font-size: 12px;
}
.asterisk {color: $linkColor;}
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: $baseFontSize * 0.8;
	color:$gray; 
	margin:0;
}
th { white-space: nowrap;}
.carret-bullets {
	// padding-left: 1.2em;
	list-style: none;
	&:before {	
		content: "\f0da";
		font-family: "FontAwesome";
		display: inline-block;
		margin-left: -1.1em;
		width: 1.1em;
	}
}
input.zip { width:60px;}
.hidden {display:none;}
.clear {clear: both;}

// FORM
// -----------------------------------------------------------------
form {
	fieldset { 
		legend { 
			color: lighten($black, 20%); 
			padding: 0; 
			font-weight:bold;
		}
	}
	input[type="checkbox"], 
	input[type="radio"] {
		margin: 0 5px 0 0; 
		border:none;
	}
	dt > label {
		font-weight: bold;
		color: $grayDarker;
	}
	dd {
		label { display: inline-block;}
		input, textarea, .uneditable-input {
		    width: 100%;
		    @include box-sizing(border-box);
		}
		select, input[type="text"], 
		input[type="password"], input[type="datetime"], 
		input[type="datetime-local"], input[type="date"], 
		input[type="month"], input[type="time"], input[type="week"], 
		input[type="number"], input[type="email"], 
		input[type="url"], input[type="search"], 
		input[type="tel"], input[type="color"], .uneditable-input {
			height: 32px;
		}
		input.date {width: auto;}
	}
	textarea {
		overflow: auto;
		min-height: 110px;
	}
	.label_description {
		font-weight:normal; 
		margin-left:10px; 
		font-size: $baseFontSize * 0.8;
		color:#666;
	}
}
input[type="text"], input[type="password"], input[type="tel"], select, textarea {
	border: 1px solid lighten($black, 70%);
	padding: 3px;
	margin: 0;
}
select {width: auto;}
input[type="checkbox"], input[type="radio"] {padding: 0;}
// Custom Forms
// -----------------------------------------------------------------
.form_header {
	font-weight:bold;
	border-left:solid 3px $linkColor;
	background-color: #f1f1f1;
	padding-left: 13px;
	font-size: $baseFontSize * 1.2;
}
dl {
	margin: 0;
	> dd { margin:0 0 ($baseLineHeight / 2) 0;}
}
input.autocomplete_not_found {background-color:#FFDEDE}

#submitGroup-element { 
	margin:0;
	fieldset {
		padding:0; 
		margin:0; 
		border:0;
	}
	dl { text-align:center;}
	dd { display:inline-block;}
	.btn {min-width:100px;}
}
#admin-login-form #btnSubmit-element, 
form#stsauth-form #btnSubmit-element {
	text-align:center; 
	margin:0;
}

// Captcha
// -----------------------------------------------------------------
a.loading_captcha img {visibility:hidden}
a.loading_captcha {background: url('../images/loading.gif') no-repeat center center}
input.captcha {width:150px;}
a.captcha_refresh {margin-bottom: $baseLineHeight / 2;}
.captcha_refresh img { border: 1px solid #888888; @include border-radius(3px);}
.defaultHint_element {color:#656565;}

// Spam protection: hidden field
// -----------------------------------------------------------------
.alternative_email_address { display: none;}

// Filters
// -----------------------------------------------------------------
.filter_form, .sorter_form {
	margin-bottom: $baseLineHeight;
	dl {
		dt, dd { float:left; margin-right: 5px;}
		label { display:inline;}
		#query-element {min-width:280px;}
		.btn { height: 32px;}
	}
}

// Pager
// -----------------------------------------------------------------
.pagination .pull-left { line-height: 30px;}

// Form Element Decorator FckEditor
// -----------------------------------------------------------------
textarea.htmleditor {display:none;}
div.htmleditor_preview {
	height:190px;
	overflow:auto;
	border:solid silver 1px;
	padding:2px;
	@include border-radius(3px);
	@include box-sizing(border-box);
}
div.ck_toolbar {padding:5px; text-align:right; @include box-sizing(border-box);}
.ckeditor_edit div.ck_toolbar, .ckeditor_edit div.htmleditor_preview {display:none;}

#loading-box {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	background: black;
	opacity: 0.8;
	cursor: pointer;
	z-index: 1000;
	@include border-radius(5px);
}
#loading-box div { width: 100%; height: 100%; background: url('../images/loading-black.gif') center center no-repeat; }
.ui-datepicker-trigger { vertical-align:middle; cursor:pointer; margin:0 5px;}

// Debug Info
// -----------------------------------------------------------------
#qsf-debug-container pre {text-align:left!important; color:black!important; background-color:white!important;}
#qsf-debug-container td, #qsf-debug-container th {border: 1px solid #000000;}
#qsf-debug-container th {text-align: center; padding: 5px 10px; background: #cccccc;}
#qsf-debug-container td {padding: 5px;}