/**
 * overall styling
 */
.tl_content h1.has-strong {
	font-weight: normal;
}

/**
 * multicolumn wizard styling
 */
.pixlscript-mcw .multicolumnwizard {
	/*width: 100%;*/
}

.pixlscript-mcw thead td,
.pixlscript-mcw thead th {
	background-color: white !important;
	border-bottom: 1px solid #dddddd;
}

.pixlscript-mcw td {
	padding: 10px 15px 10px 0;
	border-bottom: 1px solid #eee;
	vertical-align: top;
}

.pixlscript-mcw td a img {
	top: -6px;
}

.pixlscript-mcw td:empty {
	display: none;
}

.pixlscript-mcw tr:nth-child(odd) td {
	background-color: #fafafa;
}

/* hide UI elements that won't work in a multicolumnwizard */
.pixlscript-mcw .toggleWrap {
	display: none;
}

.pixlscript-mcw input,
.pixlscript-mcw textarea,
.pixlscript-mcw .tl_select,
.pixlscript-mcw h3 + div {
	margin-bottom: 10px;
}

.pixlscript-mcw select {
	margin-bottom: 14px !important;
}

.pixlscript-mcw .tl_checkbox_single_container {
	padding: 24px 0;
}

.pixlscript-mcw textarea {
	resize: vertical;
}

.pixlscript-mcw .operations {
	width: auto !important;
	vertical-align: top;
	padding: 23px 10px !important;
	border-left: 8px solid #fafafa;
}

.pixlscript-mcw tr:nth-child(odd) .operations {
	border-left-color: white;
}

.pixlscript-mcw .selector_container {
	max-width: 190px !important;
}

.pixlscript-mcw .wizard {
	white-space: nowrap;
}

@media (min-width: 1200px) {
	.pixlscript-mcw .selector_container {
		max-width: 240px !important;
	}
}

.pixlscript-mcw .selector_container li {
	word-break: break-all;
}

/**
 * multicolumnwizard with block columns
 */
.pixlscript-mcw-block > table,
.pixlscript-mcw-block > table > tbody,
.pixlscript-mcw-block > table > tbody > tr,
.pixlscript-mcw-block > table > thead > tr > th,
.pixlscript-mcw-block > table > tbody > tr > td {
	display: block;
}

.pixlscript-mcw-block > table > thead {
	display: none;
}

.pixlscript-mcw-block > table {
	border: 1px solid #ddd;
}

.pixlscript-mcw-block > table > tbody > tr {
	position: relative;
	padding: 20px 100px 10px 10px;
	background: #fafafa;
}

.pixlscript-mcw-block tr:nth-child(even) {
	background: #EEEEEE;
}

.pixlscript-mcw-block .operations {
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	vertical-align: middle;
}

.pixlscript-mcw-block input,
.pixlscript-mcw-block textarea {
	margin-bottom: 10px;
	width: 404px !important;
}

.pixlscript-mcw-block .mce-tinymce {
	width: 100% !important;
}

.pixlscript-mcw-block textarea {
	min-height: 100px;
}

/**
 * multicolumnwizard with grouped columns
 */
.pixlscript-mcw-columns table {
	border-top: 1px solid #cccccc;
	table-layout: fixed;
	min-width: 600px;
}

.pixlscript-mcw-columns table thead {
	display: none; /* must hide empty table-head so the first real row defines the fixed table-layout */
}

.pixlscript-mcw-columns tr td {
	border-bottom: 1px solid #cccccc;
}

.pixlscript-mcw-columns tr:nth-child(odd) td {
	background-color: #fafafa;
}

.pixlscript-mcw-columns td {
	padding: 20px 10px 10px;
}

.pixlscript-mcw-block input,
.pixlscript-mcw-block select,
.pixlscript-mcw-block textarea {
	margin-bottom: 10px;
	width: 404px !important;
}

.pixlscript-mcw-block .tl_chosen {
	width: 410px !important;
}

.pixlscript-mcw-block .wizard input {
	width: 386px !important;
}

.pixlscript-mcw-columns .upload {
	width: 120px;
}

.pixlscript-mcw-columns .text {
	width: 170px;
}

.pixlscript-mcw-columns .textarea {
	/* fluid width */
}

.pixlscript-mcw-columns .textarea-two-rows textarea {
	min-height: 61px !important;
}

.pixlscript-mcw-columns .operations {
	width: 70px;
}

.pixlscript-mcw-columns input[name*="url"] {
	width: calc(100% - 30px) !important;
}

/*
 * Multicolumn wizards with only one item don't need operations
 */
.pixlscript-mcw-single .operations {
	display: none !important;
}

/*
 * nested wizard
 */

.pixlscript-mcw-nested {
	margin: 0 !important;
	border: 0 !important;
}

.pixlscript-mcw-nested thead {
	display: none !important;
}

.pixlscript-mcw-nested tr {
	padding: 0 !important;
	background-color: transparent !important;
}

.pixlscript-mcw-nested td {
	padding: 4px 20px 4px 5px !important;
	background-color: transparent !important;
}

.pixlscript-mcw-nested input {
	margin-bottom: 0 !important;
}

.pixlscript-mcw-nested .operations {
	position: static !important;
	vertical-align: middle !important;
	padding: 0 5px !important;
	border-left: 0 none !important;
}

/*
 * Multicolumn wizards with only one item don't need operations
 */
.pixlscript-mcw-single .operations {
	display: none !important;
}

/*
 * Contao fixes
 */
.sgallery .sortable > li {
	float: left;
	margin-right: 4px;
}

/*
 * Hide the ugly branding badge from tinyMCE
 */
.mce-branding-powered-by {
	display: none !important;
}

/**
 * Improve option wizard
 */
.tl_optionwizard {
	max-width: 770px;
}

.tl_optionwizard th:nth-child(1) {
	width: 75px;
}

.tl_optionwizard th:nth-child(2) {
	width: 300px;
}

#picker-menu li:nth-child(4),
#picker-menu li:nth-child(5) {
	display: none !important;
}

/**
 * Backend Icons
 */
#tl_navigation .group-ibo {
	background: url(../img/flower.svg) 2px 1px no-repeat;
}

/**
 * Operation fixes
 */
#tl_buttons {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
}

#tl_buttons .pull-to-front {
	order: -1;
}

/**
 * Improve table view.
 */
.tl_folder_tlist {
	white-space: nowrap;
}

/**
 * Fix notification center for Contao 4.9 / Knpmenubundle
 */
#tl_navigation .menu_level_0 .group-notification_center {
	background: url(/system/modules/notification_center/assets/icon.svg) 3px 2px no-repeat;
}

/**
 * Widgets
 */
@media (min-width:768px) {
	.checkbox-wizard-columns .sortable {
		column-count: 2;
		column-gap: 30px;
	}
}

/**
 * Fix table view
 */
.col_sorting.ordered_by {
	display: none;
}