
.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_demoinstaller {width: 100%; position: relative;}
#pct_demoinstaller .counter {display: none;}
#pct_demoinstaller .tl_img_submit {top: 26px; margin-left: 5px;}
#pct_demoinstaller .tl_panel .float_box {float: left;}
#pct_demoinstaller .tl_panel.categories {text-align: left; padding: 10px;}
#pct_demoinstaller .tl_panel.categories h3 {margin: 0 0 4px 0; padding: 0;}
#pct_demoinstaller .tl_panel.categories .search-field input {width: auto !important;}
#pct_demoinstaller #tl_buttons {padding: 10px 20px; border-bottom: 1px solid silver;}
#pct_demoinstaller .content_wrapper { padding: 20px; max-width: 900px;}
#pct_demoinstaller .content_wrapper .inside.grid_wrapper {margin-left: -1%; margin-right: -1%;}
#pct_demoinstaller .image_container {line-height: 0;}
#pct_demoinstaller .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_demoinstaller .image_container img {background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNC4yMDZweCIgaGVpZ2h0PSI2LjA2MnB4IiB2aWV3Qm94PSIwIDAgMjQuMjA2IDYuMDYyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNC4yMDYgNi4wNjIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxjaXJjbGUgZmlsbD0iI0Q5Njc1RiIgY3g9IjMuMDMxIiBjeT0iMy4wMzEiIHI9IjMuMDMxIi8+PGNpcmNsZSBmaWxsPSIjRjJCRDUwIiBjeD0iMTIuMTA0IiBjeT0iMy4wMzEiIHI9IjMuMDMiLz48Y2lyY2xlIGZpbGw9IiM2Q0FENTMiIGN4PSIyMS4xNzUiIGN5PSIzLjAzMSIgcj0iMy4wMzEiLz48L3N2Zz4=);}
#pct_demoinstaller .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_demoinstaller .item .inside { padding-left: 1%; padding-right: 1%;}
#pct_demoinstaller .label {color: #3c3d3c; font-size: 0.8rem; text-transform: uppercase; text-align: center; margin-bottom: 15px; font-weight: bold;}
#pct_demoinstaller .content {margin-top: 20px; border: 0;}
#pct_demoinstaller .submit_container {text-align: center; margin-top: 15px;}
#pct_demoinstaller a.di_submit, #pct_demoinstaller 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_demoinstaller a.di_submit:hover, #pct_demoinstaller input.di_submit:hover {opacity: 0.9;}
#pct_demoinstaller a.di_submit {background: #e55a37;}

#pct_demoinstaller #contao_theme_select {border-bottom: 1px solid silver; padding: 10px 20px;}
#pct_demoinstaller #contao_theme_select h3 {margin: 0; margin-bottom: 5px;}
#pct_demoinstaller #contao_theme_select select, #pct_demoinstaller #contao_theme_select .tl_select {min-width: 120px;}

@media only screen and (max-width: 767px) {
	#pct_demoinstaller .item.block {width: 100%;}
}