/**
 * Backend Stylesheet
 * Adding Styling for the Project Bundle
 **/

#tl_navigation .menu_level_0 > li > a.group-memo_bundles {
    background: url(icons/layers.svg) 3px 2px no-repeat;
}

#picker-menu a.projectsPicker {
    background-image: url(icons/layers.svg);
}

.backend-info {
    color: #a0a0a0;
    display: inline-block;
}

.backend-info:first-child {
    margin-left: 7px;
}

/* Language Management */
fieldset[data-contao--toggle-fieldset-id-value^="translation_"] legend:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    height: 22px;
    width: 26px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 0;
    margin-top: -3px;
    margin-left: 15px;
}

fieldset[data-contao--toggle-fieldset-id-value="translation_en"] legend:before {
    background-image: url(/bundles/memobackendoptim/language-flags/english.svg);
}

fieldset[data-contao--toggle-fieldset-id-value="translation_fr"] legend:before {
    background-image: url(/bundles/memobackendoptim/language-flags/french.svg);
}

fieldset[data-contao--toggle-fieldset-id-value="translation_it"] legend:before {
    background-image: url(/bundles/memobackendoptim/language-flags/italian.svg);
}

fieldset[data-contao--toggle-fieldset-id-value="translation_ar"] legend:before {
    background-image: url(/bundles/memobackendoptim/language-flags/arabic.svg);
}

#tl_navigation .group-memo_extension {
    background: url(icons/home.svg) 3px 2px no-repeat;
}

#tl_mod_tile_catalog #sort_images {
    display: flex;
    flex-wrap: wrap;
}

#tl_mod_tile_catalog #sort_images > * {
    flex: 0 0 auto;
}

.background-color-js img {
    background: #dedddd;
}