:root {
    --c-white: #ffffff;
    --c-black: #000000;
    --c-mine-shaft: #212121;
    --c-dove-gray: #666666;
    --c-wild-sand: #f6f6f6;
    --c-gallery: #eeeeee;
    --c-alto: #e0e0e0;
    --c-concrete: #f2f2f2;
    --c-iron: #e0e1e2;
    --c-yellow: #ffdd00;
    --c-dodger-blue: #2196F3;
    --c-silver-chalice: #a2a2a2;
    --c-mercury: #e8e8e8;
    --c-malachite: #09BE39;
  }

/* Top level container */
#pimcore_body {
    padding: 8px 10px 0 66px !important;
    background: var(--c-wild-sand) !important;
}

#pimcore_body-body {
    /* NOTE: remove if it will cause any bug */
    overflow: visible;
}

#pimcore_panel_tabs {
    margin-left: 8px;
    background-color: transparent;
    /* NOTE: remove if it will cause any bug */
    overflow: visible;
}

#pimcore_panel_tabs-body {
    background-color: var(--c-white);
    /* @TODO check later */
    /* box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15); */
}

/* Side bar */
#pimcore_sidebar {
    height: calc(100% - 8px);
    background: var(--c-white);
    top: 8px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15);
}

#pimcore_navigation li {
    border-bottom: none;
}

#pimcore_navigation li.active,
#pimcore_navigation li:hover,
#pimcore_navigation li:active,
#pimcore_notification:hover {
    background-color: var(--c-alto) !important;
}

#pimcore_navigation li > img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#pimcore_menu_datahub > img,
.plugin_pimcore_datahub_icon {
    content: url("/images/flat-gray-icons/mind_map.svg");
    background: none !important;
}

.pimcore_version_11 .pimcore_bundle_nav_icon_advancedSearch,
.pimcore_bundle_advancedSearch {
    background: url("/images/flat-gray-icons/binoculars.svg") center center no-repeat !important;
}

#pimcore_notification {
    background: none;
    bottom: 144px;
}

#notification_value {
    width: 14px;
    height: 14px;
    line-height: 1;
    color: var(--c-black);
    background-color: var(--c-yellow);
    border-radius: 50%;
    display: flex;
    align-items: center;
    right: 14px;
    top: 8px;
}

#pimcore_avatar {
    background: none;
    box-shadow: none;
    height: 48px;
    bottom: 96px;
}

#pimcore_avatar img {
    bottom: 6px;
}

#pimcore_logout {
    height: 48px;
    bottom: 48px;
}

#pimcore_logout img {
    top: 12px;

}

.tim_supplier_iframe_mode #pimcore_notification {
    bottom: 96px;
}

.tim_supplier_iframe_mode #pimcore_avatar {
    bottom: 48px;
}

.tim_supplier_iframe_mode #pimcore_logout {
    display: none !important;
}

#pimcore_signet {
    background-color: transparent;
    background-image: url("/images/flat-gray-icons/pimcore.svg");
    background-size: 19px auto;
    background-position: center;
}

/* Nested menu/context menu */
.x-menu {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .25);
}

.x-menu-body-default {
    background-color: var(--c-white);
}

.x-menu-item {
    border: none;
}

.x-menu-item-text-default {
    color: var(--c-mine-shaft);
}

.x-menu-item-default.x-menu-item-active {
    background-color: var(--c-alto);
}

.x-menu-item-active .x-menu-item-text-default,
.x-menu-item-active .x-menu-item-arrow-default {
    color: var(--c-black);
}

.pimcore-workflow-action-workflow-label {
    color: var(--c-mine-shaft);
    font-weight: 600;
}


/* Accordion */
.pimcore_main_accordion {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15);
}

.pimcore_main_accordion .x-panel-header,
.pimcore_main_accordion .x-panel-body {
    background: var(--c-mercury);
}

.pimcore_main_accordion .x-grid-item {
    background: none;
}

.pimcore_main_accordion .x-collapsed .x-panel-header {
    background: var(--c-white);
}

.pimcore_main_accordion .x-panel-header.x-panel-header-collapsed {
    border: none !important;
    border-bottom: 1px solid var(--c-alto) !important;
}

.pimcore_main_accordion .x-panel-header.x-panel-header-collapsed.x-accordion-hd-over {
    background: var(--c-iron);
}

.pimcore_main_accordion .x-panel-header .x-title-text {
    font-size: 12px;
    line-height: 18px;
    color: var(--c-mine-shaft);
    letter-spacing: 0.4px;
}

.pimcore_main_accordion .x-collapsed .x-panel-header .x-title-text {
    color: var(--c-mine-shaft);
}

.pimcore_main_accordion .x-panel-header-title-default > .x-title-icon-wrap-default > .x-title-icon-default {
    width: 24px;
    height: 24px;
    background-size: 24px 24px !important;
}

.pimcore_main_accordion .pimcore_icon_material {
    filter: none;
}

/* Directory structure */
.x-grid-item {
    font-size: 12px;
    color: var(--c-mine-shaft);
}

.pimcore_treenode_lockOwner .x-tree-node-text {
    color: var(--c-mine-shaft) !important;
}

#pimcore_panel_tabs-body .x-grid-item {
    background-color: var(--c-white) !important;
}

/* Button */
#pimcore_panel_tabs .x-btn,
.x-window .x-btn {
    border-radius: 3.29519px;
    height: 29px;
    min-width: 29px;
    border: none;
}

#pimcore_panel_tabs .x-btn-button-default-toolbar-medium,
.x-window .x-btn-button-default-toolbar-medium {
    min-height: 18px;
}

.x-btn-inner-default-toolbar-small {
    color: var(--c-white) !important;
}

.x-btn-pressed {
    background-color: var(--c-dodger-blue) !important;
}

.x-btn-default-toolbar-medium .x-btn-icon .x-btn-icon-el, .x-btn-default-toolbar-small .x-btn-icon .x-btn-icon-el, .x-btn-default-small .x-btn-icon .x-btn-icon-el {
    height: 20px;
    width: 20px;
}

.pimcore_main_toolbar .x-btn-wrap.x-btn-split-right > .x-btn-button:after {
    border-color: var(--c-white);
}

.x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after {
    color: var(--c-white);
}

.processmanager_icon_executable_add {
    filter: brightness(0) invert(1);
}

.x-window .x-btn:not(.pimcore_save_button),
#pimcore_panel_tabs .x-btn:not(.pimcore_save_button),
.x-btn-default-toolbar-small,
.x-btn-default-toolbar-small.x-btn-over,
.x-btn.x-btn-disabled.x-btn-default-toolbar-small {
    background-color: var(--c-dodger-blue);
    border: none !important;
}

.x-btn-icon-el.x-tbar-page-next,
.x-btn-icon-el.x-tbar-page-last,
.x-btn-icon-el.x-tbar-loading,
.x-btn-icon-el.x-tbar-page-first,
.x-btn-icon-el.x-tbar-page-prev,
.x-btn-icon-el.x-tbar-page-filter:before {
    color: var(--c-white) !important;
}

.x-btn-wrap-default-toolbar-small.x-btn-split-right::after {
    color: var(--c-white) !important;
}

.pimcore_main_toolbar .x-btn.x-btn-disabled {
    opacity: 0.5;
}

/* Inputs */
.x-form-text-default.pimcore_droptarget_input,
.x-form-text-default.input_drop_target,
.x-form-text-default.input_drop_target {
    padding-right: 25px;
}

#pimcore_panel_tabs > .x-tab-bar .x-tab-close-btn,
#pimcore_panel_tabs > .x-tab-bar .x-tab-active .x-tab-close-btn {
    background-color: var(--c-white);
}

#pimcore_panel_tabs > .x-tab-bar .x-tab-default-top {
    box-shadow: 0px 0px 6.59039px rgba(0, 0, 0, 0.2) !important;
    border-radius: 4.94279px 4.94279px 0px 0px;
}

#pimcore_panel_tabs > .x-tab-bar > .x-tab-bar-body .x-tab {
    background: var(--c-white);
    border: none;
}

.x-docked.x-toolbar-default {
    background-color: var(--c-gallery);
}

.pimcore_main_toolbar.x-toolbar-default {
    background-color: var(--c-white);
}

#pimcore_panel_tabs > .x-tab-bar {
    background: var(--c-white);
}


#pimcore_panel_tabs > .x-tab-bar > .x-tab-bar-body .x-tab-active {
    background: var(--c-white);
    border: none;
}

#pimcore_panel_tabs > .x-tab-bar > .x-tab-bar-body .x-tab-inner {
    color: var(--c-black) !important;
}

#pimcore_panel_tabs > .x-tab-bar > .x-tab-bar-body .x-tab-active .x-tab-inner {
    font-weight: bold !important;
}

.pimcore_main_toolbar + .x-panel > .x-tab-bar-default {
    background-color: var(--c-white);
}

.pimcore_main_toolbar + .x-panel > .x-tab-bar-default .x-tab.x-tab-active {
    background: var(--c-white);
    border: 2px solid var(--c-alto);
    border-bottom: 0.823799px solid var(--c-white);
    box-sizing: border-box;
    border-radius: 4.94279px 4.94279px 0px 0px;
}

.x-tab.x-tab-active.x-tab-default {
    background: var(--c-white);
    border: 2px solid var(--c-alto);
    border-radius: 4.94279px 4.94279px 0px 0px;
    font-style: bold;
}

.x-tab.x-tab-default:not(.x-tab-active) .x-tab-icon-el {
    opacity: 0.5;
}

.x-tab.x-tab-active.x-tab-default .x-tab-inner {
    font-weight: bold;
}

.pimcore_main_toolbar + .x-panel > .x-tab-bar-default .x-tab {
    background-color: var(--c-white);
    border: none;
}

.pimcore_main_toolbar + .x-panel > .x-tab-bar-default .x-tab .x-tab-inner-default,
.dropshipping-main-panel .x-tab-inner.x-tab-inner-default {
    color: var(--c-silver-chalice);
}

.pimcore_main_toolbar .x-toolbar-text {
    color: var(--c-mine-shaft);
}

.x-panel-default, .x-panel-body-default {
    background-color: var(--c-white);
}

.x-tab-bar-default {
    border: none !important;
}

.x-form-item-default.x-item-disabled:not(.x-form-item-no-label):not(.x-anchor-form-item),
.x-form-item-default.x-form-readonly:not(.x-form-item-no-label):not(.x-anchor-form-item) {
    opacity: 0.7 !important;
}

.x-form-checkbox-default {
    color: #404040;
}

.x-form-checkbox-focus.x-form-checkbox-default {
    color: #3892d4;
}

/* Main tabs */

#pimcore_panel_tabs > .x-tab-bar {
    background: none;
}

#pimcore_panel_tabs > .x-tab-bar .x-tab-inner-default {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.4px;
    color: var(--c-mine-shaft);
    font-weight: 400;
}

#pimcore_panel_tabs > .x-tab-bar .x-tab-active .x-tab-inner-default {
    color: var(--c-mine-shaft);
    font-weight: 600;
}

#pimcore_panel_tabs > .x-tab-bar > .x-tab-bar-body .x-tab {
    background: var(--c-white);
    border: none;
    border-radius: 5px 5px 0 0;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
    opacity: 0.5;
}

#pimcore_panel_tabs > .x-tab-bar > .x-tab-bar-body .x-tab.x-tab-over {
    background-color: transparent;
}


#pimcore_panel_tabs > .x-tab-bar > .x-tab-bar-body .x-tab-active {
    background: var(--c-white) !important;
    opacity: 1;
    position: relative;
}

#pimcore_panel_tabs > .x-tab-bar > .x-tab-bar-body .x-tab-active:after {
    content: "";
    width: 100%;
    height: 5px;
    background-color: var(--c-white);
    position: absolute;
    left: 0;
    bottom: 0;
}

#pimcore_panel_tabs > .x-panel-body > .x-tabpanel-child {
    border-top-color: var(--c-white);
}

#pimcore_panel_tabs > .x-tab-bar .x-tab-close-btn,
.x-window-header-default .x-tool-img
 {
    background: url("/images/flat-gray-icons/close.svg") center center no-repeat;
    background-color: transparent !important;
    background-size: 20px;
    top: 8px;
}

#pimcore_panel_tabs > .x-tab-bar .x-tab-close-btn:before {
    opacity: 0
}

.x-panel-header-title-default-framed {
    color: var(--c-mine-shaft);
}

.pimcore_image_container {
    background-color: var(--c-wild-sand);
}

/* icons */
.pimcore_material_icon_delete {
    background: url("/images/outline-delete.svg") center center no-repeat;
}

.pimcore_icon_recyclebin {
    background: url("/images/outline-delete.svg") center center no-repeat !important;
}

.pimcore_icon_gray_recyclebin {
    background: url("/images/flat-gray-icons/outline-delete.svg") center center no-repeat !important;
}

.pimcore_material_icon_rename {
    background: url("/images/outline-edit.svg") center center no-repeat;
}

.pimcore_material_icon_reload {
    background: url("/images/outline-refresh.svg") center center no-repeat;
}

.pimcore_material_icon_locate {
    background: url("/images/outline-my_location.svg") center center no-repeat;
}

.pimcore_material_icon_info {
    background: url("/images/outline-info.svg") center center no-repeat;
}

.pimcore_material_icon_preview {
    background: url("/images/outline-remove_red_eye.svg") center center no-repeat;
}

.pimcore_icon_copy:not(.x-menu-item-icon) {
    background: url("/images/copy.svg") center center no-repeat !important;
}

.pimcore_icon_copy.x-menu-item-icon {
    background: url("/images/flat-gray-icons/copy.svg") center center no-repeat !important;
}

.x-btn-wrap-default-toolbar-medium.x-btn-split-right::after {
   font: 18px/1 FontAwesome;
}

.pimcore_material_icon_unpublish {
    background: url("/images/outline-block.svg") center center no-repeat !important;
}

.pimcore_material_icon_workflow {
    background: url("/images/outline-directions.svg") center center no-repeat !important;
}

.pimcore_icon_save_white {
    background: url("/images/checkmark-white.svg") center center no-repeat !important;
}

.pimcore_icon_edit {
    background: url("/images/outline-edit.svg") center center no-repeat !important;
}

.pimcore_icon_delete {
    background: url("/images/outline-delete.svg") center center no-repeat !important;
}

.pimcore_icon_search {
    background: url("/images/search.svg") center center no-repeat !important;
}

.x-window-header-title .pimcore_icon_search {
    width: 18px !important;
    height: 18px !important;
    background: url("/images/flat-gray-icons/search.svg") center center no-repeat !important;
}

.pimcore_icon_main_tree_document {
    background: url("/images/flat-color-icons/document.svg") center center no-repeat !important;
}

.pimcore_icon_main_tree_asset {
    background: url("/images/flat-color-icons/multiple_cameras.svg") center center no-repeat !important;
}

.pimcore_icon_main_tree_object {
    background: url("/images/flat-color-icons/object.svg") center center no-repeat !important;
}

.pimcore_icon_home {
    background: url("/images/flat-color-icons/home.svg") center center no-repeat !important;
}

.pimcore_object_customview_icon_1 {
    background: url("/images/flat-color-icons/document.svg") center center no-repeat !important;
}

.pimcore_object_customview_icon_2 {
    background: url("/images/flat-color-icons/asset.svg") center center no-repeat !important;
}

.pimcore_object_customview_icon_3 {
    background: url("/images/flat-color-icons/object.svg") center center no-repeat !important;
}

.pimcore_object_customview_icon_4 {
    background: url("/images/flat-color-icons/full_trash.svg") center center no-repeat !important;
}

.pimcore_object_customview_icon_5 {
    background: url("/images/flat-color-icons/reading.svg") center center no-repeat !important;
}

.pimcore_object_customview_icon_6 {
    background: url("/images/flat-color-icons/shopping-cart.svg") center center no-repeat !important;
}

.pimcore_asset_customview_icon_7 {
    background: url("/images/flat-color-icons/factory.svg") center center no-repeat !important;
}

.pimcore_asset_customview_icon_8 {
    background: url("/images/flat-color-icons/gallery.svg") center center no-repeat !important;
}

.pimcore_document_customview_icon_9,
.pimcore_document_customview_icon_10,
.pimcore_document_customview_icon_11,
.pimcore_document_customview_icon_12 {
    background: url("/images/flat-color-icons/film.svg") center center no-repeat !important;
}

.pimcore_icon_object {
    background: url("/images/flat-gray-icons/pimcore-main-icon-object.svg") center center no-repeat !important;
    background-size: 20px !important;
}

.pimcore_icon_classificationstore {
    background: url("/images/flat-gray-icons/genealogy.svg") center center no-repeat !important;
}

.pimcore_icon_keys {
    background: url("/images/flat-gray-icons/keys.svg") center center no-repeat !important;
}

.pimcore_icon_jpeg, .pimcore_icon_jpg, .pimcore_icon_png, .pimcore_icon_gif, .pimcore_icon_tif, .pimcore_icon_psd, .pimcore_icon_psb, .pimcore_icon_eps, .pimcore_icon_ai, .pimcore_icon_svg, .pimcore_icon_svgz, .pimcore_icon_bmp, .pimcore_icon_jp2, .pimcore_icon_jpx, .pimcore_icon_j2k, .pimcore_icon_j2c, .pimcore_icon_jif, .pimcore_icon_jfif, .pimcore_icon_pcd, .pimcore_icon_kdc, .pimcore_icon_mac, .pimcore_icon_miff, .pimcore_icon_pbm, .pimcore_icon_pgm, .pimmore_icon_pnm, .pimcore_icon_ppm, .pimcore_icon_ras, .pimcore_icon_raw, .pimcore_icon_rgb, .pimcore_icon_rle, .pimcore_icon_tga, .pimcore_icon_webp, .pimcore_icon_xbm, .pimcore_icon_xcf, .pimcore_icon_xpm, .pimcore_icon_cr2, .pimcore_icon_pcx, .pimcore_icon_iff, .pimcore_icon_pct, .pimcore_icon_wmf, .pimcore_icon_svg, .pimcore_icon_dng, .pimcore_icon_heic, .pimcore_icon_heif, .pimcore_icon_ico, .pimcore_icon_tiff {
    background: url("/images/flat-gray-icons/asset.svg") center center no-repeat !important;
}

.pimcore_icon_page {
    background: url("/images/flat-color-icons/page.svg") center center no-repeat !important;
}

.pimcore_icon_qrcode {
    background: url("/images/flat-white-icons/qr-code.svg") center center no-repeat !important;
}

.pimcore_icon_desktop {
    background: url("/images/flat-white-icons/laptop.svg") center center no-repeat !important;
}

.pimcore_icon_tablet {
    background: url("/images/flat-white-icons/tablet_android.svg") center center no-repeat !important;
}

.pimcore_icon_mobile {
    background: url("/images/flat-white-icons/cell_phone.svg") center center no-repeat !important;
}

.pimcore_icon_mobile_landscape {
    background: url("/images/flat-white-icons/cell_phone_landscape.svg") center center no-repeat !important;
}

.pimcore_icon_export {
    background: url("/images/flat-white-icons/external.svg") center center no-repeat !important;
}

.pimcore_icon_publish, .pimcore_icon_operator_published {
    background: url("/images/flat-white-icons/outline-file.svg") center center no-repeat !important;
}

.pimcore_material_icon_search {
    background: url("/images/flat-gray-icons/outline-search.svg") center center no-repeat !important;
}

.pimcore_icon_table_col {
    background: url("/images/flat-white-icons/table-column.svg") center center no-repeat !important;
}

.pimcore_icon_overlay_edit:before {
    display: none;
}

.pimcore_icon_structuredTable {
    background: url("/images/flat-gray-icons/outline-file.svg") center center no-repeat !important;
}

.pimcore_icon_save {
    background: url("/images/flat-gray-icons/ok.svg") center center no-repeat !important;
}

.pimcore_icon_favourite {
    background: url("/images/flat-gray-icons/star.svg") center center no-repeat !important;
}

.x-menu-item .pimcore_icon_delete {
    background: url("/images/flat-gray-icons/outline-delete.svg") center center no-repeat !important;
    background-size: 24px 24px !important;
}

.x-menu-item .pimcore_icon_add {
    background: url("/images/flat-gray-icons/plus.svg") center center no-repeat !important;
}

.pimcore_icon_settings, .pimcore_icon_gridcolumnconfig, .pimcore_icon_importconfig {
    background: url("/images/flat-gray-icons/outline-settings.svg") center center no-repeat !important;
}

.x-menu-item .pimcore_icon_open {
    background: url("/images/flat-gray-icons/open_file.svg") center center no-repeat !important;
}

.x-menu-item .pimcore_icon_export {
    background: url("/images/flat-gray-icons/external.svg") center center no-repeat !important;
}

.pimcore_icon_show_in_tree {
    background: url("/images/flat-gray-icons/target.svg") center center no-repeat !important;
}

.pimcore_icon_load_import_config {
    background: url("/images/flat-gray-icons/opened_folder.svg") center center no-repeat !important;
}

.pimcore_icon_folder {
    background: url("/images/flat-color-icons/opened_folder.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_up {
    background: url("/images/flat-white-icons/collapse.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_down {
    background: url("/images/flat-white-icons/expand.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_focal_point {
    background: url("/images/flat-white-icons/focal_point.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_image {
    background: url("/images/flat-white-icons/asset.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_vr {
    background: url("/images/flat-white-icons/vr.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_world {
    background: url("/images/flat-white-icons/globe.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_print {
    background: url("/images/flat-white-icons/print.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_doc, .x-btn .pimcore_icon_docx {
    background: url("/images/flat-white-icons/outline-file.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_download {
    background: url("/images/flat-white-icons/download.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_zip, .x-btn .pimcore_icon_rar, .x-btn .pimcore_icon_ace, .x-btn .pimcore_icon_7z, .x-btn .pimcore_icon_gz, .x-btn .pimcore_icon_tar {
    background: url("/images/flat-white-icons/zip.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_restore {
    background: url("/images/flat-white-icons/redo.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_accept {
    background: url("/images/flat-white-icons/ok.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_reload {
    background: url("/images/flat-white-icons/synchronize.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_highlight {
    background: url("/images/flat-white-icons/idea.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_cleanup {
    background: url("/images/flat-white-icons/delete.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_sql {
    background: url("/images/flat-white-icons/database.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_white_flag {
    background: url("/images/flat-white-icons/tag.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_merge {
    background: url("/images/flat-white-icons/flow_chart.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_file {
    background: url("/images/flat-white-icons/page.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_recyclebin {
    background: url("/images/flat-white-icons/delete.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_flush_recyclebin {
    background: url("/images/flat-white-icons/empty_trash.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_help, .pimcore_icon_operator_assetmetadatagetter {
    background: url("/images/flat-white-icons/info.svg") center center no-repeat !important;
}

.x-btn .processmanager_icon_executable_add {
    background: url("/images/flat-white-icons/info.svg") center center no-repeat !important;
}

.pimcore_icon_reports {
    background: url("/images/flat-gray-icons/pie_chart.svg") center center no-repeat !important;
}

.pimcore_material_icon_view {
    background: url("/images/flat-gray-icons/outline-local_florist.svg") center center no-repeat !important;
}

.pimcore_material_icon_embedded_metadata {
    background: url("/images/flat-gray-icons/outline-camera_enhance.svg") center center no-repeat !important;
}

.pimcore_material_icon_list {
    background: url("/images/flat-gray-icons/outline-format_list_bulleted.svg") center center no-repeat !important;
}

.pimcore_main_accordion .pimcore_icon_classificationstore_icon_cs_collections {
    background: url("/images/flat-gray-icons/calendar.svg") center center no-repeat !important;
}

.x-tab-icon-el.pimcore_icon_classificationstore_icon_cs_collections {
    background: url("/images/flat-gray-icons/calendar.svg") center center no-repeat !important;
}

.pimcore_main_accordion .pimcore_icon_keys {
    background: url("/images/flat-gray-icons/keys.svg") center center no-repeat !important;
}

.pimcore_icon_keys {
    background: url("/images/flat-gray-icons/keys.svg") center center no-repeat !important;
}

.x-tree-elbow-plus,
.x-tree-elbow-end-plus {
    background: url("/images/flat-gray-icons/add.svg") center center no-repeat !important;
    background-size: 20px !important;
}

.x-grid-tree-node-expanded .x-tree-elbow-plus,
.x-grid-tree-node-expanded .x-tree-elbow-end-plus {
    background: url("/images/flat-gray-icons/remove.svg") center center no-repeat !important;
    background-size: 20px !important;
}

.pimcore_material_icon_scheduler {
    background: url("/images/flat-gray-icons/outline-event_available.svg") center center no-repeat !important;
}

.pimcore_material_icon_dependencies {
    background: url("/images/flat-gray-icons/outline-turned_in_not.svg") center center no-repeat !important;
}

.pimcore_material_icon_notes {
    background: url("/images/flat-gray-icons/survey.svg") center center no-repeat !important;
}

.pimcore_material_icon_tags {
    background: url("/images/flat-gray-icons/outline-local_offer.svg") center center no-repeat !important;
}

.pimcore_material_icon_page_settings {
    background: url("/images/flat-gray-icons/outline-youtube_searched_for.svg") center center no-repeat !important;
}

.pimcore_icon_element_tags {
    background: url("/images/flat-gray-icons/label.svg") center center no-repeat !important;
    background-size: 19px !important;
}

.x-tab .pimcore_material_icon_workflow {
    background: url("/images/flat-gray-icons/outline-directions.svg") center center no-repeat !important;
}

.x-tab .pimcore_icon_qrcode {
    background: url("/images/flat-gray-icons/qr-code.svg") center center no-repeat !important;
}

.pimcore_icon_welcome {
    background: url("/images/flat-gray-icons/dashboard.svg") center center no-repeat !important;
}

.pimcore_icon_asset {
    background: url("/images/flat-gray-icons/asset2.svg") center center no-repeat !important;
}

.pimcore_icon_document {
    background: url("/images/flat-gray-icons/document.svg") center center no-repeat !important;
    background-size: 19px !important;
}

.pimcore_icon_piwik {
    background: url("/images/flat-gray-icons/matomo.svg") center center no-repeat !important;
}

.pimcore_icon_glossary {
    background: url("/images/flat-gray-icons/book.svg") center center no-repeat !important;
}

.pimcore_icon_redirects {
    background: url("/images/flat-gray-icons/redirect.svg") center center no-repeat !important;
}

.pimcore_icon_import {
    background: url("/images/flat-white-icons/internal.svg") center center no-repeat !important;
}

.pimcore_icon_translations {
    background: url("/images/flat-gray-icons/translation.svg") center center no-repeat !important;
}

.pimcore_icon_plugin, .pimcore_icon_bundle {
    background: url("/images/flat-gray-icons/puzzle.svg") center center no-repeat !important;
}

.pimcore_icon_lock {
    background: url("/images/flat-gray-icons/lock.svg") center center no-repeat !important;
    background-size: 19px !important;
}

.x-grid-cell .pimcore_icon_stop,
.x-grid-cell .pimcore_icon_cancel {
    background: url("/images/flat-gray-icons/cancel.svg") center center no-repeat !important;
}

.pimcore_icon_clear_cache {
    background: url("/images/flat-white-icons/flash_on.svg") center center no-repeat !important;
}

.pimcore_icon_notes {
    background: url("/images/flat-gray-icons/survey.svg") center center no-repeat !important;
}

.pimcore_icon_target_group, .pimcore_icon_target_groups, .pimcore_icon_targetGroup, .pimcore_icon_targetGroupMultiselect, .pimcore_icon_personas, .pimcore_icon_persona, .pimcore_icon_personamultiselect {
    background: url("/images/flat-gray-icons/targetgroup.svg") center center no-repeat !important;
}

.pimcore_icon_system {
    background: url("/images/flat-gray-icons/settings.svg") center center no-repeat !important;
}

.pimcore_bundle_advancedSearch_filter {
    background: url("/images/flat-gray-icons/filled_filter.svg") center center no-repeat !important;
}

.pimcore_bundle_advancedSearch_saveAndShare {
    background: url("/images/flat-gray-icons/collaboration.svg") center center no-repeat !important;
}

#pimcore_portal_welcome-body .x-title-icon {
    background-size: 17px !important;
}

.pimcore_icon_folder,
.pimcore_icon_load_import_config {
    background-size: 20px !important;
}

.pimcore_class_icon .x-tree-icon {
    background-size: 20px;
}

.pimcore_nav_icon_perspective {
    background: url("/images/flat-gray-icons/reading.svg") center center no-repeat !important;
}

.pimcore_nav_icon_dashboards {
    background: url("/images/flat-gray-icons/dashboard.svg") center center no-repeat !important;
}

.pimcore_nav_icon_document {
    background: url("/images/flat-gray-icons/page.svg") center center no-repeat !important;
}

.pimcore_nav_icon_asset {
    background: url("/images/flat-gray-icons/camera.svg") center center no-repeat !important;
}

.pimcore_icon_portlet_modification_statistic,
.pimcore_icon_quantityValue {
    background: url("/images/flat-gray-icons/outline-trending-up.svg") center center no-repeat !important;
}

.pimcore_nav_icon_object {
    background: url("/images/flat-gray-icons/object.svg") center center no-repeat !important;
}

.pimcore_nav_icon_search {
    background: url("/images/flat-gray-icons/search.svg") center center no-repeat !important;
}

.pimcore_nav_icon_history,
.pimcore_icon_schedule {
    background: url("/images/flat-gray-icons/calendar.svg") center center no-repeat !important;
}

.pimcore_nav_icon_seemode {
    background: url("/images/flat-gray-icons/seemode.svg") center center no-repeat !important;
}

.pimcore_nav_icon_close_all {
    background: url("/images/flat-gray-icons/tabs.svg") center center no-repeat !important;
}

.pimcore_nav_icon_help {
    background: url("/images/flat-gray-icons/info.svg") center center no-repeat !important;
}

.pimcore_nav_icon_documentation {
    background: url("/images/flat-gray-icons/reading.svg") center center no-repeat !important;
}

.pimcore_nav_icon_github {
    background: url("/images/flat-gray-icons/github.svg") center center no-repeat !important;
}

.pimcore_nav_icon_pimcore {
    background: url("/images/flat-gray-icons/pimcore-sign.svg") center center no-repeat !important;
}

.pimcore_nav_icon_glossary {
    background: url("/images/flat-gray-icons/book.svg") center center no-repeat !important;
}

.pimcore_nav_icon_redirects {
    background: url("/images/flat-gray-icons/redirect.svg") center center no-repeat !important;
}

.pimcore_nav_icon_translations {
    background: url("/images/flat-gray-icons/translation.svg") center center no-repeat !important;
}

.pimcore_nav_icon_word_export {
    background: url("/images/flat-gray-icons/word.svg") center center no-repeat !important;
}

.pimcore_nav_icon_recyclebin {
    background: url("/images/flat-gray-icons/trash.svg") center center no-repeat !important;
}

.pimcore_nav_icon_bundles {
    background: url("/images/flat-gray-icons/puzzle.svg") center center no-repeat !important;
}

.pimcore_nav_icon_notes {
    background: url("/images/flat-gray-icons/survey.svg") center center no-repeat !important;
}

.pimcore_nav_icon_log_admin,
.pimcore_icon_log_admin {
    background: url("/images/flat-gray-icons/text.svg") center center no-repeat !important;
}

.pimcore_nav_icon_gdpr,
.pimcore_icon_gdpr {
    background: url("/images/flat-gray-icons/export.svg") left center no-repeat !important;
}

.pimcore_nav_icon_email,
.pimcore_icon_email {
    background: url("/images/flat-gray-icons/email.svg") center center no-repeat !important;
}

.pimcore_nav_icon_maintenance {
    background: url("/images/flat-gray-icons/factory.svg") center center no-repeat !important;
}

.pimcore_nav_icon_info {
    background: url("/images/flat-gray-icons/info.svg") center center no-repeat !important;
}

.pimcore_nav_icon_php {
    background: url("/images/flat-gray-icons/php.svg") center center no-repeat !important;
}

.pimcore_nav_icon_reports {
    background: url("/images/flat-gray-icons/pie_chart.svg") center center no-repeat !important;
}

.pimcore_nav_icon_systemrequirements {
    background: url("/images/flat-gray-icons/factory.svg") center center no-repeat !important;
}

.pimcore_nav_icon_server_info {
    background: url("/images/flat-gray-icons/electronics.svg") center center no-repeat !important;
}

.pimcore_nav_icon_mysql {
    background: url("/images/flat-gray-icons/mysql.svg") center center no-repeat !important;
}

.pimcore_nav_icon_fileexplorer {
    background: url("/images/flat-gray-icons/search.svg") center center no-repeat !important;
}

body.pimcore_version_11 .processmanager_nav_icon_processes,
.processmanager_icon_processes,
.processmanager_nav_icon_processes {
    background: url("/images/flat-gray-icons/process.svg") center center no-repeat !important;
}

.pimcore_nav_icon_tag,
.pimcore_icon_tag {
    background: url("/images/flat-gray-icons/tag.svg") center center no-repeat !important;
}

.pimcore_nav_icon_qrcode {
    background: url("/images/flat-gray-icons/qr-code.svg") center center no-repeat !important;
}

.pimcore_nav_icon_usergroup {
    background: url("/images/flat-gray-icons/targetgroup.svg") center center no-repeat !important;
}

.pimcore_nav_icon_targeting,
.pimcore_icon_targeting {
    background: url("/images/flat-gray-icons/person.svg") center center no-repeat !important;
}

.pimcore_nav_icon_target_groups {
    background: url("/images/flat-gray-icons/targetgroup.svg") center center no-repeat !important;
}

.pimcore_nav_icon_targeting_toolbar {
    background: url("/images/flat-gray-icons/ok.svg") center center no-repeat !important;
}

.pimcore_nav_icon_seo {
    background: url("/images/flat-gray-icons/google.svg") center center no-repeat !important;
}

.pimcore_nav_icon_document_seo {
    background: url("/images/flat-gray-icons/document.svg") center center no-repeat !important;
}

.pimcore_nav_icon_robots {
    background: url("/images/flat-gray-icons/robot.svg") center center no-repeat !important;
}

.pimcore_nav_icon_httperrorlog {
    background: url("/images/flat-gray-icons/medium_priority.svg") center center no-repeat !important;
}

.pimcore_nav_icon_marketing_settings {
    background: url("/images/flat-gray-icons/settings.svg") center center no-repeat !important;
}

.pimcore_nav_icon_doctypes,
.pimcore_icon_doctypes {
    background: url("/images/flat-gray-icons/file-types.svg") center center no-repeat !important;
}

.pimcore_nav_icon_properties,
.pimcore_icon_properties {
    background: url("/images/flat-gray-icons/settings-2.svg") center center no-repeat !important;
}

.pimcore_nav_icon_metadata,
.pimcore_icon_metadata {
    background: url("/images/flat-gray-icons/outline-all_inbox-24px.svg") center center no-repeat !important;
}

.pimcore_nav_icon_system_settings,
.pimcore_icon_system {
    background: url("/images/flat-gray-icons/settings.svg") center center no-repeat !important;
}

.pimcore_nav_icon_website_settings,
.pimcore_icon_website_settings {
    background: url("/images/flat-gray-icons/candle_sticks.svg") center center no-repeat !important;
}

.pimcore_nav_icon_print_settings,
.pimcore_icon_printpage {
    background: url("/images/flat-gray-icons/print.svg") center center no-repeat !important;
}

.pimcore_nav_icon_users {
    background: url("/images/flat-gray-icons/person-circle.svg") center center no-repeat !important;
}

.pimcore_nav_icon_roles,
.pimcore_icon_roles {
    background: url("/images/flat-gray-icons/targetgroup.svg") center center no-repeat !important;
}

.pimcore_nav_icon_analyze_permissions {
    background: url("/images/flat-gray-icons/search.svg") center center no-repeat !important;
}

.pimcore_nav_icon_thumbnails,
.pimcore_icon_thumbnails {
    background: url("/images/flat-gray-icons/stack_of_photos.svg") center center no-repeat !important;
}

.pimcore_nav_icon_videothumbnails,
.pimcore_icon_thumbnails {
    background: url("/images/flat-gray-icons/stack_of_videos.svg") center center no-repeat !important;
}

.pimcore_nav_icon_routes,
.pimcore_icon_routes {
    background: url("/images/flat-gray-icons/mind_map.svg") center center no-repeat !important;
}

.pimcore_nav_icon_class,
.pimcore_icon_class {
    background: url("/images/flat-gray-icons/class.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_class {
    background: url("/images/flat-white-icons/class.svg") center center no-repeat !important;
}

.pimcore_nav_icon_fieldcollection,
.pimcore_icon_fieldcollection,
.pimcore_icon_fieldcollections {
    background: url("/images/flat-gray-icons/fieldcollection.svg") center center no-repeat !important;
}

.pimcore_nav_icon_objectbricks,
.pimcore_icon_objectbricks,
.pimcore_icon_brick, .pimcore_icon_areabrick {
    background: url("/images/flat-gray-icons/bricks.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_objectbricks, .x-btn .pimcore_icon_brick, .x-btn .pimcore_icon_areabrick {
    background: url("/images/flat-white-icons/bricks.svg") center center no-repeat !important;
}

.pimcore_nav_icon_quantityValue {
    background: url("/images/flat-gray-icons/calculator.svg") center center no-repeat !important;
}

.pimcore_nav_icon_classificationstore {
    background: url("/images/flat-gray-icons/genealogy.svg") center center no-repeat !important;
}

.pimcore_nav_icon_export {
    background: url("/images/flat-gray-icons/external.svg") center center no-repeat !important;
}

.pimcore_nav_icon_import {
    background: url("/images/flat-gray-icons/internal.svg") center center no-repeat !important;
}

.pimcore_nav_icon_clear_cache {
    background: url("/images/flat-gray-icons/flash_on.svg") center center no-repeat !important;
}

.pimcore_nav_icon_element_tags {
    background: url("/images/flat-gray-icons/label.svg") center center no-repeat !important;
}

.pimcore_nav_icon_icons,
.pimcore_icon_icons {
    background: url("/images/flat-gray-icons/library.svg") center center no-repeat !important;
}

body.pimcore_version_11 .worklfow_gui_nav_icon_workflow,
.pimcore_icon_workflow_action {
    background: url("/images/flat-gray-icons/workflow.svg") center center no-repeat !important;
}

.pimcore_nav_icon_quicksearch {
    background: url("/images/flat-gray-icons/search.svg") center center no-repeat !important;
}

.pimcore_icon_operator_merge {
    background: url("/images/flat-gray-icons/download.svg") center center no-repeat !important;
}

.pimcore_nav_icon_notifications,
.x-tab .pimcore_icon_comments {
    background: url("/images/flat-gray-icons/comments.svg") center center no-repeat !important;
}

.pimcore_nav_icon_notifications_sent,
.pimcore_icon_sms {
    background: url("/images/flat-gray-icons/sms.svg") center center no-repeat !important;
}

.pimcore_icon_sms {
   background-size: 19px !important;
}

.pimcore_nav_icon_debug_mode {
    background: url("/images/flat-gray-icons/medium_priority.svg") center center no-repeat !important;
}

.pimcore_icon_reload {
    background: url("/images/flat-gray-icons/synchronize.svg") center center no-repeat !important;
}

.pimcore_material_icon_devices {
    background: url("/images/outline-phonelink.svg") center center no-repeat !important;
}

.pimcore_material_icon_edit {
    background: url("/images/outline-edit-24px.svg") center center no-repeat !important; 
}

.pimcore_material_icon_properties {
    background: url("/images/outline-tune.svg") center center no-repeat !important; 
}

.pimcore_material_icon_versions {
    background: url("/images/outline-widgets-24px.svg") center center no-repeat !important; 
}

.pimcore_icon_open_window {
    background: url("/images/open_window.svg") center center no-repeat !important; 
}

.pimcore_icon_filter {
    background: url("/images/filled_filter.svg") center center no-repeat !important; 
}

.pimcore_icon_upload {
    background: url("/images/upload-cloud.svg") center center no-repeat !important; 
}

.pimcore_icon_add {
    background: url("/images/plus-white.svg") center center no-repeat !important; 
}

.pimcore_icon_open {
    background: url("/images/open_file.svg") center center no-repeat !important; 
}

.pimcore_icon_plus {
    background: url("/images/plus-white.svg") center center no-repeat !important; 
}

.pimcore_droptarget_input, .input_drop_target, .input_drop_target input {
    background: url("/images/flat-gray-icons/target.svg") right 5px center/20px no-repeat transparent !important;
}

.pimcore_icon_droptarget {
    background: url("/images/flat-gray-icons/target.svg") center center no-repeat !important; 
}

.x-btn .pimcore_icon_key {
    background: url("/images/key.svg") center center no-repeat !important; 
}

.pimcore_icon_stop, .pimcore_icon_cancel {
    background: url("/images/cancel.svg") center center no-repeat !important; 
}

.pimcore_icon_apply, .pimcore_icon_success {
    background: url("/images/ok.svg") center center no-repeat !important;
}

.pimcore_icon_classificationstore_icon_cs_collections {
    background: url("/images/calendar.svg") center center no-repeat !important;
}

.pimcore_icon_user {
    background: url("/images/flat-gray-icons/person-circle.svg") center center no-repeat !important;
}

.x-btn .pimcore_icon_user {
    background: url("/images/flat-white-icons/person-circle.svg") center center no-repeat !important;
}

.pimcore_icon_key {
    background: url("/images/flat-gray-icons/key.svg") center center no-repeat !important;
}

.x-tab .pimcore_icon_recyclebin {
    background: url("/images/flat-gray-icons/delete.svg") center center no-repeat !important;
}

.x-menu-item-icon.pimcore_icon_open_window {
    background: url("/images/flat-color-icons/open_window.svg") center center no-repeat !important;
}

.x-menu-item-icon.pimcore_icon_upload {
    background: url("/images/flat-color-icons/upload-cloud.svg") center center no-repeat !important;
}

.x-btn-icon-el.pimcore_icon_workflow_action {
    background: url("/images/flat-white-icons/workflow.svg") center center no-repeat !important;
}

.x-menu-item-icon.pimcore_icon_publish {
    background: url("/images/flat-color-icons/publish.svg") center center no-repeat !important;
}

.x-menu-item-icon.pimcore_icon_error {
    background: url("/images/flat-color-icons/high_priority.svg") center center no-repeat !important;
}

.x-box-inner .pimcore_icon_success {
    background: url("/bundles/pimcoreadmin/img/flat-color-icons/ok.svg") center center no-repeat !important;
}

.x-menu-item-icon.pimcore_icon_table_col {
    background: url("/images/flat-color-icons/table-column.svg") center center no-repeat !important;
}

.x-action-col-icon.pimcore_icon_delete {
    background: url("/images/flat-gray-icons/outline-delete.svg") center center no-repeat !important;
}

.processmanager_icon_executable_type_tim_import,
.processmanager_icon_executable_type_rc_import  {
    background: url("/images/flat-color-icons/import.svg") center center no-repeat !important;
}

.x-btn-icon-el.pimcore_icon_delete {
    background: url("/images/flat-white-icons/delete.svg") center center no-repeat !important;
}

.x-menu-item-icon.processmanager_icon_executable_type_morele_import,
.x-menu-item-icon.processmanager_icon_executable_type_mega_price_list_import,
.x-menu-item-icon.processmanager_icon_executable_type_rscomponents_import,
.x-menu-item-icon.processmanager_icon_executable_type_photos_360_import,
.x-menu-item-icon.processmanager_icon_executable_type_cable_connection_import {
    background: url("/bundles/pimcoreadmin/img/flat-color-icons/import.svg") center center no-repeat !important;
}

.x-menu-item-icon.pimcore_icon_classificationstore_white {
    background: url("/images/flat-gray-icons/genealogy.svg") center center no-repeat !important;
}

.x-menu-item-icon.pimcore_icon_classificationstore_white {
    background: url("/images/flat-gray-icons/genealogy.svg") center center no-repeat !important;
}

.x-tab-icon-el-default.pimcore_bundle_advancedSearch_grid {
    background: url("/images/flat-gray-icons/grid.svg") center center no-repeat !important;
}

.x-action-col-icon.pimcore_icon_edit {
    background: url("/images/flat-gray-icons/outline-edit.svg") center center no-repeat !important;
}

.x-tool-image.x-tool-maximize {
    background: none !important;
    color: var(--c-mine-shaft);
}

#pimcore_whats_is_new_nav_element {
    background-color: var(--c-malachite);
}

#pimcore_loading.loaded {
    width: 60px;
    height: 48px;
    left: 0;
    bottom: 192px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* icons */

.x-panel-default.x-tabpanel-child.objectlayout_element_panel {
    border-top: none;
}

.x-panel-default.x-tabpanel-child {
    border: none;
}

.x-panel-header-default-framed-top {
    background-color: var(--c-white);
}

.dropshipping-main-panel {
    border: none !important;
    padding: 0 !important;
}

.x-tab-bar-strip-default  {
    border-top: 1px solid var(--c-alto) !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

.pimcore_main_toolbar + .x-panel > .x-tab-bar-default .x-tab.x-tab-over .x-tab-inner-default {
    color: var(--c-mine-shaft);
}

.pimcore_main_toolbar + .x-panel > .x-tab-bar-default .x-tab.x-tab-active .pimcore_material_icon {
    filter: none;
}

.x-form-trigger-wrap-default {
    border: 0.823799px solid #DDDDDD !important;
    border-radius: 3.29519px !important;
}

.x-form-item-label-default {
    color: var(--c-mine-shaft) !important;
}

.x-form-arrow-trigger {
    border-radius: 3.29519px !important;
}
/* Modals */
.x-window {
    border: 1px solid var(--c-alto) !important;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12) !important;
}

.x-window-body-default {
    background-color: var(--c-white) !important;
}

.x-window-header {
    border: none !important;
    background-color: var(--c-white) !important;
}

.x-window-header .x-title-text {
    color: var(--c-black);
}

.x-window-header .x-tool-close {
    color: var(--c-black) !important;
}

.x-window-header-default .x-tool-img {
    background-color: transparent !important;
}

/* Loader */

#pimcore_loading.loaded {
    background-color: var(--c-white);
}

#pimcore_loading.loaded .spinner > div {
    background-color: var(--c-dove-gray);
}

/* grids */

.pimcore_object_panel_edit .x-toolbar-default {
    background-color: var(--c-white);
}

.x-column-header-inner {
    background-color: var(--c-alto)
}

tr.x-grid-row[aria-selected="true"] {
    background-color: #66666617;
}

.x-btn-icon-el.x-tbar-page-last,
.x-btn-icon-el.x-tbar-page-next,
.x-btn-icon-el.x-tbar-page-prev,
.x-btn-icon-el.x-tbar-page-first {
    line-height: 13px !important;
}

.x-btn-icon-el.x-tbar-loading {
    line-height: 15px !important;
}

body.tim_supplier_iframe_mode #pimcore_logout_form,
body.tim_supplier_iframe_mode #pimcore_logout {
    display: none !important;
}