// -------------------------- Header --------------------------
#header {
	margin-bottom: 20px;
}
.evo_container__page_top {
	margin-top: 20px;
	.ufld_icon_links {
		text-align: right;
	}
}
.nav.nav-tabs {
	margin-top: 0;
}

// -------------------------- Footer --------------------------
.evo_container__footer {
	padding-top: 30px;
}

// -------------------------- Sidebars --------------------------
#evo_container__sidebar, #evo_container__sidebar_2, #evo_container__sidebar_single {
	background: #FFF;
	&.fixed {
		position: fixed;
	}
}
// Don't fix a position of ALL sidebars when window height <= 800px OR width <= 992px:
@media (max-height:800px),(max-width:992px) {
	#evo_container__sidebar, #evo_container__sidebar_2, #evo_container__sidebar_single {
		&.fixed {
			position: static;
		}
	}
	.fixed_spacer {
		display: none;
	}
}

// Powered-by logo.
div.powered_by p {
	// border: 1px solid red;
	margin: 4px auto;
}

// --------------------------

// Profile tabs on ?disp=profile
ul.profile_tabs {
	margin: 0 2ex 2ex;
	position: relative;
	top: 1px;
}

.profile_avatar {
	float: right;
	padding: 10px;
	margin-left: 10px;
}

// Use full width for all textarea
.form-horizontal .controls textarea.form-control {
	width: 100%;
}

// A search button
input.search_field {
	margin-bottom: 0;
	display: inline-block;
}
form.search .search_options {
	width: 100%;
	.search_option input {
		margin-right: 5px;
	}
	.search_option label {
		margin-bottom: 0;
		margin-top: 5px;
	}
}
div.compact_search_form {
	input.search_field {
		width: 100%;
		margin: 0;
	}
}
div.extended_search_form {
	text-align: center;
	margin: 0 auto 2em auto;
	max-width: 530px;
	.search_options {
		text-align: center;
		.search_option {
			display: inline-block;
			margin-right: 10px;
		}
	}
}

// A form to create a new message/thread
textarea.message_text {
	width: 95%;
}

.evo_post {
	margin-bottom: 2em;
}

div.bSideItem {
	background: #F7F5FA;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
	text-shadow: 0 1px 0 #FFFFFF;
	h4 {
		margin-top: 0;
	}
}

// Page navigation:
.pager {
	margin-bottom: 0;
}

// Login/Register forms:
.skin-form {
	.panel-body {
		.panel {
			border: none;
			box-shadow: none;
		}
		.panel-body {
			padding: 0;
		}
	}
	.fieldset {
		margin: 0;
		div.input {
			margin: 0;
		}
	}
	.control-buttons, div.input {
		padding: 0;
		width: 100%;
		text-align: center;
	}
}
.evo_panel__login, .evo_panel__lostpass, .evo_panel__register, .evo_panel__activation {
	min-width: 290px;
	margin: 1.5em auto auto;
	.panel {
		margin: 5px 0;
	}
	.panel-body {
		padding-top: 20px;
		padding-bottom: 0;
	}
}
.evo_panel__login {
	max-width: 400px;
	min-width: auto;
}
.evo_panel__lostpass {
	max-width: 480px;
	#ffield_x label {
		display: none;
	}
}
.evo_panel__activation {
	max-width: 530px;
	#activateinfo_form .control-buttons{
		text-align: left;
	}
}
.evo_panel__register {
	max-width: 580px;
	.form-control {
		&#country, &#u {
			width: 100%;
		}
	}
	#fieldset_wrapper_captcha_qstn .panel {
		margin: 0;
		div[id$=_answer] .control-label {
			padding-right: 14px;
		}
	}
	.panel-body {
		padding: 15px;
		p:last-child {
			margin-bottom: 0;
		}
	}
}
@media (min-width: 768px) { // Bootstrap SM starts at 768px
	#fieldset_wrapper_captcha_qstn .panel div[id$=_answer] {
		max-height: 34px;
	}
}
.evo_register_buttons {
	text-align: center;
	input.btn {
		margin: 0 0 15px 0;
	}
	a.btn {
		margin: 0;
	}
}
.evo_form__login_links {
	padding: 0 5px;
	font-size: 92%;
}
.evo_form__login {
	fieldset {
		margin-bottom: 20px;
	}
	.controls {
		padding: 0;
		margin: 0;
		width: 100%;
	}
	.control-buttons {
		margin-left: 0;
	}
	input.form-control[type=text], input.form-control[type=password] {
		width: 100%;
	}
	.btn {
		margin-top: 5px;
	}
}
#login_form {
	.control-buttons {
		text-align: left;
	}
}
.standard_login_link {
	text-align: center;
	margin: 3em 0 1ex 0;
}
.form_footer_notes {
	margin-top: 0;
}

// Pagination
.pagination {
	margin: 15px;
}

// Current filters
.filter_item div {
	height: 22px;
}

// Messages
div.action_messages, div.log_container {
	margin: 0;
}

// Chapters list on sidebar and on front page & Posts list on view chapter page with subchapters
.chapters_list {
	ul {
		margin: 0 0 0 20px;
		list-style: none;
	}
	li {
		list-style: none;
		&.selected>a.link, &.selected>i>a.link {
			color: #333;
			font-weight: bold;
		}
	}
	a.link {
		padding: 5px 0;
		display: inline-block;
	}
}
.chapters_list, .posts_list {
	list-style: none;
	margin: 0;
	.link .fa {
		margin-right: 5px;
		font-size: inherit;
		width: auto !important;
	}
}
.posts_list {
	h3 {
		display: inline-block;
		.evo_post_flag_btn {
			font-size: inherit;
			span.fa {
				font-size: inherit;
				margin-right: 5px;
			}
		}
		+ .btn {
			margin: -10px 0 0 30px;
		}
		.evo_post_read_status {
			text-decoration: none;
			display: inline-block;
			vertical-align: middle;
			font-size: 85%;
			margin-top: -10px;
		}
	}
	li, .evo_container__item_in_list .widget_core_item_title {
		> .btn-group, > .evo_status {
			margin: -6px 0 0 30px;
		}
	}
}

// Breadcrumb paths
ol.breadcrumb {
	margin-left: 0;
	img {
		margin-top: -2px;
	}
}

// Positions on the action buttons near page titles
.evo_post_title, .cat_title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	h1 {
		//display: table-cell;
		margin: 0;
		padding: 20px 0 10px;
	}
	.btn-group {
		//display: table-cell;
		padding: 20px 0 10px 30px;
		//vertical-align: middle;
		white-space: nowrap;
		.btn {
			float: none;
		}
	}
}
@media (max-width: 767px) { // Bootstrap XS ends at 767, SM starts at 768
	.evo_post_title, .cat_title {
		display: block;
		h1 {
			display: block;
		}
		.btn-group {
			display: block;
			text-align: right;
			padding: 0 0 10px 0;
		}
	}
}

// Comment footer
.evo_content_block .evo_comment {
	.evo_comment_footer {
		.action_btn_group {
			float: right;
		}
	}

	.comment_edit_btn {
		margin-right: 5px;
	}

	// Fix buttons for comment actions
	.btn-group>.btn.first-child {
		border-top-left-radius: 3px !important;
		border-bottom-left-radius: 3px !important;
	}
}

// Featured Post
.widget_core_coll_featured_intro {
	.featurepost {
		background-color: #d9edf7;
		padding: 15px 15px 25px;
		margin-bottom: 20px;
		border: 1px solid #e3e3e3;
		border-radius: 4px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	}
}