/* This file is used to fix the style issues on all bootstrap skins of b2evolution, including BACK-OFFICE */

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


@media (min-width: 1785px) {
	.container-xxl {
		width: 1755px;
	}
	.col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
		float: left;
	}
	.col-xxl-12 {
		width: 100%;
	}
	.col-xxl-11 {
		width: 91.66666667%;
	}
	.col-xxl-10 {
		width: 83.33333333%;
	}
	.col-xxl-9 {
		width: 75%;
	}
	.col-xxl-8 {
		width: 66.66666667%;
	}
	.col-xxl-7 {
		width: 58.33333333%;
	}
	.col-xxl-6 {
		width: 50%;
	}
	.col-xxl-5 {
		width: 41.66666667%;
	}
	.col-xxl-4 {
		width: 33.33333333%;
	}
	.col-xxl-3 {
		width: 25%;
	}
	.col-xxl-2 {
		width: 16.66666667%;
	}
	.col-xxl-1 {
		width: 8.33333333%;
	}
	.col-xxl-pull-12 {
		right: 100%;
	}
	.col-xxl-pull-11 {
		right: 91.66666667%;
	}
	.col-xxl-pull-10 {
		right: 83.33333333%;
	}
	.col-xxl-pull-9 {
		right: 75%;
	}
	.col-xxl-pull-8 {
		right: 66.66666667%;
	}
	.col-xxl-pull-7 {
		right: 58.33333333%;
	}
	.col-xxl-pull-6 {
		right: 50%;
	}
	.col-xxl-pull-5 {
		right: 41.66666667%;
	}
	.col-xxl-pull-4 {
		right: 33.33333333%;
	}
	.col-xxl-pull-3 {
		right: 25%;
	}
	.col-xxl-pull-2 {
		right: 16.66666667%;
	}
	.col-xxl-pull-1 {
		right: 8.33333333%;
	}
	.col-xxl-pull-0 {
		right: auto;
	}
	.col-xxl-push-12 {
		left: 100%;
	}
	.col-xxl-push-11 {
		left: 91.66666667%;
	}
	.col-xxl-push-10 {
		left: 83.33333333%;
	}
	.col-xxl-push-9 {
		left: 75%;
	}
	.col-xxl-push-8 {
		left: 66.66666667%;
	}
	.col-xxl-push-7 {
		left: 58.33333333%;
	}
	.col-xxl-push-6 {
		left: 50%;
	}
	.col-xxl-push-5 {
		left: 41.66666667%;
	}
	.col-xxl-push-4 {
		left: 33.33333333%;
	}
	.col-xxl-push-3 {
		left: 25%;
	}
	.col-xxl-push-2 {
		left: 16.66666667%;
	}
	.col-xxl-push-1 {
		left: 8.33333333%;
	}
	.col-xxl-push-0 {
		left: auto;
	}
	.col-xxl-offset-12 {
		margin-left: 100%;
	}
	.col-xxl-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-xxl-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-xxl-offset-9 {
		margin-left: 75%;
	}
	.col-xxl-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-xxl-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-xxl-offset-6 {
		margin-left: 50%;
	}
	.col-xxl-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-xxl-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-xxl-offset-3 {
		margin-left: 25%;
	}
	.col-xxl-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-xxl-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-xxl-offset-0 {
		margin-left: 0;
	}
}

// Fix for forms
// We want this only on Small devices and up(tablets, 768px and up)
// We DON'T want this when labels are stacked
@media (min-width: 768px) {
	.text-left-sm {
		text-align: left;
	}
	.text-right-sm {
		text-align: right;
	}
	.pull-left-sm {
		float: left;
	}
	.pull-right-sm {
		float: right;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.text-left-md {
		text-align: left;
	}
	.text-right-md {
		text-align: right;
	}
	.pull-left-md {
		float: left;
	}
	.pull-right-md {
		float: right;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.text-left-lg {
		text-align: left;
	}
	.text-right-lg {
		text-align: right;
	}
	.pull-left-lg {
		float: left;
	}
	.pull-right-lg {
		float: right;
	}
}

// Don't rewrite a font family of glyph icons
.glyphicon {
	font-family: 'Glyphicons Halflings' !important;
}

ul, ol {
	margin: 0 0 10px 25px;
	padding: 0;
}

.text-normal {
	font-weight: normal;
}

p.margin-top {
	margin: 10px 0 0 0;
}

// Remove unwanted space at the bottom of table cell:
th, td, caption {
	> p:last-child {
		margin-bottom: 0;
	}
}

// Use yellow color on hover table rows intead of grey standard color:
.table-hover > tbody > tr:hover {
	background-color: #ffc;
}

// Custom styles for buttons
.btn {
	margin-top: 3px;
	margin-bottom: 3px;
	&.btn-success, &.btn-danger {
		.fa {
			// Use only white icons in color buttons
			color: #FFF !important;
		}
	}
	&.btn-danger-hover:hover {
		color: #fff;
		background-color: #c9302c;
		border-color: #ac2925;
	}
}
.evo_widget{
	.btn { // we need this to give space to buttons on successive widget lines
		margin-top: 4px;
		margin-bottom: 4px;
	}
	.input-group .btn { // In this case we need to cancel the previous -- eg: search form widget
		margin-top: 0;
		margin-bottom: 0;
	}
}

.input-group .btn {
	margin-top: 0;
	margin-bottom: 0;
}

// Style to make space between inline buttons:
.btn-margin-right {
	margin-right: 5px;
	.btn-group & {
		margin-right: 0;
	}
}

// Keep almost same style for active disabled buttons (used by TinyMCE plugin)
.btn.active[disabled] {
	opacity: 1;
	color: #333;
	background: #e6e6e6;
	border-color: #adadad;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
					box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

// Make action icon normal font style
a.btn.action_icon {
	font-weight: normal;
	text-decoration: none;
	&.hoverlink {
		text-decoration: none;
	}
}

// Style of bootstrap form
.form-horizontal {
	.form-group, .custom_content {
		margin-left: 0;
		margin-right: 0;
	}
	.control-label {
		padding-left: 0;
	}
	.form-control-inline {
		display: inline-block;
		width: auto;
	}
	// Info field that uses full width
	.info_full {
		padding: 0 20px;
		.control-label {
			width: auto;
			padding: 0;
		}
		.controls-info {
			margin: 0 5px;
		}
	}
	// Info field with full height in value
	.info_full_height {
		.form-control-static {
			padding-top: 0;
			padding-bottom: 0;
		}
	}
	// Part after label where input elements
	.controls {
		padding-left: 0;
		padding-right: 0;
		.help-inline {
			color: #999;
			font-size: 84%;
			label {
				font-weight: normal;
			}
		}
		.form-control {
			display: inline-block;
			width: auto;
			max-width: 100%;
		}
		span.help-inline {
			a.btn {
				margin-top: -5px;
			}
		}
		// Every textareas and spec inputs should be full width
		input.large, textarea.form_textarea_input {
			width: 100%;
		}
	}
	.radio-group .controls > .help-inline {
		padding-top: 10px;
		display: inline-block;
		vertical-align: middle;
	}
	.field_inline label {
		width: auto;
		input {
			width: auto;
			display: inline-block;
		}
	}
	.field_wide {
		label {
			width: 100%;
			text-align: left;
		}
		.controls {
			margin-left: 40px;
		}
	}
	// Form layout "linespan"
	div.tile, div.tile label {
		display: inline-block;
		white-space: nowrap;
	}
	input[type=radio], input[type=checkbox] {
		display: inline-block;
	}
	.control-buttons {
		padding-left: 0;
	}
	// Don't use bold for radio/checkbox text
	label.radio-inline, label.radiooption {
		font-weight: normal;
	}
	div.radio, div.checkbox {
		label {
			font-weight: normal;
		}
	}
	.checkbox_with_input {
		input[type=checkbox] {
			position: relative;
			margin-right: 5px;
		}
	}
	// Fix for text input elements that go after radio inputs on one line
	div.radio label .form_text_input {
		vertical-align: top;
		margin-left: 7px;
	}
	#itemform_custom_fields {
		.panel-body .form-group:last-child {
			margin-bottom: 0;
		}
		.help-inline label {
			font-weight: normal;
		}
	}
	// Select category table on edit post form
	#itemform_categories {
		.panel-body.extracats {
			padding: 0;
			table.table {
				margin: 0;
				border: none;
			}
		}
	}
	// Properties block on edit post form
	#itemform_extra {
		label {
			padding-left: 20px;
			margin-right: 5px;
			position: relative;
			input[type=radio] {
				margin: 4px 0 0;
				position: absolute;
				left: 0;
			}
		}
		.form-group {
			display: inline-block;
			margin: 0 0 2px;
			input[type=text]:not( #item_issue_date ) {
				max-width: 85px;
			}
		}
		td {
			vertical-align: middle;
			padding-right: 5px;
		}
	}
	// Location:
	#item_locations {
		th, td {
			white-space: nowrap;
			padding: 2px 0;
		}
		label {
			width: auto;
			float: right;
		}
		select {
			display: inline-block;
		}
	}
	// Text Renderers block on edit post form
	#itemform_renderers, #commentform_renderers {
		.dropdown-menu {
			padding: 10px 10px 5px 10px;
		}
		.popover {
			max-width: initial;
		}
		div[id^="block_renderer_"] {
			padding-left: 20px;
			position: relative;
			white-space: nowrap;
			input[type=checkbox] {
				margin: 4px 0 0;
				position: absolute;
				left: 0;
			}
		}
	}
	// Fix wrong height for radio and checkbox inputs
	input.checkbox, input.radio {
		min-height: 0;
	}
}
// Inline form (E.g. filters of the Results table)
.form-inline {
	.form-control {
		display: inline-block;
		width: auto;
		&.large {
			width: 97%;
		}
	}
	.form-group {
		margin-top: 2px;
		&.large {
			width: 100%;
		}
	}
}
// Responsive table for form fields:
.evo_fields_table {
	display: table;
	width: 100%;
	// Style to keep all fields in single row:
	&.evo_fields_table__single_row {
		.evo_fields_table__field {
			display: table-cell;
			& + .evo_fields_table__field .evo_fields_table__label {
				padding-left: 10px;
			}
		}
	}
}
.evo_fields_table__field {
	display: table-row;
	width: 100%;
	.evo_fields_table__label {
		display: table-cell;
		color: #333;
		font-weight: bold;
		white-space: nowrap;
		padding: 5px 10px 15px 0;
		vertical-align: top;
		text-align: right;
	}
	.evo_fields_table__input {
		display: table-cell;
		width: 100%;
		padding-bottom: 15px;
		.help-inline {
			color: #999;
			font-size: 84%;
		}
		input {
			display: inline-block;
		}
	}
}
@media (max-width: 767px) {
	.evo_fields_table.evo_fields_table__single_row .evo_fields_table__field {
		display: table;
		& + .evo_fields_table__field .evo_fields_table__label {
			padding-left: 0;
		}
	}
}
@media (max-width: 413px) {
	.evo_fields_table__field {
		.evo_fields_table__input {
			display: block;
		}
		.evo_fields_table__label {
			display: block;
			padding: 0 0 5px 0;
			margin: 0;
			white-space: normal;
			text-align: left;
		}
	}
}

// Vertical alignment for recipient field on contact form:
.evo_msgform_recipient {
	label.control-label, div.controls {
		float: none;
		display: inline-block;
		vertical-align: middle;
		padding-top: 0;
	}
	a.login {
		white-space: normal;
		text-align: center;
		display: inline-block;
	}
}
// Fix password fields and indicator on register forms
#register_form {
	div#ffield_m {
		margin-bottom: 4px;
	}
	div#p-status {
		margin-left: 5px;
	}
	#pass2_status .icon {
		margin-top: -2px;
	}
	// make password indicator scaleable on small screens
	#p-container {
		max-width: 100%;
	}
	input[name^="captcha_qstn_"] {
		width: 250px;
	}
}
// Fix aligment
select#report_user_status {
	margin-top: -7px;
}

// Form with fixed label width:
.fixedform-group {
	.fixedform-label {
		clear: both;
		float: left;
		width: 150px;
	}
	.fixedform-controls {
		margin-left: 165px;
	}
}
@media (max-width: 639px) {
	.fixedform-group {
		.fixedform-label {
			clear: both;
			float: none;
			width: 100%;
		}
		.fixedform-controls {
			margin-left: 0;
		}
	}
}

// Used to set a font size of action icons to normal view
a.action_icon {
	font-size: 12px;
}

// jQuery plugin "jquery.tokeninput.js" (helps to select the recipients for thread)
form ul.token-input-list-facebook {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
					box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
			 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
					transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	.border-radius;
	padding: 4px 4px 0 4px;
	&.token-input-list-process {
		background: #fcf8e3;
		border: 1px solid #f5e79e;
	}
	&.token-input-list-error {
		background: #fbf2ee;
		border: 1px solid #d99;
	}
	input, input:focus {
		box-shadow: none;
	}
	li {
		font: inherit;
		height: 24px;
		input {
			padding: 2px 0 1px 0;
		}
		&.token-input-token-facebook, &.token-input-input-token-facebook {
			.border-radius;
			margin: 0 4px 4px 0;
		}
	}
}
// Fix z-index to make it visible inside bootstrap modal window:
body.modal-open div.token-input-dropdown-facebook {
	z-index: 10002;
}
// Fix style for form of editing tags from widget:
.evo_widget.widget_core_item_tags {
	form {
		display: inline-block;
		vertical-align: middle;
		ul.token-input-list-facebook {
			width: 100%;
			max-width: 100%;
		}
		#item_tags {
			display: inline-block;
			width: auto;
			vertical-align: middle;
			width: 100%;
		}
		input[type=submit] {
			margin: 0;
		}
	}
	.panel-body {
		.post_tags {
			margin: 0;
			display: inline;
		}
		form, #item_tags {
			width: 100%;
		}
	}
}
// Fix style for author input field in search form
.extended_search_form  ul.token-input-list-facebook {
	max-width: 100%;
	padding-top: 5px;
	padding-left: 12px;
}

// Results table
div.results {
	margin-top: 0;
	div.table_scroll {
		overflow: auto;
		width: 100%;
	}
	.table-bordered {
		border-left: none;
		border-right: none;
		td.firstcol, th.firstcol {
			border-left: none;
		}
		td.lastcol, th.lastcol {
			border-right: none;
		}
		th {
			border-bottom: none;
		}
	}

	.results_header {
		padding: 5px 10px;
		background-color: #f9f9f9;
	}
	.results_footer {
		// Pager in footer + select "lines per page"
		padding: 5px;
		background-color: #f9f9f9;
	}

	.pagination {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.page_size_selector {
		margin-bottom: 5px;
		display: block;
		select.form-control {
			display: inline-block;
			width: auto;
		}
	}

	tr.placeholder {
		position: relative;
		&::before {
			content: "";
			position: absolute;
			width: 0;
			height: 0;
			border: 6px solid transparent;
			border-left-color: #f00;
			border-right: none;
			margin-top: -5px;
			left: 0;
		}
		&::after {
			content: "";
			position: absolute;
			width: 100%;
			height: 2px;
			background: #F00;
			left: 0;
			margin-top: 1px;
		}
		td {
			border: none;
			height: 0;
			padding: 0;
		}
	}
	tr.placeholder, tr.dragged {
		+ tr:not(:nth-child(2)):not(.dragged) > td {
			border-top: none;
		}
	}
	// Fix this, because max-width:100% of main img style breaks width of table cell with user avatar and login:
	img {
		max-width: none;
	}
}

// Filters at the top of the Results table:
div.filters {
	background-color: #f9f9f9;
	border: none;
	&.panel-body {
		padding: 6px 10px;
	}

	// For the whole filter form:
	.form-inline{
		margin: 5px -10px 0;
		// For each  label:input :
		.form-group {
			margin: 5px 10px 2px;
		}
	}
	// Styles for button on the right:
	.evo_btn_apply_filters {
		margin: 0;
	}

	// Advanced filters area:
	.evo_results_filters__advanced {
		position: relative;
		.evo_results_filters__defaults_btn {
			position: absolute;
			top: 10px;
			right: 0;
		}
	}

	// Fix style for Username fields with autocomplete:
	.twitter-typeahead {
		vertical-align: middle; // otherwise "Username:" label is misaligned
	}

	// Fix style for Query Builder (e-g Users filtering)
	.query-builder {
		margin: -15px 0 -12px -4px; 
		> .rules-group-container {
			// First group:
			border: none;
			background: transparent;
		}
	}

	// In BackOffice > Contents > Posts we display the "cuurrent filters" widget in the form:
	.filters_item_list_table {
		margin: 0 8px;
	}
}

// Navigation used in normal Results abut also post browsing
.results_summary {
	float: left;
	font-weight: bold;
	// padding: 6px 0;
	margin-top: 5px;
	// margin-top: 10px;
}
.evo_pager {
	text-align: center;
}




.table_scroll .table {
	margin-bottom: 0;
}
div.messages{
	border-bottom: 1px solid #bbb;
}

// Popover
.popover {
	max-width: 100%;
	color: #333;
	&.right {
		text-align: left !important;
		&.popover-userfield {
			// Shift a popover window to the right on 35px to don't hide a plus icon
			margin-left: 35px !important;
			cursor: pointer;
		}
	}
	p {
		margin: 10px 0 0 0;
	}
}

// Glyphicons
.glyphicon {
	font-size: 12px;
	color: #428BCA;
}
a:hover .glyphicon {
	color: #2A6496;
}
.glyphicon::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
}

// The voting panel of pictures
#colorbox #cboxVoting {
	label {
		display: inline;
		font-size: 10px !important;
		line-height: 0;
		margin: 0;
		input {
			margin-top: 0;
		}
	}
}

// Make a label inline
table.catselect {
	label {
		display: inline-block;
		margin-right: 5px;
		input {
			margin: 0 2px 4px 0;
		}
	}
}

// Navigation menu
.nav {
	margin: 20px 0;
}
.well {
	background: #F5F5F5;
	.nav {
		padding: 0 15px;
		margin: 0;
		li > a {
			padding: 3px 15px;
			margin: 0 -15px;
		}
		.active > a, .active > a:hover {
			background-color: #0088CC;
			color: #FFFFFF;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
		}
	}
}

// Highlight the required fields
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
	color: #b94a48;
	border-color: #ee5f5b;
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
	border-color: #e9322d;
	-webkit-box-shadow: 0 0 6px #f8b9b7;
	-moz-box-shadow: 0 0 6px #f8b9b7;
	box-shadow: 0 0 6px #f8b9b7;
}
#login_form {
	input:focus:invalid:focus,
	textarea:focus:invalid:focus,
	select:focus:invalid:focus {
		border-color: #66afe9;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	}
}

// Panels
.panel-heading {
	padding-top: 0;
	padding-bottom: 0;
	line-height: 36px;
	.panel-title {
		line-height: 36px;
	}
	h4 {
		margin: 0;
	}
	.close {
		float: none;
	}
	.btn-group {
		margin-left: 6px;
	}
	.panel_heading_action_icons {
		.btn {
			margin: 0 3px 2px 0;
		}
		.btn:last-child, .btn-group .btn {
			margin-right: 0;
		}
		.btn-group {
			margin: 0 6px 0 0;
		}
	}
	img.avatar_before_login {
		vertical-align: middle;
	}
}
legend.panel-heading {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0;
	a.action_icon.pull-right {
		line-height: 16px;
		span.fa {
			position: relative;
			top: 1px;
		}
	}
}
.panel-title {
	.icon {
		vertical-align: middle;
		position: relative;
		top: -1px;
	}
	a.help_plugin_icon {
		color: #337ab7;
		&:hover {
			color: #23527c;
		}
	}
}
.panel-warning > .panel-footer {
	background-color: #fcf8e3;
	border-color: #faebcc;
}

// Title of confirmation block to delete DB object
.evo_confirm_delete__title {
	margin-top: 0;
}

// Form to add contacts
.form_add_contacts {
	display: block;
	padding: 5px 0 20px 0;
	.label {
		color: #333;
		font-size: 100%;
		padding-left: 0;
	}
	.controls {
		padding-left: 0;
	}
	.control-label {
		width: auto;
		padding-top: 2px;
		padding-left: 0;
		line-height: 24px;
		span.fa {
			top: -2px !important;
			left: -5px;
		}
	}
	.form-control {
		display: inline-block;
		width: auto;
	}
}
.form_send_contacts {
	span.fa {
		top: -2px !important;
		left: -5px;
	}
}
.panel-body #ffield_contact_groups {
	label {
		white-space: nowrap;
	}
	.contact_group_new input[type=checkbox] {
		margin-top: 12px;
	}
}

.form-horizontal .controls {
	input.large,
	.form-control.form_textarea_input {
		display: block;
	}
	.form-control.evo_template_select {
		width: calc( 100% - 24px );
	}
}

// Plugin toolbars
div.edit_toolbars {
	margin-top: 5px;
	text-align: left;
}
div.edit_toolbars, div.message_toolbars {
	line-height: 1;
}
.btn-toolbar[class*="_toolbar"] {
	display: inline-block;
	margin: 0 2px 0 0;
	line-height: 1.42857143;
	background-color: #f5f5f5;
	.border-radius;
	padding: 2px 2px 0 2px;
	.btn-group:first-child {
		margin-left: 0;
	}
	.btn {
		margin-top: 0;
		margin-bottom: 2px;
	}
	.btn-toolbar-title {
		padding-top: 1px;
		padding-left: 5px;
		float: left;
		font-weight: bold;
	}
	&.disabled span.btn {
		opacity: 0.5;
		cursor: default;
		&:hover {
			background: #FFF;
		}
	}
}

// Text editor controls
.text_editor_controls {
	display: flex;
	justify-content: space-between;
	align-items: normal;
}
.comment_text_renderers {
	margin-top: -12px;
}

// Plugin buttons
.edit_plugin_actions {
	margin-top: 4px;
}

// Badge
.badge-important {
	background-color: #F00 !important;
	color: #FFF !important;
}
.badge-primary {
	background-color: #337ab7 !important;
	color: #FFF !important;
}
.badge-info {
	background-color: #5bc0de !important;
	color: #FFF !important;
}
.badge-warning {
	background-color: #f0ad4e !important;
	color: #fff !important;
}
.badge-meta {
	background-color: #5bc0de !important;
	color: #fff !important;
}
.dropdown-menu > li > a .tooltip {
	white-space: normal;
}
.panel-heading .badge {
	position: relative;
	top: -1px;
}
.evobar-menu .badge {
	font-weight: normal;
	padding: 3px 7px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.nav .badge {
	font-weight: normal;
}

// Fix colorbox sizes
#colorbox,
#colorbox *,
#colorbox *::before,
#colorbox *::after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

// Modal windows
.modal {
	z-index: 10001; // to be over sitewide header
}
.modal-backdrop {
	position: fixed;
}
.modal-dialog {
	// Set this for all screen sizes(especially for small screens) in order to fix a moving modal over evo_toolbar
	margin: 30px auto;
}
.modal-footer {
	.btn+.btn {
		margin-bottom: 3px;
	}
}
// Modal window with percent height:
#modal_window.evo_modal_window__percent_height {
	.modal-content {
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	.modal-body {
		height: 100%;
		overflow: hidden;
		padding-top: 0;
	}
	.modal-footer {
		flex-shrink: 0;
	}
}

// Typeahead plugin FOR username autosuggest
.tt-dropdown-menu {
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	padding: 0;
	.tt-suggestion {
		font-size: 14px;
		// line-height: px;
		padding: 4px 10px;
		&.tt-cursor {
			background-color: #0097CF;
			color: #FFFFFF;
		}
		p {
			margin: 0;
		}
	}
}

// Fix font-size for jumbotron blocks
.jumbotron {
	font-size: 21px;
	font-weight: 200;
}

// Fix label width on TinyMCE modal windows
.mce-container label.mce-label {
	max-width: none;
}

// Make rounded corners for all images in content
.evo_content_block {
	img {
		.border-radius;
	}
}

// User links widget
.ufld_icon_links {
	a {
		display: inline-block;
		text-decoration: none;
		color: #FFF;
		background: #ddd;
		border-radius: 50%;
		width: 40px;
		height: 40px;
		margin: 2px;
		position: relative;
		-webkit-transition: border-radius 250ms ease-out, background-color 250ms ease-out;
		-moz-transition: border-radius 250ms ease-out, background-color 250ms ease-out;
		-o-transition: border-radius 250ms ease-out, background-color 250ms ease-out;
		transition: border-radius 250ms ease-out, background-color 250ms ease-out;
		&:hover {
			.border-radius;
			color: #FFF;
			background: #23527c;
			// TODO: use @variable name
		}
		.fa {
			font-size: 20px;
			line-height: 40px;
			display: block;
		}
	}
	&.small {
		a {
			width: 20px;
			height: 20px;
			.fa {
				font-size: 10px;
				line-height: 20px;
			}
		}
	}
}

// Messages list & form
.evo_private_messages_list {
	.messages_navigation {
		padding: 5px;
	}
	> h2 {
		margin-top: 0;
	}
	.messages_list_actions {
		text-align: center;
		padding: 10px 0;
		p {
			margin: 0;
			padding: 0;
			text-align: center;
		}
		a {
			display: inline-block;
			&:last-child {
				// margin-bottom: 0;
			}
		}
	}
	span.error {
		border: 1px solid #BBB;
		border-bottom: none;
		padding: 10px;
		text-align: center;
		display: block;
	}
	.panel {
		margin-bottom: 0;
		&.results {
			margin-bottom: 20px;
		}
	}
	.image_block img {
		max-width: 100%;
		height: auto;
	}
}

@media (min-width: 768px) {
	div.coll-dashboard-block-3 {
		float: left;
	}
}

@media (min-width: 992px) {
	div.coll-dashboard-block-3 {
		float: left;
	}
}

@media (min-width: 1200px) {
	div.coll-dashboard-block-3 {
		float: right;
	}
}

.btn-spinner {
	background-image: url(../img/ajax-loader/000.gif);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-position: left 5px center;
}

// Widgets container "Page Top":
.evo_container__page_top {
	// Align right all text on top-right widget container (useful for buttons of menu linkwidgets):
	text-align: right;
}

// Widgets containers "Sidebar" and "Sidebar 2":
.evo_container__sidebar, .evo_container__sidebar_2 {
	// .widget_core_menu_link
	.evo_widget[class$=_menu_link] a.btn {
		width: 100%;
	}
	// Fix Flowing and RWD blocks in sidebar containers:
	div.evo_layout_flow .widget_flow_blocks > div {
		margin: 8px;
		width: auto;
	}
	div.evo_layout_rwd .widget_rwd_blocks .widget_rwd_content img {
		min-width: auto;
		min-height: auto;
	}
}

// Grouped form fieldsets with bootstrap js accordion toggle behavior:
.accordion-caret {
	.accordion-toggler {
		&::before {
			font-size: 14px;
			font-family: FontAwesome;
		}
		&:not(.collapsed)::before {
			padding-right: 3px;
			content: '\f0d7';
		}
		&.collapsed::before {
			padding-right: 6px;
			content: '\f0da';
		}
	}
}

// Widgets of container "Login Required" on disp=access_requires_login:
.disp_access_requires_login, .disp_content_requires_login {
	.evo_widget {
		&.widget_core_content_block.panel {
			background: none;
			border: none;
			box-shadow: none;
			margin: 0;
			.panel-body {
				padding: 0;
			}
			.panel-body, .evo_post__full_text.clearfix {
				&::before, &::after {
					// Change this from default bootstrap value "table", in order to
					// avoid double space of 10px margin between <p> and login form:
					display: block;
				}
			}
		}
		&.widget_core_user_login {
			max-width: 400px;
			margin: 10px auto;
		}
	}
}

// Fix group button border radius for screens > xs size:
@media (min-width: 768px) {
	.panel_heading_action_icons .btn-group.dropdown.single-group-xs a.btn.btn-sm {
		border-radius: 3px;
	}
}


// Widget "Item Workflow Properties":
.evo_widget.widget_core_item_workflow {
	.panel-body {
		img.avatar_before_login {
			vertical-align: middle;
		}
		p:last-child {
			margin-bottom: 0;
		}
	}
}

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

// Widget "Language/Locale/Version switch":
.evo_widget.widget_core_coll_locale_switch {
	ul {
		list-style: none;
	}
}

// Comment status badge
.evo_comment_title {
	position: relative;
	>.evo_status.pull-right {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
}
.evo_comment_subtitle.pull-right {
	.evo_status.pull-right {
		position: relative;
		float: none !important;
		display: inline-block;
		margin-left: 6px;
	}
}

// Comment footer
.evo_content_block {
	.evo_comment_info {
		.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;
	}
}

// Align post images left or right automatically inside widget "Content Block":
@media (min-width: 768px) {
	.alternate-left-right {
		> div {
			.evo_content_block_images {
				width: 40%;
			}
			&:nth-child( even ) {
				.evo_content_block_images {
					float: left;
					margin-right: 1em;
				}
			}
			&:nth-child( odd ) {
				.evo_content_block_images {
					float: right;
					margin-left: 1em;
				}
			}
		}
	}
}
@media (min-width: 1785px) {
	.alternate-left-right {
		> div {
			.evo_content_block_images {
				position: relative;
				width: 60%;
			}
			.evo_content_block_text {
				position: relative;
				width: 125%;
			}
			&:nth-child( even ) {
				.evo_content_block_images, .evo_content_block_text {
					left: -295px;
				}
			}
			&:nth-child( odd ) {
				.evo_content_block_images {
					left: 295px;
					margin-left: -285px;
				}
			}
		}
	}
}


// Comment Workflow
.comment-workflow-form {
	display: flex !important;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	.controls {
		display: flex !important;
		flex-direction: row;
		align-items: center;
		> * {
			margin-left: 6px;
		}
	}
}

// Affix sidebars:
#evo_container__sidebar, #evo_container__sidebar_2, #evo_container__sidebar_single {
	&.evo_affixed {
		position: fixed;
		z-index: 100;
	}
}
// 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 {
		&.evo_affixed {
			position: static;
		}
	}
	.evo_affixed_spacer {
		display: none;
	}
}
