/**
 * Backoffice main Cascading Style Sheets definitions for bootstrap style.
 *
 * b2evolution - {@link http://b2evolution.net/}
 * Released under GNU GPL License - {@link http://b2evolution.net/about/gnu-gpl-license}
 * @copyright (c)2003-2020 by Francois Planque - {@link http://fplanque.com/}
 *
 * @package admin
 */

.border-radius (@radius: 4px) {
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	-ms-border-radius: @radius;
	-o-border-radius: @radius;
	border-radius: @radius;
}

// Favorite star
h2.page-title {
	.fa.coll-fav {
		font-size: 26px;
	}
}

// Page content
.page-content {
	// Add space above page content when no navigation level2 and level3 before this
	margin-top: 16px;
	h2.page-title {
		// Page title
		margin: 4px 0 20px 0;
	}
}
#iframe_wrapper {
	.container-fluid.page-content {
		padding: 0;
		margin: 0;
		.row {
			margin: 0;
			.col-md-12 {
				padding-left: 0;
				padding-right: 0;
			}
		}
	}
}

.w80px {
	width: 80px;
}

table.browse {
	width: 100%;
}
table td {
	vertical-align: top;
}
td.shrinkwrap {
	width: 1%;
	white-space:nowrap;
	text-align:center;
}

.fform fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

// Fix vertical alignment for radio with text inputs:
div.radio.radio-input label {
	input[type=radio] {
		margin-top: 10px;
	}
	input[type=text].form_text_input {
		vertical-align: middle;
	}
}

// A colored status icon before <select>
div.status_icon {
	display: inline-block;
	padding: 2px 5px 0 0;
}

// Action icons
.action_icon, .widget_actions a, .no_icon {
	font-weight: bold;
	margin: 2px;
}
span.action_icon {
	cursor: pointer;
}
// Remove spaces between the spam voting buttons
.btn-group .action_icon {
	margin-left: 0;
	margin-right: 0;
}
// Fix a blog menus for Safari (to remove spaces between menus)
.btn-group.blogs-menu {
	margin-bottom: 10px;
	a.btn {
		float: left;
	}
}

// Profile picture
div.avatartag {
	display: inline-block;
	vertical-align: top;
	margin: 0 0.5em 0.5em 0;
	a {
		outline: none;
	}
	&.main {
		display: block;
		&>a {
			float: left;
		}
		a:first-child {
			margin-right: 25px;
		}
		.avatar_actions {
			margin-right: 25px;
		}
	}
}
.avatar_main_frame {
	>a:first-child {
		margin-right: 0;
	}
	.avatar_actions {
		text-align: center;
		padding: 0 25px;
		float: none;
		display: table-cell;
		vertical-align: middle;
	}
	.duplicated_avatars {
		margin: 10px 0;
	}
}

.glyphicon {
	.btn-xs &, .action_icon & {
		margin: 0 2px 0 0;
	}
	legend &, h2 & {
		line-height: 20px;
	}
	.btn &, .btn:hover &,
	.btn-warning &, .btn-warning:hover & {
		color: #FFF;
	}
	.btn-default &, .btn-default:hover & {
		color: #333;
	}
}
.btn-group + .btn-group {
	margin-left: 5px;
}

// Wide textarea to edit a comment and an item
.edit_area {
	.control-label {
		display: none;
	}
	.controls {
		margin: 0;
		width: 100% !important;
		padding: 0;
		span.icon {
			display: none !important;
		}
	}
	textarea {
		width: 100% !important;
		-moz-box-sizing: border-box;
	}
	#itemform_post_content_tbl {
		width: 100% !important;
	}
}

.edit_actions {
	clear: both;
	.btn {
		margin-top: 7px;
	}
	.edit_actions_text {
		margin: 7px 7px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
	.PreviewButton, .pull-left {
		margin-right: 10px;
	}
	.quick-publish, .evo_propose_change_btn {
		margin-left: 5px;
	}
	.html_status {
		margin-top: 14px;
		display: inline-block;
	}
}

.edit_actions_visibility {
	white-space: nowrap;
	margin-right: 5px;
}

div.log_container {
	margin: 0;
}
div.action_messages {
	margin: 16px 0;
	ul li:last-child div.alert {
		margin-bottom: 0;
	}
}
.container-fluid .action_messages.container-fluid {
	padding: 0; // Remove double padding, for example on delete collection action
	margin-top: 0;
}
div.delete_messages ul {
	margin: 0 0 10px 25px;
	list-style: disc;
	li {
		list-style: inherit;
	}
	label {
		font-weight: normal;
		margin: 0;
	}
}

// Post / Comment browsing screen
.evo_content_block {
	// This is not the usual results table:
	.results_header {
		margin-top: -20px;
	}
	.results_footer {
		// Pager in footer + nb line by default select
		padding: 5px 0 20px;
	}
}

/*
 * Browse pages of items and comments ( ?ctrl=items and ?ctrl=comments - full views )
 */
.evo_post {
	clear: both;
	margin: 0 0 1ex;
	padding: 0;
	overflow: hidden; /* to normal view of border-radius */
	.evo_post__tags {
		border-top: 1px solid #ddd;
	}
	.panel-heading {
		h3 {
			margin: 0 0 5px 0;
		}
		.btn-group {
			margin-left: 0;
			margin-right: 6px;
			&:last-child {
				margin-right: 0;
			}
		}
	}
}
.evo_post, .evo_comment {
	.panel-heading, .panel-body, .panel-footer {
		padding: 1ex;
	}
	.panel-heading {
		line-height: 1.42857143;
	}
}
.evo_comments_container {
	border: none;
	.bCommentAvatar {
		border: 0;
		.border-radius(50%);
		padding: 0;
		margin: 4px 10px 10px 0;
		float: left;
	}
	&.evo_comments_container__full_list {
		border: none;
		.evo_comment {
			margin-left: 0;
			margin-right: 0;
		}
	}
}
.evo_post__comments {
	margin: 1ex 0;
	.evo_comments_container {
		border: none;
		.evo_comment {
			margin-left: 0;
			margin-right: 0;
		}
	}
	.tile {
		display: inline-block;
		padding-right: 10px;
		input, label {
			display: inline-block;
		}
	}
	.results_nav {
		background: #F5F5F5;
		border: none;
	}
	.evo_form__comment.form-horizontal {
		margin: 0;
		padding: 1ex;
		border: 1px solid #ddd;
		.border-radius;
		&.evo_form__comment_meta {
			border: 2px solid #5bc0de;
			background-color: #d9edf7;
			.btn-toolbar {
				// 10% darker of meta color #5bc0de
				background-color: #afd9ee;
			}
		}
		.form_info {
			display: block;
			text-align: center;
			padding: 10px;
			color: #5bc0de;
		}
	}
}
.evo_content_summary {
	.evo_post {
		.bTitle {
			font-weight: bold;
		}
		.bText {
			padding-left: 420px;
		}
	}
}

// Sidebar form filters:
.evo_sidebar_filters {
	.filter_buttons {
		margin-bottom: 5px;
		text-align: right;
	}
	.rating input[name$=_rating_limit] {
		margin-right: 10px;
		&:first-child {
			margin-left: 10px;
		}
	}
}

.evo_comments_container {
	.evo_comment {
		overflow: hidden;
		padding: 0;
		margin: 1ex;
		> p {
			margin: 0;
		}
		&.evo_comment__status_draft {
			border: 1px solid #fc3;
			background-color: #ffb;
		}
		&.evo_comment__status_deprecated {
			border: 1px solid #000;
			background-color: #eee;
			color: #888;
		}
		&.evo_comment__status_meta {
			border: 2px solid #5bc0de;
			.panel-heading, .panel-footer {
				background-color: #d9edf7;
				border-bottom: 1px solid #5bc0de;
			}
			.panel-footer {
				border-top: 1px solid #5bc0de;
				border-bottom: none;
			}
		}
		&.evo_comment__status_trash {
			border: 1px solid #f66;
			background-color: #fcc;
			.panel-heading {
				border-bottom: 1px solid #f66;
				background-color: #faa;
			}
			.panel-footer {
				border-top: 1px solid #f66;
				background-color: #faa;
			}
		}
	}
	.editable_comment_content {
		margin-bottom: 5px;
	}
}
#fieldset_wrapper_itemform_meta_cmnt .evo_comments_container {
	border: none;
	margin: 0;
	.evo_comment {
		margin: 0 0 1ex 0;
		&:not([class*=meta]) {
			border: none;
		}
	}
}
.evo_post__attachments {
	margin: 1ex 0;
	table {
		margin: 0;
	}
}
.feedback-tabs {
	margin: 0 1ex 0 0 !important;
}
.feedback-actions {
	margin: 0 0 0 1ex !important;
	float: right;
}
.vote_spam {
	float: left;
	padding-left: 10px;
	line-height: 34px;
	a.action_icon {
		font-size: inherit;
		.icon {
			margin-bottom: 2px;
		}
	}
}
.dashboard_action_area .vote_spam {
	line-height: inherit;
	a.action_icon {
		font-size: 12px;
	}
}
.comment_reply {
	float: left;
	display: inline-block;
	margin-left: 10px;
	line-height: 34px;
}
.evo_content_block {
	// Status banner
	span[class*="status_"] {
		left: 8px;
		top: -8px;
	}
	// Top-right action icons:
	.global_actions {
		top: -12px;
	}
}
// The colored blocks for special post statuses
.evo_post__status_community {
	border: 1px solid #2E8BB9;
	> .panel-heading {
		border-bottom: inherit;
	}
	> .panel-footer {
		border-top: inherit;
	}
}
.evo_post__status_protected {
	border: 1px solid #fc9;
	> .panel-heading {
		border-bottom: inherit;
	}
	> .panel-footer {
		border-top: inherit;
	}
}
.evo_post__status_review {
	border: 1px solid #CC0099;
	> .panel-heading {
		border-bottom: inherit;
	}
	> .panel-footer {
		border-top: inherit;
	}
}
.evo_post__status_private {
	border: 1px solid #f99;
	> .panel-heading {
		border-bottom: inherit;
	}
	> .panel-footer {
		border-top: inherit;
	}
}
.evo_post__status_draft, .evo_comment__status_draft {
	border: 1px solid #fc3;
	> .panel-body {
		background-color: #ffb;
	}
	.panel-heading {
		border-bottom: 1px solid #fc3;
		background-color: #ff9;
	}
	.panel-footer {
		border-top: 1px solid #fc3;
		background-color: #ff9;
	}
	span.bStatus {
		color: #f96;
		background-color: #ff9;
	}
	span.note.status_draft span {
		color: #fff;
		background-color: #FFCC33;
	}
}
.evo_post__status_deprecated, .evo_comment__status_deprecated {
	border: 1px solid #000;
	> .panel-body {
		background-color: #eee;
	}
	> .panel-heading {
		border-bottom: inherit;
		background-color: #ccc;
	}
	> .panel-footer {
		border-top: inherit;
		background-color: #ccc;
	}
}
.evo_post__status_redirected {
	border: 1px solid #639;
	> .panel-body {
		background-color: #dcf;
	}
	> .panel-heading {
		border-bottom: inherit;
		background-color: #c0b0e0;
	}
	> .panel-footer {
		border-top: inherit;
		background-color: #c0b0e0;
	}
}

/*
 * System checks on ?ctrl=system
 */
div.system_check {
	margin: 1ex 0;
	border-top: 1px solid #ddd;
	padding-top: 1ex;
}
div.system_check_name {
	font-weight: bold;
	float:left;
}
div.system_check_value_note,
div.system_check_value_ok,
div.system_check_value_warning,
div.system_check_value_error {
	font-weight: bold;
	margin-left: 50ex;
}
div.system_check_value_ok {
	color: #093;
}
div.system_check_value_warning {
	color: #e60;
}
div.system_check_value_error {
	color: #c00;
}
div.system_check_message_ok,
div.system_check_message_warning,
div.system_check_message_error {
	margin: 1ex;
}
div.system_check_message_warning {
	padding: 3px;
	background: #feb;
}
div.system_check_message_error {
	padding: 3px;
	background: #fbb;
}

fieldset ul {
	list-style: none;
	margin: 0;
}
.bSideItem ul ul, .browse_side_item ul ul, .right_col ul ul {
	margin-left: 1ex;
	padding-left: 1ex;
}
.browse_side_item ul.typeahead {
	margin: 0;
	padding: 0;
}

// Dashboard
.evo_comments_container, .items_container {
	border: 1px solid #DDD;
	.border-radius;
	margin-bottom: 20px;
	.dashboard_post {
		border-top: 1px solid #DDD;
		padding: 8px;
		min-height: 80px;
		.dashboard_post_title {
			font-size: 16px;
			line-height: 30px;
			margin: 0;
		}
	}
	.dashboard_post:first-child {
		border: none;
	}
	.dashboard_float_actions {
		float: left;
		margin-right: 10px;
		.dashboard_thumbnails {
			margin-top: 5px;
		}
	}
	.dashboard_content {
		margin-left: 90px;
	}
	span[class*=status_] {
		line-height: 20px;
	}
}
.dashboard_comments_block {
	.evo_content_block {
		a.user img, img.user {
			.border-radius(50%);
		}
		.popover a.user img {
			.border-radius(0);
		}
	}
	.evo_comments_container {
		border: none;
		margin: 0;
	}
	.panel-body {
		padding: 0;
	}
	.dashboard_comment_avatar {
		float: left;
		margin: 0 5px 5px 0;
		a {
			display: inline-block;
		}
	}
	.dashboard_comment_title {
		font-size: 16px;
		margin: 0;
	}
	.hidden_comment {
		display: none;
	}
	.notes {
		margin-top: 1px;
	}
}
.dashboard_comments_block__meta {
	.panel-body {
		background-color: #d9edf7;
	}
}
// Charts on dashboard
.chart .label {
	color: #000;
	font-weight: normal;
}

// Wrapper for form input element to enter autocomplete item or user tags:
.evo_input__tags {
	width: 100%;
	max-width: 100%;
	ul.token-input-list-facebook {
		width: 100%;
		max-width: 100%;
	}
}

// Form elements on item edit page
#item_locations {
	th, td {
		white-space: nowrap;
		padding: 2px 0;
	}
	label {
		width: auto;
		float: right;
	}
	select {
		width: 160px;
		display: inline-block;
	}
	td.input {
		width: 100%;
	}
}
#itemform_content {
	.panel-title > a.post_type_link {
		color: #337ab7;
		&:hover {
			color: #23527c;
		}
	}
}
#itemform_extra {
	input:not( #item_issue_date ) {
		max-width: 80px;
	}
	> div.fieldset > label {
		display: block;
	}
}
#itemform_adv_props, #itemform_custom_fields {
	div.tile, div.controls {
		width: 100%;
	}
	td.label {
		background: none;
		color: #000;
		text-shadow: none;
		text-align: right;
		vertical-align: top;
		padding: 9px 10px 0 0;
	}
	.help-inline label {
		font-weight: normal;
		display: block;
	}
}
#itemform_custom_fields {
	.help-inline label {
		display: inline-block;
	}
}
#itemform_adv_props {
	ul.token-input-list-facebook {
		width: 100%;
		max-width: 100%;
	}
	.input-group ul.token-input-list-facebook {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
}
#itemform_comments {
	label {
		width: auto;
		margin-right: 5px;
	}
	select {
		width: 90px;
		display: inline-block;
	}
}
#itemform_links, #cmntform_links, #meta_cmntform_links, #ecmpform_links, #msgform_links {
	.panel {
		overflow: hidden;
	}
	.panel-body {
		padding: 0;
	}
}
#msgform_links {
	margin-bottom: 20px;
}
#itemform_goals td {
	padding-bottom: 2px;
}

// Form elements on item type edit page
.custom_fields_edit_table {
	.results {
		overflow: initial;
	}
	.table_scroll {
		margin-bottom: 20px;
	}
	.form-control {
		width: auto;
		&.custom_field_label {
			width: 100%;
			min-width: 200px;
		}
	}
}

// Attachments / links
.evo_attachments_fieldset__wrapper {
	width: 100%;
	height: 97px;
	position: relative;
	padding-bottom: 6px;
	box-sizing: content-box;
	.evo_attachments_fieldset__block {
		overflow: auto;
		height: 100%;
	}
	.ui-resizable-s {
		background: #c0c0c0;
		height: 6px;
		bottom: 0;
		&:after {
			content: "...";
			font-size: 10px;
			top: -7px;
			position: relative;
			text-align: center;
			display: block;
		}
	}
	.table_scroll {
		// Use this position to fix red triangle when attachment is dragged by mouse:
		position: relative;
	}
	div.results, div.table_scroll {
		overflow: initial;
	}
	table tbody {
		.dragged {
			opacity: 0.8;
			position: absolute;
			z-index: 1000;
		}
		td {
			cursor: move;
		}
		tr.odd td {
			background-color: #FFF;
		}
	}
}
.filelist_tbody {
	tr:first-child .action_icon_link_move_up,
	tr:last-child .action_icon_link_move_down {
		visibility: hidden;
	}
}

// File browser table
table.filelist {
	margin: 0;
	td.checkbox {
		display: table-cell;
		width: 10px;
		input[type="checkbox"] {
			margin: 0;
			float: none;
			position: relative;
		}
	}
	th.firstcol {
		border-bottom-left-radius: 0 !important;
	}
	.file_selector {
		.control-label {
			float: none;
			white-space: nowrap;
			width: auto;
		}
		.form-control {
			width: auto;
			display: inline-block;
		}
	}
}
div.qq-upload-button {
	border: 2px dashed #fff;
	background: #5bc0de;
	.border-radius(9px);
}
div.qq-upload-drop-area {
	padding: 7px 0;
	text-align: center;
	color: transparent;
	background: transparent;
	font-weight: bold;
	> div > span {
		font-weight: normal;
		font-size: small;
		margin-top: 2px;
	}
}
div.qq-upload-button-hover {
	background: #5cb85c;
}
div.qq-upload-button-dragover {
	background: #efbd5b !important;
}
ul.qq-upload-list {
	margin: 0;
}
td.fm_filename {
	width: 100%;
	.result_error {
		border: none;
	}
}
.evo_file_folder_creator {
	float: right;
	margin-left: 3em;
	#fm_createname {
		position: relative;
		top: 1px;
	}
}
#fm_filter {
	height: 23px;
}
form#FilesForm {
	margin: 0;
}
#fm_dirtree {
	width: 20%;
	background-color: #f9f9f9;
	ul.clicktree {
		list-style: none;
		margin-left: 5px;
		ul {
			margin-left: 20px;
		}
	}
}
#fmbar_filter {
	display: inline;
	white-space: nowrap;
	em.filter {
		color: #F00;
	}
}
.file_browser_settings {
	float: right;
	margin: 3px 1em 0 3em;
}
#fmbar_filter_checkchanges {
	float: right;
	label {
		display: inline;
	}
	input {
		display: inline;
		width: auto;
	}
}
#fmbar_cwd, #fmbar_filecounts {
	display: inline;
}
#fm_bar form {
	margin-bottom: 0;
}
div.evo_fileuploader_form {
	padding: 5px;
	height: 65px;
	background: #f5f5f5;
}
tr.evo_fileuploader_form td {
	background: #f5f5f5;
}
.file_browser {
	.panel-body {
		padding: 0;
		#fm_browser {
			margin: 0;
			border: none;
			tr {
				td:first-child {
					border-left: none;
				}
				td:last-child {
					border-right: none;
				}
			}
		}
	}
	.form-group {
		margin-bottom: 10px;
	}
	.file_browser_footer {
		margin: 10px;
		.note {
			line-height: 20px;
		}
	}
}

h2.user_title {
	margin-top: 0;
	margin-bottom: 18px;
}

h2.user_title::first-line {
	line-height: 52px;
}

// phpBB importer
.tool_steps {
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	color: #999;
	margin: 40px 0 30px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	.step {
		margin: 0 10px 10px 10px;
		display: inline-block;
		div {
			background-color: #CCC;
			color: #999;
			display: inline-block;
			font-size: 15px;
			margin-right: 5px;
			padding: 5px;
			text-align: center;
			width: 33px;
			.border-radius(100%);
		}
	}
	.step.current {
		font-weight: bold;
		color: #666;
		div {
			background-color: #337ab7;
			color: #FFF;
		}
	}
	.step.completed div {
		background-color: #5cb85c;
		color: #FFF;
	}
}

// Pagination
.page_size_selector select {
	width: auto;
	display: inline-block;
	margin: 5px 0;
}
.pagination {
	margin: 10px 0 5px;
}

// Items container
.items_container {
	border: none;
	.panel-body {
		padding: 0;
	}
}

#itemform_edit_workflow {
	input, select {
		width: auto;
		float: none;
		display: inline-block;
	}
	div.tile label {
		float: none;
	}
	.form-group {
		display: inline-block;
		margin-right: 20px;
		.controls {
			display: inline-block;
		}
	}
}

#itemform_extra {
	td.flabel_item_owner_login {
		vertical-align: top;
		padding-top: 6px;
	}
	#ffield_item_owner_login {
		.help-inline {
			display: inline-block;
			vertical-align: middle;
			margin-top: 10px;
		}
		#item_owner_login {
			vertical-align: middle !important;
		}
	}
	label.ffield_item_create_user {
		padding: 0;
		font-weight: normal;
	}
	.itemform_extra_radio {
		padding-top: 10px;
		> label {
			padding: 0;
			margin: 0;
		}
		input[type=radio][name=item_dateset][value="1"] {
			margin-top: 11px;
		}
		.form-group {
			vertical-align: middle;
			input {
				margin-left: 0;
			}
		}
	}
}

#ffield_item_tags {
	.input-group {
		width: 100%;
	}
}

#ffield_item_switchable_params {
	.evo_fields_table__input {
		display: table;
		> div {
			display: table-cell;
			width: 1%;
			white-space: nowrap;
			padding-right: 5px;
		}
		> input[type=text] {
			display: table-cell;
		}
	}
}

#ffield_post_title {
	.evo_fields_table__label {
		font-size: 18px;
	}
	.form_text_input {
		font-size: 20px;
	}
}

// Loader animation
span.loader_img.loader_user_report,
span.loader_img.loader_user_deldata {
	background-image: url("../../../../rsc/img/ajax-loader/fff.gif");
}

.editable_comment_content textarea.form_textarea_input {
	width: 90%;
	margin-bottom: 10px;
}

div#upload_wrapper, div#import_wrapper {
	border: none;
	background: none;
}

// Remove spacing between form and global menu
div.fieldset_wrapper {
	margin-top: 0;
}

// Adjacent fieldsets
div.fieldset_wrapper+div.fieldset_wrapper {
	margin-top: 10px;
}

// Fieldset folding
div.fieldset_wrapper.folded .panel-body {
	display: none;
}
span[id^=title_folding_] {
	cursor: default;
}

// Fieldset folding for Category selection
tbody.fieldset_wrapper.folded+tbody[id^=cat_sel_] {
	display: none;
}

// Dashboard
// Collection dashboard ?
.browse {
	.evo_content_block {
		margin-right: 0;
	}
}

// Results table
div.results {
	overflow: auto;
	margin-top: 0;
}
table.table {
	thead	tr th {
		background: #e8e8e8;
		color: darken( #848484, 5%);
		text-align: center;
		a {
			color: darken( #848484, 5%);
		}
		a.basic_current,
		a:hover {
			color: #337ab7;
		}
	}
	tbody tr.group td {
		background: lighten( #e8e8e8, 3%);
		color: #848484;
		a:not(.label):not(.btn):not(.user) {
			color: #337ab7;
		}
	}
}
// Set min-height because dropdown menu(to quick change a post status from table
// list) is cropped by css rule overflow:auto
#items_type_ajax_content {
	min-height: 500px;
	div.table_scroll {
		min-height: 500px;
	}
}

// Widgets table
.widget_container_list tr.odd,
.widget_row.odd {
	background: #FFF;
}
ul.widget_container {
	border: none;
	li {
		padding: 0;
		&.odd {
			background: #f9f9f9;
		}
		&:hover {
			background: #f5f5f5;
		}
		> span, > a {
			padding: 3px 10px;
			margin: 0;
			border-color: #ddd;
		}
		.widget_state {
			height: 26px;
		}
	}
}
div#widget_settings.widget_settings_active {
	background: #FFF;
}
// A list to add new widget
div.available_widgets {
	background: #FFF;
	border-color: #ddd;
	.border-radius;
	.available_widgets_toolbar {
		border-bottom: 1px solid #ddd;
		background: #FFF;
		padding: 10px 15px;
	}
	#available_widgets_inner {
		top: 87px;
	}
}
.widget_list {
	list-style: none;
	margin: 0;
}

// Widget icon:
.evo_widget_icon {
	display: inline-block;
	min-width: 22px;
	padding: .2em;
}

// Table to select a collection type
table.coll_kind {
	max-width: 960px;
	margin: 30px auto 10px;
	td {
		padding: 10px 10px 10px 0;
	}
	td.coll_kind__desc {
		padding-top: 18px;
	}
	.btn {
		width: 100%;
	}
}

// Support for buttons in panel blocks
.btn-right{
	float: right;
}
.panel-footer.control-buttons {
	margin: 0 -15px -15px -15px;
	[class*="col-"] {
		float: none;
		padding-left: 0;
	}
}

/* Fp: UNCLEAR WHAT THIS IS FOR:
// Support for multiline inline forms
.filters .form-inline {
	 margin: 0 -10px -5px;
	.form-group {
		margin: 5px 10px;
	}
	.checkbox {
		margin-left: 10px;
	}
}
*/

// Navigations
.navbar {
	margin-bottom: 0;
}
div.coll-selector {
	padding-top: 18px;
	padding-bottom: 17px;
	background-color: #ddd;
	margin-bottom: -3px; // in this case we don't want level 2 to have it's 18 px top padding
	.btn-group {
		margin-right: 4px;
		.dropdown-toggle .caret {
			margin-left: 6px;
		}
	}
}
div.level2 {
	padding-top: 17px; // 18 px top padding (including pos relative in next style) if there is no coll-selector
	background-color: #ddd;
	margin-bottom: 16px;
	border-bottom: 1px solid #ccc;
	div.coll-selector + & {
		padding-top: 0;
	}
}
.nav-tabs {
	position: relative;
	top: 1px;
	border-bottom: 1px solid #ccc;
	>li {
		&.grplast {
			margin-right: 6px;
		}
		>a {
			background-color: #eee;
			padding: 7px 12px;
			margin-bottom: 1px;
			border-color: #ddd;
			border-bottom: none;
		}
		>a:hover,
		&.active>a:hover {
			background-color: #fff;
			border-color: #ccc #ccc transparent;
		}
		&.active>a {
			margin-bottom: 0;
			border-color: #ccc #ccc transparent;
		}
	}
}
.nav {
	margin: 0;
	a.action_icon {
		font-size: inherit;
		font-weight: normal;
		.glyphicon {
			font-size: inherit;
			color: inherit;
			margin-right: 4px;
		}
	}
}
.navbar-right {
	margin-right: -15px;
	.action_icon {
		margin-top: 0;
		margin-bottom: 0;
	}
}
nav.level1 {
	z-index: 1;
}
div.level3 nav .nav > li {
	> a {
		padding: 4px 10px;
		font-size: 92%;
		background-color: #f6f6f6;
	}
	&.active a,
	&.active a:hover,
	&.active a:focus {
		background-color: #337ab7;
	}
	margin-right: 3px;
	margin-bottom: 3px;
}
.user_header_content {
	div.level3 {
		padding: 5px 0 15px;
	}
	.user_title .login {
		margin-left: 10px;
	}
}

div.level3 nav .nav > li + li {
	margin-left: 0px;
}

ol.breadcrumb {
	margin: 20px 0;
}

// Global icons container:
.container-global-icons {
	margin-top: 9px;
	margin-bottom: -3px;
}

// Footer
.footer {
	background-color: #f5f5f5;
	padding: 15px 15px 5px;
	p {
		margin-bottom: 10px;
	}
}

// Skin settings
.skin_settings {
	float: left;
	width: 280px;
	margin-right: 15px;
	.skin_setting_row {
		margin-bottom: 15px;
		> label {
			padding: 7px 15px 0 0;
			margin: 0;
			min-width: 40%;
		}
		> span {
			padding-top: 7px;
		}
	}
	// Skin info
	div.controls.col-sm-10 {
		width: auto;
	}
	ul {
		list-style: disc;
		margin-left: 20px;
	}
}
.skin_settings_form {
	margin-left: 295px;
	.col-sm-2 {
		width: 20%;
	}
	.col-sm-10 {
		width: 80%;
	}
}
// Action icon to restore skin setting to default value:
.fa[data-default-value] {
	font-size: 80%;
	color: #999;
	&:hover {
		color: #666;
	}
}
@media (max-width: 992px) {
	.skin_settings_form {
		margin-left: 0;
		clear: both;
	}
}
@media (max-width: 767px) {
	.skin_settings_form {
		.col-sm-2, .col-sm-10 {
			width: 100%;
		}
	}
}
// Skin selector form
.skin_selector_filters {
	border-bottom: 1px solid #ddd;
	padding: 15px;
	margin: -15px -15px 15px -15px;
	.form-group {
		margin-bottom: 0;
	}
}
.skin_selector_form .control-buttons {
	margin-top: 15px;
	[class^=col-] {
		text-align: right;
		padding-right: 0;
		margin: 0;
		width: 100%;
	}
}
.skinshot {
	background-color: #F5F5F5;
	border: 1px solid #E3E3E3;
	.border-radius;
	padding: 5px;
	float: left;
	margin: 5px;
	.skinshot_placeholder {
		width: 240px;
		height: 180px;
		margin: 1ex 1ex .5ex 1ex;
		background: #FFF;
		text-align: center;
		.border-radius;
		.skinshot_noshot {
			padding-top: 36px;
		}
		.skinshot_name {
			padding-top: 24px;
			font-size: 170%;
		}
	}
	.legend {
		margin: 0 1ex;
		width: 240px;
		height: 50px;
		overflow: hidden;
		label {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
	}
	&.skinshot_new {
		text-align: center;
		font-size: 20px;
		background: none;
		border: 3px dashed #CCC;
		width: 267px;
		height: 247px;
		&:hover {
			background: #F5F5F5;
			text-decoration: none;
		}
		.fa {
			display: block;
			font-size: 100px;
			margin: 20px 0 10px;
		}
	}
	&.skinshot_current {
		border-color: #D00;
	}
}
.coll_settings_skinshot {
	.skinshot {
		padding: 0;
		float: none;
		margin: -1ex -1ex 1ex -1ex;
	}
}

// New thread form
form#thread_checkchanges ul.token-input-list-facebook {
	width: 97%;
}

// Plugin toolbars
.message_toolbars {
	width: 97%;
}

// Global action on the same line where level3 menu
.global_actions {
	position: relative;
	float: right;
	a {
		position: absolute;
		top: -44px;
		right: 0;
		margin-right: 0;
	}
}

// Block for icon on user fields list
.uf_icon_block {
	width: 30px;
	display: inline-block;
	text-align: center;
	color: #aaa;
}

// User report form
.user_report_form {
	.panel {
		margin-bottom: 0;
		.panel-body {
			padding-bottom: 0;
			.form-group {
				margin-bottom: 0;
			}
		}
	}
}

// Style for file browse inputs
.btn-file {
	position: relative;
	overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	cursor: inherit;
	display: block;
}

// Style for action icons in table columns
.column_icon {
	width: 24px;
	display: inline-block;
	text-align: center;
}

// Global icons above form
.global_icons {
	float: right;
	&.no_title {
		margin-bottom: 22px;
	}
}

// Input field to edit item/cat order in table column by ajax
input[name=new_cat_order],
input[name=new_item_order] {
	width: 100%;
}

// Revert font size to normal from 84% on posts filters
.filters_item_list_table {
	font-size: 14px;
}

// Fix space under submit button on blog permission pages
form#blogperm_checkchanges {
	padding-bottom: 20px;
}

// Fix label color from white invisible:
.control-label.label {
	color: #333;
}

// Table to display a difference between post revisions:
table.diff {
	border: medium none;
	border-spacing: 4px;
	table-layout: fixed;
	width: 100%;
	background-color: white;
	border-collapse: initial;
	td {
		padding: 0;
		div {
			overflow: auto;
			word-wrap: break-word;
		}
	}
	col.diff-marker {
		width: 2%;
	}
	col.diff-content {
		width: 48%;
	}
	td.diff-otitle, td.diff-ntitle {
		background-color: white;
		text-align: center;
		width: 50%;
	}
	td.diff-marker {
		text-align: right;
	}
	td.diff-lineno {
		font-weight: bold;
		font-size: 0.85em;
		color: #666;
	}
	td.diff-addedline {
		background: none repeat scroll 0 0 #CCFFCC;
		font-size: smaller;
	}
	td.diff-deletedline {
		background: none repeat scroll 0 0 #FFFFAA;
		font-size: smaller;
	}
	td.diff-context {
		background: none repeat scroll 0 0 #EEEEEE;
		font-size: smaller;
	}
	.diffchange {
		color: red;
		font-weight: bold;
		text-decoration: none;
		white-space: pre-wrap;
	}
	td.diff-title-deletedline, td.diff-title-addedline {
		text-align: center;
		font-size: 120%;
		font-weight: bold;
	}
	tr.diff-custom-field {
		td.diff-title-deletedline, td.diff-title-addedline {
			text-align: left;
			font-size: 100%;
		}
	}
	td.diff-section-title {
		background: none repeat scroll 0 0 #F5F5F5;
	}
}

// Fix alignment of radio buttons with additional input/select elements:
.radio input[type="radio"] {
	&[name^="timestamp_"][value="duration"],
	&[name^="marketing_popup_show_frequency"][value="period"] {
		position: relative;
		margin-right: 4px;
	}
}

// Attachments table:
#iframe_wrapper .results_compact.panel {
	margin: 0;
	border: none;
	box-shadow: none;
	border-radius: 0;
	.table-bordered {
		border: none;
		tr:first-child td {
			border-top: none;
		}
	}
}

// Format date columns:
.timestamp {
	white-space: nowrap;
	text-align: center;
}
.timestamp .time {
	font-size: 84%;
}

// Style fixes for email preview from back-office:
#skin_wrapper {
	.email_wrap {
		.email_payload > p:first-child {
			margin-top: 10px;
		}
		.user img {
			top: -1px;
		}
		ul {
			margin: 0 0 10px 25px;
			list-style: disc;
		}
	}
}

// Polls table:
.evo_poll__percent_bar {
	width: 100%;
	min-width: 40px;
	padding-right: 6px;
	> div {
		width: 100%;
		vertical-align: middle;
		display: inline-block;
		> div {
			background: #ffcc66;
			height: 12px;
			min-width: 1px;
		}
	}
}

// Status checkboxes, e.g. on advanced collection permissions:
@import "../../../../rsc/less/inc/visibility_status_colors.inc.less";
.evo_checkbox_status {
	padding: 0 1px 1px 1px;
	border-radius: 2px;
}
.evo_checkbox_status__default {
	border: 1px solid #F00;
	padding: 1px 1px 2px 1px;
}
.evo_checkbox_status__published {
	background-color: @status_color_published;
}
.evo_checkbox_status__community {
	background-color: @status_color_community;
}
.evo_checkbox_status__protected {
	background-color: @status_color_protected;
}
.evo_checkbox_status__review {
	background-color: @status_color_review;
}
.evo_checkbox_status__private {
	background-color: @status_color_private;
}
.evo_checkbox_status__draft {
	background-color: @status_color_draft;
}
.evo_checkbox_status__deprecated {
	background-color: @status_color_deprecated;
}
.evo_checkbox_status__redirected {
	background-color: @status_color_redirected;
}
.evo_checkbox_status__trash {
	background-color: @status_color_trash;
}
.evo_checkbox_status__meta {
	background-color: @status_color_meta;
}

// Hits diagarm filter form:
.evo_filter_diagram_hits {
	white-space: nowrap;
	float: left;
	padding-left: 15px;
	label {
		float: none;
		padding: 0 5px 0 0;
		width: auto;
		font-weight: normal;
		&.control-label {
			font-weight: bold;
		}
		input {
			display: inline;
		}
	}
	select {
		display: inline;
		width: auto;
	}
}

// Cells to edit data in table list:
.jeditable_cell {
	white-space: nowrap;
	select, input {
		max-width: 100%;
	}
}

// Fix styles for jQuery plugin "QueryBuilder":
div.query-builder .rule-container .rule-value-container {
	border: none;
	padding-left: 0;
}

// Style for a trasfering object, e-g when a comment is moving to a recycle bin:
.ui-effects-transfer {
	border: 1px solid #F00;
}

// Skin Customizer Mode:
#customizer_wrapper {
	padding-top: 140px;
	.page-content {
		margin: 0;
		padding: 0;
	}
	form > .panel-group {
		margin-bottom: 0;
	}
	form {
		> .panel-group > .panel,
		> fieldset > .panel-group > .panel,
		> div.fieldset_wrapper > fieldset > .panel {
			border-top: none;
			border-left: none;
			border-right: none;
			border-radius: 0;
			margin: 0;
			box-shadow: none;
			> .panel-heading {
				border-radius: 0;
			}
			> .panel-body {
				.form-group:last-child {
					margin-bottom: 0;
				}
			}
		}
		.fieldset > .panel {
			margin-bottom: 20px;
		}
	}
	.row {
		margin: 0;
		.col-md-12 {
			padding: 0;
		}
	}
	.evo_customizer__available_widgets {
		.panel:first-child {
			border-top: 1px solid #ddd;
		}
		ul.widget_list {
			list-style: none;
			margin: 0 0 0 2px;
		}
	}
	.evo_customizer__other_lists {
		margin: 0 0 10px 31px;
		padding-top: 10px;
	}
	#fieldset_wrapper_widget_info .control-label {
		display: none;
	}
	.controls .help-inline {
		display: inline-block;
	}
	.form-group.checkbox-group {
		.controls {
			display: inline-block;
			vertical-align: middle;
			.checkbox {
				padding-top: 2px;
			}
		}
	}
	.file_select_item {
		margin: 0;
		.item_actions {
			margin: 0;
			display: block;
			width: 100%;
			text-align: center;
			.btn {
				margin-right: 3px;
			}
			.btn:last-child {
				margin-right: 0;
			}
		}
	}
	#current_widgets {
		.panel {
			border-top: none;
			border-left: none;
			border-right: none;
			border-radius: 0;
			margin-bottom: 0;
		}
		h4 + .panel, .panel:first-child {
			border-top: 1px solid #ddd;
		}
		> p {
			margin: 10px 5px;
		}
		.panel_heading_action_icons a.action_icon span.fa {
			margin: 0;
		}
		.panel-group {
			margin: 0;
			> h4 {
				margin: 10px;
			}
		}
	}
}
.evo_customizer__tabs {
	position: fixed;
	top: 0;
	width: 100%;
	border-bottom: 1px solid #CCC;
	background: #FFF;
	padding: 15px 15px 0 15px;
	z-index: 3;
	.nav {
		margin-right: 70px;
	}
	.evo_customizer__menus, .evo_customizer__actions {
		padding: 10px 15px;
		margin: 0 -15px;
		border-top: 1px solid #CCC;
	}
	.evo_customizer__menus {
		nav .nav > li {
			margin-right: 3px;
			a {
				padding: 4px 10px;
				font-size: 92%;
			}
		}
	}
	.evo_customizer__actions {
		a {
			margin-right: 10px
		}
		a:last-child {
			margin-right: 0
		}
	}
	.evo_customizer__tab_buttons {
		position: absolute;
		top: 13px;
		right: 12px;
		.fa-backward {
			top: 1px;
			right: 1px;
			position: relative;
		}
	}
}
.evo_customizer__buttons {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 15px;
	text-align: center;
	border-top: 1px solid #CCC;
	background: #FFF;
	z-index: 3;
	.form-group, .control-buttons {
		margin: 0;
		padding: 0;
	}
	&.evo_customizer__buttons_widget_actions {
		padding: 10px;
		.btn-group {
			margin: 0;
		}
	}
}
.evo_customizer__content {
	form {
		.panel-heading {
			.panel-title {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
		}
	}
	div.fieldset_wrapper+div.fieldset_wrapper {
		margin-top: 0;
	}
}

// Locale selector:
table.evo_locale_selector {
	width: auto;
	margin-bottom: 0;
}

// Widget "Param Switcher" in customizer mode:
form[data-widget-code="param_switcher"][target="evo_customizer__updater"] {
	#fieldset_wrapper_buttons {
		.control-label {
			float: left;
			padding-top: 7px;
		}
	}
}