:root { /* make the backend contents as wide as the browser window */ --body-max-width: 100%; /* change the background color of the */ /* --body-bg: #f5f5f5;*/ /* make the base font size smaller */ --font-size-base: 13px; /* remove all border radius to make corners straight */ /*--border-radius: 0px;*/ } /* html, body, .main-sidebar { background-color: #121212; } .wrapper { background-color: #121212; } */ #main { padding-bottom:200px; } .actions .btn.btn-secondary { background-color: transparent; border: 0; vertical-align: middle; } .actions .flag, .action-icon.flag, .action-icon .flag, .form-panel-icon.flag, .crud-lang-img, .dropdown-settings .flag{ background-position: center; background-repeat: no-repeat; background-size: contain; opacity: 1; filter: none !important; width: 20px; height: 16px; display: inline-block; transform: translateY(3px); } .actions .flag-en, .action-icon.flag-en, .action-icon .flag-en, .form-panel-icon.flag-en, .dropdown-settings .flag-en{ background-image: url(/admin/flags/GB.svg); } .actions .flag-es, .action-icon.flag-es, .action-icon .flag-es, .form-panel-icon.flag-es, .dropdown-settings .flag-es { background-image: url(/admin/flags/ES.svg); } .actions .flag-ca, .action-icon.flag-ca, .action-icon .flag-ca, .form-panel-icon.flag-ca, .dropdown-settings .flag-ca { background-image: url(/admin/flags/CAT.svg); } .actions .flag-fr, .action-icon.flag-fr, .action-icon .flag-fr, .form-panel-icon.flag-fr, .dropdown-settings .flag-fr { background-image: url(/admin/flags/FR.svg); } .actions .flag-pt, .action-icon.flag-pt, .action-icon .flag-pt, .form-panel-icon.flag-pt, .dropdown-settings .flag-pt { background-image: url(/admin/flags/PT.svg); } .actions .flag-de, .action-icon.flag-de, .action-icon .flag-de, .form-panel-icon.flag-de, .dropdown-settings .flag-de { background-image: url(/admin/flags/DE.svg); } .actions .flag-nl, .action-icon.flag-nl, .action-icon .flag-nl, .form-panel-icon.flag-nl, .dropdown-settings .flag-nl { background-image: url(/admin/flags/NL.svg); } .actions .flag-it, .action-icon.flag-it, .action-icon .flag-it, .form-panel-icon.flag-it, .dropdown-settings .flag-it { background-image: url(/admin/flags/IT.svg); } .actions .flag-kr, .action-icon.flag-kr, .action-icon .flag-kr, .form-panel-icon.flag-kr, .dropdown-settings .flag-kr { background-image: url(/admin/flags/KR.svg); } .crud-lang-img{ width:30px; } .ea-vich-image-actions .form-group, .ea-vich-file-actions .form-group { padding: 0; } .ea-edit #Product_images .ea-vich-image .form-check { /*display: none;*/ } .ea-edit #Product_images .field-collection-delete-button{ display: none; } .tox .tox-tbtn { height: 34px; width: 30px !important; } .checkboxBottom{ height: 100%; display: flex; align-items: flex-end; } .ts-wrapper.multi .ts-control#Application_blocks-ts-control > div.item, .ts-wrapper.multi .ts-control#Application_sectors-ts-control > div.item { width: 100%; justify-content: space-between; } body.ea-index .table.datagrid td.actions { white-space: nowrap; } trix-toolbar { position: sticky; top: 65px; z-index: 10000; background-color: white; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .badge.badge-outline.pendingLanguage { color: #ff0000; border-color: #ff0000; box-shadow: inset 0 0 0 1px #ff0000; background-color: rgba(255, 0, 0, 0.05); } .badge.badge-outline.readyLanguage { color: #008700; border-color: #008700; box-shadow: inset 0 0 0 1px #008700; background-color: rgba(0, 135, 0, 0.05); } .badgesList span { margin-top:5px; margin-right:5px; margin-bottom:5px; } .badge+.badge { margin-inline-start: 0; } .ts-wrapper.multi .ts-control>div { margin: 5px 10px 5px 0; } .form-group.field-collection .accordion-item .form-group { flex-wrap: wrap; display: flex; } .form-group.field-collection .accordion-item .form-group legend.col-form-label, .form-group.field-collection .accordion-item .form-group>label { inline-size: 100%; } /* Sortable collection styles */ .field-collection-item-action { display: flex; align-items: center; } .field-collection-sortable-handle { cursor: move; margin-right: 10px; color: #ccc; } .field-collection-sortable-handle:hover { color: #333; } .ea-dark-scheme trix-toolbar { background-color: #222; } .text-red { color:red; } .sortable-placeholder { background-color: #f8f9fa; border: 2px dashed #ddd; } /* Draggable items */ .field-collection-sortable-handle i { font-size: 15px; vertical-align: middle; padding-left: 10px; transform: translateY(-3px); } .content-panel-body { background: transparent !important; }