.header_toggle_mode {float: left; margin-left:12px; padding:2px 0 3px 18px; background: url('../img/icon.gif') no-repeat left center; }
.header_toggle_mode.is_active { background: url('../img/icon_off.gif') no-repeat left center; }

#pct_theme_installer {width: 100%; position: relative;}
#pct_theme_installer .counter {display: none;}
#pct_theme_installer .tl_img_submit {top: 26px; margin-left: 5px;}
#pct_theme_installer .tl_panel .float_box {float: left;}
#pct_theme_installer .tl_panel.categories {text-align: left; padding: 10px;}
#pct_theme_installer .tl_panel.categories h3 {margin: 0 0 4px 0; padding: 0;}
#pct_theme_installer .tl_panel.categories .search-field input {width: auto !important;}
#pct_theme_installer #tl_buttons {padding: 12px 20px; border-bottom: 1px solid silver; display: flex; align-items: center; gap: 16px;}
#pct_theme_installer #tl_buttons .version {margin-right: auto; font-weight: 600; color: #2a2a2a;}
#pct_theme_installer #tl_buttons a {display: inline-flex; align-items: center;}
#pct_theme_installer .content_wrapper { padding: 20px; max-width: 900px;}
#pct_theme_installer .content_wrapper .inside.grid_wrapper {margin-left: -1%; margin-right: -1%;}
#pct_theme_installer .image_container {line-height: 0;}
#pct_theme_installer .image_container img {box-sizing: border-box; -webkit-box-sizing: border-box; width: auto; max-width: 100%; height: auto; border: 1px solid #d0d0d0; background-color: #f3f3f3; background-position: 5px 5px; background-repeat: no-repeat; padding-top: 15px; border-radius: 3px 3px 0 0;}
#pct_theme_installer .image_container img {background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNC4yMDZweCIgaGVpZ2h0PSI2LjA2MnB4IiB2aWV3Qm94PSIwIDAgMjQuMjA2IDYuMDYyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNC4yMDYgNi4wNjIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxjaXJjbGUgZmlsbD0iI0Q5Njc1RiIgY3g9IjMuMDMxIiBjeT0iMy4wMzEiIHI9IjMuMDMxIi8+PGNpcmNsZSBmaWxsPSIjRjJCRDUwIiBjeD0iMTIuMTA0IiBjeT0iMy4wMzEiIHI9IjMuMDMiLz48Y2lyY2xlIGZpbGw9IiM2Q0FENTMiIGN4PSIyMS4xNzUiIGN5PSIzLjAzMSIgcj0iMy4wMzEiLz48L3N2Zz4=);}
#pct_theme_installer .item.block {min-height: 610px; width: 50%; position: relative; float: left; padding: 20px 20px 40px 20px; box-sizing: border-box; -webkit-box-sizing: border-box;}
#pct_theme_installer .item .inside { padding-left: 1%; padding-right: 1%;}
#pct_theme_installer .label {color: #3c3d3c; font-size: 0.8rem; text-transform: uppercase; text-align: center; margin-bottom: 15px; font-weight: bold;}
#pct_theme_installer .content {margin-top: 20px; border: 0;}
#pct_theme_installer .submit_container {text-align: center; margin-top: 15px;}
#pct_theme_installer .tl_submit_container {padding: 12px 15px;}
#pct_theme_installer .tl_submit_container .tl_submit {height: auto; padding: 10px 18px; border-radius: 3px; font-weight: 600;}
#pct_theme_installer a.di_submit, #pct_theme_installer input.di_submit {transition: All 0.3s ease; -webkit-transition: All 0.3s ease; cursor: pointer; height: 44px; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; background: #009dcc; color: #fff; border: 0; padding: 15px 20px; text-shadow: none; display: inline-block; min-width: 130px; border-radius: 3px;}
#pct_theme_installer a.di_submit:hover, #pct_theme_installer input.di_submit:hover {opacity: 0.9;}
#pct_theme_installer a.di_submit {background: #e55a37;}
#pct_theme_installer #contao_theme_select {border-bottom: 1px solid silver; padding: 10px 20px;}
#pct_theme_installer #contao_theme_select h3 {margin: 0; margin-bottom: 5px;}
#pct_theme_installer #contao_theme_select select, #pct_theme_installer #contao_theme_select .tl_select {min-width: 120px;}
#pct_theme_installer .backend_explanation {padding: 15px; color:#444; font-size: 0.95rem; font-weight: bold;}
#pct_theme_installer .backend_explanation .italic {font-style: italic;}
#pct_theme_installer .backend_explanation .subtitle {display: block; margin-top: 6px; color: #666; font-size: 0.9rem; font-weight: 400; line-height: 1.5;}
#pct_theme_installer .backend_explanation_additional {padding: 15px; margin-bottom: 15px; line-height: 17px; color: #4b85ba; background: #eff5fa;}
#pct_theme_installer .backend_explanation_additional.error {color: #c33; background: #faeeee;}
#pct_theme_installer .licence_check {overflow: hidden; border-top: 1px solid silver; padding: 15px 15px 25px 15px;}

/* Modern progress / breadcrumb component */
#pct_theme_installer .update_progress {margin: 15px; padding: 20px 25px; background: #f8f8fa; border-left: 3px solid #f47c00; border-radius: 4px;}
#pct_theme_installer .update_progress h3 {margin: 0 0 12px 0; font-size: 1rem; font-weight: 700; color: #2a2a2a;}
#pct_theme_installer .update_progress .progress_steps {list-style: none; margin: 0; padding: 0;}
#pct_theme_installer .update_progress .progress_steps li {display: flex; align-items: flex-start; gap: 12px; padding: 10px 0; border-bottom: 1px solid #ececec; transition: opacity 0.2s ease;}
#pct_theme_installer .update_progress .progress_steps li:last-child {border-bottom: 0;}
#pct_theme_installer .update_progress .progress_steps li .icon {flex: 0 0 22px; display: inline-flex; align-items: center; justify-content: center; height: 22px; width: 22px; margin-top: 1px;}
#pct_theme_installer .update_progress .progress_steps li .step_body {flex: 1 1 auto; display: flex; flex-direction: column; gap: 2px; min-width: 0;}
#pct_theme_installer .update_progress .progress_steps li .step_label {font-weight: 600; color: #444;}
#pct_theme_installer .update_progress .progress_steps li .step_label a {color: inherit;}
#pct_theme_installer .update_progress .progress_steps li .step_desc {font-size: 0.85rem; color: #888; line-height: 1.4;}

#pct_theme_installer .update_progress .progress_steps li.pending {color: #b0b0b0;}
#pct_theme_installer .update_progress .progress_steps li.pending .step_label {color: #b0b0b0; font-weight: 500;}
#pct_theme_installer .update_progress .progress_steps li.pending .dot {display: inline-block; width: 12px; height: 12px; border: 2px solid #d0d0d0; border-radius: 50%;}

#pct_theme_installer .update_progress .progress_steps li.active .step_label {color: #2a2a2a; font-weight: 700;}
#pct_theme_installer .update_progress .progress_steps li.active .spinner {display: inline-block; width: 14px; height: 14px; border: 2px solid #e0e0e0; border-top-color: #f47c00; border-radius: 50%; animation: pct_spin 0.8s linear infinite;}

#pct_theme_installer .update_progress .progress_steps li.completed .step_label {color: #5b8a3c;}
#pct_theme_installer .update_progress .progress_steps li.completed .check {color: #5b8a3c; font-weight: 700; font-size: 14px; line-height: 1;}

@keyframes pct_spin { to { transform: rotate(360deg); } }

#pct_theme_installer td.tl_green,
#pct_theme_installer td.tl_green a {color: #77ac45;}
#pct_theme_installer tr.not_accepted td,
#pct_theme_installer tr.not_accepted td a {color: red;}

#pct_theme_installer .agreement_container {font-size: 0.8rem; margin-bottom: 15px; display: flex; line-height: 17px;}
#pct_theme_installer .agreement_container input {margin-right: 10px;}

#pct_theme_installer .license_information .file {display: none;}

#pct_theme_installer .tl_info,
#pct_theme_installer .tl_message {margin: 15px;}

#pct_theme_installer .tl_message.data_overwrite {padding: 14px 18px; background: #fff8ee; border-left: 3px solid #f47c00; border-radius: 4px;}
#pct_theme_installer .tl_message.data_overwrite p {margin: 0; color: #6b4500; font-weight: 600;}
html[data-color-scheme=dark] #pct_theme_installer .tl_message.data_overwrite {background: #2a221b; border-left-color: #f47c00;}
html[data-color-scheme=dark] #pct_theme_installer .tl_message.data_overwrite p {color: #f0c98a;}

#pct_theme_installer .select_container {margin: 15px;}
#pct_theme_installer .select_container .styled_select {min-width: 200px;}

#tl_ajaxOverlay {opacity: 0 !important;}
#tl_ajaxBox {display: none !important;}

@media only screen and (max-width: 767px)
{
	#pct_theme_installer .item.block {width: 100%;}
	#pct_theme_installer #tl_buttons {flex-wrap: wrap; gap: 8px 16px;}
	#pct_theme_installer #tl_buttons .version {flex: 1 0 100%;}
}

#pct_theme_installer .label_orange {color: #fff; background: #f47c00; border-radius: 3px; padding: 3px 5px; display: inline-block;}
#pct_theme_installer .label_green {background-color: #589b0e; padding: 3px 5px; color: #fff;}
#pct_theme_installer .label_gray {background-color: #d6d6d6; padding: 3px 5px;}
#pct_theme_installer .label_small {font-size: 0.8rem;}
#pct_theme_installer .info {background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZGF0YS1uYW1lPSJMYXllciAxIiBpZD0iTGF5ZXJfMSIgdmlld0JveD0iMCAwIDMyIDMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojN2RjY2ZjO308L3N0eWxlPjwvZGVmcz48dGl0bGUvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE2LDFBMTUsMTUsMCwxLDAsMzEsMTYsMTUsMTUsMCwwLDAsMTYsMVptMiwyMmEyLDIsMCwwLDEtNCwwVjE2YTIsMiwwLDAsMSw0LDBaTTE2LDEyLjE5QTIuMTksMi4xOSwwLDEsMSwxOC4xOSwxMCwyLjE5LDIuMTksMCwwLDEsMTYsMTIuMTlaIi8+PC9zdmc+")}
#pct_theme_installer .info {background-repeat: no-repeat; padding-left: 25px; background-size: 16px;}
#pct_theme_installer p {line-height: 1.5;}

#pct_theme_installer a {text-decoration: underline;}

/** dark mode **/
html[data-color-scheme=dark] #pct_theme_installer {color: #ddd;}
html[data-color-scheme=dark] #pct_theme_installer #tl_buttons {border-color: var(--border);}
html[data-color-scheme=dark] #pct_theme_installer #tl_buttons .version {color: #eaeaea;}
html[data-color-scheme=dark] #pct_theme_installer .backend_explanation {color: #ddd;}
html[data-color-scheme=dark] #pct_theme_installer .backend_explanation .subtitle {color: #aaa;}
html[data-color-scheme=dark] #pct_theme_installer .backend_explanation_additional {background: #333;}
html[data-color-scheme=dark] #pct_theme_installer .backend_explanation_additional.error {background: var(--table-header);}
html[data-color-scheme=dark] #pct_theme_installer .label_gray {background: #444;}
html[data-color-scheme=dark] #pct_theme_installer .agreement_container label {color: #ddd;}

html[data-color-scheme=dark] #pct_theme_installer .update_progress {background: #232529; border-left-color: #f47c00;}
html[data-color-scheme=dark] #pct_theme_installer .update_progress h3 {color: #eaeaea;}
html[data-color-scheme=dark] #pct_theme_installer .update_progress .progress_steps li {border-color: #303236;}
html[data-color-scheme=dark] #pct_theme_installer .update_progress .progress_steps li.pending,
html[data-color-scheme=dark] #pct_theme_installer .update_progress .progress_steps li.pending .step_label {color: #777;}
html[data-color-scheme=dark] #pct_theme_installer .update_progress .progress_steps li.pending .dot {border-color: #555;}
html[data-color-scheme=dark] #pct_theme_installer .update_progress .progress_steps li.active .step_label {color: #eaeaea;}
html[data-color-scheme=dark] #pct_theme_installer .update_progress .progress_steps li.completed .step_label,
html[data-color-scheme=dark] #pct_theme_installer .update_progress .progress_steps li.completed .check {color: #8ec25c;}
html[data-color-scheme=dark] #pct_theme_installer .update_progress .progress_steps li .step_desc {color: #999;}
