/**********************************
 * CSS for inherited values marking
 **********************************/
 
input.fc-inherited-value + label {
	font-weight: bold !important; /*font-style: italic !important; text-decoration: underline !important;*/
	/*text-shadow: 0 0 6px !important;*/ /* difficult to read */
	text-decoration: underline !important;
}
div.fc-inherited-value {
	float: left;
	font-weight: bold !important; /*font-style: italic !important; text-decoration: underline !important;*/
	text-shadow: 0 0 6px;
	margin: 4px;
	font-style: italic;
}

/****************************************
 * auto sized / positioned jquery dialogs
 ****************************************/
 
.ui-dialog.fc-fixed-dialog {
	position: fixed;
	top: 40px;
	left: 30px;
	overflow: auto;
}

/* Fixes for pagebuilder CK, and other, this is a modal window placed under body TAG, it should display over everything else */
body .ui-dialog.fc-fixed-dialog {
	z-index: 10051 !important;
}
body  .ui-dialog.fc-fixed-dialog + .ui-widget-overlay {
	z-index: 10050 !important;
}
.ui-dialog.fc-fixed-dialog.fc-no-scroll {
	overflow: hidden;
}
.ui-dialog.fc-fixed-dialog.fc-no-scroll .ui-resizable-handle {
	display: none;
}


/********************
 * Modal window fixes
 ********************/
/* Fix for <button> with bootstrap btn classes not showing contents */
body .ui-widget button { font-size: small; }
/* Other minor */
body .ui-widget a.btn.btn-success, body .ui-widget a.btn.btn-info { color: white; }


/***************
 * tooltip fixes
 ***************/
.popover,.tooltip { pointer-events: none; }


/**********************
 * yet unclassified CSS
 **********************/

body .fc_loading_box {
	border: gray;
	box-shadow: inset 0px 0px 5px #777;
	border-radius: 4px;
	padding-right: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.com_flexicontent .ui-autocomplete-loading {
	background: #eee url('../images/ajax-loader.gif') no-repeat 96% center;
}
.com_flexicontent .ui-autocomplete,
.com_flexicontent .ui-autocomplete-list {
	max-height: 400px;
	overflow-y: auto;   /* prevent horizontal scrollbar */
	overflow-x: hidden; /* add padding to account for vertical scrollbar */
	z-index:1000 !important;
}
.flexicontent .calendar {
	vertical-align: middle;
}
body.fc-no-scroll {  /* prevents scrolling of the document */
	height: 100% !important;
	overflow: hidden !important;
}
.fccleared {
	clear: both !important;
	float: left !important;
}
body .icon-flexicontent:before {
	//content: "\e250";
	background: url(../images/logo_flexi.svg) 50% 50% no-repeat transparent;
	height: 1.2em;
	width: 1.2em;
	display: block;
	line-height: 100%;
	content: "";
}


/***********************
 * Performance stats box
 ***********************/
 
#fc_perf_box {
	margin: 12px 1% 48px;
	text-align: left;
	float: left;
	width: 98%;
	display: inline-block;
	clear: both;
	box-sizing: border-box;
}
.flexicontent #fc_perf_box {
	margin: 12px 0% 48px;
	width: 100%;
}


/****************************
 * Versioning TAB (item form)
 ****************************/

table#version_tbl {
}
table#version_tbl td.versions-first {
	border-bottom: 1px dotted silver;
	padding: 4px;
}
table#version_tbl td.versions {
	border-bottom: 1px dotted silver;
	padding: 4px 0;
}
table#version_tbl td.versions img {
	vertical-align: middle;
}
table#version_tb tr#active-version td {
	background: #FFFFDD;
}
#pager {
	clear: both;
	float: left;
	overflow: hidden;
	width: 100%;
	margin-bottom: 5px;
}
#result {
}



/*****************
 * Access fieldset
 *****************/

#flexicontent fieldset#flexiaccess,
#flexicontent fieldset.flexiaccess {
	margin-top: 8px;
	margin-bottom: 8px;
}
#flexicontent fieldset#flexiaccess legend,
#flexicontent fieldset.flexiaccess legend {
	padding: 0 6px 0 24px;
	background: url("../images/toggle_blue.png") no-repeat scroll 4px 50% rgba(0,0,0,0);
	box-sizing: border-box;
	cursor: pointer;
}
#flexicontent fieldset#flexiaccess legend.open,
#flexicontent fieldset.flexiaccess legend.open {
	background: url(../images/toggle_blue.png) no-repeat 98% 50%;
}
option[disabled],
option[readonly] {
	color: #bbb;
}



/************************************
 * Categories / tags / types managers
 ************************************/
 
body span.orderingcat {
	display: inline-block;
	border-radius: 6px;
	border: 1px dashed gray;
	padding: 2px 4px;
	background: white;
}
body span.maincat a:hover {
	text-decoration: none !important;
}
body span.maincat a {
	color: black;
	font-weight: bold;
	font-size: 12px;
	font-family: tahoma, arial;
}
body span.itemtype,
body span.itemtag,
body span.secondarycat a {
	color: gray;
	font-size: 12px;
	font-family: tahoma, arial;
}
body ul.fc_plain
{
	display: block;
	list-style-type: disc;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 0;
	margin-right: 0;
	padding-left: 16px;
	> li {
		display: list-item;
		line-height: 1.2em;
	}
}
.fc_assignments_box {
	display: none;
}

/* Category view */
h3.themes-title {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	background: url(../images/layout_content.png) no-repeat 0% 2px;
	padding: 0px 0px 0px 28px;
	margin: 4px 0;
	font-family: Helvetica;
}
h3.themes-title small {
	font-weight: normal;
}

/* Panes disabled */
.pane-disabled {
	opacity: 0.4;
	font-style: oblique;
}



/**************************************************************************
 * Layout edit form (template positions), sortable fields / records element
 **************************************************************************/

div.records_container,
div.positions_container {
	overflow: visible !important;
	border: 1px dashed silver;
	display: inline-block;
	background-color: #f0f0f0;
	padding: 0;
	margin: 0;
	width: 100%;
	min-height:12px; 
	box-sizing: border-box;
}
div.records_container {
	margin-top: 12px; 
	margin-bottom: 6px;
	min-height: 48px;
}


.fcrecords_title,
.positions_title {
	margin: 10px 0 2px;
	font-weight: bold;
}


ul.fcrecords,
ul.positions {
	display: block;
	list-style: none;
	padding: 10px 0px 0px 0px;
	margin: 0;
	height: 0;
	width: 100%;
	background: lightgray;
	border: 0;
	overflow: visible;  /* hidden, CAUSES annoying jumps with jQuery sortable */
}
ul.fcrecords {
	padding: 0;
}

/* Editing records inside jQuery modal */
*:not(.ui-dialog-content) > .fcrecords_desc {
	display: none !important;
}
.ui-dialog-content > .records_container {
}
.ui-dialog-content > .fcrecords_desc {
	float: none !important;
	display: table-cell !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}
@media (max-width: 1040px) {
	.ui-dialog-content > .fcrecords_desc {
		font-size: 12px;
		font-family: arial;
		width: 36.9% !important;
		display: inline-block !important;
	}
}
.ui-dialog-content > .fcrecords_textarea {
	float: left !important;
	max-width: 1000px;
	width: 62% !important;
	height: 100% !important;
	margin: 0 1% 0 0% !important;
	box-sizing: border-box !important;
	display: inline-block;
}
.fcrecord_header .fcrecord_label.fcrec_unused,
.records_container > ul > li.fcrecord > .fcrecord_prop.fcrec_unused {
	width: 100px;
	opacity: 0.65;
}


/* Sortable fields / records */
.records_container > ul > li.fcrecord,
.positions_container > ul > li.fields {
	background: white;
	display: block;
	border: 1px solid silver;
	margin: 2px 4px;
	float: left;
	border-radius: 2px;
	white-space: nowrap;
	width: auto;
	width: unset;
	cursor: move;
}
.positions_container > ul > li.fields {
	padding: 4px 4px 4px 24px;
}
.records_container > ul > li.fcrecord {
	padding: 2px 4px;
}


/* Sortable fields in layout positions */
.positions_container .fields.user {
	background: url(../images/textfield.png) #f9f9f9 no-repeat 3px 50%;
	white-space: nowrap;
}
.positions_container .fields.core {
	background: url(../images/textfield_key.png) #f9f9f9 no-repeat 3px 50%;
	white-space: nowrap;
}


/* Sortable records with delete / add actions */
.records_container > ul > li.fcrecord {
	.fcprop_box {
		display: inline-block;
	}

	.ordfield_handle,
	.addfield_handle,
	.delfield_handle {
		display: inline-block;
		width: 18px;
		height: 16px;
		line-height: 16px;
		margin: 2px 2px 2px 5px;
		padding: 3px;
		outline: none;
		cursor: pointer;
		border: 1px solid #c0c0c0;
		border-radius: 4px;
		vertical-align: middle;
	}
	.ordfield_handle {
		margin: 2px 0px;
		outline: none;
		cursor: move;
		border: 0;
		opacity: 0.8;
	}

	.addfield_handle.fc_after {
		background: url("../images/insert_after_180.png") no-repeat scroll 50% 50% #f0f0f0;
	}
	.addfield_handle.fc_before {
		background: url("../images/insert_before_180.png") no-repeat scroll 50% 50% #f0f0f0;
	}
	.delfield_handle {
		background: url("../images/cancel.png") no-repeat scroll 50% 50% #f0f0f0;
	}
	.ordfield_handle {
		background: url("../images/move2.png") no-repeat scroll 50% 50% transparent;
		cursor: move;
	}
	.addfield_handle:hover,
	.delfield_handle:hover {
		background-color: #d7d7d7;
	}
}

.records_container {
	.fcrec_state_msg,
	.fcrec_cascaded_msg,
	.fcrec_general_msg {
		margin: 3px;
		display: inline-block;
		padding: 1px 4px;
	}
	.fcrecord_header {
		margin: 6px 0 0 0;
		padding: 0px 2px;
		display: block;
	}
}

.records_container .fcrecord_header .fcrecord_label,
.records_container > ul > li.fcrecord > .fcrecord_prop {
	margin: 2px !important;
	padding: 2px !important;
	float: none !important;
	box-sizing: border-box;
	width: auto !important;
	height: auto !important;
	width: unset !important;
	height: unset !important;
	min-width: 32px !important;
}
.records_container .fcrecord_header .fcrecord_label.fcrec_hidden,
.records_container > ul > li.fcrecord > .fcrecord_prop.fcrec_hidden {
	display:none;
}

/* Record with full-width */
div.sorter-full-width {
	width: 100% !important;
	max-width: unset !important;

	> ul.fcrecords > li.fcrecord {
		box-sizing: border-box;
		width: 100%;
		margin: 0px 0 !important;

		.fcprop_box {
			float: none;
		}
		.ordfield_handle,
		.addfield_handle,
		.delfield_handle {
			float: none;
		}
	}
}


/**************************
 * 'fcmanlist' Table styles
 **************************/

/* fcmanlist table, e.g. collapse, white background  */
table.fcmanlist {
	position: relative !important; /* forced for hover highlighting via absolute positioned div */
	background: transparent !important; /* forced for hover highlighting via absolute positioned div */
	border-spacing: 0px !important; /* forced, combines with table, row, cell borders */
	border-collapse: collapse !important; /* forced */
	color: #555;
	width: auto;
	margin-bottom: 20px;


	/* HEAD row, e.g. bottom border only */
	thead tr {
		border-bottom: 1px solid #aaa !important; /* forced, combines with table, row, cell borders */
	}

	/* HEAD cell */
	thead th {
		background: transparent !important; /* forced, combines with table, row, cell borders */
		border: none;
		border-width: 0px !important; /* forced, avoid border of cell overlapping over the border of the row */
		color: #555;
		text-align: unset;
		padding: 6px 4px;
	}

	th,
	td {
		vertical-align: middle;
	}

	thead th.center,
	td.center {
		text-align: center !important;
	}
	thead th.left,
	td.left {
		text-align: left !important;
	}
	thead th.right,
	td.right {
		text-align: right !important;
	}
	thead a:hover {
		text-decoration: none;
	}
	thead th img {
		padding-left: 3px;
		vertical-align: middle;
	}
	thead td.left .radio {
		display: block;
		margin-bottom: 5px;
	}
	thead th .filterdel img {
		vertical-align: bottom;
	}

	/* Table cell */
	td {
		padding: 5px 4px 3px 4px;
	}
	input[type="text"] {
		width: auto !important;  /* forced to avoid fitting problems */
		padding-left: 0px !important;  /* forced to save space */
		padding-right: 0px !important;  /* forced to save space */
	}

	/* Highlighted columns, e.g. filtered */
	tbody tr td.filtered_column,
	tbody tr.row0 td.filtered_column,
	tbody tr.row1 td.filtered_column {
		background: #F0F0F0;
	}
	/* header cell inside tbody */
	tbody th {
		font-weight: bold;
	}

	/* TR, NO background default align left */
	tbody tr:first-child {
		border-top: 1px solid #aaa !important; /* forced, combines with table, row, cell borders */
	}
	tbody tr {
		border-top: 1px solid #dadada !important; /* forced, combines with table, row, cell borders */
		background: transparent !important;
		text-align: left;
	}
	tbody tr.collapsed_row {
		visibility: collapse;
	}

	/* TR.row0 TR.row1 differences */
	tbody tr td {
		background: none repeat scroll 0 0 #FFFFFF;
		border: none;
		border-width: 0px !important; /* fored, to avoid border of cell overlapping over the border of the row */
		text-align: unset;
	}
	tbody tr.row1 td {
		background: none repeat scroll 0 0 #F7F7F7;
	}

	/* Mouse over ROW CELL */
	tbody tr.row0:hover td,
	tbody tr.row1:hover td,
	tr:hover td.filtered_column {
		background: #F7F7E7 !important;
	}

	.adminlist-table-row {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		background-color: #f0f0f0;
		background-image: -webkit-repeating-linear-gradient(135deg,#e7e7e7,#e7e7e7 10px,#e0e0e0 10px,#e0e0e0 20px);
		background-image: repeating-linear-gradient(135deg,#e7e7e7,#e7e7e7 10px,#e0e0e0 10px,#e0e0e0 20px);
	}

	/* FOOTER of table */
	tfoot {
		border-top: 1px solid #ddd !important; /* forced, combines with table, row, cell borders */
	}
	tfoot tr {
		color: #333333;
		text-align: center;
	}
	tfoot td,
	tfoot th {
		background-color: #fff;
		border: none;
		border-width: 0px !important; /* forced, to avoid border of cell overlapping over the border of the row */
		text-align: center;
	}

	/* ORDER column */
	td.col_order {
	}
			
	/* Checkbox column */
	th.col_cb {
		padding-bottom: 0px;
	}
	td.col_cb {
		padding-top: 7px;
	}

	/* Notes column (scheduled, expired, review needed, other?) */
	td.col_notes {
		padding-top: 7px;
		font-size: 110%;
	}

	/* IF PAGINATION is inside the table the force center alignment */
	.pagination {
		display: flex;
		box-sizing: border-box;
		margin-left: auto;
		margin-right: auto;
	}
}


/* various */
.novalue {
	color: gray;
	font-style: italic;
}
.submitbutton {
	background: url(../images/bullet_add.png) no-repeat 0% 50%;
	padding-left: 12px;
}
body div .badge-info-2 {
	background-color: #2b89a4;
}
body div .badge-box {
	border-radius: 3px;
}



/******************
/* Tags (item form)
 ******************/

/* Selected tags list */
ul#ultagbox {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
ul#ultagbox > li {
	list-style-type: none;
	display: block;
	float: left;
	margin: 2px;
	padding: 6px;
	line-height: 100%;
	height: 36px;
	border-radius: 3px;
	border: 1px solid silver;
}
ul#ultagbox > li.tagitem > span {
	padding: 2px;
	font-size: 1em;
	display: inline-block;
	float: left;
}
ul#ultagbox > li.tagitem.plain > span {
	padding: 2px 24px 2px 2px;
	background: url(../images/tag_blue.png) transparent no-repeat 100% 50%;
}
/*input[type="checkbox"] + label.tagitem::before {
	background: #fff url("../images/tag_blue.png") no-repeat scroll 0 0;
	content: " ";
	display: inline-block;
	height: 16px;
	margin: 4px 2px 0 4px;
	padding: 0;
	vertical-align: top;
	width: 16px;
}*/
ul#ultagbox > li.tagitem > a.deletetag {
	background: url(../images/tag_blue_delete.png) #f9f9f9 no-repeat 100% 100%;
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 100%;
	margin: -2px 0 0 0;
	padding: 2px 0 0 8px;
	outline: none;
	background-color: transparent;
}

/** Tag autocomplete box */
div#tags {
	margin: 0px 8px 8px 0;
	padding: 0px;
	float: left;
}
div#tags #input-tags {
	width: auto;
	vertical-align: top;
}
div#tags #input_new_tag {
	display: inline-block;
	padding: 0px;
	margin: 10px 6px 0 6px;
	width: 16px;
	height: 16px;
	background: url(../images/tag_blue_add.png) #f9f9f9 no-repeat 0% 50%;
}
#fc_tagbox {
	display: block;
	overflow: auto;
	border: 1px dashed silver;
	border-radius: 4px;
	background: #fff;
	margin: 0px 4px 4px 0px;
	padding: 0 0 0 8px;
	float: left;
	min-width: 16px;
	min-height: 24px;
}
.fc_tagidbox {
	width: 20px !important;
	display: block !important;
	float: left !important;
	margin-top: -4px !important;
}
.fc_addtag {
	margin-top: 10px !important;
}



/****************
 * Clearing class
 ****************/
 
.flexicontent .clear,
#flexicontent .clear,
.clear {
	border: 0;
	clear: both;
	float: none;
	font-size: 1px;
	height: 0;
	line-height: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

.fc_select_button {
	display: block;
	float: left;
	padding: 6px;
	margin: 12px;
	background-color: #eeeeee;
	border: 1px solid #dddddd;
	border-radius: 6px;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
}
.fc_select_button:hover {
	background-color: #dddddd;
}
span.fc_select_button {
	background-color: white;
	color: gray;
	font-weight: normal;
	font-style: italic;
}
span.fc_select_button:hover {
	background-color: white;
}

/* Language associations */
.fc_assoc_translation img {
	border: 1px solid lightgray;
	padding: 0px;
	margin: 0px;
	float: left;
}
.fc_assoc_translation {
	display: inline-block;
	float: left;
	text-decoration: none;
	margin-right: 5px;
	padding: 1px;
	border: 0px solid green;
	font-weight: bold !important;
	font-size: 11px !important;
}
a.fc_assoc_translation:before {
	content: '' !important;
	-webkit-padding-end: 0px !important;
	padding-inline-end: 0px !important;
}
.fc_assoc_translation.fc_assoc_later_mod {
}

body div .fc-del-filter-icon {
	color: #bd362f;
	/*color: #942a25; color: darkred;*/
	font-size: 12px !important;
	cursor: pointer;
}



/*******
 * Forms
 *******/

#flexicontent {
	.fc_tabset_inner {
		float: none;
		width: 100%;
		margin: 1em 0%;
		padding: 0px;
		display: inline-block;
		border: 0 none;
	}
	.fc_edit_container_full {
		float: none;
		width: 98%;
		margin: 1em 1% 1em 1%;
		padding: 0px;
		display: inline-block;
		border: 0 none;
		/*background-color: cyan;*/ /* for testing */
	}
	.fcform_tabs_above {
		margin-bottom: 1em;
	}
	.fcform_tabs_below {
		margin-top: 2em;
	}

	.fc_form_flex_box {
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		border: 0 none;

		.fc_form_flex_box_item {
			float: none;
			flex-grow: 0;
			margin: 12px;
			padding: 0;
			display: inline-block;
			border: 0 none;

			&.use_flex_grow {
				flex-grow: 1;

				.fcfield_textareaval,
				.fcfield_selectval,
				.fcfield_selectmulval,
				.fcfield_textval {
					width: 100%;
					max-width: unset;
				}
			}
		}
	}

	div.fields_tabset,
	div.params_tabset {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	div.fields_tabset .tabbertab,
	div.params_tabset .tabbertab {
		padding-bottom: 1.4em !important;
	}
}

#flexicontent .panel > h3 a {
	padding: 0px 0px 4px 0px;
}
#flexicontent .pane-sliders .panel .pane-slider {
	padding-left: 8px;
	padding-right: 8px;
}
#flexicontent .pane-sliders .panel .pane-slider fieldset.panelform {
	padding: 0px !important;
	margin: 3px !important;
	border-width: 0px !important;
	background: unset !important;
}
div fieldset.panelform {
	padding: 0px !important;
	margin: 0px !important;
	width: 100% !important;
}


/* Extra buttons style for button groups to override Joomla default YES-NO only styling */
#flexicontent .btn,
.btn {
	user-select: none;
	outline-width: 0;
}
#flexicontent {
	.input-group > input {
		border-width: 1px;
		border-style: solid;
	}
	.input-group > input:first-child,
	.input-group > input:last-child {
		/*border-radius: 4px;*/
	}
	.btn[class^="btn-outline-"],
	.btn[class*=" btn-outline-"] {
		border-width: 1px;
		/*border-radius: 4px;*/
	}
	.btn.btn-sm {
		/*padding: 4px 4px 3px 5px;*/
	}
}
@media (min-width: 1020px) {
	.com_flexicontent .btn.spaced-btn,
	div.#fctoolbar-preview_btns_group,
	div.#toolbar-preview_btns_group {
		margin-left: 2rem !important;
	}
}

body .controls .btn-group.btn-group-yesno {
	width: unset;
}
body .controls .btn-group.btn-group-yesno .btn,
body .btn-group.btn-group-yesno .btn,
body .btn-group.group-fcinfo .btn,
body .btn-group.group-fcprimary .btn,
body .btn-group.group-fcsuccess .btn,
body .btn-group.group-fcwarning .btn,
body .btn-group.group-fcmethod .btn,
body .btn-group input[value=""]:first-of-type + label.btn {
	min-width: 50px;
	width: unset;
}

body .btn-group.group-fcinfo .btn:not(.btn-primary),
body .btn-group.group-fcprimary .btn:not(.btn-primary),
body .btn-group.group-fcsuccess .btn:not(.btn-primary),
body .btn-group.group-fcwarning .btn:not(.btn-primary),
body .btn-group.group-fcmethod .btn:not(.btn-primary) {
	color: #333;
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom,#ffffff,#e7e7e7);
	background-repeat: repeat-x;
	border-color: #bbb #bbb #a2a2a2;
	border-image: none;
}
body .btn-group.group-fcinfo .btn-check:checked + .btn:not(.btn-primary),
body .btn-group.group-fcprimary .btn-check:checked + .btn:not(.btn-primary),
body .btn-group.group-fcsuccess .btn-check:checked + .btn:not(.btn-primary),
body .btn-group.group-fcwarning .btn-check:checked + .btn:not(.btn-primary),
body .btn-group.group-fcmethod .btn-check:checked + .btn:not(.btn-primary),
body .btn-group.group-fcinfo .btn.active:not(.btn-primary),
body .btn-group.group-fcprimary .btn.active:not(.btn-primary),
body .btn-group.group-fcsuccess .btn.active:not(.btn-primary),
body .btn-group.group-fcwarning .btn.active:not(.btn-primary),
body .btn-group.group-fcmethod .btn.active:not(.btn-primary) {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-image: none;
	box-shadow: 0 2px 4px rgba(0,0,0,0.15) inset, 0 1px 2px rgba(0,0,0,0.15);
	outline: 0 none;
}

body .btn-group.group-fcinfo .btn-check:checked + .btn:not(.btn-primary),
body .btn-group.group-fcinfo .btn.active:not(.btn-primary) {
	background-color: #2f96b4;
	border-color: #2f96b4 #2f96b4 #1f6377;
}
body .btn-group.group-fcprimary .btn-check:checked + .btn:not(.btn-primary),
body .btn-group.group-fcprimary .btn.active:not(.btn-primary) {
	background-color: #15497c;
	border-color: #15497c #15497c #0a223b;
}
body .btn-group.group-fcsuccess .btn-check:checked + .btn:not(.btn-primary),
body .btn-group.group-fcsuccess .btn.active:not(.btn-primary) {
	background-color: #378137;
	border-color: #378137 #378137 #204b20;
}
body .btn-group.group-fcwarning .btn-check:checked + .btn:not(.btn-primary),
body .btn-group.group-fcwarning .btn.active:not(.btn-primary) {
	background-color: #faa732;
	border-color: #faa732 #faa732 #ad6704;
}

body .btn-group.group-fcmethod.fcnoyes input[value=""] + label + input:checked + .btn,
body .btn-group.group-fcmethod.fcnoyes .btn-check:checked + .btn:not(.btn-primary):first-of-type,
body .btn-group.group-fcmethod.fcnoyes input[value=""] + label + input + .btn.active,
body .btn-group.group-fcmethod.fcnoyes .btn.active:not(.btn-primary):first-of-type {
	background-color: #942a25;
	border-color: #942a25 #942a25 #802420;
}
body .btn-group.group-fcmethod.fcnoyes .btn-check:checked + .btn:not(.btn-primary),
body .btn-group.group-fcmethod.fcnoyes .btn.active:not(.btn-primary) {
	background-color: #378137;
	border-color: #378137 #378137 #204b20;
}

body .btn-group.group-fcmethod.fcoffactive input[value=""] + label + input:checked + .btn,
body .btn-group.group-fcmethod.fcoffactive .btn-check:checked + .btn:not(.btn-primary):first-of-type,
body .btn-group.group-fcmethod.fcoffactive input[value=""] + label + input + .btn.active,
body .btn-group.group-fcmethod.fcoffactive .btn.active:not(.btn-primary):first-of-type {
	background-color: #444444;
	border-color: #444444 #444444 #333333;
}
body .btn-group.group-fcmethod.fcoffactive .btn-check:checked + .btn:not(.btn-primary),
body .btn-group.group-fcmethod.fcoffactive .btn.active:not(.btn-primary) {
	background-color: #378137;
	border-color: #378137 #378137 #204b20;
}

body .btn-group.group-fcmethod input[value=""] + label + input:checked + .btn,
body .btn-group.group-fcmethod .btn-check:checked + .btn:not(.btn-primary):first-of-type,
body .btn-group.group-fcmethod input[value=""] + label + input + .btn.active,
body .btn-group.group-fcmethod .btn.active:not(.btn-primary):first-of-type {
	background-color: #444444;
	border-color: #444444 #444444 #333333;
}
body .btn-group.group-fcmethod .btn-check:checked + .btn:not(.btn-primary),
body .btn-group.group-fcmethod .btn.active:not(.btn-primary) {
	background-color: #faa732;
	border-color: #faa732 #faa732 #ad6704;
}
body .group-fcset {
	border-width: 0px;
}
body .group-fcset.fc-cleared.radio,
body .group-fcset.fc-cleared.fc_input_set {
	margin: 0 0 5px 0;
}
body .group-fcset.radio > label,
body .group-fcset.fc_input_set > div,
body .group-fcset.fc_input_set > label {
	float: left;
	display: inline-block;
	white-space: nowrap;
}
body .group-fcset.radio.fc-cleared > label,
body .group-fcset.fc_input_set.fc-cleared > div,
body .group-fcset.fc_input_set.fc-cleared > label {
	clear: both;
	margin: 0 0 2px 0;
}

body .group-fcset.fc_input_set.fc-columned > div,
body .group-fcset.fc_input_set.fc-columned > label {
	float:left;
	box-sizing: border-box;
	margin: 0;
	border:0;
	padding: 0 12px 0 0;
	min-width: 120px !important;
}
body .group-fcset.fc_input_set.fc-aligned-250 > div,
body .group-fcset.fc_input_set.fc-aligned-250 > label {
	min-width: 250px !important;
}
body .group-fcset.fc_input_set.fc-aligned-200 > div,
body .group-fcset.fc_input_set.fc-aligned-200 > label {
	min-width: 200px !important;
}
body .group-fcset.fc_input_set.fc-aligned-150 > div,
body .group-fcset.fc_input_set.fc-aligned-150 > label {
	min-width: 150px !important;
}
body .group-fcset.fc_input_set.fc-aligned-100 > div,
body .group-fcset.fc_input_set.fc-aligned-100 > label {
	min-width: 100px !important;
}

body input.fc_hidden_value {
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	display: inline-block;
	box-sizing: border-box !important;
}

#flexicontent form div fieldset.panelform > div:not(.alert):not(.fc-mssg):not(.fc-mssg-inline):not([class^="fcsep_"]):not([class*=" fcsep_"]),
form div.container_fcfield > div:not(.alert):not(.fc-mssg):not(.fc-mssg-inline):not([class^="fcsep_"]):not([class*=" fcsep_"]) {
	margin: 0;
}

#flexicontent form div fieldset.panelform {
	> fieldset,
	> div > div.input-append,
	> div > div.input-prepend,
	> div > div.btn-group,
	> div.input-append,
	> div.input-prepend,
	> div.btn-group,
	> div.select2-container,
	> input,
	> button,
	> textarea,
	> select,
	> img,
	> span {
		margin: 1px 2px 1px 2px;
		float: left;
	}
}
form div.container_fcfield {
	> fieldset,
	> div > div.input-append,
	> div > div.input-prepend,
	> div > div.btn-group,
	> div.input-append,
	> div.input-prepend,
	> div.btn-group,
	> div.select2-container,
	> input,
	> button,
	> textarea,
	> select,
	> img,
	> span {
		margin:0px !important;
	}

	> input,
	> button,
	> textarea,
	> select {
		max-width: 96%;
	}
}

#flexicontent div fieldset .input-append,
#flexicontent div fieldset .input-prepend {
	margin-bottom: 0px;
}

#flexicontent div fieldset.panelform .input-append,
#flexicontent div fieldset.panelform .input-prepend {
	float: left;
}

#flexicontent div fieldset.panelform .input-append > input,
#flexicontent div fieldset.panelform .input-prepend > button {
	margin-left: 0px;
}
#flexicontent div .btn-group > *:not(:first-child):not(:last-child),
#flexicontent div .input-append > *:not(:first-child):not(:last-child) {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	vertical-align: middle;
}
#flexicontent div .btn-group > *:not(:first-of-type),
#flexicontent div .input-prepend > *:not(:first-child),
#flexicontent div .btn-group > *:not(:first-child):not(label),
#flexicontent div .input-prepend > *:not(:first-child):not(label) {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	vertical-align: middle;
}

#flexicontent div fieldset.panelform :not(.container_fcfield) fieldset.radio,
#flexicontent div fieldset.panelform :not(.container_fcfield) fieldset.group-fcset,
#flexicontent div fieldset.panelform :not(.container_fcfield) textarea {
	min-width: 60%;
	/*max-width: 81%;*/
	box-sizing: border-box;
	display: inline-block;
	margin-left: 0 !important;
	margin-right: 0;
	line-height: unset;
	height: unset;
}

#flexicontent div fieldset.panelform :not(.input-prepend):not(.input-append) > input[type="text"]:not(.minicolors):not(.input-small):not(.input-xsmall),
#flexicontent div fieldset.panelform textarea,
div fieldset td :not(.input-prepend):not(.input-append) > input[type="text"]:not(.minicolors):not(.input-small):not(.input-xsmall),
div fieldset td textarea {
	min-width: 86%;
	/*padding:2px 4px;*/
}

fieldset.panelform ul.adminformlist input,
fieldset.panelform ul.adminformlist button,
fieldset.panelform ul.adminformlist textarea,
fieldset.panelform ul.adminformlist select,
fieldset.panelform ul.adminformlist img {
	margin-bottom: 0px;
}

#flexicontent .current ul.tabbernav > li a {
	border-radius: 0px !important;
	background-color: grey !important;
	font-family: arial;
}
#flexicontent .current ul.tabbernav > li:hover a {
	border-color: black !important;
}
dd.tabs dl.tabs dt {
	border-radius: 0px !important;
	background-color: grey !important;
}
dl.tabs dt h3 {
	padding: 0px !important;
}
dl.tabs dt {
	border-radius: 8px 8px 0px 0px;
	border-bottom: 0px solid gray !important;
	margin: 4px 6px 0px 0px !important;
	background-color: #777 !important;
	padding: 8px 12px !important;
}
dd.tabs dl.tabs dt.open,
dl.tabs dt.open {
	border-bottom: 0px solid gray !important;
	background-color: white !important;
}
dl.tabs dt:not(.open):hover,
.flexicontent dl.tabs dt:not(.open):hover {
	background: darkred !important;
}

dl.tabs dt span,
dl.tabs dt h3 a {
	font-size: 11px !important;
	font-family: arial;
	font-weight: bold;
	color: white !important;
}
dl.tabs dt.open span,
dl.tabs dt.open h3 a {
	font-weight: bold !important;
	color: darkred !important;
}

#flexicontent table.adminform td {
	padding: 0px 2px 0px 2px;
}
#flexicontent table.adminform {
	margin: 0px;
}
table.adminform td #search {
	margin-bottom: 0px;
	padding: 4px !important;
}

#flexicontent span.flexi_label label {
	float: right;
	margin: 0px;
	padding: 0px;
	color: unset;
	font-size: 12px;
	font-style: normal;
}

#flexicontent .flexi_params > label,
#flexicontent fieldset.panelform > label,
#flexicontent label.fckey,
#flexicontent .flexi_label {
	/*color: white;
	background-color: #999;
	border-radius: 3px;
	
	font-size: 12px;
	font-weight: bold;*/
	text-align: right;
	
	border: 0px solid;
	white-space: normal;

	display: inline-block;
	width: 17%;
	min-width: 90px;
	max-width: 150px;
	float: left;
	clear: left;
	margin: 2px 1% 3px 0% !important;
	/*padding: 6px !important;*/
	box-sizing: border-box;
}
body .label-fcouter,
#flexicontent .label-fcouter {
	display: inline-block;
	width: 15%;
	min-width: 90px;
	max-width: 150px;
	float: left;
	margin: 2px 1% 3px 0% !important;
	padding: 0 !important;
}
body .label-fcouter > label,
body .label-fcinner,
#flexicontent .label-fcouter > label,
#flexicontent .label-fcinner {
	text-align: right;
	min-width: 90px;
	width: 100%;
	line-height: 150%;
	/*float: right;*/
	/*font-size: 12px;*/
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/
	
	/* important for proper form placement, override ALL or NONE */
	border-left: 0 !important; /* non-zero causes wrapping */
	border-right: 0 !important; /* non-zero causes wrapping */
	border-top: 0;
	border-bottom: 0;
	margin: 2px 0 3px 0 !important;
	/*padding: 6px !important;*/
	box-sizing: border-box;
	white-space: normal !important;
}

body .label-fcouter > label.fc_tooltip_icon,
body .label-fcinner.fc_tooltip_icon,
#flexicontent .label-fcouter > label.fc_tooltip_icon,
#flexicontent .label-fcinner.fc_tooltip_icon {
	padding: 2px 21px 2px 6px !important;
	background-image: url(../images/comments.png);
	background-position: 100% 2px;
	background-repeat: no-repeat;
}

body label.label-fcaction,
#flexicontent label.label-fcaction {
	border-bottom: 1px dashed gray;
}

body .nowrap_box .label-fcouter,
#flexicontent .nowrap_box .label-fcouter {
	float: none;
	width: unset;
	max-width: unset;
}
body .nowrap_box .container_fcfield:not(.controls),
#flexicontent .nowrap_box .container_fcfield:not(.controls) {
	float: none !important;
}


#flexicontent .span6.full_width_980 {
	width: 50%;
}
#flexicontent .full_width_980 {
	padding: 0;
	margin: 0%;
	box-sizing: border-box;
}
#flexicontent .full_width_980:first-child {
	padding: 0 32px 0 0;
}
#flexicontent .col-md-6.full_width_980.padded_wrap_box,
#flexicontent .span6.full_width_980.padded_wrap_box {
	padding: 0;
}
@media (max-width: 979px) {
	#flexicontent .full_width_980 {
		width: 100% !important;
		padding: 0% !important;
		margin: 0% !important;
		clear: both !important;
	}
	#flexicontent .full_width_980.padded_wrap_box {
		margin-top: 48px !important;
	}
}

#flexicontent .col-md-6.full_width_1270,
#flexicontent .span6.full_width_1270 {
	width: 50%;
}
#flexicontent .full_width_1270 {
	padding: 0;
	margin: 0%;
	box-sizing: border-box;
}
#flexicontent .full_width_1270:first-child {
	padding: 0 32px 0 0;
}
#flexicontent .col-md-6.full_width_1270.padded_wrap_box,
#flexicontent .span6.full_width_1270.padded_wrap_box {
	padding: 0;
}
@media (max-width: 1269px) {
	#flexicontent .full_width_1270 {
		width: 100% !important;
		padding: 0% !important;
		margin: 0% !important;
		clear: both !important;
	}
	#flexicontent .full_width_1270.padded_wrap_box {
		margin-top: 48px !important;
	}
}

#flexicontent .span6.full_width_1340 {
	width: 50%;
}
#flexicontent .full_width_1340 {
	padding: 0;
	margin: 0%;
	box-sizing: border-box;
}
#flexicontent .full_width_1340:first-child {
	padding: 0 32px 0 0;
}
#flexicontent .col-md-6.full_width_1340.padded_wrap_box,
#flexicontent .span6.full_width_1340.padded_wrap_box {
	padding: 0;
}
@media (max-width: 1339px) {
	#flexicontent .full_width_1340 {
		width: 100% !important;
		padding: 0% !important;
		margin: 0% !important;
		clear: both !important;
	}
	#flexicontent .full_width_1340.padded_wrap_box {
		margin-top: 48px !important;
	}
}
@media (max-width: 1619px) {
	body .full_width_1340 input.input-xxlarge,
	#flexicontent .full_width_1340 input.input-xxlarge {
		width: 75%;
	}
}

body .span6 .label-fcouter,
#flexicontent .span6 .label-fcouter {
	width: 28% !important;
}
body .span6 .container_fcfield:not(.controls),
#flexicontent .span6 .container_fcfield:not(.controls) {
	width: 71% !important;
}

body .input-fcmax.container_fcfield input,
#flexicontent .input-fcmax.container_fcfield input {
	width: 80%;
	padding-left: 1em;
	padding-right: 1em;
}
body .container_fcfield input.input-xxlarge,
#flexicontent .container_fcfield input.input-xxlarge {
	width: 100%;
}
body .container_fcfield input,
#flexicontent .container_fcfield input {
	max-width: 100%;
}

.flexi_params table.admintable,
.flexi_params table.admintable td {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 none !important;
	background: none !important;
}


/* Forced elements to display as INVALID, MUST avoid CSS conflicts here */
body span.alert.invalid_fcfield_message {
	display: inline-block;
	padding: 6px 8px;
	margin: 2px 12px;
}
body span.alert.invalid_fcfield_message.fc_notes {
	margin: 2px 12px;
	padding: 6px 8px;
}

textarea.invalid,
input.invalid,
select.invalid {
	border: 1px solid #CC0000 !important; /* forced, display as INVALID */
}
.fc_input_set.invalid,
.fcfield_box.invalid {
	border: 1px dashed #CC0000 !important; /* forced, display as INVALID */
	border-radius: 3px;
}
label.invalid > img {
	border: 2px dashed #CC0000 !important; /* forced, display as INVALID */
}
label.invalid {
	color: #CC0000 !important; /* forced, display as INVALID */
}

.use_prettycheckable.invalid + a + label,
input.invalid + .fccheckradio_lbl {
	color: #cc0000 !important; /* FORCED styling, display as INVALID */
}
.use_prettycheckable.invalid + a + label > img {
	border: 1px dashed #CC0000 !important; /* FORCED styling, display as INVALID */
}
#flexicontent .label.invalid,
#flexicontent .label-fcinner.invalid,
#flexicontent .flexi_label.invalid,
#flexicontent .flexi_label.invalid.required {
	color: #CC0000 !important; /* forced, display as INVALID */
}

#flexicontent .flexi_formblock {
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}

#flexicontent {
	margin: 0px;
}

/* Override template values ... */
body.contentpane.component,
body.contentpane.modal {
	margin: 0px;
	padding: 0px 8px 0px 8px;
	> #system-message-container {
		margin: 8px 0 0 0;
	}
}
body.contentpane.component #mailto-window,
body.contentpane.component #flexicontent,
body.contentpane.modal #flexicontent {
	padding: 8px 8px 4px 8px;
}

/* Override modal CSS ... this assumes JS resizes the outer container height */
div.field-media-wrapper > div.modal {
	height: 70%;
	.modal-body {
		height: 100% !important;
		max-height: 100% !important;
		> iframe {
			height: 100% !important;
		}
	}
}

#flexicontent fieldset.basicfields_set,
fieldset.flexiaccess,
fieldset.adminform,
#flexicontent fieldset.params_set {
	border: 1px solid lightgray !important;
	margin: 8px 4px !important;
	padding: 4px 4px 4px 4px !important;
	width: auto !important;
	min-width: inherit !important; /* workaround for chrome fieldset width bug */
	display: block;
}
#flexicontent fieldset.params_set legend,
#flexicontent fieldset.basicfields_set legend {
	padding: 0px 6px;
	width: auto;
	border: 0px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #3276B1;
}
fieldset.adminform {
	margin-bottom: 1em;
}
fieldset.adminform legend {
	font-weight: bold;
	font-size: 14px;
}
#adminForm a.mb,
#adminForm a.mb:link,
#adminForm a.mb:visited,
#adminForm a.mb:hover,
#adminForm a.mb:active {
	margin: 6px 6px 4px 0;
}

.fieldgrprow_cell {
	padding-right: 6px;
}

.fieldgrprow_cell:last-child {
	padding-right: 0px;
}

.fc_legend_box {
	border-bottom: 1px dashed gray;
}

.key.tbl_group {
	text-align: center !important;
	color: darkgreen !important;
	border: 1px dashed #bbbbbb !important;
	font-size: 12px !important;
	padding: 6px !important;
}

ul.thumbnails.image_picker_selector {
	clear: both;
	overflow: auto;
	margin: 8px 0px 2px 0px !important;
}
ul.thumbnails.image_picker_selector li {
	float: left !important;
	clear: none !important;
	margin: 0px 4px 4px 0px !important;
}
ul.thumbnails.image_picker_selector li div.thumbnail {
	float: left;
}
ul.thumbnails.image_picker_selector li div.thumbnail img {
	float: left;
	border: 1px solid lightgray;
	padding: 0px !important;
	margin: 4px !important;
}
ul.thumbnails.image_picker_selector li div.thumbnail p {
	float: left;
	clear: both;
	padding: 0px !important;
	margin: 0px !important;
}


/************************************************************
 * The field container in various forms, e.g. FE/BE item form
 ************************************************************/

.container_fcfield-inner {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	width: 68%;
	float: none;
	display: inline-block;
}
.container_fcfield .container_fcfield-inner {
	width: 100%;
}
.container_fcfield:not(.controls) {
	float: none !important;
	padding: 0px !important;
	margin: 2px 0% 3px 0% !important;
	width: 82% !important;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

/* Adjust containers according to screen width */
@media only screen and (min-width: 2090px) {
	.full_body_box .container_fcfield.fcfield_row0,
	.full_body_box .container_fcfield.fcfield_row1 {
		width: 91.2% !important;
	}
}
@media only screen and (min-width: 1960px) and (max-width: 2090px) {
	.full_body_box .container_fcfield.fcfield_row0,
	.full_body_box .container_fcfield.fcfield_row1 {
		width: 90.6% !important;
	}
}
@media only screen and (min-width: 1880px) and (max-width: 1960px) {
	.full_body_box .container_fcfield.fcfield_row0,
	.full_body_box .container_fcfield.fcfield_row1 {
		width: 90% !important;
	}
}
@media only screen and (min-width: 1680px) and (max-width: 1880px) {
	.full_body_box .container_fcfield.fcfield_row0,
	.full_body_box .container_fcfield.fcfield_row1 {
		width: 89.2% !important;
	}
}
@media only screen and (min-width: 1600px) and (max-width: 1680px) {
	.full_body_box .container_fcfield.fcfield_row0,
	.full_body_box .container_fcfield.fcfield_row1 {
		width: 88.7% !important;
	}
}
@media only screen and (min-width: 1490px) and (max-width: 1600px) {
	.full_body_box .container_fcfield.fcfield_row0,
	.full_body_box .container_fcfield.fcfield_row1 {
		width: 87.7% !important;
	}
}
@media only screen and (min-width: 1390px) and (max-width: 1490px) {
	.full_body_box .container_fcfield.fcfield_row0,
	.full_body_box .container_fcfield.fcfield_row1 {		width: 87% !important;
	}
}
@media only screen and (min-width: 1290px) and (max-width: 1390px) {
	.full_body_box .container_fcfield.fcfield_row0,
	.full_body_box .container_fcfield.fcfield_row1 {
		width: 86% !important;
	}
}
@media only screen and (min-width: 1190px) and (max-width: 1290px) {
	.full_body_box .container_fcfield.fcfield_row0,
	.full_body_box .container_fcfield.fcfield_row1 {
		width: 84.5% !important;
	}
}
@media only screen and (min-width: 1120px) and (max-width: 1190px) {
	.full_body_box .container_fcfield.fcfield_row0,
	.full_body_box .container_fcfield.fcfield_row1 {
		width: 84% !important;
	}
}
@media only screen and (min-width: 800px) and (max-width: 1120px) {
	.full_body_box .container_fcfield.fcfield_row0,
	.full_body_box .container_fcfield.fcfield_row1 {
		width: 83% !important;
	}
}
@media only screen and (max-width: 800px) {
	.full_body_box .container_fcfield.fcfield_row0,
	.full_body_box .container_fcfield.fcfield_row1 {
		width: 100% !important;
		margin-left: 0;
	}
}

/* Odd / even field container */
.container_fcfield.fcfield_row0 {}
.container_fcfield.fcfield_row1 {}


/********************************
 * clear classes, forcing to wrap
 ********************************/

.fcclear,
#flexicontent .clear {
	border: 0 !important;
	clear: both !important;
	float: none !important;
	font-size: 1px !important;
	height: 0 !important;
	line-height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	visibility: hidden !important;
	display: block !important;
}


/******************************************
 * General styling for form fields per type
 ******************************************/

#flexicontent form input.fcfield_textval.fc-floated-lbl-input {
	margin: 0 0.6rem 0.2rem 0 !important; /* match values below */
}
#flexicontent form .fcfield_textareaval,
#flexicontent form .fcfield_selectval,
#flexicontent form .fcfield_selectmulval,
#flexicontent form .fcfield_textval {
	background-clip: padding-box;
	color: #444;
	border: 1px solid #AAAAAA;
	/*border-radius: 4px;*/
	display: inline-block;
	padding: 0 0.6rem 0 0.6rem;
	margin: 0 0.6rem 0.2rem 0;
	position: relative;
	text-decoration: none;
	font-size: 1rem;
}
#flexicontent form span.fcfield_textval {
	cursor: text;
	white-space: pre-wrap;
	word-wrap: break-word;
	width: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}
#flexicontent form span.fcfield_textval,
#flexicontent form select.fcfield_selectval,
#flexicontent form input.fcfield_textval {
	min-height: var(--form-inp-height);
	line-height: var(--form-inp-height);
	height: unset;
	padding-top: 0;
	padding-bottom: 0;
	overflow: auto;
	vertical-align: top;
	min-width: 220px;
	/*width: auto;*/  /* causes problem with .invalid changing field size*/
	max-width: 600px;
	border-radius: 3px;
	padding: 0 0.3rem;
	font-size: 1rem;
	box-sizing: border-box;
	vertical-align: bottom;
}
/* select specific */
#flexicontent form select.fcfield_selectval {
	height: var(--form-inp-height);
}

#flexicontent form select.fcfield_selectmulval,
#flexicontent form textarea.fcfield_textareaval {
	line-height: 1em;
	overflow: auto;
	padding: 4px 0 2px 4px;
	min-width: 248px;
}
#flexicontent form select.fcfield_selectval.inlineval,
#flexicontent form select.fcfield_selectmulval.inlineval,
#flexicontent form input.fcfield_textval.inlineval {
	min-width: 0;
	width: auto;
}

/* A special case for using inside backend managers/views that use "admintable" class */
#flexicontent form .admintable input.fcfield_textval {
	height: 22px;
	line-height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}
#flexicontent a.btn {
	text-decoration: none;
}



/*******************************************
 * 'fc-form-tbl', a table for using in forms
 *******************************************/

table.fc-form-tbl.align-top td.key > *,
table.fc-form-tbl.align-top td.data > * {
	vertical-align: top;
}

table.fc-form-tbl td {
	vertical-align: middle;
	padding: 2px 0px 6px 0px;
}
table.fc-form-tbl td:not(:last-child) {
	padding: 2px 24px 6px 0px;
}
table.fc-form-tbl td.fc-nopad-h-cell {
	padding-left: 0px;
	padding-right: 0px;
}
table.fc-form-tbl.fccompact td {
	padding: 0px 8px 4px 0px;
}

table.fc-form-tbl td.key {
	vertical-align: top;
	text-align: right;
	padding: 2px 0px;
	max-width: 140px;
	min-width: 114px;
}
table.fc-form-tbl.fccompact td.key {
	min-width: auto;
}

table.fc-form-tbl.fc-padded-v {
	td, td.key {
		vertical-align: top;
		padding-bottom: 20px;
	}
}

table.fc-form-tbl.fcfullwidth {
	width: 100% !important;
}
table.fc-form-tbl.fcfullwidth td.key {
	width: 114px;
	padding-right: 8px;
}
table.fc-form-tbl.fcfullwidth td.key .label {
	white-space: unset;
}
table.fc-form-tbl td.key label.label {
	display: inline-block;
	padding: 8px 4%;
	width: 82%;
	margin: 0px 5%;
	white-space: normal;
}

table.fc-form-tbl.fcinner td.key label.label,
table.fc-form-tbl.fccompact td.key label.label {
	padding: 2px 4px;
}
table.fc-form-tbl.fccompact td.key label.label {
	font-size: 11px;
}

table.fc-form-tbl fieldset {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}
table.fc-form-tbl td.data {
	vertical-align: top;
}
table.fc-form-tbl td.key > .fc-prop-lbl {
	margin: 0 8px 0;
	display: inline-block;
}



/************************
 * Styling for select2 JS
 ************************/

// Highlighting selected choices for select2 JS
.fc_filter_html .select2-search-choice div,
.select2-container .select2-choice.fc_highlight span,
.fc_highlight {
	color: darkorange;
}
.select2-container .select2-choice.fc_highlight_disabled span,
.fc_highlight_disabled {
	color: gray !important;
	font-weight: normal !important;
	text-decoration: line-through !important;
	font-style: italic !important;
}

/* Hide it (almost), till JS is initialized */
select.fc_is_selmultiple.use_select2_lib {
	max-height: 0 !important;
}

/* Convert these SELECTs to an compact drop-down arrow ... */
select.fc_is_selarrow + input {
	margin-left: 1.4em !important;
}
div.fc_is_selarrow {
	position: absolute !important;
}
select.fc_is_selarrow {
	position: absolute !important;
	max-width: 1.4em !important;
	margin: 0 !important;
	height: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
	display: inline-block;
	border: 0 !important;
	box-shadow: 0px 0px 0px 1px #c0c0c0 inset;
}
select.fc_is_selarrow:hover, select.fc_is_selarrow:focus {
	position: absolute;
	width: 100% !important;
	max-width: unset !important;
	z-index: 1050;
	border: 1px solid #c0c0c0 !important;
	box-shadow: none;
}

/* Fallback behaviour if select2 JS fails to initialize */
select[multiple].use_select2_lib {
	position: absolute;
	font-size: 14px !important;
	max-height: 2.6em !important;
}
select[multiple].use_select2_lib:hover, select[multiple].use_select2_lib:focus {
	height: 15em !important;
	max-height: unset !important;
	width: 100% !important;
	max-width: unset !important;
	z-index: 1050;
	box-shadow: 0 2px 4px rgba(0,0,0,0.15) inset, 0 1px 2px rgba(0,0,0,0.15);
	border: 1px solid #d0d0d0 !important;
}



/**********************************
 * Blocking overlay during form,
 * being applied and page reloading
 **********************************/

#fc_filter_form_blocker {
	display: none;
	z-index: 2000;
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	.fc_blocker_overlay {
		display: block;
		z-index: 2000;
		position: absolute !important;
		top: 0;
		left: 0;
		background-color: rgba(51, 51, 51, 0.521);
		width: 100%;
		height: 100%;
	}

	.fc_blocker_content {
		display: block;
		z-index: 2001;
		box-sizing: content-box !important;
		position: relative !important;
		top: 35%;
		left: 50%;

		font-size: 18px;
		font-weight: bold;
		color: #555;
		background: white 30px 40px no-repeat;
		width: auto;
		padding: 2em 2em 3em 2em;
		margin: 0px;
		border-radius: 0.5em;
		text-align: center;
		width: 280px;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	.fc_blocker_bar {
		display: block;
		box-sizing: content-box !important;
		position: relative !important;
		left: 0;
		top: 1.5em;
		width: 100%;
		height: 22px;
		border-radius: 4px;
		background-color: #f5f5f5;
		box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	}

	.fc_blocker_logo {
		img {
			max-width: 50%;
			margin-bottom: 24px;
		}
	}

	.fc_blocker_mssg {
		font-size: 1.2rem;
		height: 1.6rem;
		line-height: 1.6rem;
	}

	.fc_blocker_bar div {
		border-radius: 4px;
		display: block;
		height: 100%;
		color: #fff;
		text-align: right;
		line-height: 22px;
		width: 0;
		background-color: #0099ff;
	}
}


/*********
 * tooltip
 *********/

.tooltip {
	.tooltip-inner {
		white-space: normal !important;
		word-wrap: break-word !important;
		min-width: 220px;
	}
}


/*********
 * popover
 *********/

/*body .popover {
}
body .popover-title {
	font-weight: bold;
}
body .popover.right .arrow::after {
	border-right-color: #333;
}
body .popover .arrow::after {
	border-width: 0;
}*/


div.pane-sliders ul.adminformlist li select {
	margin-bottom: 0px;
}
div.pane-sliders ul.adminformlist li fieldset {
	margin: 0; padding: 0;
}
div.current ul.config-option-list li .fcsep_level3 {
	margin-left: 232px !important;
}
div.current ul.config-option-list li select {
	margin-bottom: 0px;
	font-size:12px;
}
div.current ul.config-option-list li fieldset {
	margin: 0;
	padding: 0;
}


/***************************************
 * Parameters inside .control-group box
 **************************************/

/*
 * Joomla Toolbar customization
 * e.g. Drop down menu of buttons
 */

.com_flexicontent .subhead-collapse.in.collapse {
	overflow: visible;
}

#fctoolbar.btn-toolbar,
#toolbar.btn-toolbar {
	.btn-wrapper {
		display: inline-block;
		margin-bottom: 6px !important;
		box-sizing: border-box;
	}

	> * {
		margin-top: 4px;
		margin-bottom: 4px;
		margin-left: 0;
		margin-right: .75rem;
		vertical-align: middle;
		box-sizing: border-box;

		.btn.buttons.btn-group {
			padding: 0 !important;
			border: 0;
		}

		.btn {
			box-sizing: border-box;
			margin: 0;
			float: none ! important;
		}
	}
}

#fctoolbar.btn-toolbar {
	> * .btn {
		/* Do not apply to #toolbar... and specify individually (padding-*) to override other CSS*/
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem!important;
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
	}
	> *,
	> * > * {
		font-size: 14px;
	}
}

/* Toolbar toggling in small screens */
#fctoolbar_btn {
	display: none;
	margin: 0 0 12px 0;
}

@media (min-width: 480px) {
	:not(div.fctoolbar_side_placement) > {  /* Only direct descedants, otherwise :not() will evaluate to true in other cases too */
		#fctoolbar {
			display: block !important;
			margin-top: 0;
		}
		#fctoolbar_btn {
			display: none !important;
		}
	}
}
@media (max-width: 479px)  {

	#fctoolbar_btn {
		display: block !important;
	}

	:not(div.fctoolbar_side_placement) > {  /* Only direct descedants, otherwise :not() will evaluate to true in other cases too */

		#fctoolbar joomla-toolbar-button,
		#toolbar joomla-toolbar-button,
		#fctoolbar .btn-wrapper,
		#toolbar .btn-wrapper,
		#fctoolbar .btn,
		#toolbar .btn {
			margin-left: 0!important;
			margin-right: 0 !important;
			width: 100%;
		}

		#fctoolbar .buttons.btn-group,
		#toolbar .buttons.btn-group {
			> ul.dropdown-menu {
				> li,
				> li .toolbar {
					text-align: center;
				}
			}
		}
	}
}

@media (min-width: 768px) {
	.fctoolbar_side_placement {
		#fctoolbar {
			display: block !important;
		}
		#fctoolbar_btn {
			display: none !important;
		}
	}

	.fctoolbar_side_placement.fcpos_left {
		#fctoolbar .buttons.btn-group,
		#toolbar .buttons.btn-group {
			> ul.dropdown-menu {
				top: 0 !important;
				left: 102%;
			}
		}
	}

	.fctoolbar_side_placement.fcpos_right {
		#fctoolbar .buttons.btn-group,
		#toolbar .buttons.btn-group {
			> ul.dropdown-menu {
				top: 0 !important;
				right: 102%;
			}
		}
	}
}

@media (max-width: 767px)  {
	body .label-fcouter > label,
	body .label-fcinner,
	#flexicontent .label-fcouter > label,
	#flexicontent .label-fcinner,
	#flexicontent .fc_sub_label > label,
	#flexicontent .fc_sub_label {
		text-align: left !important;
	}

	.fctoolbar_side_placement {
		margin: 24px 0 12px 0;
	}
}

.fctoolbar_side_placement {
	#fctoolbar joomla-toolbar-button,
	#toolbar joomla-toolbar-button,
	#fctoolbar .btn-wrapper,
	#toolbar .btn-wrapper,
	#fctoolbar .btn-group,
	#toolbar .btn-group,
	#fctoolbar :not(li) > .btn,
	#toolbar :not(li) > .btn {
	  margin-left: 0!important;
	  margin-right: 0 !important;
		width: 100%;
		white-space: normal;
	}

	#fctoolbar li > .btn,
	#toolbar li > .btn {
		text-align: left !important;
		white-space: nowrap;
	}

	#fctoolbar .buttons.btn-group,
	#toolbar .buttons.btn-group {
		> ul.dropdown-menu {
			> li,
			> li .toolbar {
				text-align: center;
			}
		}
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.fctoolbar_side_placement {
		#fctoolbar > .btn-wrapper,
		#toolbar > .btn-wrapper,
		#fctoolbar > *,
		#toolbar > * {
			margin-left: 0.5rem !important;
			margin-right: 0.5rem !important;
			width: auto !important;
		}
		#fctoolbar {
			display: block !important;
			margin-top: 0;
		}
	}
}

div.fctoolbar_top_placement {
	margin: 0;
}
div.fctoolbar_bottom_placement {
	margin: 24px 0 12px 0;
}


#fctoolbar.btn-toolbar > *:first-of-type,
#toolbar.btn-toolbar > *:first-of-type {
}

#fctoolbar button#fctoolbar-new,
#fctoolbar div#fctoolbar-new > *,
#toolbar button#toolbar-new,
#toolbar div#toolbar-new > * {
	min-width: unset;
}

#fctoolbar joomla-toolbar-button,
#toolbar joomla-toolbar-button,
#fctoolbar .buttons.btn-group,
#toolbar .buttons.btn-group {
	display: inline-flex !important;

	.btn {
		/*display: inline-block !important;*/
	}

	.toolbar {

		> [class^="icon-"],
		> [class*=" icon-"] {
			text-align: center;
		}
	}

	> ul.dropdown-menu {
		background: unset;
		border: unset;
		box-shadow: unset;
		padding: 0;
		min-width: 100% !important;
		width: auto !important;
		top: 100% !important;
		/*left: auto !important;*/
		transform: unset !important;

		> li,
		> li .toolbar {
			display: block !important;
			width: 100%;
			box-sizing: border-box;
			margin: 0;
			float: right;
			text-align: left;
		}
		> li .toolbar:hover {
			/*background: #e0e0e0;
			color: black;*/
		}
	}
	
	> .toolbar {
		margin: 0;
	}

	> .toolbar + .dropdown-toggle:not(.dropdown-toggle-split) {
		padding-top: 1px;
	}
	> .toolbar + .dropdown-toggle {
		flex-basis: 0;
	}
	> .dropdown-toggle:first-child .caret {
		margin-top: 10px;
		margin-left: 4px;
	}
}

#fctoolbar .btn.btn-fcaction,
#toolbar .btn.btn-fcaction {
	> [class^="icon-"],
	> [class*=" icon-"] {
		padding-right: 8px;
		border-right: 1px solid #777;
		margin-right: 8px;
	}
}	


/*
 * PrettyCheckable
 */

.prettycheckbox.fcradiocheck label, .prettyradio.fcradiocheck label {
	margin: 7px 0px 0px 0px !important;
	clear: none !important;
}

.prettycheckbox.fcradiocheckimage label, .prettyradio.fcradiocheckimage label {
	margin: 2px 0px 0px 0px !important;
	clear: none !important;
}

.prettycheckbox.fcradiocheckimage, .prettyradio.fcradiocheckimage,
.prettycheckbox.fcradiocheck, .prettyradio.fcradiocheck {
	float: none !important;
	display: inline-block !important;
	vertical-align: top !important;
	margin:-2px 10px 0px 2px !important;
}

.prettyradio input, .prettycheckbox input {
	display: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.prettyradio > a.disabled,
.prettycheckbox > a.disabled,
.prettyradio > a.disabled + label,
.prettycheckbox > a.disabled + label {
	font-style: italic;
	opacity: 0.4;
}


/*
 * select2.js : SINGLE  SELECT customizations and enforced CSS
 */

#flexicontent .select2-container,
.select2-container {
	margin: 0;
	min-height: calc(var(--form-inp-height) - 2px);
	line-height: calc(var(--form-inp-height) - 4px);
	vertical-align: baseline;
	padding: 0;
}

/* select choice container */
.select2-container .select2-choice {
	padding: 0 7px !important;
	margin: 0 !important;
	font-weight: normal !important;
	min-height: calc(var(--form-inp-height) - 2px) !important;
	line-height: calc(var(--form-inp-height) - 4px) !important;
	height: auto !important;
	box-sizing: content-box !important;
	background:#fff !important;//remove background gradient
}
#flexicontent.fcconfig-form .select2-container .select2-choice {
	min-height: calc(var(--form-inp-height) - 2px) !important;
	line-height: calc(var(--form-inp-height) - 4px) !important;
}

html[dir="rtl"] .select2-container .select2-choice {
	padding: 0 8px 0 0 !important;
}
.select2-container .select2-choice > .select2-chosen {
	color: inherit;
	white-space: pre-wrap !important;
	border: 0 !important;
	min-height: calc(var(--form-inp-height) - 4px) !important;
	line-height: calc(var(--form-inp-height) - 4px) !important;
}
.select2-container .select2-choice .select2-arrow {
    border-left: 0px solid #aaa !important;
 	background: none !important;
}
.select2-container .select2-choice .select2-arrow b {
    background-position: 0 0.2rem !important;
}

/* Form validation failed, having 'invalid' CLASS */
.select2-container.invalid .select2-choice > .select2-chosen {
	color: red !important;
}
.select2-container-multi.invalid .select2-choices .select2-search-field input.select2-input {
	border: 1px solid red !important;
}


/*
 * select2.js : MULTI SELECT customizations and enforced CSS
 */

/* already selected choices container */
.select2-container .select2-choices {
	list-style-type: none !important;
	position: relative !important;
	top: 0 !important; left: 0 !important;
	padding: 0px !important;
	margin: 0 !important;
	white-space: normal !important; /* for chrome! */
	width: auto !important;
	min-width: 2rem !important;
  min-height: 1.9rem !important;
  line-height: 1.9rem !important;
}

/* height fix for template CSS */
.select2-container-multi .select2-choices > li {
	box-sizing: content-box;
}

/* search box container */
.select2-container .select2-search-field {
	padding: 0px !important;
	margin: 0px 2px !important;
	line-height: 1em !important;
	position: relative !important;
}

.select2-drop .select2-results {
	li {
		line-height: 1.9rem !important;
		height: auto !important; /* may contain inner sub-list */
		.select2-result-label {
			padding: 0 2px !important;
			font-size: 0.9rem !important;
			line-height: 1.9rem !important;
			height: 1.9rem !important;
		}
	}
}


/* Make search (filtering) field always visible, forcing the search icon too  */
.select2-container-multi .select2-choices .select2-search-field input.select2-input,
.select2-container-multi.select2-dropdown-open .select2-choices .select2-search-field input.select2-input {
	cursor: pointer;
	min-width: 32px !important;
	line-height: calc(var(--form-inp-height) - 2px) !important;
  min-height: calc(var(--form-inp-height) - 2px) !important;
	padding: 0 7px !important;
	margin-top: 1px !important;
	border: 0px solid lightgray !important;
	box-sizing: content-box !important;
	/*background: url(../../assets/images/plus-button.png) no-repeat  50% 50% !important;*/

	background: #fff url('../images/select2.png') no-repeat 100% -22px !important;
	background-position: 93% -22px !important;
}
.select2-container-multi.select2-dropdown-open .select2-choices .select2-search-field input.select2-input {
	min-width: 124px !important;
	cursor: default;
}

/* Enlarge above when focused */
.select2-container-multi .select2-choices > li:first-child input.select2-input,
.select2-container-multi.select2-dropdown-open .select2-choices > li:first-child input.select2-input,
.select2-container-multi.select2-dropdown-open .select2-choices .select2-search-field input.select2-input.select2-focused {
	width: auto !important;
}
.select2-container-multi.select2-dropdown-open .select2-choices .select2-search-field input.select2-input.select2-focused {
	min-width: 124px !important;
}

/* Make sure above is has clickable appearance (cursor pointer) */
.select2-container-multi .select2-choices .select2-search-field input.select2-input:hover {
	cursor: pointer !important;
}

/* Enlarge the removal icon padding to allow easier removal of multiple choices */
.select2-container-multi .select2-search-choice-close {
	margin: -1px 0 0 0 !important;
	padding: 0 2px 0 2px !important;
}
/* ?? */
.select2-drop .select2-results .select2-result.select2-selected-highlight div {
	font-size: 11px !important;
}

/* dropdown */
.select2-drop.select2-drop-multi {
	padding: 0px 10px 10px 10px !important;
}
.select2-drop-active {
	border: 1px solid #aaa !important;
}
.select2-results .select2-highlighted {
	background: #d8d8d8 !important;
	color: #fff !important;
}

#flexicontent .fc_filter_box {

	.select2-container {
		height: unset !important;
		min-height: var(--filts-inp-height) !important;
		line-height: var(--filts-inp-height) !important;
		box-sizing: border-box !important;
		padding: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;

		input.select2-input {
			height: unset !important;
			min-height: calc(var(--filts-inp-height) - 2px) !important;
			line-height: calc(var(--filts-inp-height) - 2px) !important;
			padding: 0 4px !important;
			margin-top: 0 !important;
			margin-bottom: 0 !important;
		}
		a.select2-choice {
			height: unset !important;
			min-height: var(--filts-inp-height) !important;
			line-height: var(--filts-inp-height) !important;
			padding-top: 0 !important;
			padding-bottom: 0 !important;
			margin-top: 0 !important;
			margin-bottom: 0 !important;

			.select2-chosen {
				height: unset !important;
				min-height: calc(var(--filts-inp-height) - 4px) !important;
				line-height: calc(var(--filts-inp-height) - 4px) !important;
				padding-top: 0 !important;
				padding-bottom: 0 !important;
				margin-top: 0 !important;
				margin-bottom: 0 !important;
			}
		}
		ul.select2-choices {
			height: unset !important;
			min-height: calc(var(--filts-inp-height)) !important;
			line-height: calc(var(--filts-inp-height)) !important;
			padding-top: 0 !important;
			padding-bottom: 0 !important;
			margin-top: 0 !important;
			margin-bottom: 0 !important;
		}
	}
}


// ***
// *** Various
// ***

// forms
fieldset legend .fc_legend_header_text {
	background: none repeat scroll 0 0 transparent;
	border: 1px solid lightgray;
	border-radius: 6px;
	display: inline-block;
	line-height: 0.5em;
	margin: 0 0 5px;
	padding: 8px 10px;
	position: relative;
	top: 0;
}

#flexicontent .control-label {
	/*padding-top: 0 !important;*/
}
#flexicontent .controls {
	/*margin-right: 10px;*/
}

#flexicontent .form-inline.form-inline-header {
	.control-label {
		text-align: right;
		width: 120px;
		display: block;
	}
	.controls {
		margin-left: 140px;
		display: block;
	}
}

body .form-horizontal .control-group
{
	margin-bottom: 8px;
}

#flexicontent .fc-unset-width {
	width: unset;
}

#flexicontent .form-horizontal > .nav-tabs > li > a {
	text-align: center;
}

div#permissions .tab-content {
	position: sticky;
	top: 90px;
	max-height: calc(~"100vh - 350px");
}

.fc-tabbed-field-box {
	padding: 0 !important;
	textarea,
	> input {
		border: 0 !important;
		border-radius: 4px !important;
		margin: 0 !important;
		width: 96% !important;
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
}

.fcspacer-8 {
	margin-top: 8px !important;
}
.fcspacer-16 {
	margin-top: 16px !important;
}
.fcspacer-24 {
	margin-top: 24px !important;
}
.fcspacer-32 {
	margin-top: 32px !important;
}


/**
 * Duplicate BS4 classes TODO move to seperate file to allow loading only in J3
 */

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}



/**************************************
 * File / image Field and other Plugins
 **************************************/

/*[class^="fcfile_"], [class*=" fcfile_"] {}*/

/* File field viewing: file title */
/*.fcfile_title {}*/

/* File field viewing: information blocks */
.fcfile_hits, .fcfile_lang, .fcfile_size, .fcfile_descr_tip {
	margin: 2px 8px;
}
.fcfile_descr_inline {
  margin: 16px 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* File field viewing: mime icon external container */
.fcfile_mime {
}
.fcfile_name {
	background: #f0f0f0;
	margin: 2px 2px 12px 2px;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	padding: 6px 4px;
	font-weight: 500;
	font-size: 140%;
}

/* File field viewing: property icons */
.fcfile_mime .fcicon-mime,
.fcfile_hits .fcicon-hits,
.fcfile_size .fcicon-size, 
.fcfile_lang .fcicon-lang,
.fcfile_descr_tip .fcicon-descr {
	vertical-align: middle;
}

.fcfile_hits .label,
.fcfile_size .label, 
.fcfile_lang .label,
.fcfile_descr_tip .label {
	min-width: 40px;
	text-align: right;
}

/* File field viewing: action buttons */
.fcfile_actions {
	margin: 4px;
	clear: both;
	display: block;
	width: 100% !important;
	box-sizing: border-box !important;
}
.fcfile_actions > a,
.fcfile_actions > input,
.fcfile_actions > form > input {
  margin: 4px 0;
	width: 100% !important;
	box-sizing: border-box !important;
}
.fcfile_actions > form {
	width: 100% !important;
	box-sizing: border-box !important;
	margin: 0px !important;
	padding: 0px !important;
}

/* File field viewing: totals */
.fcfile_total {
	margin: 8px 0 !important;
}
.fcfile_total_count_label,
.fcfile_total_hits_label {
	font-weight: bold;
}

/* Compact Display */
.fcfile_name.fcfile_compact,
.fcfile_actions.fcfile_compact {
	display: inline-block !important;
	width: unset !important;
	margin-top: 2px;
	margin-bottom: 2px;
}
.fcfile_actions.fcfile_compact > a,
.fcfile_actions.fcfile_compact > input,
.fcfile_actions.fcfile_compact > form > input {
	width: unset !important;
}

/* Image field viewing: thumbnails */
img.fc_field_image {
	display: inline-block;
	margin: 0px 4px 6px 0px;
}
div .fc_image_thumb {
	display: inline-block;
	text-decoration: none;
	float: left;
}

/* Image field viewing: thumbnail container */
div .fc_img_container {
	display: inline-block;
	margin: 2px 8px 2px 0px;
}


/* Image field viewing: inline tooltip */
div .fc_img_tooltip_data {
	display: inline-block;
	vertical-align: top;
	margin: 2px 12px 6px 4px;
}
div .fc_img_tooltip_title {
	line-height: 1em;
	font-weight: bold;
}
div .fc_img_tooltip_desc {
	line-height: 1em;
}


/* Address international field, map container */
div .fc_addressint_map {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
div .fc_addressint_map_canvas {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}


/* Core fields: categories, tags */
div span.fc_categories, div span.fc_tags {
	border-bottom: 1px dashed gray;
}
div a.fc_categories, div a.fc_tags {
}
div .fc_categories.fc_ismain_cat {
	font-weight: bold;
}
div .fc_categories:not(.fc_ismain_cat) {
	font-weight: normal;
}



/* Radio/checkbox/select/etc (indexed fields) viewing: the non-selected values */
div .fc_field_unsused_val {
	display: inline-block;
}
div .fc_field_unsused_val,
div .fc_field_unsused_val .fc_ifield_val_txt {
	font-style: italic;
	text-decoration: line-through;
}
div .fc_field_unsused_val .fc_ifield_val_txt {
	opacity: 0.7;
}
div .fc_field_unsused_val [class^="fc-icon-"], 
div .fc_field_unsused_val [class*=" fc-icon-"],
div .fc_field_unsused_val img {
	opacity:0.4;
}
.fc_ifield_val_box {
	float: left;
	display: inline-block;
	margin: 0 12px 0 0;
}
.fc_ifield_val_box .fc_ifield_val_img,
.fc_ifield_val_box .fc_ifield_val_txt {
	float:left;
	display: inline-block;
	clear: both;
	padding: 0px;
	margin: 2px;
}
.fc_ifield_val_box .alert.fc_ifield_val_txt {
	padding: 2px 6px;
}

/* fieldgroup field viewing: default container for values */
div.fc-fieldgrp-value-box {
	border-radius: 4px;
	border: 1px solid lightgray;
	display: block;
	float: left;
	
	box-sizing: border-box;
	/*max-width: 98%;
	min-width: 48%;*/
	width: 100%;
	margin: 4px 1%;
	padding: 6px 4px;
	vertical-align: top;
}

/* favourites field viewing: information containers */
[class*="fcfavs-"].fc-mssg-inline {
	position: relative;
	margin: 1px 2px;
}
/** field language assoc**/
#fcform_language_container .input-append input {
  height: 26px !important;
}
/* Add missing bootstrap CSS */
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.input-group > .input-group-prepend > .input-group-text {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/* Allow elements with popups at bottom to display */
body #config {
	margin-bottom: 230px;
}

.fc_val_plg_not_fould_or_upublished_mssg {
	opacity: 0.6;
}
.fc_val_translation_shared_mssg {
	opacity: 0.7;
}