/*!
 * This file is part of Contao.
 *
 * (c) Leo Feyer
 *
 * @license LGPL-3.0-or-later
 */

/* Body */
body {
	background:#cfcfd3;
	overflow-y:scroll;
}
body.popup {
	background:#fff;
}

/* Header */
#header {
	min-height:40px;
	text-align:left;
}
#header .inner {
	background:#f47c00;
}
body:not(.fullscreen) #header .inner {
	max-width:1440px;
	margin:0 auto;
}
#header, #header a {
	color:#fff;
}
#header h1 {
	position:absolute;
}
#header h1 a {
	display:block;
	padding:12px 12px 12px 43px;
	background:url("icons/logo.svg") no-repeat 10px center;
	font-weight:400;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	#header h1 a {
		font-weight:300;
	}
}
#tmenu {
	display:flex;
	justify-content:flex-end;
}
#tmenu li {
	position:relative;
}
#tmenu a,#tmenu .h2 {
	padding:13px 12px;
	display:inline-block;
}
#tmenu img {
	vertical-align:top;
}
#tmenu sup {
	position:absolute;
	top:5px;
	left:20px;
	z-index:1;
	font-size:.6rem;
	background:#fff;
	padding:2px;
	border-radius:2px;
	text-indent:0;
	color:#f47c00;
	font-weight:400;
}
#tmenu .burger {
	display:none;
}
#tmenu .burger button {
	margin-right:-2px;
	padding:8px 10px 9px;
	background:none;
	border:0;
	vertical-align:top;
}
#tmenu .burger svg {
	margin-bottom:-1px;
	vertical-align:middle;
}
#tmenu .h2 {
	padding-right:26px;
	cursor:pointer;
	background:url("icons/chevron-down.svg") right 9px top 14px no-repeat;
	font-size:.875rem;
	font-weight:400;
	color:#fff;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	#tmenu .h2 {
		font-weight:300;
	}
}
#tmenu a,#tmenu .h2,#tmenu .burger button {
	transition:background-color .3s ease;
}
#tmenu a:hover,#tmenu a.hover,#tmenu li:hover .h2,#tmenu .active .h2,#tmenu .burger button:hover {
	background-color:#e87600;
}
#tmenu ul.menu_level_1 {
	min-width:150px;
	position:absolute;
	right:6px;
	margin-top:5px;
	padding:6px 0 9px;
	background:#fff;
	box-shadow:0 0 3px #999;
	z-index:1;
	color:#444;
	text-align:left;
	opacity:0;
	visibility:hidden;
	transition:opacity .3s ease, visibility .3s ease;
}
#tmenu .active ul.menu_level_1 {
	opacity:1;
	visibility:visible;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	#tmenu ul.menu_level_1 {
		color:#222;
	}
}
#tmenu ul.menu_level_1 li a {
	display:block;
	color:inherit;
	padding:6px 20px 6px 40px;
	white-space:nowrap;
}
#tmenu ul.menu_level_1 li a:hover {
	background-color:#eee;
}
#tmenu ul.menu_level_1 .info {
	color:#808080;
	padding:9px 20px 15px;
	border-bottom:1px solid #e6e6e8;
	line-height:1.4;
	margin-bottom:9px;
	white-space:nowrap;
}
#tmenu ul.menu_level_1 strong {
	color:#222;
	display:block;
}
#tmenu ul.menu_level_1:before {
	content:"";
	display:block;
	width:0;
	height:0;
	position:absolute;
	right:9px;
	top:-14px;
	border:7px solid transparent;
	border-bottom-color:#fff;
}
#tmenu ul.menu_level_1:after {
	content:"";
	display:block;
	width:100%;
	height:5px;
	position: absolute;
	top:-5px;
}
#tmenu .icon-alert {
	width:16px;
	margin-bottom:-2px;
	position:relative;
	background:url("icons/alert.svg") center center no-repeat;
	overflow:hidden;
	white-space:nowrap;
	text-indent:28px; /* 16px width + 12px padding */
}
#tmenu .icon-profile {
	background:url("icons/profile_dark.svg") 20px center no-repeat;
}
#tmenu .icon-security {
	background:url("icons/shield_dark.svg") 20px center no-repeat;
}
#tmenu .icon-logout {
	background:url("icons/exit_dark.svg") 20px center no-repeat;
}

/* Container */
#container {
	display:flex;
	min-height:calc(100vh - 40px);
	background:#cfcfd3;
}
body:not(.fullscreen) #container {
	max-width:1440px;
	margin:0 auto;
}
.popup #container {
	padding:0;
	width:auto;
	min-height:0;
	background:#fff;
	max-width:none;
}

/* Left */
#left {
	float:left;
	width:225px;
	min-height:calc(100vh - 40px);
	background:#0f1c26;
	display:flex;
	flex-direction:column;
}
#left .version {
	margin-top:4em;
	padding:15px;
	border-top:1px solid #3a454d;
	font-size:.75rem;
	line-height:1.4;
	background:#172b3b;
}
#left .version,#left .version a {
	color:#9fa4a8;
}

/* Main */
#main {
	float:left;
	width:calc(100% - 225px);
	min-height:calc(100vh - 40px);
	background:#eaeaec;
}
.popup #main {
	float:none;
	width:auto;
	max-width:none;
	min-height:0;
	margin:0;
	padding:0;
	border:0;
	display:initial;
}
#main .content {
	margin:15px;
	background:#fff;
	border:1px solid #d0d0d2;
}
.popup #main .content {
	margin:0;
	border:0;
}

/* Navigation */
#tl_navigation {
	flex-grow:1;
}
#tl_navigation .menu_level_0 {
	padding-top:18px;
}
#tl_navigation .menu_level_0 > li:after {
	content:"";
	width:calc(100% - 30px);
	height:1px;
	background:#3a454d;
	display:block;
	margin:15px auto;
}
#tl_navigation .menu_level_0 > li.last:after {
	display:none;
}
#tl_navigation .menu_level_0 > li > a {
	display:block;
	margin:0 15px;
	padding:3px 3px 3px 24px;
	color:#9fa4a8;
	font-size:.75rem;
	text-transform:uppercase;
}
#tl_navigation .group-content {
	background:url("icons/content.svg") 3px 2px no-repeat;
}
#tl_navigation .group-design {
	background:url("icons/monitor.svg") 3px 2px no-repeat;
}
#tl_navigation .group-accounts {
	background:url("icons/person.svg") 3px 2px no-repeat;
}
#tl_navigation .group-system {
	background:url("icons/wrench.svg") 3px 2px no-repeat;
}
#tl_navigation .menu_level_1 {
	padding:6px 0 0;
}
#tl_navigation .menu_level_1 li {
	border-left:4px solid #0f1c26;
}
#tl_navigation .menu_level_1 li.current {
	background-color:#172b3b;
	border-left-color:#f47c00;
}
#tl_navigation .menu_level_1 a {
	display:block;
	padding:6px 18px 6px 35px;
	font-weight:400;
	color:#d3d5d7;
	transition:color .2s ease;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	#tl_navigation .menu_level_1 a {
		font-weight:300;
	}
}
#tl_navigation .tl_level_2 li:hover a {
	color:#fff;
}
#tl_navigation .collapsed .menu_level_1 {
	display:none;
}

/* Buttons */
#tl_buttons {
	margin:0;
	padding:12px 15px;
	text-align:right;
}
.toggleWrap {
	cursor:pointer;
}
.opacity {
	-moz-opacity:.8;
	opacity:.8;
}

/* Data container */
#main_headline {
	margin:18px 0;
	padding:0 16px;
	font-size:1.1rem;
}
.popup #main_headline {
	display:none;
}
#main_headline span {
	display:inline-block;
	max-width:30%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:22px;
}
#main_headline span:nth-child(even) {
	font-weight:400;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	#main_headline span:nth-child(even) {
		font-weight:300;
	}
}
h2.sub_headline {
	margin:3px 18px;
	padding:7px 0;
}
.tl_gerror {
	margin:12px;
	padding:3px 0 3px 22px;
	background:url("icons/error.svg") no-repeat left center;
}
.tl_error,.tl_confirm,.tl_info,.tl_new {
	margin:0 0 1px;
	padding:11px 18px 11px 37px;
	line-height:1.3;
}
.tl_error {
	background:#faebeb url("icons/error.svg") no-repeat 16px 12px;
}
.tl_confirm {
	background:#eefcde url("icons/ok.svg") no-repeat 16px 12px;
}
.tl_info {
	background:#e9f0f7 url("icons/show.svg") no-repeat 16px 12px;
}
.tl_new {
	background:#fbf2e5 url("icons/featured.svg") no-repeat 16px 12px;
}
.tl_gerror,.tl_gerror a,.tl_error,.tl_error a {
	color:#c33;
}
.tl_confirm,.tl_confirm a {
	color:#589b0e;
}
.tl_info,.tl_info a {
	color:#006494;
}
.tl_new,.tl_new a {
	color:#d68c23;
}

/* Filter */
.tl_panel,.tl_version_panel {
	padding:8px 10px 8px 0;
	background:#f3f3f5;
	border-bottom:1px solid #ddd;
	text-align:right;
}
.tl_version_panel .tl_select {
	max-width:280px;
}
.tl_version_panel .tl_formbody {
	position:relative;
}
.tl_img_submit {
	width:16px;
	height:16px;
	border:0;
	margin:0;
	padding:0;
	text-indent:16px; /* 16px width */
	white-space:nowrap;
	overflow:hidden;
	position:relative;
	top:9px;
	vertical-align:top;
	cursor:pointer;
}
.filter_apply {
	background:url("icons/filter-apply.svg") center center no-repeat;
}
.filter_reset {
	background:url("icons/filter-reset.svg") center center no-repeat;
}
.tl_subpanel {
	float:right;
	letter-spacing:-.31em;
}
.tl_subpanel * {
	letter-spacing:normal;
}
.tl_subpanel strong,.tl_search span {
	vertical-align:middle;
}
.tl_submit_panel {
	min-width:32px;
	padding-left:6px;
	padding-right:3px;
}
.tl_panel .active,.tl_panel_bottom .active,#search .active {
	background-color:#fffce1;
}
.tl_filter {
	width:100%;
}
.tl_filter .tl_select {
	max-width:14.65%;
	margin-left:3px;
}
.tl_submit_panel + .tl_filter {
	width:86%;
}
.tl_limit {
	width:22%;
}
.tl_limit .tl_select {
	width:52%;
	margin-left:3px;
}
.tl_search {
	width:40%;
}
.tl_search .tl_select {
	width:38%;
	margin-left:3px;
	margin-right:1%;
}
.tl_search .tl_text {
	width:30%;
	margin-left:1%;
	-webkit-appearance:textfield;
	box-sizing:content-box;
}
.tl_sorting {
	width:26%;
}
.tl_sorting .tl_select {
	width:60%;
	margin-left:1%;
}

/* Boxes */
.tl_xpl {
	padding:0 18px;
}
.tl_tbox, .tl_box {
	padding:12px 0 25px;
	border-bottom:1px solid #e6e6e8;
}
.tl_tbox:last-child, .tl_box:last-child {
	border-bottom:0;
}
.tl_box h3,.tl_tbox h3,.tl_xpl h3 {
	margin:0;
	padding-top:13px;
	height:16px;
	font-size:.875rem;
}
.tl_box h4,.tl_tbox h4 {
	margin:6px 0 0;
	padding:0;
	font-size:.875rem;
}
.tl_tbox.theme_import {
	padding-left:15px;
	padding-right:15px;
}
.tl_tbox.theme_import h3,.tl_tbox.theme_import h4,.tl_tbox.theme_import p {
	line-height:1.3;
}
.tl_help,.tl_help * {
	font-size:.75rem;
}
.tl_help,.tl_help a {
	margin-bottom:0;
	line-height:1.2;
	color:#808080;
}
.tl_help a:hover,.tl_help a:focus,.tl_help a:active {
	text-decoration:underline;
}
.tl_formbody_edit.nogrid .w50 {
	float:none;
}
.tl_formbody_edit.nogrid .m12 {
	margin-top:0;
	margin-bottom:0;
}
.tl_edit_form .tl_formbody_edit {
	border-top:1px solid #e6e6e8;
}
.tl_formbody_submit {
	border-top:1px solid #ddd;
}
.tl_submit_container {
	padding:8px 15px;
	background:#f3f3f5;
}
.tl_submit_container .tl_submit {
	margin-top:2px;
	margin-bottom:2px;
}

/* Maintenance */
.maintenance_active {
	padding-top:12px;
}
.maintenance_active,.maintenance_inactive {
	border-top:1px solid #e6e6e8;
}
.maintenance_inactive:last-child {
	padding-bottom:9px;
}
.maintenance_inactive .tl_tbox {
	border:0 !important;
	padding:6px 15px 14px;
}
.maintenance_inactive .tl_message {
	margin-top:0;
}
.maintenance_inactive h2.sub_headline {
	margin:18px 15px 3px;
}
.maintenance_inactive .tl_submit_container {
	background:none;
	padding:0 15px 24px;
	border:0;
}
.maintenance_inactive:last-of-type .tl_submit_container {
	padding-bottom:10px;
}
#tl_maintenance_mode .tl_message {
	margin-bottom:12px;
}
#tl_maintenance_mode .tl_message > p {
	padding-top:0;
	padding-bottom:0;
	background-color:transparent;
	background-position-y:center;
}
#tl_maintenance_index .tl_tbox {
	margin-top:-12px;
}

/* Crawler */
@keyframes crawl-progress-bar-stripes {
	0% {
		background-position-x:1rem;
	}
}
#tl_crawl .tl_message {
	margin-bottom:24px;
}
#tl_crawl .tl_message > p {
	padding-top:0;
	padding-bottom:0;
	background-color:transparent;
	background-position-y:center;
}
#tl_crawl .tl_tbox {
	padding-top:0;
}
#tl_crawl .tl_tbox > div {
	max-width:562px;
}
#tl_crawl .tl_checkbox_container {
	margin-top:9px;
}
#tl_crawl .inner {
	position:relative;
	margin:0 18px 18px;
}
#tl_crawl .progress {
	display:flex;
	height:20px;
	overflow:hidden;
	background-color:#f0f0f2;
	margin-right:20px;
	border-radius:2px;
}
#tl_crawl .progress-bar {
	display:flex;
	flex-direction:column;
	justify-content:center;
	color:white;
	text-align:center;
	white-space:nowrap;
	background-size:10px 10px;
}
#tl_crawl .progress-bar.running {
	background-color:#f47c00;
	background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	animation:crawl-progress-bar-stripes 1s linear infinite;
}
#tl_crawl .progress-bar.finished {
	background-color:#589b0e;
}
#tl_crawl .progress-count {
	margin:6px 0 24px;
}
#tl_crawl .results h3 {
	font-size:.9rem;
	margin:18px 0 9px;
}
#tl_crawl .results p {
	margin-bottom:6px;
}
#tl_crawl .results .spinner {
	margin:0;
	padding:10px;
	background:url("icons/loading.svg") no-repeat left center;
	background-size:16px;
}
#tl_crawl .subscriber-log {
	display:none;
	padding:5px 0;
	margin-bottom:0;
}
#tl_crawl .wait {
	margin-top:18px;
}
#tl_crawl .debug-log {
	position:absolute;
	top:2px;
	right:0;
}
#tl_crawl .results.running .show-when-finished,#tl_crawl .results.finished .show-when-running {
	display:none;
}
#tl_crawl .results.running .show-when-running,#tl_crawl .results.finished .show-when-finished {
	display:block;
}
#tl_crawl .result .summary.success {
	color:#589b0e;
}
#tl_crawl .result .summary.failure {
	color:#c33;
}
#tl_crawl .result .warning {
	display:none;
	color:#006494;
}

/* Two-factor */
.two-factor {
	border-top:1px solid #e6e6e8;
	padding-bottom:9px;
}
.two-factor h2.sub_headline {
	margin:18px 15px 3px;
}
.two-factor > p {
	margin:0 15px 12px;
	line-height:1.3;
}
.two-factor li {
	margin-left:2em;
	list-style:initial;
}
.two-factor .qr-code {
	margin:0 15px;
}
.two-factor .tl_listing_container {
	margin-top:0;
}
.two-factor .widget {
	height:auto;
	margin:15px 15px 12px;
}
.two-factor .widget .tl_error {
	margin:0;
	padding:1px 0;
	background:none;
	font-size:.75rem;
	line-height:1.25;
}
.two-factor .tl_submit_container {
	background:none;
	padding:0 15px 10px;
	border:0;
}
.two-factor .submit_container {
	clear:both;
	margin:0 15px 12px;
}
.two-factor .tl_message {
	margin-bottom:12px;
}
.two-factor .tl_message > p {
	padding-top:0;
	padding-bottom:0;
	background-color:transparent;
	background-position-y:center;
}
.two-factor .tl_backup_codes > p,.two-factor .tl_trusted_devices > p {
	margin:0 15px 12px;
	line-height:1.3;
}
.two-factor .backup-codes {
	max-width:224px;
	margin:15px 15px 24px;
	display:grid;
	grid-template-columns:repeat(2,1fr);
}
.two-factor .backup-codes li {
	margin:0;
	list-style:none;
}

/* Picker search */
#search {
	margin:18px 18px -9px;
	text-align:right;
}
#search .tl_text {
	max-width:160px;
	-webkit-appearance:textfield;
	box-sizing:content-box;
}

/* Preview image */
.tl_edit_preview {
	margin-top:18px;
}
.tl_edit_preview img {
	max-width:100%;
	height:auto;
	padding:2px;
	border:1px solid #ddd;
	background:#fff;
}
.tl_edit_preview_enabled {
	position:relative;
	cursor:crosshair;
	display:inline-block;
}
.tl_edit_preview_important_part {
	position:absolute;
	margin:-1px;
	border:1px solid #000;
	box-shadow:0 0 0 1px #fff, inset 0 0 0 1px #fff;
	opacity:0.5;
}

/* Rebuild the search index */
#tl_rebuild_index {
	padding:0 18px 18px;
	line-height:1.3;
}
#index_note {
	margin:24px 0 18px;
	padding:11px 12px 12px;
	background:#ffc;
	border:1px solid #f90;
	font-size:.875rem;
}
#index_loading {
	margin:0;
	padding:12px 12px 12px 24px;
	background:url("icons/loading.svg") no-repeat left center;
	background-size:16px;
	color:#006494;
}
#index_complete {
	margin:0;
	padding:12px 12px 12px 24px;
	background:url("icons/ok.svg") no-repeat left center;
	color:#589b0e;
}

/* Listing */
table.tl_listing {
	width:100%;
}
.tl_listing_container {
	padding:2px 0;
	margin:20px 15px 16px;
}
.tl_listing_container.tree_view {
	position:relative;
}
#tl_buttons + .tl_listing_container {
	margin-top:10px;
}
#paste_hint + .tl_listing_container {
	margin-top:30px;
}
.tl_folder_list,.tl_folder_tlist {
	padding:7px 0;
	border-bottom:1px solid #e9e9e9;
	background:#f3f3f5;
	font-weight:600;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	.tl_folder_list,.tl_folder_tlist {
		font-weight:500;
	}
}
.tl_folder_tlist {
	border-top:1px solid #e9e9e9;
}
.tl_file,.tl_file_list {
	padding:5px 0;
	border-bottom:1px solid #e9e9e9;
	background:#fff;
}
.tl_file_list {
	padding:7px 0;
}
.tl_file_list .ellipsis {
	height:16px;
	text-overflow:ellipsis;
	overflow:hidden;
	padding-right:18px;
	word-break:break-all;
}
.tl_right_nowrap {
	padding:3px 0;
	text-align:right;
	white-space:nowrap;
}
.tl_listing.picker .tl_file,.tl_listing.picker .tl_folder,.tl_listing.picker .tl_right_nowrap,.tl_listing_container.picker .tl_content_header,.tl_listing_container.picker .tl_content {
	background-image:linear-gradient(90deg, transparent calc(100% - 26px), #f0f0f2 26px);
}
.tl_listing.picker .tl_tree_checkbox,.tl_listing.picker .tl_tree_radio,.tl_listing_container.picker .tl_tree_checkbox,.tl_listing_container.picker .tl_tree_radio {
	margin-top:2px;
	margin-left:8px;
}
.tl_listing.picker .tl_tree_checkbox:disabled,.tl_listing.picker .tl_tree_radio:disabled,.tl_listing_container.picker .tl_tree_checkbox:disabled,.tl_listing_container.picker .tl_tree_radio:disabled {
	visibility:hidden;
}
.tl_listing_container.picker div[class^="ce_"] {
	padding-right:24px;
}
.tl_listing_container.picker .limit_toggler {
	width:calc(100% - 26px);
}

/* List view */
.tl_listing tr.odd td {
	background-color:#fafafc;
}
.tl_listing th,.tl_listing td {
	padding-left:6px !important;
	padding-right:6px !important;
}
.list_view .tl_listing img.theme_preview {
	margin-right:9px;
}
.tl_show {
	width:96%;
	margin:18px 2%;
	padding:9px 0 18px;
}
.tl_show td {
	padding:4px 6px;
	line-height:16px;
	white-space:pre-line;
	background:#f6f6f8;
}
.tl_show td:first-child {
	width:34%;
	white-space:normal;
}
.tl_show td p:last-of-type {
	margin-bottom:0;
}
.tl_show tr:nth-child(2n) td {
	background:#fff;
}
.tl_show small {
	display:block;
	color:#808080;
}
.tl_label {
	margin-right:12px;
	font-weight:600;
	white-space:nowrap;
}
.tl_label small {
	font-weight:400;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	.tl_label small {
		font-weight:300;
	}
}
.tl_empty {
	margin:0;
	padding:18px;
}
.tl_empty_parent_view {
	margin:0;
	padding:18px 0 0;
}
.tl_listing_container + .tl_empty {
	margin-top:-32px;
}
.tl_noopt {
	margin:0 0 -1px;
}
.tl_select_trigger {
	margin-top:-9px;
	padding:0 6px 3px 0;
	text-align:right;
}
.tl_radio_reset {
	margin-top:6px;
	padding:0 6px 3px 0;
	text-align:right;
}
.tl_select_label,.tl_radio_label {
	margin-right:2px;
	color:#999;
	font-size:.75rem;
}

/* Parent view */
.tl_header {
	padding:6px;
	background:#f9f9fb;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.tl_header_table {
	line-height:1.3;
}
.tl_content_header {
	padding:7px 6px;
	border-bottom:1px solid #e9e9e9;
	background:#f6f6f8;
	font-weight:600;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	.tl_content_header {
		font-weight:500;
	}
}
.tl_content {
	padding:6px;
	border-bottom:1px solid #e9e9e9;
	overflow:hidden;
	position:relative;
	background-color:#fff;
}
.parent_view > ul {
	background:#f3f3f5;
}
.tl_content.wrapper_stop {
	border-top:1px solid #e9e9e9;
}
.tl_content.wrapper_start h1 {
	margin-bottom:9px;
}
.tl_content.indent_1 {
	margin-left:20px;
}
.tl_content.indent_2 {
	margin-left:40px;
}
.tl_content.indent_3 {
	margin-left:60px;
}
.tl_content.indent_4 {
	margin-left:80px;
}
.tl_content.indent_5 {
	margin-left:100px;
}
.tl_content.indent_last {
	border-bottom:0;
}
.tl_content h1,.tl_content h2,.tl_content h3,.tl_content h4,.tl_content h5,.tl_content h6 {
	font-size:.875rem;
}
.tl_content img {
	max-width:320px;
	height:auto;
}
.tl_content pre {
	margin-top:3px;
	margin-bottom:3px;
	word-break:break-all;
	white-space:pre-wrap;
}
.tl_content pre.disabled {
	color:#a6a6a6;
}
.tl_content .ce_text a {
	color:#589b0e;
}
.tl_content span.comment {
	color:#006494;
	display:inline-block;
	margin-bottom:3px;
}
.tl_content_left {
	line-height:16px;
}
.tl_content_right {
	float:right;
	text-align:right;
	margin-left:12px;
	margin-top:-1px;
}
.tl_right button,.tl_content_right button {
	margin:0;
	padding:0;
	border:0;
	height:17px;
	background:none;
}
.cte_type {
	margin:2px 0 6px;
	font-size:.75rem;
	color:#808080;
}
.cte_type.published,.cte_type.published a {
	color:#589b0e;
}
.cte_type.unpublished,.cte_type.unpublished a {
	color:#c33;
}
.limit_height {
	overflow:hidden;
	line-height:1.25;
}
.limit_toggler {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	background:#fff;
	line-height:11px;
	text-align:center;
}
.limit_toggler button {
	margin:0;
	padding:0;
	border:0;
	background:#fff;
	width:24px;
	line-height:8px;
	color:#999;
	outline:none;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
}
.limit_toggler button span {
	position:relative;
	top:-4px;
}
.limit_height input[type="file"] {
	position:relative;
}
.limit_height select {
	-moz-appearance:menulist;
	-webkit-appearance:menulist;
}
.limit_height label,.limit_height .checkbox_container legend,.limit_height .radio_container legend {
	display:inline-block;
	width:180px;
	vertical-align:top;
	margin-top:3px;
}
.limit_height .widget {
    margin-left: 0;
    margin-right: 0;
}
.limit_height .widget-submit {
	margin-left:180px;
}
.limit_height .checkbox_container label,.limit_height .radio_container label {
	display:initial;
}

/* Tree view */
.tl_folder_top {
	padding:5px 0;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	background:#f0f0f2;
}
.tl_folder {
	padding:5px 0;
	border-bottom:1px solid #e9e9e9;
	background:#f6f6f8;
}
.tl_folder.tl_folder_dropping,.tl_folder_top.tl_folder_dropping {
	background-color:#4078a5 !important;
	color:#fff !important;
}
.tl_folder.tl_folder_dropping a,.tl_folder_top.tl_folder_dropping a {
	color:inherit;
}
.tl_listing .tl_left {
	flex-grow:1;
	box-sizing:border-box;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.tl_listing .tl_left.tl_left_dragging {
	position:absolute;
	background:#4078a5;
	border-radius:10px;
	color:#fff;
	padding:5px 10px !important;
	margin-left:0;
	text-indent:0;
	white-space:nowrap;
}
.tl_listing .tl_left.tl_left_dragging .preview-image,.tl_listing .tl_left.tl_left_dragging a img {
	display:none;
}
.tl_listing .tl_left.tl_left_dragging a,.tl_listing .tl_left.tl_left_dragging .tl_gray {
	color:inherit;
}
.tl_listing_dragging .hover-div:not(.tl_folder):hover {
	background-color:transparent !important;
}
.tl_tree_xtnd .tl_file {
	padding-top:4px;
	padding-bottom:4px;
}
.tl_tree_xtnd .tl_file .tl_left * {
	line-height:normal;
}
.tl_tree_xtnd .tl_file .tl_left a {
	position:relative;
	top:-1px;
}
.tl_tree_xtnd .tl_file .tl_left img {
	margin-right:2px;
}
.tl_left > a:last-of-type {
	vertical-align:middle;
}
.tl_left > a:first-child {
	vertical-align:bottom;
}
.tl_file_manager .tl_file .tl_left > a:first-child {
	vertical-align:1px;
}
.tl_file_manager .preview-image {
	max-width:100px;
	max-height:75px;
	width:auto;
	height:auto;
	margin:0 0 2px 22px;
}
.tl_file_manager .preview-important {
	max-width:80px;
	max-height:60px;
	width:auto;
	height:auto;
	margin:0 0 2px 0;
	vertical-align:bottom;
}
.tl_listing .tl_right {
	padding:0 0 1px 9px;
	white-space:nowrap;
}
.tl_listing,.tl_listing ul {
	margin:0;
	padding:0;
}
.tl_listing li {
	display:flex;
	margin:0;
	padding-left:6px;
	padding-right:6px;
	list-style-type:none;
}
.tl_listing li.parent {
	display:inline;
	padding-left:0;
	padding-right:0;
}
label.tl_change_selected {
	margin-right:2px;
	color:#999;
	font-size:.75rem;
}

/* Breadcrumb */
#tl_breadcrumb {
	margin:0 0 12px;
	padding:4px 6px;
	overflow:hidden;
	background:#fffce1;
	border:1px solid #d68c23;
	line-height:24px;
}
#tl_breadcrumb li {
	margin:0;
	padding:0 3px;
	list-style-type:none;
	float:left;
}
#tl_breadcrumb li a {
	display:inline-block;
}
#tl_breadcrumb li img {
	width:16px;
	height:16px;
	vertical-align:-3px;
}

/* Picker */
.selector_container {
	margin-top:1px;
	position:relative;
}
.selector_container > ul {
	margin-bottom:1px;
	list-style-type:none;
	overflow:hidden;
}
.selector_container > ul > li {
	margin-right:9px;
	padding:2px 0;
}
.selector_container p {
	margin-bottom:1px;
}
.selector_container ul:not(.sgallery) img {
	margin-right:1px;
	vertical-align:text-top;
}
.selector_container .limit_height {
	height:auto !important;
	max-height:190px;
}
.selector_container .limit_toggler {
	display:none;
}
.selector_container h1,.selector_container h2,.selector_container h3,.selector_container h4 {
	margin:0;
	padding:0;
}
.selector_container pre {
	white-space:pre-wrap;
}
ul.sgallery {
	overflow:hidden;
}
ul.sgallery li {
	min-width:100px;
	min-height:75px;
	float:left;
	margin:2px 4px 2px 0;
	padding:0;
	background:#eee;
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	-webkit-justify-content:center;
	justify-content:center;
}

/* Welcome screen */
.popup #tl_soverview {
	margin-top:15px;
}
#tl_soverview > div {
	padding:0 15px 4px;
	border-bottom:1px solid #e6e6e8;
}
#tl_soverview > div:last-child {
	border-bottom:0;
}
#tl_soverview table {
	width:100%;
	margin-bottom:14px;
}
#tl_messages h2,#tl_shortcuts h2,#tl_versions h2 {
	margin:18px 0 6px;
}
#tl_messages p:not([class]) {
	margin-top:6px;
}
#tl_messages .tl_error,#tl_messages .tl_confirm,#tl_messages .tl_info,#tl_messages .tl_new {
	padding:3px 6px 3px 21px;
	background-position:left 4px;
	background-color:transparent;
}
#tl_shortcuts p a {
	text-decoration:underline;
}
#tl_versions {
	margin-bottom:0;
}
#tl_versions th {
	background:#f6f6f8;
	padding:6px;
	border-top:1px solid #e9e9e9;
}
#tl_versions th,#tl_versions td {
	border-bottom:1px solid #e9e9e9;
}
#tl_versions td {
	padding:4px;
}
#tl_versions td:first-child {
	white-space:nowrap;
}
#tl_versions td:last-child {
	width:32px;
	white-space:nowrap;
	text-align:right;
}
#tl_versions img.undo {
	padding-right:2px;
}
#tl_versions .pagination {
	margin-top:18px;
	margin-bottom:14px;
}

/* CHMOD table */
.tl_chmod {
	width:100%;
}
.tl_chmod th {
	height:18px;
	text-align:center;
	font-weight:400;
	background:#f0f0f2;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	.tl_chmod th {
		font-weight:300;
	}
}
.tl_chmod td {
	text-align:center;
	background:#f6f6f8;
}
.tl_chmod th,.tl_chmod td {
	width:14.2857%;
	padding:6px;
	border:1px solid #fff;
}

/* Wizards */
.tl_modulewizard button,.tl_optionwizard button,.tl_key_value_wizard button,.tl_tablewizard button,.tl_listwizard button,.tl_checkbox_wizard button,.tl_metawizard button,.tl_sectionwizard button {
	margin:0;
	padding:0;
	border:0;
	background:none;
}

/* Module wizard */
.tl_modulewizard {
	width:100%;
	max-width:800px;
	margin-top:2px;
}
.tl_modulewizard td {
	position:relative;
	padding:0 3px 0 0;
}
.tl_modulewizard th {
	font-size:.75rem;
	font-weight:400;
	padding:0 6px 1px 0;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	.tl_modulewizard th {
		font-weight:300;
	}
}
.tl_modulewizard td:last-child {
	width:1%;
	white-space:nowrap;
}
.tl_modulewizard img {
	position:relative;
	top:1px;
}
.js .tl_modulewizard input.mw_enable {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
}
.tl_modulewizard img.mw_enable {
	display:none;
}
.js .tl_modulewizard img.mw_enable {
	display:inline;
	margin-right:1px;
}

/* Options and key/value wizard */
.tl_optionwizard {
	width:100%;
	max-width:600px;
}
.tl_key_value_wizard {
	width:100%;
	max-width:450px;
}
.tl_optionwizard,.tl_key_value_wizard {
	margin-top:2px;
}
.tl_optionwizard label,.tl_key_value_wizard label {
	margin-right:3px;
}
.tl_optionwizard td,.tl_key_value_wizard td {
	padding:0 3px 0 0;
}
.tl_optionwizard th,.tl_key_value_wizard th {
	font-size:.75rem;
	font-weight:400;
	padding:0 6px 1px 0;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	.tl_optionwizard th,.tl_key_value_wizard th {
		font-weight:300;
	}
}
.tl_optionwizard td:nth-child(n+3),.tl_key_value_wizard td:nth-child(n+3) {
	width:1%;
	white-space:nowrap;
}
.tl_optionwizard img,.tl_key_value_wizard img {
	position:relative;
	top:1px;
}
.tl_optionwizard .fw_checkbox,.tl_key_value_wizard .fw_checkbox {
	margin:0 1px;
}

/* Table wizard */
#tl_tablewizard {
	margin-top:2px;
	padding-bottom:2px;
	overflow:auto;
}
.tl_tablewizard td {
	padding:0 3px 0 0;
}
.tl_tablewizard thead td {
	padding-bottom:3px;
	text-align:center;
	white-space:nowrap;
}
.tl_tablewizard tbody td:last-child {
	white-space:nowrap;
}
.tl_tablewizard td.tcontainer {
	vertical-align:top;
}

/* List wizard */
.tl_listwizard .tl_text {
	width:78%;
}

/* Checkbox wizard */
.tl_checkbox_wizard .fixed {
	display:block;
	margin-top:1px;
}
.tl_checkbox_wizard .sortable span {
	display:block;
}
.tl_checkbox_wizard .sortable img {
	vertical-align:bottom;
}

/* Meta wizard */
.tl_metawizard {
	margin:3px 0;
}
.tl_metawizard li {
	overflow:hidden;
	margin-bottom:2px;
	padding:9px;
	background:#f3f3f5;
}
.tl_metawizard li.odd {
	background:#f9f9fb;
}
.tl_metawizard span img {
	cursor:pointer;
}
.tl_metawizard label {
	float:left;
	width:18%;
	margin-top:9px;
}
.tl_metawizard .tl_text, .tl_metawizard .tl_textarea {
	float:left;
	width:82%;
	margin:1px 0;
}
.tl_metawizard .tl_textarea {
	resize: vertical;
}
.tl_metawizard .tl_text + a {
	top:6px;
}
.tl_metawizard br {
	clear:left;
}
.tl_metawizard .lang {
	display:block;
	margin-bottom:9px;
	font-weight:600;
	position:relative;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	.tl_metawizard .lang {
		font-weight:500;
	}
}
.tl_metawizard_img {
	position:absolute;
	right:0;
	top:-1px;
}
.tl_metawizard_new .tl_select {
	margin-right:4px;
	max-width:200px;
}
.tl_metawizard_new .tl_submit {
	line-height:1;
}

/* Section wizard */
.tl_sectionwizard {
	margin-top:2px;
	width:100%;
	max-width:680px;
}
.tl_sectionwizard td {
	width:25%;
	position:relative;
	padding:0 3px 0 0;
}
.tl_sectionwizard th {
	font-size:.75rem;
	font-weight:400;
	padding:0 4px 1px 0;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	.tl_sectionwizard th {
		font-weight:300;
	}
}
.tl_sectionwizard td:last-child {
	white-space:nowrap;
}

/* Paste/sort hint */
#paste_hint {
	position:relative;
	z-index:1;
}
.tl_message + #paste_hint {
	margin-top:-12px;
}
#paste_hint p {
	position:absolute;
	font-family:"Architects Daughter",cursive;
	font-size:1rem;
	color:#838990;
	top:0;
	right:30px;
	padding:0 36px 24px 0;
	background:url("icons/arrow_right.svg") bottom right no-repeat;
	transform:rotate(-1deg);
}
.sort_hint {
	position:absolute;
	font-family:"Architects Daughter",cursive;
	font-size:1rem;
	color:#838990;
	top:-50px;
	left:160px;
	padding:0 6px 24px 42px;
	background:url("icons/arrow_left.svg") 6px bottom no-repeat;
	transform:rotate(-2deg);
}
.widget + .subpal .sort_hint {
	left:260px;
}
.widget + .widget .sort_hint {
	left:320px;
}

/* SERP preview */
.serp-preview {
	max-width:600px;
	margin:2px 0;
	padding:4px 6px;
	font-family:Arial,sans-serif;
	font-weight:400;
	color:#3c4043;
	border:1px dotted #aaa;
	border-radius:2px;
}
.serp-preview p {
	margin-bottom:0;
	line-height:1.3;
}
.serp-preview .url {
	margin-bottom:4px;
}
.serp-preview .title {
	margin-bottom:2px;
	font-size:18px;
	color:#1a0dab;
	line-height:1;
}
.serp-preview .description:not(:empty) {
	margin-top:3px;
}

/* Ajax box */
#tl_ajaxBox {
	width:300px;
	padding:2em;
	box-sizing:border-box;
	position:absolute;
	left:50%;
	margin-left:-150px;
	background:#fff url("icons/loading.svg") no-repeat right 2em center;
	border:2px solid #111;
	border-radius:2px;
	font-size:1rem;
	text-align:left;
}
#tl_ajaxOverlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:#fff;
	opacity: 0.5;
}

/* Misc */
.ce_gallery ul {
	overflow:hidden;
}
.ce_gallery li {
	float:left;
	margin:0 6px 6px 0;
}
.drag-handle {
	cursor:move;
}
ul.sortable li {
	cursor:move;
	position:relative;
}
ul.sortable li .dirname {
	display:none;
}
ul.sortable li:hover .dirname {
	display:inline;
}
ul.sortable button {
	position:absolute;
	top:0;
	right:0;
	border:0;
	background:#eee;
	margin:0;
	padding:0 0 3px;
	font-size:22px;
	line-height:9px;
	cursor:pointer;
	transition:all .1s linear;
}
ul.sortable button:hover {
	background:#f9f9f9;
}
ul.sortable button[disabled] {
	color:#999;
	cursor:not-allowed;
}
ul.sortable button[disabled]:hover {
	background:rgba(255,255,255,.7);
}
#picker-menu {
	padding:9px 6px 0;
	border-bottom:1px solid #ddd;
}
#picker-menu li {
	display:inline-block;
	padding:8px 0;
	background-color:#f9f9fb;
	border:1px solid #ddd;
	border-radius:2px 2px 0 0;
	position:relative;
	top:1px;
}
#picker-menu li:hover {
	background-color:#f3f3f5;
}
#picker-menu li.current {
	background-color:#f3f3f5;
	border-bottom-color:#f3f3f5;
}
#picker-menu a {
	padding:3px 12px 3px 32px;
	background:url("icons/manager.svg") 12px center no-repeat;
}
#picker-menu a:hover {
	color:#444;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	#picker-menu a:hover {
		color:#222;
	}
}
#picker-menu a.pagePicker {
	background-image:url("icons/pagemounts.svg");
	background-size:16px;
}
#picker-menu a.filePicker {
	background-image:url("icons/filemounts.svg");
	background-size:14px;
}
#picker-menu a.articlePicker {
	background-image:url("icons/articles.svg");
	background-size:16px;
}
#picker-menu a.close {
	background-image:url("icons/back.svg");
}
.ace_editor {
	padding:3px;
	z-index:0;
}
.ace_editor,.ace_editor * {
	font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace  !important;
	font-size:.75rem !important;
	color:#444;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	.ace_editor,.ace_editor * {
		color:#222;
	}
}
.ace-fullsize {
	overflow:hidden !important;
}
.ace-fullsize .ace_editor {
	position:fixed !important;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:auto !important;
	height:auto !important;
	margin:0;
	border:0;
	z-index:10000;
}
div.mce-edit-area {
	width:99.9%;
}
time[title] {
	cursor:help;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}

/* Backwards compatiblity */
#manager {
	padding:9px 6px 0;
	border-bottom:1px solid #ddd;
}
#manager a {
	padding:3px 12px 3px 32px;
	background:url("icons/manager.svg") 12px center no-repeat;
}

/* Default icon classes */
.header_icon,.header_clipboard,.header_back,.header_new,.header_rss,.header_edit_all,.header_delete_all,
.header_new_folder,.header_css_import,.header_theme_import,.header_store,.header_toggle,.header_sync {
	padding:3px 0 3px 21px;
	background-position:left center;
	background-repeat:no-repeat;
	margin-left:15px;
}
.list_icon {
	margin-left:-3px;
	padding-left:20px;
	background-position:left center;
	background-repeat:no-repeat;
}
.list_icon_new {
	width:16px;
	background-position:1px center;
	background-repeat:no-repeat;
}

/* Header icons */
.header_clipboard {
	background-image:url("icons/clipboard.svg");
}
.header_back {
	background-image:url("icons/back.svg");
}
.header_new {
	background-image:url("icons/new.svg");
}
.header_rss {
	background-image:url("icons/rss.svg");
}
.header_edit_all {
	background-image:url("icons/all.svg");
}
.header_delete_all {
	background-image:url("icons/deleteAll.svg");
}
.header_new_folder {
	padding-left:24px;
	background-image:url("icons/newfolder.svg");
}
.header_css_import {
	background-image:url("icons/cssimport.svg");
}
.header_theme_import {
	background-image:url("icons/theme_import.svg");
}
.header_store {
	padding-left:18px;
	background-image:url("icons/store.svg");
}
.header_toggle {
	background-image:url("icons/folPlus.svg");
}
.header_sync {
	background-image:url("icons/sync.svg");
}

/* Visual hint for TRBL fields - thanks to Eugene Rybyakov */
.tl_text_trbl,.tl_imageSize_0,.tl_imageSize_1,#ctrl_playerSize input {
	background:url("icons/hints.svg") no-repeat right 1px top 2px;
}
#ctrl_playerSize_1,.tl_imageSize_1 {
	background-position:right 1px top -28px !important;
}
.trbl_top {
	background-position:right 1px top -59px !important;
}
.trbl_right {
	background-position:right 1px top -89px !important;
}
.trbl_bottom {
	background-position:right 1px top -119px !important;
}
.trbl_left {
	background-position:right 1px top -149px !important;
}
#ctrl_shadowsize_top {
	background-position:right 1px top -179px !important;
}
#ctrl_shadowsize_right {
	background-position:right 1px top -209px !important;
}
#ctrl_shadowsize_bottom {
	background-position:right 1px top -238px !important;
}
#ctrl_shadowsize_left {
	background-position:right 1px top -269px !important;
}
#ctrl_borderradius_top {
	background-position:left -299px !important;
}
#ctrl_borderradius_right {
	background-position:right 1px top -329px !important;
}
#ctrl_borderradius_bottom {
	background-position:right 1px top -352px !important;
}
#ctrl_borderradius_left {
	background-position:left -382px !important;
}

/* Error messages */
label.error,legend.error,.tl_checkbox_container.error legend {
	color:#c33;
}
.tl_tbox .tl_error,.tl_box .tl_error {
	background:none;
	padding:0;
	margin-bottom:0;
	font-size:.75rem;
}
.tl_formbody_edit > .tl_error {
	margin-top:9px;
}
.broken-image {
	display:inline-block;
	padding:12px 12px 12px 30px;
	background:#faebeb url("icons/error.svg") no-repeat 9px center;
	color:#c33;
	text-indent:0;
}

/* Fieldsets */
fieldset.tl_tbox,fieldset.tl_box {
	margin-top:5px;
	padding-top:0;
	border-top:none;
	border-left:0;
	border-right:0;
}
fieldset.tl_tbox.nolegend,fieldset.tl_box.nolegend {
	border-top:0;
}
fieldset.tl_tbox > legend,fieldset.tl_box > legend {
	box-sizing:border-box;
	color:#6a6a6c;
	padding:9px 12px 9px 28px;
	background:url("icons/navcol.svg") 13px 11px no-repeat;
	cursor:pointer;
}
fieldset.collapsed {
	margin-bottom:0;
	padding-bottom:5px;
}
fieldset.collapsed div {
	display:none !important;
}
fieldset.collapsed > legend {
	background:url("icons/navexp.svg") 13px 11px no-repeat;
}

/* Maintenance */
#tl_maintenance_cache table {
	width:100%;
}
#tl_maintenance_cache th,#tl_maintenance_cache td {
	border-bottom:1px solid #e9e9e9;
}
#tl_maintenance_cache th {
	background:#f6f6f8;
	padding:6px;
	border-top:1px solid #e9e9e9;
}
#tl_maintenance_cache td {
	padding:6px;
	line-height:1.2;
}
#tl_maintenance_cache tr:nth-child(even) td {
	background:#fcfcfe;
}
#tl_maintenance_cache td span {
	color:#999;
}
#tl_maintenance_cache td:first-child {
	width:16px;
}
.mac #tl_maintenance_cache td:first-child .tl_checkbox {
	top:-2px;
}
#tl_maintenance_cache .nw {
	white-space:nowrap;
}
#tl_maintenance_cache .tl_checkbox_container {
	margin-top:12px;
}
#tl_maintenance_cache .tl_checkbox_container label {
	font-weight:600;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	#tl_maintenance_cache .tl_checkbox_container label {
		font-weight:500;
	}
}

/* Pagination */
.pagination {
	overflow:hidden;
	background:#f6f6f8;
	margin-bottom:18px;
	border:solid #e9e9e9;
	border-width:1px 0;
	padding:12px 15px;
}
.pagination ul {
	width:60%;
	float:right;
	text-align:right;
	padding-right:3px;
}
.pagination p {
	width:30%;
	float:left;
	margin-bottom:0;
}
.pagination li {
	display:inline;
	padding-right:3px;
}
.pagination .active {
	color:#999;
}
.pagination-lp {
	margin-left:15px;
	margin-right:15px;
}

/* File synchronization */
#sync-results {
	overflow:hidden;
	margin:18px 15px 0;
}
#sync-results p {
	margin-bottom:0;
}
#sync-results .left {
	float:left;
	padding:2px 0;
}
#sync-results .right {
	float:right;
}
#result-list {
	margin:15px;
}
#result-list .tl_error,#result-list .tl_confirm,#result-list .tl_info,#result-list .tl_new {
	padding:3px 0;
	background:none;
}

/* DropZone */
.dropzone {
	margin:2px 0;
	min-height:auto !important;
	border:3px dashed #ddd !important;
	border-radius:2px;
}
.dropzone-filetree {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:.8;
	z-index:1;
}
.dropzone-filetree-enabled {
	display:block;
}
.dz-message span {
	font-size:1.3125rem;
	color:#ccc;
}

/* TinyMCE */
.tox-tinymce {
	margin: 3px 0;
}
.tox .tox-menubar,.tox .tox-toolbar__primary,.tox .tox-statusbar {
	background-color: #f7f7f9 !important;
}

/* Tablet */
@media (max-width:991px) {
	body {
		background:#eaeaec;
	}
	#header {
		width:100%;
		padding:0;
		position:fixed;
		top:0;
		z-index:2;
		transition:transform .2s ease;
		-webkit-transform:none;
		transform:none;
		will-change:transform;
	}
	#container {
		display:block;
		padding-top:40px;
		overflow:hidden;
	}
	#main,#left {
		float:none;
		overflow:hidden;
	}
	#main {
		width:100% !important;
		position:relative;
		transition:transform .2s ease;
		-webkit-transform:none;
		transform:none;
		will-change:transform;
	}
	.show-navigation #main {
		-webkit-transform:translateX(240px);
		transform:translateX(240px);
	}
	#left {
		position:absolute;
		top:40px;
		width:240px;
		transition:transform .2s ease;
		-webkit-transform:translateX(-240px);
		transform:translateX(-240px);
		will-change:transform;
	}
	.show-navigation #left {
		-webkit-transform:none;
		transform:none;
	}
	#tmenu .burger {
		display:inline;
	}
}

/* Handheld */
@media (max-width:767px) {
	#header.down {
		-webkit-transform:translateY(-40px);
		transform:translateY(-40px);
	}
	#header h1 a {
		width:22px;
		padding:12px;
		text-indent:34px; /* 22px width + 12px padding */
		overflow:hidden;
	}
	#tmenu > li > a {
		width:16px;
		margin-bottom:-2px;
		position:relative;
		overflow:hidden;
		white-space:nowrap;
		text-indent:28px; /* 16px width + 12px padding */
		background-size:18px !important;
	}
	#tmenu sup {
		top:6px;
		font-size:.5rem;
	}
	#tmenu .icon-debug {
		background:url("icons/debug.svg") center center no-repeat;
	}
	#tmenu .icon-preview {
		background:url("icons/preview.svg") center center no-repeat;
	}
	#tmenu .h2 {
		width:16px;
		margin:0 0 -2px;
		padding-right:12px;
		overflow:hidden;
		white-space:nowrap;
		text-indent:28px; /* 16px width + 12px padding */
		background:url("icons/profile.svg") center center no-repeat;
		background-size:18px;
	}
	#main .content {
		margin:15px 10px;
	}
	#main_headline {
		margin:13px 0;
		padding:0 11px;
	}
	div.tl_tbox,div.tl_box {
		position:relative;
	}
	.tl_content_left {
		width:100%;
		float:none;
	}
	.showColumns th, .showColumns td {
		display:block;
	}
	.showColumns th:empty {
		display:none;
	}
	.tl_label {
		white-space:normal;
	}
	.list_view .tl_listing img.theme_preview {
		display:none;
	}
	.tl_filter {
		box-sizing:border-box;
		padding:0 3px 0 7px;
	}
	.tl_filter strong {
		display:none;
	}
	.tl_filter .tl_select {
		display:block;
		max-width:100%;
	}
	.tl_search {
		width:76%;
		max-width:283px;
	}
	.tl_search .tl_select {
		width:36%;
	}
	.tl_search .tl_text {
		width:26%;
	}
	.tl_sorting {
		width:60%;
		max-width:212px;
	}
	.tl_limit {
		width:50%;
		max-width:177px;
	}
	.tl_submit_panel {
		float:right;
		z-index:1;
	}
	input.tl_submit {
		margin-top:3px;
		margin-bottom:3px;
		padding-left:6px !important;
		padding-right:7px !important;
	}
	.tl_listing .tl_left,.tl_show td {
		word-break:break-word;
	}
	#tl_breadcrumb li {
		padding:3px;
	}
	#tl_versions {
		display:none;
	}
	.tl_version_panel .tl_select {
		width:44%;
	}
	.tl_modulewizard td:first-child {
		width:1%;
	}
	.tl_modulewizard td:first-child .tl_select {
		max-width:52vw;
	}
	#paste_hint,.sort_hint {
		display:none;
	}
	#tl_maintenance_cache table {
		width:100%;
	}
	#tl_maintenance_cache tr th:last-child,#tl_maintenance_cache tr td:last-child {
		display:none;
	}
	.tl_file_list .ellipsis {
		padding-right:10px;
	}
}

/* Phones */
@media (max-width:599px) {
	.tl_metawizard label {
		width:auto;
		float:none;
		font-size:.9em;
		display:block;
		margin-top:3px;
	}
	.tl_metawizard .tl_text {
		width:100%;
	}
}
@media (max-width:479px) {
	.tl_modulewizard td:first-child .tl_select {
		max-width:48vw;
	}
}