#tl_navigation .group-isotope {
    background: url(../../system/modules/isotope/assets/images/module.svg) 5px 1px no-repeat;
    background-size: 14px 14px;
}

.header_import_assets
{
    padding:2px 0 3px 20px;
    background-image:url("../../system/modules/isotope/assets/images/image--plus.png");
    background-position:left center;
    background-repeat:no-repeat;
}

.header_import_mail
{
    padding:2px 0 3px 20px;
    background-image:url("../../system/modules/isotope/assets/images/inbox-download.png");
    background-position:left center;
    background-repeat:no-repeat;
}

.header_iso_copy
{
    background-image:url(../../system/themes/default/images/copy.gif);
    background-position:left center;
    background-repeat:no-repeat;
    padding:2px 0 3px 20px;
}

.header_iso_groups
{
    padding:2px 0 3px 20px;
    background-image:url("../../system/modules/isotope/assets/images/folders.png");
    background-position:left center;
    background-repeat:no-repeat;
}

.tl_iso_category_sorting {
    padding:3px 0 0 8px;
}

body.popup a[href*="table=tl_iso_attribute_option"].header_back {
    display: none;
}

.tl_mediamanager th,
.tl_mediamanager td
{
    padding: 2px 10px 0 0;
}

.tl_mediamanager td.col_0
{
    text-align: center;
    vertical-align: middle;
}

.tl_mediamanager input.tl_text_2
{
    width: 220px;
}

.tl_mediamanager textarea
{
    height: 40px;
    width: 250px;
}

.tl_mediamanager .radio_container span
{
    display: block;
}

.tl_mediamanager img {
    position: relative;
    top: 1px;
}

.tl_mediamanager .upload_container {
    margin-top: 8px;
}

.tl_mediamanager .qq-hide {
    display: none;
}

.tl_mediamanager .qq-upload-drop-area {
	width: 700px;
    padding: 56px 0;
    margin-bottom: 12px;
    text-align: center;
    border: 3px dashed #dbdbdb;
    border-left: none;
    border-right: none;
    background-color: #f7f7f7;
    /** IE FIXES **/
	width: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
}

.tl_mediamanager .qq-upload-drop-area span {
    font-size: 16px;
    color: grey;
}

/* allow the box shadow of the submit button to be visible */
.tl_mediamanager .qq-upload-button {
    padding: 3px;
    margin: -3px;
}

.tl_mediamanager .qq-upload-button .tl_submit {
    display: inline-block;
    font-family: "Trebuchet MS",Verdana,sans-serif;
    font-size: 12px;
}

.tl_mediamanager .qq-upload-button:focus .tl_submit,
.tl_mediamanager .qq-upload-button:hover .tl_submit {
    box-shadow: 0 0 3px #aaa;
}

.tl_mediamanager .qq-edit-filename {
    display: none;
}

.tl_mediamanager .qq-upload-size {
    color: #b3b3b3;
}

.tl_mediamanager .qq-upload-list {
    margin: 8px 0 8px 16px;
}

.tl_mediamanager .qq-upload-list li {
    line-height: 14px;
    list-style-type: square;
}

.tl_mediamanager .qq-upload-success {
    color: #8ab858;
}

.tl_mediamanager .qq-upload-fail {
    color: #c55;
}

#ctrl_attributes tr:hover td,
#ctrl_variant_attributes tr:hover td,
#ctrl_address_fields tr:hover td {
    background-color: #EBFDD7;
}

table.multicolumnwizard {
    max-width: 663px;
}
table.multicolumnwizard .operations {
    white-space: nowrap;
}

.mod_iso_orderdetails .order_status {
    margin: 1em 0;
}

.mod_iso_orderdetails .info_container {
    float:left;
    width:200px;
    border: 1px dotted #ccc;
    padding: 10px;
    margin: 0 10px 10px 0;
}

.mod_iso_orderdetails .info_container h3 {
    margin-top: 0;
    margin-bottom: 5px;
    padding-top: 0;
    height: auto;
}

.mod_iso_orderdetails table {
    margin-top: 20px;
    border-top: 1px dotted #ccc;
    width: 100%
}

.mod_iso_orderdetails tbody td {
    padding: 5px;
    border-bottom: 1px dotted #ccc;
    vertical-align: top
}

.mod_iso_orderdetails ul {
    margin: 0;
    padding: 0;
    padding-left: 10px;
}

.mod_iso_orderdetails li {
    margin-left: 10px;
    padding: 0;
    list-style-type: disc;
}

.mod_iso_orderdetails .price {
    text-align: right
}

.mod_iso_orderdetails tfoot td {
    text-align: right;
    padding: 5px 5px 0 5px;
}

.mod_iso_orderdetails .image_container img {
    max-width: 100px;
    height: auto;
}

.w50h {
    height: auto;
}

.hide_sort_hint .sort_hint {
    display: none;
}

.iso_filter {
    line-height: 28px;
    margin-left: 2%;
}

.iso_filter .tl_submit.active {
    border: 1px solid #b8b8b8;
    background: #eee;
    background-image: -moz-linear-gradient(bottom, #ccc 0%, #ffd 60%);
    background-image: -webkit-linear-gradient(bottom, #ccc 0%, #ffd 60%);
    background-image: -o-linear-gradient(bottom, #ccc 0%, #ffd 60%);
    background-image: -ms-linear-gradient(bottom, #ccc 0%, #ffd 60%);
    background-image: linear-gradient(bottom, #ccc 0%, #ffd 60%);
}

.iso_filter .styled_select {
    margin-top: 4px;
}

.iso_listing_container th.col_images {
    font-size: 0;
    width: 60px;
}
.iso_listing_container td.col_images {
    height: 50px;
    text-align: center;
}

.iso_listing_container td.col_images img {
    float: none;
}

.tl_listing_container .col_order_status {
    padding: 0;
}

.tl_listing_container .col_order_status span {
    display: block;
    padding: 2px 5px 3px;
    border-radius: 2px;
}

.iso_operations {
    width: 110px;
    white-space: normal;
}

.iso_operations a {
    display: inline-block;
    margin-bottom: 4px;
}

.tl_productdata .tl_file {
    min-height: 36px;
}

.tl_productdata .tl_file .tl_left a,
.product_tree .tl_file .tl_left a
{
    float: left;
    margin-top: 10px;
}

.tl_productdata .tl_file .tl_left a.tl_tip,
.product_tree .tl_file .tl_left a.tl_tip
{
    float: none;
}

.tl_productdata .tl_file .tl_right,
.product_tree .tl_file .tl_right
{
    height: auto;
    text-align: right
}

.tl_productdata label,
.tl_productdata .tl_folder .tl_left
{
    line-height:18px;
}

.iso_product
{
    margin-top: 2px;
    margin-bottom: 2px;
    width: 500px;
    text-indent: 0;
}

.iso_product .thumbnail
{
    padding-right: 5px;
    float: left;
    width: 34px;
    height: 34px;
}

.iso_product ul
{
    margin-left: 34px;
}

.iso_product p
{
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
}

.iso_product p span
{
    font-weight: normal;
}

.tree_view .iso_product a
{
    float: none;
    margin-top: 0;
}

h3.inherit,
.tl_checkbox_single_container.inherit
{
    background-color: #f8f8f8;
    padding: 2px 2px 2px 0;
    margin: 14px 0 1px 0
}

body.iso_be_overview .tip-wrap{
    margin-left: 30px !important;
    margin-top: 70px;
}

.be_iso_overview .tl_info {
    margin-top: 10px;
}

.be_iso_overview .item a {
    display:block;
    width:105px;
    height: 70px;
    margin: 15px 0;
    padding: 5px;
    border-radius: 5px;
    float:left;
    text-align: center;
}
.be_iso_overview .item a img {
    width: 64px;
    height: 64px;
}
.be_iso_overview .item a.disabled {
    pointer-events: none;
    cursor: default;
}
.be_iso_overview .item span {
    display: block;
    line-height: 1.2;
    margin-top: 5px;
}
.be_iso_overview .item a.disabled img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.be_iso_introduction .left {
    padding: 0 10px;
    background: #eff5fa;
    overflow: hidden;
}
.be_iso_introduction .left strong {
    color: #1899ad;
}
.be_iso_introduction .right {
    float: right;
    width: 250px;
    padding-left: 2%;
}
.be_iso_introduction .right img {
    display: block;
    margin-bottom: 2em;
}

@media(max-width:991px) {
    .be_iso_introduction .right {
        display: none;
    }
}

.iso_importassets li {
    list-style-type: inherit;
}

.tl_version_panel.tl_iso_products_panel:after {
    content: "";
    display: table;
    clear: both;
}

.tl_version_panel.tl_iso_products_panel #tl_language {
    float:left;
    margin-left:20px;
}
.tl_version_panel.tl_iso_products_panel #tl_version {
    float:right;
}

.header_iso_copy {
    background-image:url(../../system/themes/flexible/icons/copy.svg);
}

.mod_iso_orderdetails {
    margin: 2%;
}

.be_iso_overview .daily_summary {
    padding: 0 2%;
}

.iso_be_overview .item:nth-child(2) a {
    margin-left: 2%;
}

.tl_iso_category_sorting {
    padding:10px 0 0 8px;
}

.be_iso_introduction {
    margin: 2% 2% 0;
}

.be_iso_introduction h2 {
    margin: 1em 0;
}

.iso_operations {
    width: 114px;
}

.iso_panels .tl_subpanel {
    margin-left: 3%;
}

.iso_panels .tl_subpanel.tl_submit_panel {
    margin-left: 0;
}

.iso_panels .tl_select,
.iso_filter .tl_select {
    width: auto;
    margin-left: 3px;
}

.iso_panels .tl_text {
    margin-left: 3px;
    margin-right: 3px;
}

.iso_panels .radio_container {
    margin-top: 8px;
}

.iso_panels .tl_radio {
    margin-left: 8px;
    margin-right: 4px;
}

.iso_filter .tl_submit.active {
    background: #ffd;
}

/** grid **/
.autogrid_grid {display: grid; margin-left: -15px; margin-right: -15px;}
.autogrid_grid .column {padding-left: 15px; padding-right: 15px;}

/** grid gutter **/
.autogrid_grid.gutter_none {margin-left: 0; margin-right: 0;}
.autogrid_grid.gutter_none > .column {padding-left: 0; padding-right: 0;}
.autogrid_grid.gutter_s {margin-left: -15px; margin-right: -15px;}
.autogrid_grid.gutter_s > .column {padding-left: 15px; padding-right: 15px;}
.autogrid_grid.gutter_m {margin-left: -30px; margin-right: -30px;}
.autogrid_grid.gutter_m > .column {padding-left: 30px; padding-right: 30px;}
.autogrid_grid.gutter_l {margin-left: -40px; margin-right: -40px;}
.autogrid_grid.gutter_l > .column {padding-left: 40px; padding-right: 40px;}

/** grid same_height **/
.autogrid_grid.same_height > .column > .attributes {height: 100%;}

/** grid attributes **/
.autogrid_grid .column .attributes {background-size: cover;}
.autogrid_grid .column .attributes.p-xl {padding: 200px 40px 200px 40px;}
.autogrid_grid .column .attributes.p-l {padding: 160px 40px 160px 40px;}
.autogrid_grid .column .attributes.p-m {padding: 115px 40px 115px 40px;}
.autogrid_grid .column .attributes.p-s {padding: 80px 40px 80px 40px;}
.autogrid_grid .column .attributes.p-xs {padding: 40px 40px 40px 40px;}

/** flex row **/
.autogrid_wrapper, .autogrid_row {margin-left: -15px; margin-right: -15px; display: flex; flex-wrap: wrap; box-sizing: border-box;}

/** flex column **/
.autogrid, .autogrid_row .column {padding-left: 15px; padding-right: 15px; flex-basis: 1; flex-grow: 1;  width: 100%; position: relative; box-sizing: border-box;}

/** flex clearing **/
.autogrid_clear {flex: 0 0 100%; height: 0;}

/** flex classes **/
.col_1 		{flex: 0 0 calc((100% / 12) * 1); max-width: calc((100% / 12) * 1);}
.col_2 		{flex: 0 0 calc((100% / 12) * 2); max-width: calc((100% / 12) * 2);}
.col_3 		{flex: 0 0 calc((100% / 12) * 3); max-width: calc((100% / 12) * 3);}
.col_4 		{flex: 0 0 calc((100% / 12) * 4); max-width: calc((100% / 12) * 4);}
.col_5 		{flex: 0 0 calc((100% / 12) * 5); max-width: calc((100% / 12) * 5);}
.col_6 		{flex: 0 0 calc((100% / 12) * 6); max-width: calc((100% / 12) * 6);}
.col_7 		{flex: 0 0 calc((100% / 12) * 7); max-width: calc((100% / 12) * 7);}
.col_8 		{flex: 0 0 calc((100% / 12) * 8); max-width: calc((100% / 12) * 8);}
.col_9 		{flex: 0 0 calc((100% / 12) * 9); max-width: calc((100% / 12) * 9);}
.col_10 	{flex: 0 0 calc((100% / 12) * 10); max-width: calc((100% / 12) * 10);}
.col_11 	{flex: 0 0 calc((100% / 12) * 11); max-width: calc((100% / 12) * 11);}
.col_12 	{flex: 0 0 calc((100% / 12) * 12); max-width: calc((100% / 12) * 12);}

/** flex gutter **/
.autogrid_wrapper.gutter_none, .autogrid_row.gutter_none {margin-left: 0; margin-right: 0;}
.autogrid_wrapper.gutter_none > div, .autogrid_row.gutter_none > div {padding-left: 0; padding-right: 0;}
.autogrid_wrapper.gutter_s, .autogrid_row.gutter_s {margin-left: -15px; margin-right: -15px;}
.autogrid_wrapper.gutter_s > div, .autogrid_row.gutter_s > div {padding-left: 15px; padding-right: 15px;}
.autogrid_wrapper.gutter_m, .autogrid_row.gutter_m {margin-left: -30px; margin-right: -30px;}
.autogrid_wrapper.gutter_m > div, .autogrid_row.gutter_m > div {padding-left: 30px; padding-right: 30px;}
.autogrid_wrapper.gutter_l, .autogrid_row.gutter_l {margin-left: -40px; margin-right: -40px;}
.autogrid_wrapper.gutter_l > div, .autogrid_row.gutter_l > div {padding-left: 40px; padding-right: 40px;}

/* flex order */
.order_1 {order: 1;}
.order_2 {order: 2;}
.order_3 {order: 3;}
.order_4 {order: 4;}
.order_5 {order: 5;}
.order_6 {order: 6;}

/** ag fallback classes **/
.full			{flex: 0 0 100%;}
.one_half 		{flex: 0 0 calc(100% / 2);}
.one_third 		{flex: 0 0 calc(100% / 3);}
.one_fourth		{flex: 0 0 calc(100% / 4);}
.one_fifth		{flex: 0 0 calc(100% / 5);}
.one_sixth		{flex: 0 0 calc(100% / 6);}
.two_third		{flex: 0 0 calc((100% / 3) * 2);}
.two_fourth		{flex: 0 0 calc((100% / 4) * 2);}
.three_fourth	{flex: 0 0 calc((100% / 4) * 3);}
.two_fifth		{flex: 0 0 calc((100% / 5) * 2);}
.three_fifth	{flex: 0 0 calc((100% / 5) * 3);}
.four_fifth		{flex: 0 0 calc((100% / 5) * 4);}
.two_sixth		{flex: 0 0 calc((100% / 6) * 2);}
.three_sixth	{flex: 0 0 calc((100% / 6) * 3);}
.four_sixth		{flex: 0 0 calc((100% / 6) * 4);}
.five_sixth		{flex: 0 0 calc((100% / 6) * 5);}

/** offset**/
.offset_col_1 	{margin-left: calc((100% / 12) * 1);}
.offset_col_2 	{margin-left: calc((100% / 12) * 2);}
.offset_col_3 	{margin-left: calc((100% / 12) * 3);}
.offset_col_4 	{margin-left: calc((100% / 12) * 4);}
.offset_col_5 	{margin-left: calc((100% / 12) * 5);}
.offset_col_6 	{margin-left: calc((100% / 12) * 6);}
.offset_col_7 	{margin-left: calc((100% / 12) * 7);}
.offset_col_8 	{margin-left: calc((100% / 12) * 8);}
.offset_col_9 	{margin-left: calc((100% / 12) * 9);}
.offset_col_10 	{margin-left: calc((100% / 12) * 10);}
.offset_col_11 	{margin-left: calc((100% / 12) * 11);}

/** align **/
.autogrid_grid .column.align_left_top {text-align: left;}
.autogrid_grid .column.align_left_center {text-align: left; align-self: center;}
.autogrid_grid .column.align_left_bottom {text-align: left; align-self: flex-end;}
.autogrid_grid .column.align_center_top {text-align: center;}
.autogrid_grid .column.align_center_center {text-align: center; align-self: center;}
.autogrid_grid .column.align_center_bottom {text-align: center; align-self: flex-end;}
.autogrid_grid .column.align_right_top {text-align: right;}
.autogrid_grid .column.align_right_center {text-align: right; align-self: center;}
.autogrid_grid .column.align_right_bottom {text-align: right; align-self: flex-end;}

/** align + same-height **/
.autogrid_grid.same_height > .column {align-self: unset;}
.autogrid_grid.same_height > .column > .attributes {display: flex; flex-wrap: wrap;}
.autogrid_grid.same_height > .column > .attributes > .same-height-wrap {width: 100%; flex: 0 0 100%;}
.autogrid_grid.same_height > .column.align_left_center > .attributes {align-items: center;}
.autogrid_grid.same_height > .column.align_left_bottom > .attributes {align-items: flex-end;}
.autogrid_grid.same_height > .column.align_center_center > .attributes {align-items: center;}
.autogrid_grid.same_height > .column.align_center_bottom > .attributes {align-items: flex-end;}
.autogrid_grid.same_height > .column.align_right_center > .attributes {align-items: center;}
.autogrid_grid.same_height > .column.align_right_bottom > .attributes {align-items: flex-end;}

/** background-image as <img> in mobile **/
.autogrid_grid .column > .attributes .image_mob {display: none;}

/** tablets **/
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	.col_1_t 	{flex: 0 0 calc((100% / 12) * 1); max-width: calc((100% / 12) * 1);}
	.col_2_t 	{flex: 0 0 calc((100% / 12) * 2); max-width: calc((100% / 12) * 2);}
	.col_3_t 	{flex: 0 0 calc((100% / 12) * 3); max-width: calc((100% / 12) * 3);}
	.col_4_t 	{flex: 0 0 calc((100% / 12) * 4); max-width: calc((100% / 12) * 4);}
	.col_5_t 	{flex: 0 0 calc((100% / 12) * 5); max-width: calc((100% / 12) * 5);}
	.col_6_t 	{flex: 0 0 calc((100% / 12) * 6); max-width: calc((100% / 12) * 6);}
	.col_7_t 	{flex: 0 0 calc((100% / 12) * 7); max-width: calc((100% / 12) * 7);}
	.col_8_t 	{flex: 0 0 calc((100% / 12) * 8); max-width: calc((100% / 12) * 8);}
	.col_9_t 	{flex: 0 0 calc((100% / 12) * 9); max-width: calc((100% / 12) * 9);}
	.col_10_t 	{flex: 0 0 calc((100% / 12) * 10); max-width: calc((100% / 12) * 10);}
	.col_11_t 	{flex: 0 0 calc((100% / 12) * 11); max-width: calc((100% / 12) * 11);}
	.col_12_t 	{flex: 0 0 calc((100% / 12) * 12); max-width: calc((100% / 12) * 12);}
	.order_1_t 	{order: 1;}
	.order_2_t 	{order: 2;}
	.order_3_t 	{order: 3;}
	.order_4_t 	{order: 4;}
	.order_5_t 	{order: 5;}
	.order_6_t 	{order: 6;}
}

/** phones **/
@media only screen and (max-width: 767px) {
	[class*="col_"], .one_half, .one_third, .one_fourth, .one_fifth, .one_sixth, .two_third, .two_fourth, .three_fourth, .two_fifth, .three_fifth, .four_fifth, .two_sixth, .three_sixth .four_sixth, .five_sixth {flex: 0 0 100%; max-width: none;}
	.column[class*="col_"], .autogrid_grid .column {padding-left: 0!important; padding-right: 0!important; margin-bottom: 25px;}
	.column[class*="offset_"], .autogrid[class*="offset_"], .autogrid_grid[class*="offset_"] {margin-left: 0;}
	.autogrid_wrapper, .autogrid_row, .autogrid_grid {margin-left: 0!important; margin-right: 0!important;}
	.autogrid_grid .column .attributes.has-image.empty > .image_mob,
	.autogrid_grid .column .attributes.has-image.empty > .same-height-wrap > .image_mob {display: block;}
	.autogrid_grid .column .attributes.has-image.empty {background: none!important;}
	.col_1_m 		{flex: 0 0 calc((100% / 12) * 1); max-width: calc((100% / 12) * 1);}
	.col_2_m 		{flex: 0 0 calc((100% / 12) * 2); max-width: calc((100% / 12) * 2);}
	.col_3_m 		{flex: 0 0 calc((100% / 12) * 3); max-width: calc((100% / 12) * 3);}
	.col_4_m 		{flex: 0 0 calc((100% / 12) * 4); max-width: calc((100% / 12) * 4);}
	.col_5_m 		{flex: 0 0 calc((100% / 12) * 5); max-width: calc((100% / 12) * 5);}
	.col_6_m 		{flex: 0 0 calc((100% / 12) * 6); max-width: calc((100% / 12) * 6);}
	.col_7_m 		{flex: 0 0 calc((100% / 12) * 7); max-width: calc((100% / 12) * 7);}
	.col_8_m 		{flex: 0 0 calc((100% / 12) * 8); max-width: calc((100% / 12) * 8);}
	.col_9_m 		{flex: 0 0 calc((100% / 12) * 9); max-width: calc((100% / 12) * 9);}
	.col_10_m 	{flex: 0 0 calc((100% / 12) * 10); max-width: calc((100% / 12) * 10);}
	.col_11_m 	{flex: 0 0 calc((100% / 12) * 11); max-width: calc((100% / 12) * 11);}
	.col_12_m 	{flex: 0 0 calc((100% / 12) * 12); max-width: calc((100% / 12) * 12);}
	.order_1_m 	{order: 1;}
	.order_2_m 	{order: 2;}
	.order_3_m 	{order: 3;}
	.order_4_m 	{order: 4;}
	.order_5_m 	{order: 5;}
	.order_6_m 	{order: 6;}
	.autogrid_grid .column .attributes.p-xl,
	.autogrid_grid .column .attributes.p-l,
	.autogrid_grid .column .attributes.p-m,
	.autogrid_grid .column .attributes.p-s,
	.autogrid_grid .column .attributes.p-xs {padding: 20px;}
}

/** Fix for rendering bug in Edge **/
body.edge column[class*="col_"] {flex-basis: 0;}
@media only screen and (max-width: 767px) {body.edge column[class*="col_"] {flex-basis: 100%;}}
/** Fix end **/