[]
`, let's overwrite it with higher CSS Specificity. * See: https://github.com/ckeditor/ckeditor5/issues/2080. */ .ck.ck-editor__main > .ck-editor__editable p img { display: initial; margin: initial; box-sizing: initial; } .ck.ck-editor__main > .ck-editor__editable .image img { margin: 0 auto; } .ck.ck-editor__main > .ck-editor__editable blockquote p:first-of-type { margin-bottom: 1.5rem; } /* https://github.com/ckeditor/ckeditor5/issues/896 */ .ck.ck-editor__main > .ck-editor__editable .ck.ck-content h2, .ck.ck-editor__main > .ck-editor__editable .ck.ck-content h3, .ck.ck-editor__main > .ck-editor__editable .ck.ck-content h4 { position: static; } /* https://github.com/ckeditor/ckeditor5/issues/899 */ .ck.ck-editor__main > .ck-editor__editable .ck-dropdown .ck.ck-list { margin: 0; padding: 0; } /* https://github.com/ckeditor/ckeditor5/pull/1060 */ .ck.ck-editor__main > .ck-editor__editable .ck.ck-content .table table { margin: 0; display: table; } /* https://github.com/ckeditor/ckeditor5/issues/7310 */ .ck.ck-editor__main > .ck-editor__editable .ck.ck-content .table td, .ck.ck-editor__main > .ck-editor__editable .ck.ck-content .table th { vertical-align: middle; } /* https://github.com/ckeditor/ckeditor5/issues/1282 */ .ck.ck-editor__main > .ck-editor__editable .ck.ck-content .table p:first-child { padding-top: 0; } /* https://github.com/ckeditor/ckeditor5/issues/1282 */ .ck.ck-editor__main > .ck-editor__editable .ck.ck-content .table p:last-child, .ck.ck-editor__main > .ck-editor__editable .ck.ck-content .table ul:last-child, .ck.ck-editor__main > .ck-editor__editable .ck.ck-content .table ol:last-child { margin-bottom: 0; } .ck.ck-editor__main > .ck-editor__editable { color: var(--ee-input-color) !important; background: var(--ee-input-bg) !important; border-color: var(--ee-input-border) !important; } .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) { border-color: var(--ee-input-border) !important; } .ck.ck-toolbar, .ck.ck-reset_all { border-color: var(--ee-input-border) !important; color: var(--ee-button-default-color) !important; background: var(--ee-panel-bg) !important; } .ck.ck-button:not(.ck-disabled), a.ck.ck-button:not(.ck-disabled) { color: var(--ee-button-default-color) !important; } .ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover, .ck.ck-button.ck-on, a.ck.ck-button.ck-on { color: var(--ck-color-text) !important; } /* Redactor stuff */ .redactor-box .redactor-toolbar { z-index: 2; } .redactor-box .redactor-toolbar.redactor-toolbar-fixed { background-color: var(--ee-panel-bg); } .re-icon-filebrowser { content: url('data:image/svg+xml;utf8,'); opacity: 0.75; } .re-icon-readmore { background-image: url('data:image/svg+xml;utf8,'); opacity: 0.75; background-repeat: no-repeat; } .redactor-toolbar a.redactor-button-active .re-icon-filebrowser { opacity: 0.4; } .field-control .redactor-in em { display: inline; margin-top: inherit; font-size: inherit; } /* clips */ .redactor-clips-list { list-style: none; margin: 0; padding: 0; } .redactor-clips-list li { display: inline-block; margin-right: 4px; margin-bottom: 4px; } .redactor-clips-list span { white-space: nowrap; background: rgba(0, 125, 255, 0.75); color: #fff; display: inline-block; padding: 3px 6px; line-height: 1; border-radius: 4px; cursor: pointer; } /* pages (handle) */ #redactor-handle-list { font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Tahoma, sans-serif; display: none; position: absolute; z-index: 1053; background-color: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2); border-radius: 2px; width: 264px; max-height: 250px; margin: 0; overflow: auto; font-size: 14px; padding: 0; } #redactor-handle-list a { display: block; text-decoration: none; padding: 10px 8px; white-space: nowrap; color: #000; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } #redactor-handle-list a.active, #redactor-handle-list a:hover { color: #fff !important; background-color: #449aef !important; } /* inlinestyle */ .redactor-dropdown-inline .redactor-dropdown-item-marked span { font-size: 14px; background-color: #fdb833; color: #000; text-decoration: none; } .redactor-dropdown-inline .redactor-dropdown-item-code span { font-family: Consolas, Menlo, Monaco, "Courier New", monospace; font-size: 13px; background: rgba(0, 0, 0, 0.05); } .redactor-dropdown-inline .redactor-dropdown-item-variable span { font-family: Consolas, Menlo, Monaco, "Courier New", monospace; font-size: 13px; color: var(--ee-text-primary); } .redactor-dropdown-inline .redactor-dropdown-item-shortcut span { font-family: Consolas, Menlo, Monaco, "Courier New", monospace; font-size: 12px; padding: 0.25em; white-space: nowrap; border: 1px solid #e5e7e9; } .redactor-dropdown-inline .redactor-dropdown-item-sup span, .redactor-dropdown-inline .redactor-dropdown-item-sub span { position: relative; font-size: 12px; } .redactor-dropdown-inline .redactor-dropdown-item-sup span { top: -3px; } .redactor-dropdown-inline .redactor-dropdown-item-sub span { top: 3px; } /* readmore */ .redactor-in .readmore, .rx-editor-container .readmore { position: relative; clear: both; padding: 5px 0; display: flex; align-items: center; justify-content: center; } .redactor-in .readmore::after, .rx-editor-container .readmore::after { content: ""; position: absolute; border-bottom: 2px dashed #c4c4c4; width: 100%; } .redactor-in .readmore__label, .rx-editor-container .readmore__label { position: relative; z-index: 1; padding: 0.3em 0.6em; display: block; text-transform: uppercase; border: 1px solid #c4c4c4; border-radius: 2px; font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif; font-size: 0.75em; font-weight: bold; color: #333333; background: white; box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.15); /* Disable the possibility to select the label text by the user. */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* redactorX */ .rx-container { border: 1px solid var(--ee-dropdown-border) !important; background: var(--ee-bg-dropdown) !important; } .rx-container .rx-toolbar-container { z-index: 6; border-bottom: 1px solid var(--ee-dropdown-border) !important; background: var(--ee-bg-dropdown) !important; } .rx-container .re-icon-readmore { width: 100%; background-position: center; } .rx-container .rx-statusbar-container .rx-statusbar { background: var(--ee-bg-0); } .rx-container .rx-statusbar-container .rx-statusbar .rx-statusbar-item { border-right: 1px solid var(--ee-table-border); color: var(--ee-text-secondary); } .rx-container .rx-statusbar-container .rx-statusbar .rx-statusbar-item:last-child { border-right: none; } .rx-container em { font-size: initial; display: initial; } /* Do not show the page break element inside the print preview window. */ @media print { .redactor-in .readmore, .rx-editor-container .readmore { padding: 0; } .redactor-in .readmore::after, .rx-editor-container .readmore::after { display: none; } } .ck-widget.raw-html-embed { background-color: var(--ee-button-default-bg) !important; color: var(--ee-button-default-color) !important; } .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle { background: var(--ee-button-default-bg) !important; color: var(--ee-button-default-color) !important; } .ck.ck-input-text, .ck.ck-dropdown__panel, .ck.ck-balloon-panel { background: var(--ee-button-default-bg) !important; color: var(--ee-button-default-color) !important; border-color: var(--ee-list-item-border) !important; z-index: 2000 !important; } .ck.ck-label { z-index: 2001 !important; } .ck.ck-balloon-panel[class*=arrow_n]:before { border-color: transparent transparent var(--ee-list-item-border) !important; } .ck.ck-balloon-panel[class*=arrow_n]:after { border-color: transparent transparent var(--ee-button-default-bg) transparent !important; } .ck.ck-balloon-panel[class*=arrow_s]:before { border-color: var(--ee-list-item-border) transparent transparent !important; } .ck.ck-balloon-panel[class*=arrow_s]:after { border-color: var(--ee-button-default-bg) transparent transparent transparent !important; } .ck.ck-link-form_layout-vertical .ck-button { border-top: 1px solid var(--ee-border-dark) !important; } .ck.ck-button.ck-button-save, a.ck.ck-button.ck-button-save { color: var(--ck-color-button-save) !important; } .ck.ck-button.ck-button-cancel, a.ck.ck-button.ck-button-cancel { color: var(--ck-color-button-cancel) !important; } .ck.ck-link-form_layout-vertical .ck-button:hover { color: var(--ee-button-default-color) !important; } .ck-vertical-form > .ck-button:nth-last-child(2):after { border-right: 1px solid var(--ee-border-dark) !important; } .ck.ck-dropdown__panel .ck-insert-table-dropdown__label, .ck.ck-labeled-field-view .ck-labeled-field-view__status { color: var(--ee-button-default-color) !important; } .ck.ck-dropdown__panel { border-color: var(--ee-list-item-border) !important; } .ck.ck-tooltip { color: var(--ee-text-secondary) !important; background: var(--ee-bg-neutral-dark) !important; } .ck.ck-dropdown:not(.ck-disabled):hover, .ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover { background: var(--ee-bg-5) !important; } .ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover), .ck.ck-splitbutton:hover > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) { background: var(--ee-button-default-bg) !important; } .ck.ck-button.ck-on, a.ck.ck-button.ck-on { background: var(--ee-bg-5) !important; } .ck.ck-button.ck-switchbutton .ck-button__toggle { background: var(--ee-input-toggle-bg) !important; } .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner { background: var(--ee-input-toggle-fg) !important; } .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle { background: var(--ee-input-toggle-active-bg) !important; } .ck-balloon-rotator__content .ck.ck-list__item .ck-button.ck-on { background: var(--ee-brand-primary) !important; } .ck-dropdown__panel .ck.ck-list__item .ck-button.ck-on { background: var(--ee-brand-primary) !important; color: var(--ee-button-primary-color) !important; } .ck-dropdown__panel .ck.ck-list__item .ck-button.ck-on .ck-button__label { color: var(--ee-button-primary-color) !important; } .ck-balloon-rotator__content .ck.ck-list__item .ck-button.ck-on.ck-switchbutton { background: transparent !important; } .ck.ck-find-and-replace-form__actions .ck-button-find { color: var(--ee-button-secondary-color) !important; background-color: var(--ee-button-secondary-bg); border-color: var(--ee-button-secondary-border); font-weight: normal; cursor: pointer; } .ck.ck-find-and-replace-form__actions .ck-button-find span { color: var(--ee-button-secondary-color) !important; } .ck.ck-find-and-replace-form__actions .ck-button-find:hover { color: var(--ee-button-secondary-color) !important; background-color: var(--ee-button-secondary-hover-bg) !important; border-color: var(--ee-button-secondary-hover-border) !important; } .ck.ck-dialog { background: var(--ee-button-default-bg) !important; color: var(--ee-button-default-color) !important; border-color: var(--ee-list-item-border) !important; } .ck.ck-dialog h2 { color: var(--ee-button-default-color) !important; } .ck.ck-find-and-replace-form__actions { margin-top: 10px !important; } .ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error { color: var(--ee-error) !important; } .ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error { color: var(--ee-error) !important; } .ck.ck-balloon-panel.ck-powered-by-balloon .ck-powered-by:hover { filter: grayscale(1); } .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a { padding: 1px; } .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-powered-by__label { color: var(--ee-text-secondary); opacity: 0.5; font-size: 6px; } .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-icon { color: var(--ee-text-secondary); opacity: 0.3; } .ck.ck-widget__resizer { background: transparent !important; } .rx-toolbar .rx-button-toolbar, .rx-toolbar .rx-button-topbar, .rx-topbar .rx-button-toolbar, .rx-topbar .rx-button-topbar { color: var(--ee-text-primary); } .rx-toolbar .rx-button-toolbar svg, .rx-toolbar .rx-button-topbar svg, .rx-topbar .rx-button-toolbar svg, .rx-topbar .rx-button-topbar svg { fill: var(--ee-text-primary); } .rx-toolbar .rx-button-toolbar:hover, .rx-toolbar .rx-button-topbar:hover, .rx-topbar .rx-button-toolbar:hover, .rx-topbar .rx-button-topbar:hover { background: var(--ee-bg-dropdown-hover); color: var(--ee-text-primary); } .rx-toolbar .rx-button-toolbar:hover svg, .rx-toolbar .rx-button-topbar:hover svg, .rx-topbar .rx-button-toolbar:hover svg, .rx-topbar .rx-button-topbar:hover svg { fill: var(--ee-text-primary); } .rx-toolbar .rx-button-toolbar.disable, .rx-toolbar .rx-button-topbar.disable, .rx-topbar .rx-button-toolbar.disable, .rx-topbar .rx-button-topbar.disable { opacity: 0.4 !important; color: var(--ee-text-primary) !important; } .rx-toolbar .rx-button-toolbar.disable svg, .rx-toolbar .rx-button-topbar.disable svg, .rx-topbar .rx-button-toolbar.disable svg, .rx-topbar .rx-button-topbar.disable svg { fill: var(--ee-text-primary) !important; } .rx-toolbar .rx-button-toolbar.disable .rx-button-icon, .rx-toolbar .rx-button-topbar.disable .rx-button-icon, .rx-topbar .rx-button-toolbar.disable .rx-button-icon, .rx-topbar .rx-button-topbar.disable .rx-button-icon { color: var(--ee-text-primary) !important; } .rx-toolbar .rx-button-toolbar.disable:hover, .rx-toolbar .rx-button-topbar.disable:hover, .rx-topbar .rx-button-toolbar.disable:hover, .rx-topbar .rx-button-topbar.disable:hover { opacity: 0.4 !important; color: var(--ee-text-primary) !important; } .rx-toolbar .rx-button-toolbar.disable:hover svg, .rx-toolbar .rx-button-topbar.disable:hover svg, .rx-topbar .rx-button-toolbar.disable:hover svg, .rx-topbar .rx-button-topbar.disable:hover svg { fill: var(--ee-text-primary) !important; } .rx-toolbar .rx-button-toolbar.active, .rx-toolbar .rx-button-toolbar.toggled, .rx-toolbar .rx-button-topbar.active, .rx-toolbar .rx-button-topbar.toggled, .rx-topbar .rx-button-toolbar.active, .rx-topbar .rx-button-toolbar.toggled, .rx-topbar .rx-button-topbar.active, .rx-topbar .rx-button-topbar.toggled { background-color: transparent; color: inherit; } .rx-toolbar .rx-button-toolbar.active .rx-button-icon, .rx-toolbar .rx-button-toolbar.toggled .rx-button-icon, .rx-toolbar .rx-button-topbar.active .rx-button-icon, .rx-toolbar .rx-button-topbar.toggled .rx-button-icon, .rx-topbar .rx-button-toolbar.active .rx-button-icon, .rx-topbar .rx-button-toolbar.toggled .rx-button-icon, .rx-topbar .rx-button-topbar.active .rx-button-icon, .rx-topbar .rx-button-topbar.toggled .rx-button-icon { border-color: var(--ee-dropdown-border); background-color: var(--ee-bg-dropdown-hover); } .rx-toolbar .rx-button-toolbar.active .rx-button-icon svg, .rx-toolbar .rx-button-toolbar.toggled .rx-button-icon svg, .rx-toolbar .rx-button-topbar.active .rx-button-icon svg, .rx-toolbar .rx-button-topbar.toggled .rx-button-icon svg, .rx-topbar .rx-button-toolbar.active .rx-button-icon svg, .rx-topbar .rx-button-toolbar.toggled .rx-button-icon svg, .rx-topbar .rx-button-topbar.active .rx-button-icon svg, .rx-topbar .rx-button-topbar.toggled .rx-button-icon svg { fill: var(--ee-text-primary); } .rx-toolbar .rx-button-toolbar .re-icon-readmore, .rx-toolbar .rx-button-topbar .re-icon-readmore, .rx-topbar .rx-button-toolbar .re-icon-readmore, .rx-topbar .rx-button-topbar .re-icon-readmore { background: none; opacity: 1; width: auto; text-align: center; } .rx-popup { background-color: var(--ee-bg-dropdown) !important; color: var(--ee-text-primary); box-shadow: 0 1px 4px 0 var(--ee-shadow-dropdown) !important; } .rx-popup .rx-popup-header { color: var(--ee-text-primary); } .rx-popup .rx-popup-header .rx-popup-header-item { color: var(--ee-text-primary); } .rx-popup .rx-popup-header .rx-popup-close:before, .rx-popup .rx-popup-header .rx-popup-close:after { background-color: var(--ee-text-primary); } .rx-popup .rx-popup-items .rx-popup-item-container .rx-popup-item-title { color: var(--ee-text-primary); } .rx-popup .rx-popup-items .rx-popup-item-container:hover { background-color: var(--ee-bg-dropdown-hover); } .rx-popup .rx-popup-items .rx-popup-item { color: var(--ee-text-primary); border-color: var(--ee-dropdown-border); } .rx-popup .rx-popup-items .rx-popup-item svg { fill: var(--ee-text-primary); } .rx-popup .rx-popup-items .rx-popup-item .rx-popup-item-shortcut { color: var(--ee-text-primary); opacity: 0.5; } .rx-popup .rx-popup-items .rx-popup-item .rx-popup-shortcut-title { color: var(--ee-text-primary); } .rx-popup .rx-popup-items .rx-popup-item.active { color: var(--ee-text-primary); } .rx-popup .rx-popup-items .rx-popup-item.active span { color: var(--ee-text-primary) !important; } .rx-popup .rx-popup-items .rx-popup-item:hover { background-color: var(--ee-bg-dropdown-hover); } .rx-popup .rx-form-item .rx-form-label { color: var(--ee-text-primary); } .rx-popup .rx-form-item .rx-form-segment { background-color: var(--ee-bg-dropdown-hover); } .rx-popup .rx-form-item .rx-form-segment .rx-form-segment-item { color: var(--ee-text-primary); opacity: 0.6; } .rx-popup .rx-form-item .rx-form-segment .rx-form-segment-item.active { opacity: 1; background: var(--ee-bg-dropdown); box-shadow: 0 1px 3px var(--ee-shadow-dropdown), 0 1px 2px var(--ee-shadow-dropdown); } .rx-popup .rx-form-item .rx-form-segment .rx-form-segment-item:hover { background-color: var(--ee-dropdown-border); opacity: 1; } .rx-popup .rx-form-item .rx-form-checkbox-item span { color: var(--ee-text-primary); } .rx-popup .rx-form-item .rx-form-textarea { border: 1px solid var(--ee-input-border); box-shadow: 0 1px 2px 0 var(--ee-shadow-input); background-color: var(--ee-input-bg); color: var(--ee-input-color); } .rx-popup .rx-popup-body .rx-form-input { color: var(--ee-input-color); background-color: var(--ee-input-bg); border: 1px solid var(--ee-input-border); } .rx-popup .rx-form-button { color: var(--ee-button-danger-color); background-color: var(--ee-button-danger-bg); border-color: var(--ee-button-danger-border); } .rx-popup .rx-form-button:hover { color: var(--ee-button-danger-color); background-color: var(--ee-button-danger-hover-bg); border-color: var(--ee-button-danger-hover-border); } .rx-popup .rx-form-button.rx-form-button-primary { color: var(--ee-button-primary-color); background-color: var(--ee-button-primary-bg); border-color: var(--ee-button-primary-border); } .rx-popup .rx-form-button.rx-form-button-primary:hover { color: var(--ee-button-primary-color); background-color: var(--ee-button-primary-hover-bg); border-color: var(--ee-button-primary-hover-border); } .rx-editor-container .rx-content blockquote { color: var(--ee-text-primary); } .rx-editor-container .rx-content blockquote p, .rx-editor-container .rx-content blockquote cite { color: inherit; } .rx-editor-container .rx-content table td, .rx-editor-container .rx-content table th { border-color: var(--ee-dropdown-border); } .rx-editor-container .rx-content table tr:last-child td { border-bottom: 1px solid var(--ee-dropdown-border); } .rx-editor-container .rx-content code, .rx-editor-container .rx-content kbd, .rx-editor-container .rx-content samp, .rx-editor-container .rx-content var { color: var(--ee-text-primary); } .rx-editor-container .rx-content code { background-color: var(--ee-text-primary); color: var(--ee-bg-dropdown); } .rx-editor-container .rx-content mark { background-color: var(--ee-brand-warning); } .rx-editor-container .rx-content kbd { border-color: var(--ee-dropdown-border); } .field-control .redactor-styles h1, .field-control .redactor-styles h2, .field-control .redactor-styles h3, .field-control .redactor-styles h4, .field-control .redactor-styles h5, .field-control .redactor-styles h6, .field-control .rx-content h1, .field-control .rx-content h2, .field-control .rx-content h3, .field-control .rx-content h4, .field-control .rx-content h5, .field-control .rx-content h6, .field-control .ck-content h1, .field-control .ck-content h2, .field-control .ck-content h3, .field-control .ck-content h4, .field-control .ck-content h5, .field-control .ck-content h6 { font-weight: 700; color: var(--ee-text-primary); text-rendering: optimizeLegibility; margin: 0; padding: 0; margin-bottom: 0.5em; line-height: 1.2; font-family: -apple-system, BlinkMacSystemFont, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; } .field-control .redactor-styles h1, .field-control .rx-content h1, .field-control .ck-content h1 { font-size: 2.0736em; } .field-control .redactor-styles h2, .field-control .rx-content h2, .field-control .ck-content h2 { font-size: 1.728em; } .field-control .redactor-styles h3, .field-control .rx-content h3, .field-control .ck-content h3 { font-size: 1.44em; } .field-control .redactor-styles h4, .field-control .rx-content h4, .field-control .ck-content h4 { font-size: 1.2em; } .field-control .redactor-styles h5, .field-control .rx-content h5, .field-control .ck-content h5 { font-size: 1em; } .field-control .redactor-styles h6, .field-control .rx-content h6, .field-control .ck-content h6 { font-size: 0.83333em; text-transform: uppercase; letter-spacing: 0.035em; } .field-control .redactor-styles p, .field-control .rx-content p, .field-control .ck-content p { line-height: 1.5; font-size: 16px; margin-top: 0; margin-bottom: 1em; } .field-control .redactor-styles a, .field-control .rx-content a, .field-control .ck-content a { color: var(--ee-link); cursor: pointer; } .field-control .redactor-styles a:hover, .field-control .rx-content a:hover, .field-control .ck-content a:hover { color: var(--ee-link-hover); } .field-control .redactor-styles ol, .field-control .redactor-styles ul, .field-control .rx-content ol, .field-control .rx-content ul, .field-control .ck-content ol, .field-control .ck-content ul { padding: 0; margin: 0 0 0 1.5em; } .field-control .redactor-styles ol li, .field-control .redactor-styles ul li, .field-control .rx-content ol li, .field-control .rx-content ul li, .field-control .ck-content ol li, .field-control .ck-content ul li { font-size: 16px; line-height: 1.5; } .field-control .redactor-styles code, .field-control .rx-content code, .field-control .ck-content code { background-color: var(--ee-bg-5); padding: 0; top: 0; display: block; line-height: 1.5; color: var(--ee-text-primary); overflow: none; white-space: pre-wrap; padding: 1rem; } .color-drop-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 20px; } .color-drop-container .color-drop { width: initial; } .color-drop { width: 100px; } .color-drop__color { border-radius: 8px; height: 100px; width: 100%; border: 10px solid var(--ee-gray-blank); } .color-drop__title { font-size: 1.2em; color: var(--ee-text-secondary); margin-top: 10px; } .color-drop__subtitle { font-family: "SFMono-Regular", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace; font-size: 0.9em; color: var(--ee-text-secondary); } .list-group-controls { display: flex; justify-content: space-between; margin-bottom: 10px; } @media (max-width: 767px) { .list-group-controls { display: block; } } .list-group-controls .filter-bar { flex: 1; margin-top: 0px; } .ctrl-all { display: flex; align-items: center; flex: initial; text-align: right; padding: 5px 0; cursor: pointer; margin-left: auto; padding-top: 0px; } @media (max-width: 767px) { .ctrl-all { display: block; margin-top: 14px; } } .ctrl-all span { margin-right: 8px; margin-top: -2px; } @media (max-width: 767px) { .ctrl-all span { margin-right: 5px; } } .ctrl-all input[type=checkbox] { margin-top: -2px; } .list-group { list-style-type: none; } .list-group .list-item { margin: 0 0 10px 0; } .list-group .list-item:last-child { margin-bottom: 0; } .list-group .js-nested-item:last-child { margin-bottom: 0; } .list-group--nested, .list-group--nested ul { list-style-type: none; } .list-group--nested ul { margin-top: 10px; } .list-group--nested li { margin-bottom: 10px; } .list-group--nested li li { padding-left: 40px; } .list-group--dragging { display: block; pointer-events: none; position: absolute; z-index: 9999; } .list-group--connected { border: 1px solid var(--ee-border); border-radius: 5px; } .list-group--connected .list-item { margin: 0; border-radius: 0; border-width: 0 0 1px 0; } .list-group--connected .list-item:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; } .list-group--connected .list-item:last-child { border: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .list-item { display: flex; border: 1px solid var(--ee-list-item-border); background: var(--ee-bg-0); border-radius: 5px; transition: background 200ms ease, border 200ms ease; box-shadow: 0 1px 2px 0 var(--ee-shadow-input); } .list-item--action:hover { background: var(--ee-bg-5); border-color: var(--ee-border-dark); } .list-item--action .list-item__content { cursor: pointer; border-radius: 5px; } .list-item--selected, .list-item--selected:hover { border-color: var(--ee-accent); background-color: var(--ee-accent-light); } .list-item--selected .list-item__checkbox, .list-item--selected:hover .list-item__checkbox { background: transparent; border-left-color: transparent; } .list-item--warning { border-color: var(--ee-warning); } .list-item--error { border-color: var(--ee-error); } .list-item--error .list-item__secondary { color: var(--ee-error); } .list-item__content { display: block; flex: 1 1; min-width: 0; padding: 10px 15px 10px 15px; color: var(--ee-text-normal); line-height: 1.6; } .list-item__content:hover { color: var(--ee-text-normal); } .list-item__content-left, .list-item__content-right { padding: 10px 15px 10px 15px; display: flex; align-items: center; } .list-item__content-left { padding-right: 0; } .list-item__content-left i { color: var(--ee-text-secondary); } .list-item__title { font-weight: 500; } .list-item__secondary { color: var(--ee-text-secondary); font-size: 0.9em; position: absolute; top: 34px; left: 15px; } .list-item__secondary .status-indicator { display: inline-flex; justify-content: center; align-items: center; padding: 2px 8px 3px; border: 1px solid transparent; border-radius: 1000px; line-height: 1; text-transform: capitalize; margin-left: 5px; font-size: 11px; background: var(--ee-bg-blank); white-space: nowrap; } .list-item__content .list-item__secondary { position: inherit; visibility: hidden; } .list-group .list-item__secondary { visibility: visible; } .list-item__body { color: var(--ee-text-tertiary); } .list-item__handle { display: flex; align-items: center; padding: 10px 15px 10px 15px; padding-right: 7.5px; color: var(--ee-text-secondary); cursor: move; } .list-item__handle i { position: relative; top: -1px; } .list-item__handle + .list-item__content { padding-left: 7.5px; } .list-item__checkbox { padding: 15px; padding-left: 0; display: flex; align-items: center; border-radius: 0 5px 5px 0; transition: background 200ms ease, border 200ms ease; cursor: pointer; } .list-item__checkbox input { position: relative; top: -1px; } .list-item__checkbox input.checkbox--large { top: 0px; } .js-nestable-categories .js-nested-item { position: relative; } .js-nestable-categories .js-nested-item > button { width: 15px; height: 15px; border: none; background: none; font-size: 0; padding: 0; cursor: pointer; position: absolute; left: -20px; top: 25px; } .js-nestable-categories .js-nested-item > button:before { color: var(--ee-text-placeholder); content: "\f078"; font-size: 10px; line-height: 0; margin-right: 5px; position: absolute; top: 50%; left: 50%; font-family: "Font Awesome 6 Pro"; font-weight: 600; transform: translate(-50%, -50%); color: var(--ee-text-normal); } .js-nestable-categories .js-nested-item > button[data-action=expand]:before { content: "\f054"; } .js-nestable-categories .list-group--nested li li > button { left: 20px; } .fluid { padding: 10px 10px 5px; background: var(--ee-bg-0); border: 1px solid var(--ee-border); border-radius: 5px; } .fluid__item { display: flex; margin-bottom: 10px; background-color: var(--ee-bg-blank); border: 1px solid var(--ee-fluid-item-border); position: static; width: 100%; } .fluid__item .fluid__item-fieldset { padding: 10px 15px 5px 15px; position: relative; } .fluid__item .fluid__item-fieldset .icon--reorder { display: none; } .fluid__item .fluid__item-fieldset .field-instruct { padding-right: 55px; } .fluid__item .fluid__item-field { padding: 15px 20px; border-top: 1px solid var(--ee-border); } .fluid__item--dragging { border-bottom: 0; } .fluid__item--dragging .fluid__item-content { box-shadow: 0 1px 4px 0 var(--ee-shadow-dropdown); background: var(--ee-main-bg); } .fluid__item--dragging .fluid__item-tools { opacity: 0; } .fluid__item--reorderable .fluid__item-fieldset em, .fluid__item--reorderable .fluid__item-fieldset * em { margin-left: 22px; } .fluid__item--reorderable .fluid__item-fieldset .icon--reorder, .fluid__item--reorderable .fluid__item-fieldset * .icon--reorder { margin-right: 5px; color: var(--ee-text-secondary); display: inline-block; } .fluid__item--reorderable .fluid__item-field { cursor: initial; } .fluid__item--collapsed .fluid__item-field { display: none; } .fluid__item--collapsed .field-instruct label { opacity: 0.7; } .fluid__item--collapsed .fluid__item-tools--item-open a.fluid__item-tool { transform: rotate(180deg); } .fluid__item--collapsed .fluid__item-tools--item-closed { display: none; } .fluid__item-content { flex: 1 1; border-radius: 8px; transition: background 100ms ease, box-shadow 100ms ease; width: 100%; } .fluid__item-tools { transition: opacity 100ms ease; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); z-index: 1; } .fluid__item-tools .dropdown, .fluid__item-tools .select__dropdown { max-height: 90vh; overflow-y: auto; white-space: nowrap; } .fluid__item-tools .dropdown img, .fluid__item-tools .select__dropdown img { opacity: 0.35; } .fluid__item-tools.has-open-dropdown { z-index: 200; } .fluid__item-tools--item-closed { display: none; } .fluid__item-tool { -webkit-appearance: none; appearance: none; display: inline-block; padding: 0px; margin-left: 5px; background: transparent; border: none; line-height: 1 !important; cursor: pointer; color: var(--ee-text-secondary); } .fluid__item-tool:last-child { margin-bottom: 0; } .fluid__item-tool:hover, .fluid__item-tool.dropdown-open { color: var(--ee-link); } .fluid__item-tool:focus { outline: none; border-radius: 8px; box-shadow: 0 0 0 2px var(--ee-keyboard-focus); } .fluid__footer img { opacity: 0.35; } .fluid__footer .button, .fluid__footer .pagination__link, .fluid__footer .no-results a, .no-results .fluid__footer a, .fluid__footer .field-no-results a, .field-no-results .fluid__footer a, .fluid__footer .markItUpHeader ul a, .markItUpHeader ul .fluid__footer a, .fluid__footer .filter-bar__button, .fluid__footer .license-status-badge, .fluid__footer .select__button, .fluid__footer .select-popup, .fluid__footer select { margin-bottom: 5px; } .fluid__footer .dropdown, .fluid__footer .select__dropdown { max-height: 98vh; overflow-y: auto; white-space: nowrap; } .fluid__add-fields { display: flex; flex-wrap: wrap; } .fluid__add-fields div { background: var(--ee-main-bg); position: relative; min-width: 100px; text-align: center; padding: 10px 12px; border-radius: 8px; border: 1px solid var(--ee-border); margin-right: 10px; font-size: 0.8em; display: flex; align-items: center; margin-top: 10px; } .fluid__add-fields div svg { width: 16px; height: 16px; margin-right: 4px; } .fluid__add-fields div svg.big { display: block; font-weight: bold; margin-top: 6px; margin-right: 0px; } .fluid__add-fields div:hover { background: var(--ee-accent-light); cursor: pointer; } .no-results, .field-no-results { margin: 10px 0; padding: 20px 30px 20px 30px; background-color: var(--ee-bg-0); border-radius: 5px; text-align: center; line-height: 1.6; } .no-results.file-upload-widget, .field-no-results.file-upload-widget { background-color: transparent; } .no-results p, .field-no-results p { margin: 0 0 10px; } .no-results p:last-child, .field-no-results p:last-child { margin-bottom: 0; } .no-results a, .field-no-results a { margin-left: 5px; position: relative; top: -1px; } tr.no-results { border: none; } table .no-results, table .field-no-results { background: none; } .field-empty { display: block; background: var(--ee-bg-0); text-align: center; padding: 10px 15px 10px 15px; } .field-no-results.hidden { display: none !important; } .f_manager-wrapper .no-results.file-upload-widget:not(.hidden) + .panel-body { display: none; } .avatar-icon { width: 25px; height: 25px; border-radius: 50%; max-width: initial; } .avatar-icon--small { width: 18px; height: 18px; } .author-info-comments { position: relative; padding-left: 35px; padding-top: 10px; display: inline-block; } .author-info-comments .avatar-icon { position: absolute; top: 10px; left: 0px; } .author-info-comments .author-details { display: inline-block; border-left: 1px solid var(--ee-panel-border); padding-left: 10px; font-size: 14px; } .simple-list { list-style-type: none; } .simple-list li { padding: 10px 0; border-bottom: 1px solid var(--ee-border); } .simple-list li:last-child { border-bottom: none; } .simple-list li > a { display: flex; align-items: center; word-break: break-word; } .pagination { list-style-type: none; padding: 20px 25px 10px; border-top: 1px solid var(--ee-border); } .pagination:after { clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden; } .pagination .panel-body .pagination { padding: 20px 0px; border-top: none; } .bulk-action-bar:not(.hidden) + .pagination, .tbl-bulk-act:not(.hidden) + .pagination { border-top: none; padding-top: 0; } .pagination__item { display: block; float: left; margin-right: 4px; font-size: 0.9em; } .pagination__item .filter-bar { margin-top: 0; } .pagination__item .filter-bar__item { margin-top: 0; } .pagination__item--right { margin-left: 20px; } .pagination__item--active .pagination__link, .pagination__item--active .pagination__link:hover { border-color: var(--ee-accent); } .pagination__link { border-radius: 3px; color: var(--ee-text-secondary); transition: all 200ms ease; } .pagination__link:hover { color: var(--ee-text-secondary); } .pagination__divider { display: block; padding: 5px 8px 5px 8px; color: var(--ee-text-secondary); position: relative; top: -3px; margin: 0 -3px; } .pagination__divider i { position: relative; top: 1px; } .panel-body .pagination { border-top: none; padding-left: 0; padding-right: 0; } .badge { position: relative; display: inline-block; padding: 0 5px; height: 19px; line-height: 19px; border-radius: 9.5px; text-align: center; font-size: 13px; } .badge--small { padding: 0 4px; height: 16px; line-height: 16px; border-radius: 8px; font-size: 11px; } .badge--notification { color: #fff; background: var(--ee-notification); } .badge--info { color: var(--ee-accent); background: var(--ee-accent-medium); } .badge--info-alt { color: var(--ee-accent); background: #fff; } .label-app-badge { display: inline-flex; color: var(--ee-text-secondary); justify-content: center; align-items: center; font-style: italic; margin-left: 5px; font-size: 0.8rem; font-weight: normal; border-radius: 4px; cursor: pointer; -webkit-transition: opacity 0.15s ease-in-out; -moz-transition: opacity 0.15s ease-in-out; -o-transition: opacity 0.15s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .label-app-badge.not-clickable { cursor: auto; } .label-app-badge i { margin-left: 5px; opacity: 0; } .label-app-badge:hover i { opacity: 1; } .label-app-badge.success { color: var(--ee-accent); border-color: var(--ee-accent); } .label-app-badge.success i { color: var(--ee-accent); } .search-input { padding-left: 0; display: flex; align-items: center; } .search-input__dropdown { display: block; font-size: 0.8rem; flex: 1 0; padding: 0 10px; color: var(--ee-text-primary); white-space: nowrap; } .search-input__dropdown i { font-size: 10px; } .live-preview-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 250; max-width: 100vw; display: none; } .live-preview-container ~ .modal-wrap { z-index: 251; } .live-preview { display: flex; height: 100%; max-width: 100%; } .live-preview--closed .live-preview__form { transform: translateX(-100%); opacity: 0; } .live-preview--closed .live-preview__preview { transform: translateX(100%); opacity: 0; } .live-preview--closed .live-preview__divider { opacity: 0; transition: none; } .live-preview__form { position: relative; display: flex; flex-direction: column; flex-basis: 50%; width: 50%; padding-top: 0; background: var(--ee-bg-blank); transition: transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1); } .live-preview__form-content { overflow-y: auto; padding: 20px; padding-top: 0; } .live-preview__form-content .panel-heading__publish { display: none; } .live-preview__form-content .panel-body__publish { padding: 0px; } .live-preview__form-header { position: sticky; top: 0; display: flex; align-items: center; margin-bottom: 10px; padding: 20px; padding-bottom: 0; z-index: 51; } .live-preview__form-header h1 { color: var(--ee-text-secondary); font-size: 1rem; } .live-preview__form-header h1 a { color: inherit; } .live-preview__form-header .button-group { margin-left: auto; } .live-preview__divider { width: 4px; background: var(--ee-bg-15); cursor: col-resize; transition: transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 300ms; } .live-preview__preview { flex-basis: 50%; width: 50%; background: #fff; transition: transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1); } .anim-pulse { animation: pulse 2s infinite linear; } @keyframes anim-pulse-loader { 0% { opacity: 0; transform: rotate(0deg) scale(1); } 50% { opacity: 1; } 100% { opacity: 0; transform: rotate(360deg) scale(1.5); } } @keyframes anim-pulse-loader-1 { 0% { opacity: 0; transform: rotate(0deg) scale(0.2); } 50% { opacity: 0.7; } 100% { opacity: 0; transform: rotate(360deg) scale(1); } } .pulse-loader { display: inline-block; width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--ee-accent); } .pulse-loader::before { content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; border: 2px solid var(--ee-accent); } .live-preview__preview-loader { position: fixed; right: 20px; top: 20px; background: var(--ee-bg-0); padding: 0 15px; height: 34px; border-radius: 8px; box-shadow: 0 5px 20px var(--ee-shadow-dropdown); display: flex; align-items: center; pointer-events: none; user-select: none; opacity: 0; transition: opacity 200ms ease; } .live-preview__preview-loader .pulse-loader { animation: anim-pulse-loader 1s infinite linear; } .live-preview__preview-loader .pulse-loader::before { animation: anim-pulse-loader-1 1.2s infinite linear; } .live-preview__preview-loader.loaded { opacity: 1; } .live-preview__frame { border: 0; display: block; height: 100%; width: 100%; } @media (max-width: 767px) { .live-preview { flex-direction: column; } .live-preview__form, .live-preview__preview { flex-basis: 100%; width: 100%; max-height: 50vh; } .live-preview__divider { height: 4px; width: 100%; } } .image-editor { background: #1f1f1f; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; width: 100%; height: 100%; padding: 40px; color: #fff; display: flex; flex-direction: column; box-sizing: border-box; } .image-editor__toolbar { padding-bottom: 40px; display: flex; justify-content: space-between; } .image-editor__toolbar-title { font-family: Inconsolata; font-size: 16px; display: inline-block; } .image-editor__toolbar-title svg { margin-right: 10px; vertical-align: middle; margin-top: -3px; } .image-editor__image { flex-grow: 1; background: #333; display: flex; justify-content: center; max-height: 90%; } .image-editor__image img { max-width: 90%; max-height: 90%; } .image-editor__toolbar-controls { position: absolute; top: 40px; left: 0; right: 0; margin: auto; display: flex; justify-content: center; } .image-editor__toolbar-controls a { background: #55555F; padding: 8px 14px; position: relative; top: -8px; border-radius: 4px; color: #fff; font-family: Inconsolata; margin-left: 5px; } .image-editor__toolbar-controls a:hover { background: #70707D; } .image-editor__toolbar-controls a svg { vertical-align: middle; } .image-editor__toolbar-buttons { margin-top: 10px; } .image-editor__toolbar-buttons a { background: #55555F; padding: 8px 14px; position: relative; top: -8px; margin-left: 5px; border-radius: 4px; color: #fff; /* font-family: Inconsolata; */ } .image-editor__toolbar-buttons a.save { background: #00CF3B; } .crop-container { position: relative; } .crop-box { position: absolute; top: 0; width: 400px; height: 300px; border: 1px solid #000; box-shadow: 0 0 0 1px #fff; } .crop-box__lines { border: 1px solid rgba(255, 255, 255, 0.2); width: 100%; height: 100%; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .crop-box__lines.v { border-width: 1px 0; height: 33.333%; } .crop-box__lines.h { border-width: 0 1px; width: 33.333%; } .crop-handle { width: 10px; height: 10px; border-radius: 1px; background: #fff; position: absolute; } .image-crop { position: relative; } .image-crop canvas { border: 1px solid #eee; } .image-crop__crop-box { position: absolute; top: 0; width: 400px; height: 300px; border: 1px solid #000; box-shadow: 0 0 0 1px #fff; pointer-events: none; } .image-crop__crop-box-lines { border: 1px solid rgba(255, 255, 255, 0.2); width: 100%; height: 100%; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .image-crop__crop-box-lines.v { border-width: 1px 0; height: 33.333%; } .image-crop__crop-box-lines.h { border-width: 0 1px; width: 33.333%; } .image-crop__crop-box-handle { width: 10px; height: 10px; border-radius: 1px; background: #fff; position: absolute; } .image-crop__crop-box-handle.top-left { top: -5px; left: -5px; } .image-crop__crop-box-handle.top-right { top: -5px; right: -5px; } .image-crop__crop-box-handle.bottom-left { bottom: -5px; left: -5px; } .image-crop__crop-box-handle.bottom-right { bottom: -5px; right: -5px; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*=col-] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } /* .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { @extend .input-lg; } */ .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { padding: 5px 10px; font-size: 0.8rem; line-height: 1.5; border-radius: 4px; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 8px 15px; font-size: 1rem; font-weight: 400; line-height: 1.6; text-align: center; background-color: var(--ee-bg-0); border: 1px solid var(--ee-input-border); border-radius: 5px; /* &.input-lg { padding: $padding-large-vertical $padding-large-horizontal; font-size: $font-size-large; border-radius: $input-border-radius-large; } */ } .input-group-addon.input-sm { padding: 5px 10px; font-size: 0.8rem; line-height: 1.5; border-radius: 4px; } .input-group-addon input[type=radio], .input-group-addon input[type=checkbox] { margin-top: 0; } .input-group-sm input[type=radio], .input-group-sm input[type=checkbox] { top: 3px !important; float: left; } .input-group-sm .checkbox-label__text { padding: 0; padding-left: 19px; } .input-group .form-control:first-child, .input-group input[type=text]:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group input[type=text]:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .promo-banner-outer { position: relative; margin: 0 40px 30px; } .promo-banner-outer .banner-dismiss { color: var(--ee-text-secondary); position: absolute; right: 30px; text-decoration: none; top: 20px; } .promo-banner-outer .banner-dismiss:hover { color: var(--ee-text-tertiary); } .promo-banner-outer .banner-dismiss::before { font-family: "Font Awesome 6 Pro"; font-weight: 900; content: "\f00d"; font-size: 24px; line-height: 1; } .ee-main-header.entries + .promo-banner-outer { margin-top: 30px; margin-bottom: 5px; } .promo-banner-wrapper { background-position: center; background-repeat: no-repeat; background-size: cover; text-align: center; position: relative; cursor: pointer; display: block; border-radius: 6px; border: 1px solid #dfe0ef; overflow: hidden; } .promo-banner-wrapper img { max-width: 100%; display: block; margin: auto; } @media (max-width: 900px) { .promo-banner-outer .banner-dismiss { right: 20px; top: 15px; } .promo-banner-outer .banner-dismiss::before { font-size: 18px; } } @media (max-width: 700px) { .promo-banner-outer .banner-dismiss { right: 10px; top: 5px; } } .add-on-layout .table-responsive { margin-bottom: 0px; } .add-on-layout .panel .table-responsive, .add-on-layout .table-responsive .table-responsive { background: none; border: none; border-radius: 0; } .add-on-layout .filter-bar { margin-bottom: 10px; } .add-on-layout .panel .filter-bar, .add-on-layout .table-responsive .filter-bar { margin-bottom: 0px; } .add-on-layout .tbl-ctrls h1 { font-size: 1.35em; border-bottom: none; } .add-on-layout .md-wrap p { margin-bottom: 20px; } .add-on-layout .md-wrap h1, .add-on-layout .md-wrap h2, .add-on-layout .md-wrap h3, .add-on-layout .md-wrap h4, .add-on-layout .md-wrap h5, .add-on-layout .md-wrap h6 { margin-bottom: 0.5em; } .add-on-layout .md-wrap h2 { font-size: 1.65em !important; border-bottom: none !important; color: inherit !important; margin: inherit !important; margin-bottom: 0.4em !important; padding: 0 !important; text-transform: none !important; letter-spacing: 0 !important; } .add-on-layout .md-wrap ul, .add-on-layout .md-wrap ol { margin-bottom: 20px; padding-left: 20px; text-indent: -20px; } .add-on-layout .md-wrap textarea { margin-bottom: 20px; } .add-on-layout .secondary-sidebar .sidebar__section-title { display: block; margin-top: 0px; margin-bottom: 2px; text-transform: none; letter-spacing: normal; font-size: inherit; font-weight: 400; border-bottom: none; position: relative; padding: 6px 12px; } .add-on-layout .secondary-sidebar .sidebar__section-title a:not(.button):not(.filter-bar__button):not(.license-status-badge):not(.select__button):not(.select-popup):not(select):not(.pagination__link) { color: var(--ee-text-normal); margin: -6px -12px; padding-left: 12px !important; } .add-on-layout .secondary-sidebar .sidebar__section-title .button, .add-on-layout .secondary-sidebar .sidebar__section-title .markItUpHeader ul a, .markItUpHeader ul .add-on-layout .secondary-sidebar .sidebar__section-title a, .add-on-layout .secondary-sidebar .sidebar__section-title .filter-bar__button, .add-on-layout .secondary-sidebar .sidebar__section-title .license-status-badge, .add-on-layout .secondary-sidebar .sidebar__section-title .select__button, .add-on-layout .secondary-sidebar .sidebar__section-title .select-popup, .add-on-layout .secondary-sidebar .sidebar__section-title select, .add-on-layout .secondary-sidebar .sidebar__section-title .no-results a, .no-results .add-on-layout .secondary-sidebar .sidebar__section-title a, .add-on-layout .secondary-sidebar .sidebar__section-title .field-no-results a, .field-no-results .add-on-layout .secondary-sidebar .sidebar__section-title a, .add-on-layout .secondary-sidebar .sidebar__section-title .pagination__link { display: inline-block; position: absolute; top: 6px; right: 5px; } .add-on-layout .secondary-sidebar .sidebar__section-title.active a:not(.button):not(.filter-bar__button):not(.license-status-badge):not(.select__button):not(.select-popup):not(select):not(.pagination__link) { color: var(--ee-link); border-radius: 5px; background: var(--ee-secondary-sidebar-item-bg); } .add-on-layout .secondary-sidebar .sidebar__link, .add-on-layout .secondary-sidebar .sidebar__section-title a:not(.button):not(.filter-bar__button):not(.license-status-badge):not(.select__button):not(.select-popup):not(select):not(.pagination__link) { padding-left: 25px; } .add-on-layout .secondary-sidebar .sidebar__link--parent a { padding-left: 0px; } /* .add-on-layout { .tbl-ctrls { @extend .panel; margin-bottom: 0px; h1 { padding: 20px 25px; position: relative; border-bottom: 1px solid color(panel-border); font-size: 1.35em; } .tbl-search.right { margin-top: 15px; margin-right: 25px; } .btn.action { @extend .button--primary; } } form.tbl-ctrls { border: none; } } */ .rule-blank-row { display: none !important; } #fieldset-condition_fields .field-instruct { display: none; } .field-conditionset-wrapper a.add-set { display: none; margin-top: 10px; font-size: 0.9em; } .field-conditionset-wrapper .conditionset-item { margin-bottom: 10px; position: relative; } .field-conditionset-wrapper .conditionset-item:last-child a.add-set { display: inline-block; } .field-conditionset-wrapper a.remove-set { position: absolute; top: 10px; right: 15px; display: none; } .field-conditionset { background: var(--ee-bg-0); border-radius: 5px; padding: 20px; } .field-conditionset h4 { display: flex; align-items: center; margin-bottom: 20px; font-weight: 400; font-size: 1em; } .field-conditionset h4 .condition-match-field { margin: 0 5px 0 10px; } .field-conditionset .rules .rule { display: flex; margin-bottom: 10px; padding-right: 20px; position: relative; } @media (max-width: 1200px) { .field-conditionset .rules .rule { flex-wrap: wrap; margin-bottom: 30px; } .field-conditionset .rules .rule:after { position: absolute; display: block; content: ""; width: calc(100% - 20px); height: 2px; left: 0; bottom: -15px; background: var(--ee-tab-bar-border); } .field-conditionset .rules .rule:last-child { margin-bottom: 10px; } .field-conditionset .rules .rule:last-child:after { display: none; } } .field-conditionset .rules .rule .select__dropdown { min-width: 32%; } .field-conditionset .rules .rule > div { flex: 0 0 32%; margin-right: 10px; width: 32%; } @media (max-width: 1200px) { .field-conditionset .rules .rule > div { flex-basis: 100%; width: 100%; margin-right: 0; margin-bottom: 10px; } .field-conditionset .rules .rule > div.condition-rule-value-wrap { margin-bottom: 0; } } .field-conditionset .rules .rule select, .field-conditionset .rules .rule input[type=text], .field-conditionset .rules .rule .select__button, .field-conditionset .rules .rule .select__button-label { width: 100%; display: block; text-align: left; } .field-conditionset .rules .rule .delete_rule { position: absolute; right: 0; margin: 0; top: 7px; display: block; width: auto; opacity: 0; } .field-conditionset .rules .rule .delete_rule button { padding: 0 !important; border: none; font-size: 1rem; background: none; } .field-conditionset .rules .rule:hover .delete_rule { opacity: 1; } .field-conditionset .rules .rule .select__dropdown-item > span { white-space: nowrap; } .field-conditionset .rules .rule .short-name { display: inline-block; margin-left: 5px; font-size: 0.9em; color: var(--ee-text-secondary); vertical-align: bottom; } .field-conditionset .rules .rule .select__button-label:after { top: 5px; } .field-conditionset .condition-rule-field-wrap { position: relative; } .field-conditionset .condition-rule-field-wrap .select__button-label { text-overflow: unset; } .field-conditionset .condition-rule-field-wrap .select__button-label > span { overflow: hidden; display: flex; align-items: center; } .field-conditionset .condition-rule-field-wrap .short-name { text-overflow: ellipsis; overflow: hidden; } .field-conditionset .condition-rule-field-wrap .tooltiptext { width: auto; color: var(--ee-button-default-color); text-align: left; padding: 0 5px; position: absolute; background: var(--ee-bg-dropdown-hover); font-size: 0.8em; border-radius: 5px; border: 1px solid var(--ee-input-border); line-height: 22px; display: none; z-index: 1200; } /* .tbl-search input:not([type="button"]) { box-shadow: none !important; height: 29px; line-height: 29px; padding: 0 $sq-s; font-size: 0.9rem; text-transform: capitalize; background: color(bg-0); border: 1px solid color(border); border-radius: $corners-big; } */ .setting-txt h3, .setting-txt label { font-size: 14px; font-weight: bold; margin-bottom: 5px; } .setting-txt h3.field-closed, .setting-txt label.field-closed { color: var(--ee-text-normal); margin-bottom: 10px; } .setting-txt h3 mark, .setting-txt label mark { background-color: transparent; color: inherit; } @media (min-width: 768px) { .setting-txt h3, .setting-txt label { padding-right: 5px; } } .setting-txt em { color: var(--ee-text-secondary); display: block; font-size: 12px; font-style: normal; margin: 5px 0; padding-right: 10px; } .setting-txt em mark { background-color: transparent; color: var(--ee-text-normal); } @media (min-width: 768px) { .setting-txt em { margin-bottom: 10px; } } .setting-txt p { margin: 0 0 15px; } .setting-txt.invalid h3, .setting-txt.invalid em { color: var(--ee-error); } .tbl-ctrls h1 { border-bottom: 1px dotted var(--ee-border); margin-bottom: 10px; padding: 4px 0 10px; font-size: 1.2rem; } .form-btns { text-align: right; } .form-btns h1 { text-align: left; } .form-btns.form-btns-auth { background: var(--ee-bg-5); border-top: 1px solid var(--ee-border); margin-top: 20px; border-radius: 0 0 5px 5px; padding: 20px 30px 20px 30px; } .form-btns.form-btns-auth fieldset { text-align: left; } .tab-bar__right-buttons .form-btns { display: flex; } @media (max-width: 767px) { .tab-bar__right-buttons .form-btns { display: block; width: 100%; } .tab-bar__right-buttons .form-btns .button, .tab-bar__right-buttons .form-btns .markItUpHeader ul a, .markItUpHeader ul .tab-bar__right-buttons .form-btns a, .tab-bar__right-buttons .form-btns .filter-bar__button, .tab-bar__right-buttons .form-btns .license-status-badge, .tab-bar__right-buttons .form-btns .select__button, .tab-bar__right-buttons .form-btns .select-popup, .tab-bar__right-buttons .form-btns select, .tab-bar__right-buttons .form-btns .no-results a, .no-results .tab-bar__right-buttons .form-btns a, .tab-bar__right-buttons .form-btns .field-no-results a, .field-no-results .tab-bar__right-buttons .form-btns a, .tab-bar__right-buttons .form-btns .pagination__link { width: 100%; } .tab-bar__right-buttons .form-btns .button, .tab-bar__right-buttons .form-btns .markItUpHeader ul a, .markItUpHeader ul .tab-bar__right-buttons .form-btns a, .tab-bar__right-buttons .form-btns .filter-bar__button, .tab-bar__right-buttons .form-btns .license-status-badge, .tab-bar__right-buttons .form-btns .select__button, .tab-bar__right-buttons .form-btns .select-popup, .tab-bar__right-buttons .form-btns select, .tab-bar__right-buttons .form-btns .no-results a, .no-results .tab-bar__right-buttons .form-btns a, .tab-bar__right-buttons .form-btns .field-no-results a, .field-no-results .tab-bar__right-buttons .form-btns a, .tab-bar__right-buttons .form-btns .pagination__link, .tab-bar__right-buttons .form-btns .button-group { margin-bottom: 10px; } .tab-bar__right-buttons .form-btns > .button, .tab-bar__right-buttons .markItUpHeader ul .form-btns > a, .markItUpHeader ul .tab-bar__right-buttons .form-btns > a, .tab-bar__right-buttons .form-btns > .filter-bar__button, .tab-bar__right-buttons .form-btns > .license-status-badge, .tab-bar__right-buttons .form-btns > .select__button, .tab-bar__right-buttons .form-btns > .select-popup, .tab-bar__right-buttons .form-btns > select, .tab-bar__right-buttons .no-results .form-btns > a, .no-results .tab-bar__right-buttons .form-btns > a, .tab-bar__right-buttons .field-no-results .form-btns > a, .field-no-results .tab-bar__right-buttons .form-btns > a, .tab-bar__right-buttons .form-btns > .pagination__link { margin-left: 0px !important; } .tab-bar__right-buttons .form-btns .button-group { margin-left: 0px !important; } .tab-bar__right-buttons .form-btns .button-group .button:first-child, .tab-bar__right-buttons .form-btns .button-group .markItUpHeader ul a:first-child, .markItUpHeader ul .tab-bar__right-buttons .form-btns .button-group a:first-child, .tab-bar__right-buttons .form-btns .button-group .filter-bar__button:first-child, .tab-bar__right-buttons .form-btns .button-group .license-status-badge:first-child, .tab-bar__right-buttons .form-btns .button-group .select__button:first-child, .tab-bar__right-buttons .form-btns .button-group .select-popup:first-child, .tab-bar__right-buttons .form-btns .button-group select:first-child, .tab-bar__right-buttons .form-btns .button-group .no-results a:first-child, .no-results .tab-bar__right-buttons .form-btns .button-group a:first-child, .tab-bar__right-buttons .form-btns .button-group .field-no-results a:first-child, .field-no-results .tab-bar__right-buttons .form-btns .button-group a:first-child, .tab-bar__right-buttons .form-btns .button-group .pagination__link:first-child { flex-grow: 1; } } .tab-bar__right-buttons .form-btns > .button, .tab-bar__right-buttons .markItUpHeader ul .form-btns > a, .markItUpHeader ul .tab-bar__right-buttons .form-btns > a, .tab-bar__right-buttons .form-btns > .filter-bar__button, .tab-bar__right-buttons .form-btns > .license-status-badge, .tab-bar__right-buttons .form-btns > .select__button, .tab-bar__right-buttons .form-btns > .select-popup, .tab-bar__right-buttons .form-btns > select, .tab-bar__right-buttons .no-results .form-btns > a, .no-results .tab-bar__right-buttons .form-btns > a, .tab-bar__right-buttons .field-no-results .form-btns > a, .field-no-results .tab-bar__right-buttons .form-btns > a, .tab-bar__right-buttons .form-btns > .pagination__link, .tab-bar__right-buttons .form-btns > .button-group { margin-left: 5px; } @media (max-width: 767px) { .tab-bar__right-buttons.title-bar__extra-tools-publish .form-btns { display: block; } } .panel-heading .title-bar__extra-tools > .button, .panel-heading .markItUpHeader ul .title-bar__extra-tools > a, .markItUpHeader ul .panel-heading .title-bar__extra-tools > a, .panel-heading .title-bar__extra-tools > .filter-bar__button, .panel-heading .title-bar__extra-tools > .license-status-badge, .panel-heading .title-bar__extra-tools > .select__button, .panel-heading .title-bar__extra-tools > .select-popup, .panel-heading .title-bar__extra-tools > select, .panel-heading .no-results .title-bar__extra-tools > a, .no-results .panel-heading .title-bar__extra-tools > a, .panel-heading .field-no-results .title-bar__extra-tools > a, .field-no-results .panel-heading .title-bar__extra-tools > a, .panel-heading .title-bar__extra-tools > .pagination__link, .panel-heading .title-bar__extra-tools > .button-group { margin-left: 5px; } .form-standard h2:not(.title-bar__title) { border-bottom: 1px solid var(--ee-form-section-title-border); color: var(--ee-text-secondary); font-size: 0.85em; margin: 30px 0 20px 0; padding: 0 0 10px 0; text-transform: uppercase; letter-spacing: 1px; } .form-standard h2:first-child { margin-top: 0; } .form-standard .redactor-styles h2 { border: none; text-transform: none; letter-spacing: revert; font-size: 1.728em; color: inherit; margin-bottom: 0.5em; padding: 0; } .field-toggle-all { display: inline-block; padding: 3px 5px; border-radius: 5px; background: var(--ee-bg-10); margin-bottom: 5px; border: 1px solid var(--ee-bg-10); cursor: pointer; } .field-toggle-all:hover { background: var(--ee-accent-light); border-color: var(--ee-accent); } @media (min-width: 768px) { .fields-relate-multi { display: flex; } } @media (min-width: 768px) { .fields-relate-multi .lots-of-checkboxes { flex: 1 0 50%; } } .fields-relate-multi .lots-of-checkboxes:last-child { border-top-width: 0; } @media (min-width: 768px) { .fields-relate-multi .lots-of-checkboxes:last-child { border-left: 0; border-top-width: 1px; } } .fields-relate-multi .lots-of-checkboxes + .lots-of-checkboxes { margin-top: 0; } .fields-grid .fields-relate-multi .toolbar { top: 8px; } .after-field { margin-top: 10px; } .icon-reorder { color: var(--ee-text-secondary); content: "\f0c9"; } .ee-form-error-message { color: var(--ee-error); } .field-loading { display: block; border-radius: 0.5em; background-size: 40px 40px, 100% 100%; color: gray; text-align: center; background-image: -moz-linear-gradient(-45deg, #f6f6f6 0, #f6f6f6 25%, #eee 25%, #eee 50%, #f6f6f6 50%, #f6f6f6 75%, #eee 75%); background-image: -webkit-linear-gradient(-45deg, #f6f6f6 0, #f6f6f6 25%, #eee 25%, #eee 50%, #f6f6f6 50%, #f6f6f6 75%, #eee 75%); background-image: linear-gradient(to right, -45deg, #f6f6f6 0, #f6f6f6 25%, #eee 25%, #eee 50%, #f6f6f6 50%, #f6f6f6 75%, #eee 75%); -webkit-animation: progressed 0.9s linear 0 infinite; animation-name: progressed; animation-duration: 0.9s; animation-iteration-count: infinite; animation-timing-function: linear; } .field-loading span { -webkit-animation: breathing 0.8s ease-in-out 0 infinite alternate; animation-name: breathing; animation-duration: 0.8s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out; } .field-loading span:after { content: "\f141"; font-family: "Font Awesome 6 Pro"; margin-left: 0.2em; position: relative; top: 0.1em; } .fields-select .field-loading { cursor: wait; } ul.field-reorder-placeholder, ul.field-reorder-drag, ul.field-reorder-drop, .field-inputs li.field-reorder-placeholder, .field-inputs li.field-reorder-drag, .field-inputs li.field-reorder-drop, .field-inputs label.field-reorder-placeholder, .field-inputs label.field-reorder-drag, .field-inputs label.field-reorder-drop { border: 1px dashed; } ul.field-reorder-placeholder, .field-inputs li.field-reorder-placeholder, .field-inputs label.field-reorder-placeholder { background-color: var(--ee-bg-0); border-color: var(--ee-border); padding: 20px; width: 100%; border-radius: 5px; } ul.field-reorder-drag, .field-inputs li.field-reorder-drag, .field-inputs label.field-reorder-drag { background-color: var(--ee-bg-0); border-color: var(--ee-border); border-radius: 5px; cursor: move; height: auto !important; pointer-events: none; position: absolute; z-index: 200; } ul.field-reorder-drag .icon-reorder:before, .field-inputs li.field-reorder-drag .icon-reorder:before, .field-inputs label.field-reorder-drag .icon-reorder:before { color: var(--ee-accent); } ul.field-reorder-drop, .field-inputs li.field-reorder-drop, .field-inputs label.field-reorder-drop { background-color: var(--ee-bg-0); border-color: var(--ee-border); } .drag-placeholder .none { background-color: var(--ee-bg-0); border: 1px dashed var(--ee-border); padding: 20px; border-radius: 5px; } .drag-placeholder fieldset { margin-bottom: 10px; } .design-system-template-body .app-notice { margin: 20px 25px; } .single-templates-notice-wrapper { padding: 0 10px; } .app-about-info { background-color: #FFFFFF; border: 1px solid #b3b3b3; bottom: 0; display: none; left: 16px; min-width: 200px; max-width: 200px; position: absolute; border-radius: 5px; box-shadow: 0 0 10px 2px fade(#000000, 10%); } .app-about-info__alert { background-color: #FFCC00; padding: 8px; text-align: center; border-radius: 3px 3px 0 0; } .app-about-info__installed, .app-about-info__latest { line-height: 1.4; margin-bottom: 16px; padding: 16px 16px 0; } .app-about-info__installed h3, .app-about-info__latest h3 { color: #333333; font-size: 14px; } .app-about-info__installed em, .app-about-info__latest em { color: #808080; font-size: 12px; font-style: normal; } .app-about-info__latest { padding-top: 0; } .app-about-info__update { background-size: 40px 40px, 100% 100%; color: #666666; cursor: wait; padding: 16px; text-align: center; background: linear-gradient(-45deg, #EEEEEE 0%, #EEEEEE 25%, #e4e4e4 25%, #e4e4e4 50%, #EEEEEE 50%, #EEEEEE 75%, #e4e4e4 75%); } /* firefox anomalies things that need minor tweaks in firefox go in {} should be little to nothing in there */ @-moz-document url-prefix() { .app-about-info__update { padding: 16px 16px 13px; } } .app-about-info__status { background-color: #01BF75; color: #FFFFFF; margin: 0 -1px -1px; padding: 16px; text-align: center; border-radius: 0 0 3px 3px; } .app-about-info__status .button, .app-about-info__status .markItUpHeader ul a, .markItUpHeader ul .app-about-info__status a, .app-about-info__status .filter-bar__button, .app-about-info__status .license-status-badge, .app-about-info__status .select__button, .app-about-info__status .select-popup, .app-about-info__status select, .app-about-info__status .no-results a, .no-results .app-about-info__status a, .app-about-info__status .field-no-results a, .field-no-results .app-about-info__status a, .app-about-info__status .pagination__link { margin-top: 8px; } .app-about-info__status--update { background-color: #FFCC00; color: #665200; } .app-about-info__status--update-vital { background-color: #E0251C; } .app-about-info__close { bottom: 6px; color: #FFFFFF; position: absolute; right: 8px; } .app-about-info__close:hover { color: #FFFFFF; } .app-overlay { background-color: var(--ee-modal-overlay-bg); } /* use when modal action is destructive example: deleting data */ .app-overlay--destruct { background-color: var(--ee-brand-danger); } /* use when modal action requires extra thought example: editing data */ .app-overlay--warning { background-color: var(--ee-brand-warning); } .app-modal-inner { background-color: var(--ee-bg-0); } .app-modal--center .app-modal__content { background-color: var(--ee-bg-0); } .app-modal--fullscreen { background-color: var(--ee-bg-0); } /* side panel modal used for create and edit form modals */ .app-modal--side { background-color: var(--ee-bg-0); } .status-wrap { display: flex; align-items: center; } .status-wrap .status-tag, .status-wrap .st-spam, .status-wrap .st-error, .status-wrap .st-closed, .status-wrap .st-banned, .status-wrap .st-open, .status-wrap .st-draft, .status-wrap .st-pending, .status-wrap .st-info, .status-wrap .st-note, .status-wrap .st-warning, .status-wrap .st-locked, .status-wrap .st-unlocked, .status-wrap .st-enable, .status-wrap .st-disable, .status-wrap .st-status { text-transform: capitalize; margin-right: 10px; } .status-tag, .st-spam, .st-error, .st-closed, .st-banned, .st-open, .st-draft, .st-pending, .st-info, .st-note, .st-warning, .st-locked, .st-unlocked, .st-enable, .st-disable, .st-status { display: inline-block; padding: 2px 10px 4px; color: var(--ee-text-secondary); background-color: var(--ee-bg-10); border: 1px solid transparent; font-size: 85%; text-transform: none; border-radius: 1000px; white-space: nowrap; } .status-tag--big { font-size: 0.95em; } .st-open, .st-enable, .st-status, .st-unlocked, .status-tag--open { background: var(--ee-bg-blank); color: var(--ee-success); border-color: var(--ee-success); } .st-open::before, .st-enable::before, .st-status::before, .st-unlocked::before, .status-tag--open::before { background: var(--ee-bg-blank); } .st-spam, .st-error, .st-closed, .st-banned, .st-locked, .st-disable, .status-tag--closed { background: var(--ee-bg-blank); color: var(--ee-danger); border-color: var(--ee-danger); } .st-spam::before, .st-error::before, .st-closed::before, .st-banned::before, .st-locked::before, .st-disable::before, .status-tag--closed::before { background: #ee0707; } .st-draft { background-color: var(--ee-bg-blank); border-color: #CCCCCC; color: #808080; } .st-pending, .st-warning, .st-note { background-color: var(--ee-bg-blank); border-color: var(--ee-warning); color: var(--ee-warning); } .st-info { background-color: var(--ee-bg-blank); border-color: var(--ee-accent-medium); color: var(--ee-accent); } .select__dropdown .status-tag, .select__dropdown .st-spam, .select__dropdown .st-error, .select__dropdown .st-closed, .select__dropdown .st-banned, .select__dropdown .st-open, .select__dropdown .st-draft, .select__dropdown .st-pending, .select__dropdown .st-info, .select__dropdown .st-note, .select__dropdown .st-warning, .select__dropdown .st-locked, .select__dropdown .st-unlocked, .select__dropdown .st-enable, .select__dropdown .st-disable, .select__dropdown .st-status, .select__button .status-tag, .select__button .st-spam, .select__button .st-error, .select__button .st-closed, .select__button .st-banned, .select__button .st-open, .select__button .st-draft, .select__button .st-pending, .select__button .st-info, .select__button .st-note, .select__button .st-warning, .select__button .st-locked, .select__button .st-unlocked, .select__button .st-enable, .select__button .st-disable, .select__button .st-status { font-size: inherit; font-weight: inherit; text-transform: inherit; letter-spacing: inherit; background-color: inherit !important; background: inherit; display: inherit; border-radius: inherit; } [data-input-value=status] .select__button .status-tag, [data-input-value=status] .select__button .st-spam, [data-input-value=status] .select__button .st-error, [data-input-value=status] .select__button .st-closed, [data-input-value=status] .select__button .st-banned, [data-input-value=status] .select__button .st-open, [data-input-value=status] .select__button .st-draft, [data-input-value=status] .select__button .st-pending, [data-input-value=status] .select__button .st-info, [data-input-value=status] .select__button .st-note, [data-input-value=status] .select__button .st-warning, [data-input-value=status] .select__button .st-locked, [data-input-value=status] .select__button .st-unlocked, [data-input-value=status] .select__button .st-enable, [data-input-value=status] .select__button .st-disable, [data-input-value=status] .select__button .st-status { border: inherit; padding: inherit; } [data-input-value=status] .select__dropdown .select__dropdown-item { padding: 0; min-height: 0; margin-bottom: 5px; border-radius: 1000px; } [data-input-value=status] .select__dropdown .select__dropdown-item > span { width: 100%; } [data-input-value=status] .select__dropdown .status-tag, [data-input-value=status] .select__dropdown .st-spam, [data-input-value=status] .select__dropdown .st-error, [data-input-value=status] .select__dropdown .st-closed, [data-input-value=status] .select__dropdown .st-banned, [data-input-value=status] .select__dropdown .st-open, [data-input-value=status] .select__dropdown .st-draft, [data-input-value=status] .select__dropdown .st-pending, [data-input-value=status] .select__dropdown .st-info, [data-input-value=status] .select__dropdown .st-note, [data-input-value=status] .select__dropdown .st-warning, [data-input-value=status] .select__dropdown .st-locked, [data-input-value=status] .select__dropdown .st-unlocked, [data-input-value=status] .select__dropdown .st-enable, [data-input-value=status] .select__dropdown .st-disable, [data-input-value=status] .select__dropdown .st-status { min-height: 38px; padding: 7px 15px; width: 100%; border-radius: 1000px; } .icon--add:before { content: "\+"; } .icon--author:before { content: "\f007"; } .icon--cart:before { content: "\f07a"; } .icon--category:before { content: "\f02b"; } .icon--caution { color: var(--ee-security-caution); } .icon--caution:before { content: "\f3ed"; margin: 0; } .icon--changes:before { content: "\f15c"; } .icon--channel:before { content: "\f1c0"; } .icon--close:before { content: "\f00d"; } .icon--columns:before { content: "\f0db"; } .icon-dashboard:before, .icon--dashboard:before { content: "\f625"; } .icon--date:before { content: "\f073"; } .icon--delete::before { content: "\f1f8"; } .icon--export:before { content: "\f019"; } .icon-files:before, .icon--files:before { content: "\f15b"; } .icon--filters:before { content: "\f0b0"; } .icon--folder:before { content: "\f07b"; } .icon--gift:before { content: "\f06b"; } .icon-home:before, .icon--home:before { content: "\f015"; } .icon--invisible::before { content: "\f070"; margin-right: 0; } .icon-issue:before, .icon--issue:before { content: "\f06a"; } .icon-locked:before, .icon--locked:before { content: "\f023"; } .icon-logout:before, .icon--logout:before { content: "\f2f5"; } .icon-members:before, .icon--members:before { content: "\f0c0"; } .icon-missing:before, .icon--missing:before { content: "\f00d"; } .icon-nested:before, .icon--nested:before { content: "\f141"; position: relative; top: 1px; } .icon-offline:before, .icon--offline:before { content: "\f011"; } .icon--primary:before { color: var(--ee-success); content: "\f005"; margin: 0; } .icon--remove:before { content: "\f00d"; } .icon-reorder, .icon--reorder { cursor: move; } .icon-reorder:before, .icon--reorder:before { content: "\f0c9"; } .icon--settings:before { content: "\f013"; } .icon--status:before { content: "\f111"; } .icon-success:before, .icon--success:before { content: "\f058"; } .icon--sync:before { content: "\f2f1"; } .icon--tabbed::before { content: "\f00b"; } .icon--tip:before { content: "\f05a"; position: relative; } .icon-tools:before, .icon--tools:before { content: "\f0ad"; } .icon-user:before, .icon--user:before { content: "\f007"; } .icon-view:before, .icon--view:before { content: "\f06e"; } .icon--visible::before { content: "\f06e"; margin-right: 0; } .icon--export:before { content: "\f019"; } .icon-settings:before, .icon--settings:before { content: "\f013"; } .has-sub { white-space: nowrap; } .has-sub::after { content: "\f078"; font-size: 10px; font-weight: normal; line-height: 0; margin-left: 8px; position: relative; top: -1px; } .has-sub.open::after, .has-sub.dropdown-open::after { content: "\f077"; } .menu-wrap .develop .has-sub { padding-bottom: 4px; } .menu-wrap .develop .has-sub::before { content: "\f0ad"; font-size: 15px; font-weight: normal; line-height: 0; margin-left: 2px; position: relative; top: 0; } .button--default.has-sub::after, .date-picker-wrap .has-sub.date-picker-today-button::after, .markItUpHeader ul a.has-sub::after, .has-sub.filter-bar__button::after, .has-sub.select__button::after, .has-sub.select-popup::after, select.has-sub::after, .has-sub.pagination__link::after { color: var(--ee-text-tertiary); } /* _toolbar.less ------------- define toolbar ------------- .toolbar */ .toolbar, button-toolbar { display: inline-block; list-style-type: none; } .toolbar a:after, .toolbar a:before, .toolbar span:after, .toolbar span:before, button-toolbar a:after, button-toolbar a:before, button-toolbar span:after, button-toolbar span:before { font-weight: normal; } .toolbar a.edit:before, .toolbar span.edit:before, button-toolbar a.edit:before, button-toolbar span.edit:before { content: "\f303"; } .toolbar a.view:before, .toolbar span.view:before, button-toolbar a.view:before, button-toolbar span.view:before { content: "\f06e"; } .toolbar a.sync:before, .toolbar span.sync:before, button-toolbar a.sync:before, button-toolbar span.sync:before { content: "\f2f1"; } .toolbar a.settings:before, .toolbar span.settings:before, button-toolbar a.settings:before, button-toolbar span.settings:before { content: "\f013"; } .toolbar a.layout-set:before, .toolbar span.layout-set:before, button-toolbar a.layout-set:before, button-toolbar span.layout-set:before { content: "\f247"; } .toolbar a.move a, .toolbar a.layout a, .toolbar a.reorder a, .toolbar span.move a, .toolbar span.layout a, .toolbar span.reorder a, button-toolbar a.move a, button-toolbar a.layout a, button-toolbar a.reorder a, button-toolbar span.move a, button-toolbar span.layout a, button-toolbar span.reorder a { cursor: move; } .toolbar a.move a:before, .toolbar a.layout a:before, .toolbar a.reorder a:before, .toolbar span.move a:before, .toolbar span.layout a:before, .toolbar span.reorder a:before, button-toolbar a.move a:before, button-toolbar a.layout a:before, button-toolbar a.reorder a:before, button-toolbar span.move a:before, button-toolbar span.layout a:before, button-toolbar span.reorder a:before { content: "\f0c9"; } .toolbar a.install:before, .toolbar span.install:before, button-toolbar a.install:before, button-toolbar span.install:before { content: "\f019"; } .toolbar a.uninstall:before, .toolbar span.uninstall:before, button-toolbar a.uninstall:before, button-toolbar span.uninstall:before { content: \f093; } .toolbar a.approve:before, .toolbar span.approve:before, button-toolbar a.approve:before, button-toolbar span.approve:before { content: "\f00c"; } .toolbar a.add:before, .toolbar span.add:before, button-toolbar a.add:before, button-toolbar span.add:before { content: "\+"; } .toolbar a.download:before, .toolbar span.download:before, button-toolbar a.download:before, button-toolbar span.download:before { content: "\f0ed"; } .toolbar a.crop:before, .toolbar span.crop:before, button-toolbar a.crop:before, button-toolbar span.crop:before { content: "\f125"; } .toolbar a.find:before, .toolbar span.find:before, button-toolbar a.find:before, button-toolbar span.find:before { content: "\f002"; } .toolbar a.copy:before, .toolbar span.copy:before, button-toolbar a.copy:before, button-toolbar span.copy:before { content: "\f24d"; } .toolbar a.back:before, .toolbar span.back:before, button-toolbar a.back:before, button-toolbar span.back:before { content: "\f060"; } .toolbar a.next:before, .toolbar span.next:before, button-toolbar a.next:before, button-toolbar span.next:before { content: "\f061"; } .toolbar a.remove:before, .toolbar span.remove:before, button-toolbar a.remove:before, button-toolbar span.remove:before { content: "\f1f8"; } .toolbar a.writemode:before, .toolbar span.writemode:before, button-toolbar a.writemode:before, button-toolbar span.writemode:before { content: "\f303"; } .toolbar a.upload:before, .toolbar span.upload:before, button-toolbar a.upload:before, button-toolbar span.upload:before { content: "\f0ee"; } .toolbar a.glossary:before, .toolbar a.manual:before, .toolbar span.glossary:before, .toolbar span.manual:before, button-toolbar a.glossary:before, button-toolbar a.manual:before, button-toolbar span.glossary:before, button-toolbar span.manual:before { content: "\f02d"; } .toolbar a.emoji:before, .toolbar span.emoji:before, button-toolbar a.emoji:before, button-toolbar span.emoji:before { content: "\f118"; } .toolbar a.hide:before, .toolbar span.hide:before, button-toolbar a.hide:before, button-toolbar span.hide:before { content: "\f06e"; } .toolbar a.unhide:before, .toolbar span.unhide:before, button-toolbar a.unhide:before, button-toolbar span.unhide:before { content: "\f070"; } .toolbar a.store:before, .toolbar span.store:before, button-toolbar a.store:before, button-toolbar span.store:before { content: "\f07a"; } .toolbar a.mods:before, .toolbar span.mods:before, button-toolbar a.mods:before, button-toolbar span.mods:before { content: "\f0c0"; } .toolbar a.admin:before, .toolbar span.admin:before, button-toolbar a.admin:before, button-toolbar span.admin:before { content: "\f0c0"; } .toolbar a.rte-bold:before, .toolbar a.html-bold:before, .toolbar span.rte-bold:before, .toolbar span.html-bold:before, button-toolbar a.rte-bold:before, button-toolbar a.html-bold:before, button-toolbar span.rte-bold:before, button-toolbar span.html-bold:before { content: "\f032"; } .toolbar a.rte-italic:before, .toolbar a.html-italic:before, .toolbar span.rte-italic:before, .toolbar span.html-italic:before, button-toolbar a.rte-italic:before, button-toolbar a.html-italic:before, button-toolbar span.rte-italic:before, button-toolbar span.html-italic:before { content: "\f033"; } .toolbar a.rte-list:before, .toolbar a.html-list:before, .toolbar span.rte-list:before, .toolbar span.html-list:before, button-toolbar a.rte-list:before, button-toolbar a.html-list:before, button-toolbar span.rte-list:before, button-toolbar span.html-list:before { content: "\f0ca"; } .toolbar a.rte-order-list:before, .toolbar a.html-order-list:before, .toolbar span.rte-order-list:before, .toolbar span.html-order-list:before, button-toolbar a.rte-order-list:before, button-toolbar a.html-order-list:before, button-toolbar span.rte-order-list:before, button-toolbar span.html-order-list:before { content: "\f0cb"; } .toolbar a.link:before, .toolbar a.rte-link:before, .toolbar a.html-link:before, .toolbar span.link:before, .toolbar span.rte-link:before, .toolbar span.html-link:before, button-toolbar a.link:before, button-toolbar a.rte-link:before, button-toolbar a.html-link:before, button-toolbar span.link:before, button-toolbar span.rte-link:before, button-toolbar span.html-link:before { content: "\f0c1"; } .toolbar a.html-ins:before, .toolbar a.rte-underline:before, .toolbar a.html-underline:before, .toolbar span.html-ins:before, .toolbar span.rte-underline:before, .toolbar span.html-underline:before, button-toolbar a.html-ins:before, button-toolbar a.rte-underline:before, button-toolbar a.html-underline:before, button-toolbar span.html-ins:before, button-toolbar span.rte-underline:before, button-toolbar span.html-underline:before { content: "\f0cd"; } .toolbar a.rte-upload:before, .toolbar a.html-upload:before, .toolbar span.rte-upload:before, .toolbar span.html-upload:before, button-toolbar a.rte-upload:before, button-toolbar a.html-upload:before, button-toolbar span.rte-upload:before, button-toolbar span.html-upload:before { content: "\f0ee"; } .toolbar a.rte-quote:before, .toolbar a.html-quote:before, .toolbar span.rte-quote:before, .toolbar span.html-quote:before, button-toolbar a.rte-quote:before, button-toolbar a.html-quote:before, button-toolbar span.rte-quote:before, button-toolbar span.html-quote:before { content: "\f10e"; } .toolbar a.rte-view, .toolbar span.rte-view, button-toolbar a.rte-view, button-toolbar span.rte-view { border-width: 0 0 0 1px; float: right; } .toolbar a.rte-view:before, .toolbar span.rte-view:before, button-toolbar a.rte-view:before, button-toolbar span.rte-view:before { content: "\f121"; } .toolbar a.form-element, .toolbar a.html-elements, .toolbar a.rte-elements, .toolbar span.form-element, .toolbar span.html-elements, .toolbar span.rte-elements, button-toolbar a.form-element, button-toolbar a.html-elements, button-toolbar a.rte-elements, button-toolbar span.form-element, button-toolbar span.html-elements, button-toolbar span.rte-elements { padding: 4px 5px 4px; height: 28px; } .toolbar a.form-element select, .toolbar a.html-elements select, .toolbar a.rte-elements select, .toolbar span.form-element select, .toolbar span.html-elements select, .toolbar span.rte-elements select, button-toolbar a.form-element select, button-toolbar a.html-elements select, button-toolbar a.rte-elements select, button-toolbar span.form-element select, button-toolbar span.html-elements select, button-toolbar span.rte-elements select { margin: 0; position: relative; top: -4px; } .toolbar a.html-del:before, .toolbar a.html-strike:before, .toolbar span.html-del:before, .toolbar span.html-strike:before, button-toolbar a.html-del:before, button-toolbar a.html-strike:before, button-toolbar span.html-del:before, button-toolbar span.html-strike:before { content: "\f0cc"; } .toolbar a.align-left:before, .toolbar span.align-left:before, button-toolbar a.align-left:before, button-toolbar span.align-left:before { content: "\f060"; } .toolbar a.align-txt-left a:after, .toolbar span.align-txt-left a:after, button-toolbar a.align-txt-left a:after, button-toolbar span.align-txt-left a:after { content: "\f060"; margin-left: 5px; } .toolbar a.align-right:before, .toolbar span.align-right:before, button-toolbar a.align-right:before, button-toolbar span.align-right:before { content: "\f061"; } .toolbar a.align-txt-right:before, .toolbar span.align-txt-right:before, button-toolbar a.align-txt-right:before, button-toolbar span.align-txt-right:before { content: "\f061"; margin-right: 5px; } .toolbar a.align-center:before, .toolbar span.align-center:before, button-toolbar a.align-center:before, button-toolbar span.align-center:before { content: "\f03e"; } .toolbar a.pl a, .toolbar span.pl a, button-toolbar a.pl a, button-toolbar span.pl a { border-width: 1px; } .toolbar.rte, button-toolbar.rte { background-color: var(--ee-bg-0); border: 1px solid var(--ee-border); border-bottom: none; display: block; padding: 10px; position: relative; z-index: 2; border-radius: 5px 5px 0 0; } .toolbar.rte:after, button-toolbar.rte:after { clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden; } .toolbar.rte li:last-child a:hover, button-toolbar.rte li:last-child a:hover { border-radius: 0; } .toolbar.html-btns, button-toolbar.html-btns { display: block; margin-bottom: 5px; padding: 5px; } .toolbar.grid-nav, button-toolbar.grid-nav { display: none; } .toolbar.disabled, button-toolbar.disabled { position: relative; } .toolbar.disabled li:not(.rte-view), button-toolbar.disabled li:not(.rte-view) { opacity: 0.5; } .toolbar.disabled:before, button-toolbar.disabled:before { bottom: 0; content: ""; left: 0; opacity: 0.5; position: absolute; right: 40px; top: 0; z-index: 4; } .fields-keyvalue-item .toolbar .reorder a { cursor: move; color: var(--ee-text-secondary); position: absolute; display: none; } .fields-keyvalue-item .toolbar .reorder a:before { position: absolute; top: -2px; content: "\f0c9"; left: -22px; height: 36px; width: 22px; padding-top: 10px; } .fields-keyvalue-item .toolbar .remove a { color: var(--ee-text-secondary); position: absolute; display: none; } .fields-keyvalue-item .toolbar .remove a:after { position: absolute; top: -2px; content: "\f2ed"; right: -17px; height: 36px; width: 22px; padding-top: 10px; } .fields-keyvalue-item:hover .toolbar .reorder a, .fields-keyvalue-item:hover .toolbar .remove a { display: block; } .field-file-upload { border: 2px dashed #CCCCCC; border-radius: 5px; } .field-file-upload:hover { border-color: #01BF75; } .field-file-upload--drop { border-color: #01BF75; } .field-file-upload__content { color: #808080; font-size: 24px; padding: 36px 24px; text-align: center; } .field-file-upload__content em { color: #CCCCCC; display: block; font-size: 16px; font-style: italic; margin-top: 10px; } .field-file-upload__table { padding: 10px 10px 0; } .field-file-upload__table .tbl-wrap { margin-bottom: 10px; } .field-file-upload__controls { padding: 0 24px 24px; text-align: center; } .field-file-upload__controls .filters { display: inline-block; margin: -10px auto 0; } .field-file-upload__controls .filters li { text-align: left; } .field-file-upload__controls .filters li:last-child { margin-bottom: 0; } .field-file-upload---invalid { border-color: #E0251C; } .field-file-upload---invalid:hover { border-color: #E0251C; } .field-file-upload---warning { border-color: #FFCC00; } .field-file-upload---warning:hover { border-color: #FFCC00; } .field-file-upload---disabled { border-color: #EEEEEE; } .field-file-upload---disabled:hover { border-color: #EEEEEE; } .field-file-upload---disabled .field-file-upload__content { color: #CCCCCC; } .date-picker-wrap, .date-picker-wrap * { box-sizing: initial; } .date-picker-clip-inner { width: 1000em; } .date-picker-clip { overflow-x: hidden; } .date-picker-item { float: left; margin-right: 10px; position: relative; width: 270px; } .date-picker-prev, .date-picker-next { font-size: 12px; position: absolute; top: 2px; color: var(--ee-link) !important; text-transform: uppercase; letter-spacing: 1px; } .date-picker-prev { left: 10px; } .date-picker-next { right: 10px; } .date-picker-wrap { box-shadow: 0 1px 4px 0 var(--ee-shadow-dropdown); background-color: var(--ee-bg-dropdown); border: 1px solid var(--ee-dropdown-border); display: none; padding: 10px; position: absolute; width: 270px; z-index: 260; border-radius: 5px; } .date-picker-wrap h3 { font-size: 14px; margin-bottom: 5px; text-align: center; font-weight: 500; } .date-picker-wrap table { border-collapse: initial; margin-bottom: 0; border: none; box-shadow: none; } .date-picker-wrap table th { text-transform: uppercase; } .date-picker-wrap table tr:nth-child(2n) td.act { background-color: var(--ee-accent); font-weight: bold; } .date-picker-wrap table tr:nth-child(2n) td.act a { color: #FFFFFF; } .date-picker-wrap table tr:hover td.act { background-color: var(--ee-accent); } .date-picker-wrap table tr:hover td.act a { color: #FFFFFF; } .date-picker-wrap table tr:hover td.act:hover { background-color: var(--ee-accent); } .date-picker-wrap table tr:hover td.empty:hover { background-color: var(--ee-bg-0); } .date-picker-wrap table tr:hover td:hover { background-color: var(--ee-accent-light); } .date-picker-wrap table th, .date-picker-wrap table td { font-size: 11px; padding: 5px; text-align: center; } .date-picker-wrap table td { color: var(--ee-text-primary); border-right: none; padding: 0; } .date-picker-wrap table td a { padding: 5px 12px; display: block; color: var(--ee-text-normal); } .date-picker-wrap table td:nth-child(7n) { border-right: 0; } .date-picker-wrap table td.act { background-color: var(--ee-accent); font-weight: bold; border-radius: 3px; } .date-picker-wrap table td.act a { color: #fff; } .date-picker-wrap table td.empty { background-color: var(--ee-bg-dropdown); } .date-picker-wrap .date-picker-footer { text-align: center; margin-top: 5px; display: flex; align-items: center; justify-content: center; } .date-picker-wrap .date-picker-footer #date-picker-time-block { display: none; } .date-picker-wrap .date-picker-footer.include_time { justify-content: space-between; } .date-picker-wrap .date-picker-footer.include_time #date-picker-time-block { display: block; } .date-picker-wrap .date-picker-footer input[type=time] { padding: 5px 15px !important; font-size: 0.8rem; line-height: 1.5; border-radius: 4px; color: var(--ee-button-default-color); background-color: var(--ee-button-default-bg); border: 1px solid var(--ee-button-default-border); font-weight: normal; box-shadow: none; } .date-picker-wrap .date-picker-today-button { box-shadow: none; } .date-picker-wrap h3 { margin: 0; padding: 0; } .date-picker-wrap table { border-spacing: 0; width: 100%; } .date-picker-wrap th { text-align: left; } .date-picker-wrap table { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .date-picker-wrap th, .date-picker-wrap td { padding: 10px; white-space: nowrap; } .date-picker-wrap th { background-color: transparent; border-bottom: none; color: var(--ee-text-tertiary); font-size: 12px; position: relative; z-index: 1; } .date-picker-wrap td { background-color: var(--ee-bg-dropdown); border-bottom: none; } .date-picker-wrap .date-picker-heading { margin-bottom: 10px; } .date-picker-wrap .date-picker-item { float: left; margin-right: 10px; position: relative; width: 270px; } .date-picker-wrap .date-picker-prev, .date-picker-wrap .date-picker-next { font-size: 12px; position: absolute; top: 2px; } .date-picker-wrap .date-picker-wrap h3 { font-size: 14px; margin-bottom: 5px; text-align: center; } .date-picker-wrap .date-picker-wrap table { margin-bottom: 0; } .date-picker-wrap tr:first-child th:first-child { -moz-border-radius: 3px 0 0; -webkit-border-radius: 3px 0 0; border-radius: 3px 0 0; } .date-picker-wrap tr:first-child th:last-child { -moz-border-radius: 0 3px 0 0; -webkit-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; } .date-picker-wrap tbody tr:last-child td { border-bottom: 0; } .date-picker-wrap tbody tr:last-child td:first-child { -moz-border-radius: 0 0 0 3px; -webkit-border-radius: 0 0 0 3px; border-radius: 0 0 0 3px; } .date-picker-wrap tbody tr:last-child td:last-child { -moz-border-radius: 0 0 3px; -webkit-border-radius: 0 0 3px; border-radius: 0 0 3px; } .date-picker-wrap .date-picker-clip::-webkit-scrollbar { width: 0; } .date-picker-wrap .date-picker-clip::-webkit-scrollbar-track { background-color: #ccc; border-radius: 0; } .date-picker-wrap .date-picker-clip::-webkit-scrollbar-thumb { background-color: gray; border-radius: 0; } .tbl-list-ctrl { text-align: right; margin-bottom: 10px; } .tbl-list-ctrl .ctrl-all { display: inline-block; margin-bottom: 0; border: 1px solid var(--ee-border); padding: 5px 8px 5px 8px; border-radius: 8px; } .tbl-list-ctrl .ctrl-all:hover { background: var(--ee-accent-light); border-color: var(--ee-accent); } .tbl-list-ctrl .ctrl-all span { padding-left: 0; padding-right: 5px; } @media (min-width: 768px) { .tbl-list-ctrl.has-filters { position: absolute; right: 8px; top: 0px; } } .tbl-list-wrap { position: relative; border-radius: 5px; } .table-list-wrap { background-color: transparent; border: 0; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } .table-list-wrap .tbl-ctrls { padding: 0; } .table-list-wrap h1, .table-list-wrap .tbl-ctrls h1 { border-bottom: 0px solid #CCCCCC; color: #333333; margin-bottom: 15px; padding-bottom: 0; background: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); } .table-list-wrap .alert.inline { border-width: 1px; margin: 10px 0; } .table-list-wrap .tbl-list-wrap { border: 1px solid #CCCCCC; } .tbl-list { list-style-type: none; margin: 0 0 10px; } .tbl-list li > ul { margin: 0 0 0 40px; } .tbl-list li > .tbl-row { background-color: #FFFFFF; border: 1px solid #CCCCCC; margin-bottom: 5px; padding: 10px 45px 10px 10px; position: relative; border-radius: 3px; } .tbl-list li > .tbl-row:last-child { margin-bottom: 0; } .tbl-list li > .tbl-row:only-of-type { margin-bottom: 5px; } .tbl-list li > .tbl-row:hover { background-color: #E9F7FD; border-color: #93D5F3; } .tbl-list li > .tbl-row:hover .reorder, .tbl-list li > .tbl-row:hover .check-ctrl { background-color: #E9F7FD; border-color: #93D5F3; } .tbl-list li > .tbl-row:hover .main::after { background-color: #93D5F3; } .tbl-list li > .tbl-row:hover .reorder:before, .tbl-list li > .tbl-row:hover .faded { color: #009AE1; } .tbl-list li > .tbl-row.selected { background-color: #E9F7FD; border-color: #93D5F3; } .tbl-list li > .tbl-row.selected .reorder, .tbl-list li > .tbl-row.selected .check-ctrl { background-color: #E9F7FD; border-color: #93D5F3; } .tbl-list li > .tbl-row.selected .main::after { background-color: #93D5F3; } .tbl-list li > .tbl-row.selected .reorder:before, .tbl-list li > .tbl-row.selected .faded { color: #009AE1; } .tbl-list li > .tbl-row.drag-placeholder { background-color: transparent; border: 0; padding: 0; } .tbl-list .reorder, .tbl-list .check-ctrl { background-color: #F9F9F9; border: solid #CCCCCC; bottom: 0px; padding: 10px; position: absolute; top: 0px; } .tbl-list .reorder { border-width: 0 1px 0 0; color: #333333; cursor: move; left: 1px; border-radius: 3px 0 0 3px; } .tbl-list .reorder:before { content: "\f0c9"; font-size: 12px; position: relative; top: -2px; } .tbl-list .reorder:hover:before { color: #009AE1; } .tbl-list .reorder + .txt, .tbl-list .reorder ~ .toolbar { margin-left: 35px; } .tbl-list .main { border-bottom: 0 solid #CCCCCC; font-size: 16px; margin-bottom: 5px; padding-bottom: 5px; padding-right: 100px; } .tbl-list .secondary { font-size: 12px; } .tbl-list .toolbar { margin-top: 10px; } .tbl-list .check-ctrl { border-width: 0 0 0 1px; padding-right: 9px; right: 1px; border-radius: 0 3px 3px 0; } .tbl-list .check-ctrl input { margin: 0; position: relative; top: -2px; } .paginate { margin: 0 0 10px; } .paginate ul { background-color: var(--ee-bg-5); border: 1px solid var(--ee-border); list-style-type: none; float: left; margin: 0; border-radius: 3px; } .paginate ul:after { clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden; } .paginate li { float: left; font-size: 0.9em; } .paginate li:first-child a:hover { border-radius: 3px 0 0 3px; } .paginate li:last-child a { border-right: 0; } .paginate li:last-child a:hover { border-radius: 0 3px 3px 0; } .paginate a { border-right: 1px solid var(--ee-border); display: block; padding: 6px 10px; text-decoration: none; } .paginate a:hover { background-color: var(--ee-bg-10); } .paginate a.act { background-color: var(--ee-bg-10); color: var(--ee-text-primary); font-weight: bold; } .paginate:after { clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden; } .filters > b { color: #333333; display: none; font-weight: normal; margin-right: 10px; position: relative; top: 5px; } .filters ul { list-style-type: none; margin: 0; } .filters ul:after { clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden; } .filters li { float: none; margin-bottom: 5px; position: relative; } .filters li:last-child { margin-bottom: 10px; } .filters li:after { clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden; } @media (min-width: 768px) { .filters li { float: left; margin-bottom: 10px; margin-right: 5px; } .filters li:last-child { margin-right: 0; } } .filters a { background-color: #FFFFFF; border: 1px solid #CCCCCC; display: block; font-size: 12px; padding: 6px 5px 5px; text-decoration: none; border-radius: 3px; } .filters a.act, .filters a:hover, .filters a.open { background-color: #F9F9F9; border: 1px solid #CCCCCC; } .filters a.act .sub-arrow, .filters a:hover .sub-arrow, .filters a.open .sub-arrow { color: #333333; background-position: -34px -4px; } .filters a.act .faded, .filters a:hover .faded, .filters a.open .faded { color: #009AE1; } .filters a.open { border-radius: 3px 3px 0 0; } .filters a.open .sub-arrow { background-position: -34px -8px; top: -2px; } .filters a.add { color: #01BF75; } .filters a.add:before { content: "\+"; font-size: 10px; font-weight: normal; line-height: 1; margin-right: 5px; position: relative; } .filters a.btn-action { background-color: #009AE1; border: 1px solid #009AE1; color: #FFFFFF; cursor: pointer; font-size: 11px; padding: 6px 8px 5px; text-transform: uppercase; white-space: nowrap; box-shadow: 0 1px 0 0 fade(#FFFFFF, 30%) inset, 0 1px 4px 0 rgba(0, 0, 0, 0.1); } .filters a.btn-action:after { color: fade(#FFFFFF, 50%); } .filters a.btn-disable { background-color: #E0251C; border: 1px solid #E0251C; color: #FFFFFF; cursor: not-allowed; font-size: 11px; padding: 6px 8px 5px; text-transform: uppercase; white-space: nowrap; box-shadow: none; } .filters a.btn-disable:after { color: fade(#FFFFFF, 50%); } .filters a.remove { color: #E0251C; } .filters .sub-menu { box-shadow: 0 1px 4px 0 var(--ee-shadow-dropdown); border: 1px solid var(--ee-border); background: var(--ee-bg-0); border-radius: 8px; overflow: hidden; padding: 10px 0; display: none; left: 0; min-width: 150px; position: absolute; top: 32px; z-index: 3; } .filters .sub-menu ul { max-height: 250px; overflow-y: auto; } .filters .sub-menu ul::-webkit-scrollbar { background-color: #EEEEEE; width: 12px; } .filters .sub-menu ul::-webkit-scrollbar-thumb { background-color: #CCCCCC; border: 3px solid #EEEEEE; border-radius: 10px; } .filters .sub-menu ul a { text-overflow: ellipsis; overflow-x: hidden; } .filters .sub-menu li { float: none; margin: 0; white-space: nowrap; } .filters .sub-menu a { display: block; height: 30px; line-height: 30px; padding: 0 20px; font-size: 0.92em; color: var(--ee-text-primary); border: 0; font-weight: normal; text-transform: none; border-radius: 0; } .filters .sub-menu a:hover { background: var(--ee-bg-10); color: var(--ee-text-primary); } .filters .sub-menu label { background-color: #FFFFFF; border-bottom: 1px solid #EEEEEE; color: #008DA7; display: block; font-size: 12px; padding: 6px 5px 5px; } .filters .sub-menu li:last-child a { border-bottom: 0; } .filters .btn-action + .sub-menu { top: 31px; } .filters .filter-search { background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC; padding: 5px; } .filters .filter-clear a { border-color: #EEEEEE; color: #808080; } .filters .filter-clear a:before { content: "\f146"; font-size: 12px; line-height: 1; margin-right: 5px; position: relative; top: 0; } .filters .filter-clear a:hover { background-color: #FCF5F5; border-color: #F59792; color: #E0251C; } .filters.auto-save > ul { margin-top: 10px; } .filters.auto-save li { margin-bottom: 0; } .filters.auto-save .sub-menu { z-index: 10; } .btn-right .filters { position: absolute; right: 7px; top: 7px; } .btn-right .filters .sub-menu { left: auto; right: 0; } .tbl-search .filters li, .tbl-search .filters input[type=text] { margin-bottom: 0; } @media (min-width: 768px) { .tbl-search .filters li { margin-right: 0; } } @media (min-width: 768px) { .tbl-search .filters .sub-menu { left: auto; right: 0; } } .no-results .filters { position: absolute; right: 10px; top: 10px; } .no-results .filters li { margin-bottom: 0; } .no-results .filters .has-sub { background-color: #F9F9F9; } .no-results .filters .sub-menu { left: auto; right: 0; } .filters--inline { margin-top: 10px; } .filters--inline li { margin-bottom: 0; text-align: left; } .filters--inline li:last-child { margin-bottom: 0; } .tab-wrap { position: relative; } .tab-wrap .tabs { border-bottom: 4px solid #CCCCCC; list-style-type: none; margin: 0 0 10px; } .tab-wrap .tabs:after { clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden; } .tab-wrap .tabs a { border-left: 4px solid #FFFFFF; color: #808080; cursor: pointer; display: block; padding: 10px; text-decoration: none; } .tab-wrap .tabs a.act { background-color: #FFFFFF; border-left: 4px solid #009AE1; color: #009AE1; position: relative; } @media (min-width: 768px) { .tab-wrap .tabs a.act { border-left: 0; border-bottom: 4px solid #009AE1; padding-bottom: 14px; } } .tab-wrap .tabs a.invalid { border-color: #E0251C; color: #E0251C; padding-right: 0; position: relative; } .tab-wrap .tabs a.highlight { background-color: #FFFFFF; border-color: #FFCC00; } @media (min-width: 768px) { .tab-wrap .tabs a { border-left: 0; border-bottom: 4px solid #CCCCCC; display: inline; padding-bottom: 14px; } } @media (min-width: 768px) { .tab-wrap .tabs li { display: inline; float: left; } } @media (min-width: 768px) { .tab-wrap .tabs.layout a { padding-right: 20px; } .tab-wrap .tabs.layout a[rel=t-0], .tab-wrap .tabs.layout a.add-tab { padding-right: 0; } .tab-wrap .tabs.layout a.highlight, .tab-wrap .tabs.layout a.invalid { padding-right: 0; } } .tab-wrap .tabs.layout li { position: relative; } .tab-wrap .tabs.layout .tab-remove, .tab-wrap .tabs.layout .tab-on, .tab-wrap .tabs.layout .tab-off { cursor: pointer; } .tab-wrap .tabs.layout .tab-remove:before, .tab-wrap .tabs.layout .tab-on:before, .tab-wrap .tabs.layout .tab-off:before { font-size: 11px; position: absolute; z-index: 1; } .tab-wrap .tabs.layout .tab-remove:before { color: #E0251C; content: "\f146"; right: 10px; top: 13px; } @media (min-width: 768px) { .tab-wrap .tabs.layout .tab-remove:before { right: 0; top: 3px; } } .tab-wrap .tabs.layout .tab-off:before { color: #E0251C; content: "\f070"; right: 10px; top: 12px; } @media (min-width: 768px) { .tab-wrap .tabs.layout .tab-off:before { right: 0; top: 3px; } } .tab-wrap .tabs.layout .tab-on:before { color: #01BF75; content: "\f06e"; right: 10px; top: 12px; } @media (min-width: 768px) { .tab-wrap .tabs.layout .tab-on:before { right: 0; top: 3px; } } @media (min-width: 768px) { .tab-wrap .tabs { padding: 15px 10px 11px; } .tab-wrap .tabs:after { clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden; } } .tab-wrap .js-layout-item { margin-bottom: 10px; } .tab-wrap .custom-drag-placeholder .none { background-color: var(--ee-bg-0); border: 1px dashed var(--ee-border-dark); padding: 10px; border-radius: 5px; margin-bottom: 10px; } .tab-wrap:after { clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden; } .grid-item .fields-keyvalue { margin-bottom: 0; } .fields-keyvalue-item { display: flex; margin-bottom: 10px; } .fields-keyvalue-item:last-of-type { border-bottom: 0; padding-bottom: 0; } .fields-keyvalue-item .toolbar { background-color: transparent; border: 0; margin-bottom: 0; } .fields-keyvalue-item .toolbar li { position: relative; top: 5px; } .fields-keyvalue-item .toolbar li a { padding: 5px 0; } .fields-keyvalue-item .toolbar li a:hover { background-color: transparent; } .fields-keyvalue-item .field-control { flex: 1 1 0; padding: 0 5px; } .fields-keyvalue-item .field-control:first-of-type { padding-left: 0px; } .fields-keyvalue-header { display: flex; } .fields-keyvalue-header .field-instruct { flex: 1 1 0; margin-bottom: 5px; } .fields-keyvalue-header .field-instruct label { display: block; font-size: 12px; font-weight: bold; margin: 0; } .fields-keyvalue-header .field-instruct:first-child { padding-right: 0; } .fields-keyvalue-header .field-instruct:last-child { padding-left: 5px; } /* overrides WysiHat styles */ .WysiHat-container { margin-bottom: 10px; } .WysiHat-container:last-child { margin-bottom: 0; } .WysiHat-field { margin: 0; padding: 15px 10px 0; } .WysiHat-editor { background-color: var(--ee-input-bg); border: 1px solid var(--ee-input-border); margin: 0; max-height: 2000px; min-height: 50px; padding: 10px 15px 10px 15px; resize: vertical; overflow: auto; width: 100%; white-space: normal; border-radius: 0 0 3px 3px; } .WysiHat-editor:focus { outline: 0; border-color: var(--ee-accent); box-shadow: 0 3px 6px rgba(174, 151, 255, 0.14), 0 5px 20px rgba(97, 114, 242, 0.05); } .WysiHat-editor[disabled=disabled], .WysiHat-editor[disabled=disabled]:focus { cursor: not-allowed; opacity: 0.6; background-size: 20px 20px; background-image: -webkit-linear-gradient(45deg, rgba(238, 238, 238, 0.3) 25%, transparent 25%, transparent 50%, rgba(238, 238, 238, 0.3) 50%, rgba(238, 238, 238, 0.3) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(238, 238, 238, 0.3) 25%, transparent 25%, transparent 50%, rgba(238, 238, 238, 0.3) 50%, rgba(238, 238, 238, 0.3) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(238, 238, 238, 0.3) 25%, transparent 25%, transparent 50%, rgba(238, 238, 238, 0.3) 50%, rgba(238, 238, 238, 0.3) 75%, transparent 75%, transparent); } .WysiHat-editor h1, .WysiHat-editor h2, .WysiHat-editor h3, .WysiHat-editor h4, .WysiHat-editor h5, .WysiHat-editor h6, .WysiHat-editor p, .WysiHat-editor ul, .WysiHat-editor ol, .WysiHat-editor dl, .WysiHat-editor div { color: var(--ee-text-normal); margin: 0 0 10px; } .WysiHat-editor h1, .WysiHat-editor h2, .WysiHat-editor h3, .WysiHat-editor h4, .WysiHat-editor h5, .WysiHat-editor h6 { font-weight: bold; } .WysiHat-editor h1 { border: 0; font-size: 24px; padding: 0; } .WysiHat-editor h2 { background-color: transparent; border: 0; font-size: 22px; padding: 0; } .WysiHat-editor h3 { font-size: 20px; } .WysiHat-editor h4 { font-size: 18px; } .WysiHat-editor h5 { font-size: 16px; } .WysiHat-editor h6 { font-size: 14px; } .WysiHat-editor figure, .WysiHat-editor figcaption { display: block; } .WysiHat-editor figure { margin: 0 20px 10px; text-align: center; } .WysiHat-editor figure img { display: inline-block; } .WysiHat-editor figcaption { font-style: italic; } .WysiHat-editor blockquote { border-left: 5px solid var(--ee-bg-5); margin-left: 20px; padding: 5px 10px; } .WysiHat-editor blockquote p { font-family: "Georgia", Serif; font-size: 18px; font-style: italic; } .WysiHat-editor blockquote cite { color: var(--ee-text-secondary); } .WysiHat-editor ul, .WysiHat-editor ol { list-style-position: inside; padding-left: 20px; } .WysiHat-editor ul { list-style-type: disc; } .WysiHat-editor ol { list-style-type: decimal; } .WysiHat-editor a { color: var(--ee-link); cursor: pointer; } .WysiHat-editor ins { text-decoration: underline; } .toggle-header { display: block; padding: 10px 0 0; } @media (min-width: 768px) { .toggle-header { display: inline; } } .toggle-header b { font-weight: 500; } .toggle-header .txt-fade { color: var(--ee-text-secondary); } .toggle-content { display: none; } .fields-grid-setup { background-color: var(--ee-bg-0); margin: -10px 0 0; padding: 10px; border-radius: 5px; } .fields-grid-item { background-color: var(--ee-bg-blank); border: 1px solid var(--ee-border); margin: 0 0 10px; padding: 0; } .fields-grid-item:last-child { margin-bottom: 0; } .fields-grid-item.fields-grid-item---open .toggle-header { display: none; } .fields-grid-item.fields-grid-item---open .toggle-content { display: block; border-top: 1px solid var(--ee-border); } .fields-grid-item .grid_col_settings_custom_field_select .fields-keyvalue .field-no-results { display: block !important; } .fields-grid-item .grid_col_settings_custom_field_select .fields-keyvalue .field-no-results.hidden { display: none !important; } .toggle-content { padding: 20px; } .fields-grid-tools { background-color: var(--ee-bg-blank); padding: 10px 15px 10px 15px; } .fields-grid-tools:last-child { margin: 10px -20px -20px; border-top: 1px solid var(--ee-border); border-bottom: none; } .fields-grid-tools a { color: var(--ee-text-secondary); /* Hack for capybara-webkit, leave in place for now */ display: inline-block; min-width: 1px; } .fields-grid-tools a:hover { color: var(--ee-link); } .fields-grid-tools:after { clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden; } [class*=fields-grid-tool-] { margin-right: 10px; } [class*=fields-grid-tool-]:before { display: inline-block; } .fields-grid-tool-expand:before { content: "\f150"; } .fields-grid-item---open .fields-grid-tool-expand:before { content: "\f151"; } .fields-grid-tool-reorder { cursor: move; margin-right: 10px; } .fields-grid-tool-reorder:before { content: "\f0c9"; } .fields-grid-tool-copy:before { content: "\f24d"; } .fields-grid-tool-add:before { content: "\+"; } .fields-grid-tool-add:hover { color: var(--ee-success) !important; } .fields-grid-tool-remove { float: right; margin-right: 0; } .fields-grid-tool-remove:before { content: "\f2ed"; } .fields-grid-tool-remove:hover { color: var(--ee-error) !important; } .ee-wrapper-overflow.is-mobile { overflow-x: hidden; } .ee-wrapper { display: flex; min-height: 100%; width: 100%; transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1); } .ee-wrapper.is-mobile { width: calc(100% + 200px); } .ee-wrapper.is-mobile.sidebar-hidden__collapsed { width: calc(100% + 59px); } .ee-wrapper.sidebar-hidden, .ee-wrapper.sidebar-hidden-no-anim { transform: translateX(-200px); } .ee-wrapper.sidebar-hidden.sidebar-hidden__collapsed, .ee-wrapper.sidebar-hidden-no-anim.sidebar-hidden__collapsed { transform: translateX(-59px); } .ee-wrapper.sidebar-hidden-no-anim { transition: none; } .ee-main { min-height: 100%; flex: 1 0 auto; width: 50%; position: relative; } .ee-main--dashboard { background: var(--ee-dashboard-bg); } .ee-main__title { display: flex; align-items: center; padding-top: 0; margin-bottom: 40px; } .ee-main__title h1 { font-size: 2.2em; } .ee-main__title .ee-main__title-buttons { margin-left: auto; display: flex; align-items: center; } .ee-main__title .ee-main__title-buttons .main-nav__account { margin-left: 20px; padding: 0; } .ee-main__title .ee-main__title-buttons .main-nav__account img { margin: 0; } .ee-main__content { padding: 35px 40px; } @media (max-width: 549px) { .ee-main__content { padding: 30px 20px; } } .container { padding-top: 0px; flex: 1 1 80%; min-width: 0; } @media (max-width: 767px) { .container { width: 100%; } } .secondary-sidebar-container { display: flex; padding-top: 0; padding-bottom: 0; position: relative; align-items: flex-start; } @media (max-width: 767px) { .secondary-sidebar-container { flex-direction: column-reverse; } } .secondary-sidebar { flex: 0 2 310px; max-width: 310px; padding-right: 40px; position: relative; } @media (max-width: 767px) { .secondary-sidebar { flex: 0 0 100%; padding: 0; padding-top: 20px; max-width: 100%; width: 100%; } } .secondary-sidebar.secondary-sidebar__collapsed { display: block; flex: 0 0 auto; padding: 0; } .secondary-sidebar.secondary-sidebar__collapsed .sidebar { display: none; } .secondary-sidebar-toggle { display: none; position: absolute; top: 0; right: 32px; } .secondary-sidebar-toggle:before { content: ""; width: 1px; height: 150px; display: block; background: linear-gradient(var(--ee-border), var(--ee-main-bg)); position: absolute; top: 1px; left: 12px; } .secondary-sidebar-toggle .secondary-sidebar-toggle__target { width: 24px; min-width: 24px; height: 24px; display: block; cursor: pointer; text-align: right; border-radius: 1000px; color: var(--ee-text-secondary); background-color: var(--ee-panel-bg); border: 1px solid var(--ee-panel-border); font-size: 12px; line-height: 29px; padding: 0; z-index: 10; position: absolute; top: 0; left: 0px; } .secondary-sidebar-toggle .secondary-sidebar-toggle__target:hover { color: var(--ee-text-secondary); display: block; } .secondary-sidebar-toggle .secondary-sidebar-toggle__target .fas, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .fal, .secondary-sidebar-toggle .secondary-sidebar-toggle__target tr.missing td:not(.reorder-col):first-child:before, tr.missing .secondary-sidebar-toggle .secondary-sidebar-toggle__target td:not(.reorder-col):first-child:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target tr.missing:hover td:not(.reorder-col):first-child:before, tr.missing:hover .secondary-sidebar-toggle .secondary-sidebar-toggle__target td:not(.reorder-col):first-child:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .column-sort::after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .app-notice---attention > .app-notice__tag .app-notice__icon::before, .app-notice---attention > .app-notice__tag .secondary-sidebar-toggle .secondary-sidebar-toggle__target .app-notice__icon::before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .alert--attention > .app-notice__tag .app-notice__icon::before, .alert--attention > .app-notice__tag .secondary-sidebar-toggle .secondary-sidebar-toggle__target .app-notice__icon::before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .app-notice---success > .app-notice__tag .app-notice__icon::before, .app-notice---success > .app-notice__tag .secondary-sidebar-toggle .secondary-sidebar-toggle__target .app-notice__icon::before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .alert--success > .app-notice__tag .app-notice__icon::before, .alert--success > .app-notice__tag .secondary-sidebar-toggle .secondary-sidebar-toggle__target .app-notice__icon::before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .app-notice---loading > .app-notice__tag .app-notice__icon::before, .app-notice---loading > .app-notice__tag .secondary-sidebar-toggle .secondary-sidebar-toggle__target .app-notice__icon::before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .alert--loading > .app-notice__tag .app-notice__icon::before, .alert--loading > .app-notice__tag .secondary-sidebar-toggle .secondary-sidebar-toggle__target .app-notice__icon::before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .app-notice__icon::before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .app-notice__dismiss::before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .m-close:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .app-modal__dismiss a:before, .app-modal__dismiss .secondary-sidebar-toggle .secondary-sidebar-toggle__target a:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .sidebar__link.remove:after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .tab-bar--editable .tab-remove:before, .tab-bar--editable .secondary-sidebar-toggle .secondary-sidebar-toggle__target .tab-remove:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .tab-bar--editable .tab-on:before, .tab-bar--editable .secondary-sidebar-toggle .secondary-sidebar-toggle__target .tab-on:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .tab-bar--editable .tab-off:before, .tab-bar--editable .secondary-sidebar-toggle .secondary-sidebar-toggle__target .tab-off:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .tab-bar--editable .tab-edit:before, .tab-bar--editable .secondary-sidebar-toggle .secondary-sidebar-toggle__target .tab-edit:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .dropdown__link--selected::before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target [class^=widget-icon--], .secondary-sidebar-toggle .secondary-sidebar-toggle__target [class*=" widget-icon--"], .secondary-sidebar-toggle .secondary-sidebar-toggle__target .widget--support::before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .checkbox:after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target input[type=checkbox]:after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .checkbox--large:after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target input[type=checkbox].checkbox--large:after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .checkbox--small:after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target input[type=checkbox].checkbox--small:after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .fieldset-required > .field-instruct label:after, .fieldset-required > .field-instruct .secondary-sidebar-toggle .secondary-sidebar-toggle__target label:after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .fieldset-security-caution > .field-instruct label:after, .fieldset-security-caution > .field-instruct .secondary-sidebar-toggle .secondary-sidebar-toggle__target label:after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .fieldset-invalid > .field-instruct label:after, .fieldset-invalid > .field-instruct .secondary-sidebar-toggle .secondary-sidebar-toggle__target label:after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .fieldset-invalid > label:after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .sub-arrow:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .field-closed .sub-arrow:before, .field-closed .secondary-sidebar-toggle .secondary-sidebar-toggle__target .sub-arrow:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .fieldset---closed .sub-arrow:before, .fieldset---closed .secondary-sidebar-toggle .secondary-sidebar-toggle__target .sub-arrow:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .fluid-closed .sub-arrow:before, .fluid-closed .secondary-sidebar-toggle .secondary-sidebar-toggle__target .sub-arrow:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .checklist li:before, .checklist .secondary-sidebar-toggle .secondary-sidebar-toggle__target li:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .select__button-label::after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .select-popup:not([multiple])::after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target select:not([multiple])::after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .ee-debugger .tab-bar--editable .tab-remove:before, .ee-debugger .tab-bar--editable .secondary-sidebar-toggle .secondary-sidebar-toggle__target .tab-remove:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .ee-debugger .tab-bar--editable .tab-on:before, .ee-debugger .tab-bar--editable .secondary-sidebar-toggle .secondary-sidebar-toggle__target .tab-on:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .ee-debugger .tab-bar--editable .tab-off:before, .ee-debugger .tab-bar--editable .secondary-sidebar-toggle .secondary-sidebar-toggle__target .tab-off:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .ee-debugger .tab-bar--editable .tab-edit:before, .ee-debugger .tab-bar--editable .secondary-sidebar-toggle .secondary-sidebar-toggle__target .tab-edit:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .layout-item__handle::after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .add-on-layout .secondary-sidebar .sidebar__section-title a.remove:not(.button):not(.filter-bar__button):not(.license-status-badge):not(.select__button):not(.select-popup):not(select):not(.pagination__link):after, .add-on-layout .secondary-sidebar .sidebar__section-title .secondary-sidebar-toggle .secondary-sidebar-toggle__target a.remove:not(.button):not(.filter-bar__button):not(.license-status-badge):not(.select__button):not(.select-popup):not(select):not(.pagination__link):after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .icon-reorder, .secondary-sidebar-toggle .secondary-sidebar-toggle__target [class^=icon--], .secondary-sidebar-toggle .secondary-sidebar-toggle__target [class*=" icon--"], .secondary-sidebar-toggle .secondary-sidebar-toggle__target .icon-settings, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .icon--settings, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .has-sub::after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .menu-wrap .develop .has-sub::before, .menu-wrap .develop .secondary-sidebar-toggle .secondary-sidebar-toggle__target .has-sub::before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .toolbar a:after, .toolbar .secondary-sidebar-toggle .secondary-sidebar-toggle__target a:after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .toolbar a:before, .toolbar .secondary-sidebar-toggle .secondary-sidebar-toggle__target a:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .toolbar span:after, .toolbar .secondary-sidebar-toggle .secondary-sidebar-toggle__target span:after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .toolbar span:before, .toolbar .secondary-sidebar-toggle .secondary-sidebar-toggle__target span:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target button-toolbar a:after, button-toolbar .secondary-sidebar-toggle .secondary-sidebar-toggle__target a:after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target button-toolbar a:before, button-toolbar .secondary-sidebar-toggle .secondary-sidebar-toggle__target a:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target button-toolbar span:after, button-toolbar .secondary-sidebar-toggle .secondary-sidebar-toggle__target span:after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target button-toolbar span:before, button-toolbar .secondary-sidebar-toggle .secondary-sidebar-toggle__target span:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .fields-keyvalue-item .toolbar .reorder a:before, .fields-keyvalue-item .toolbar .reorder .secondary-sidebar-toggle .secondary-sidebar-toggle__target a:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .fields-keyvalue-item .toolbar .remove a:after, .fields-keyvalue-item .toolbar .remove .secondary-sidebar-toggle .secondary-sidebar-toggle__target a:after, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .tbl-list .reorder:before, .tbl-list .secondary-sidebar-toggle .secondary-sidebar-toggle__target .reorder:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .filters a.add:before, .filters .secondary-sidebar-toggle .secondary-sidebar-toggle__target a.add:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .filters .filter-clear a:before, .filters .filter-clear .secondary-sidebar-toggle .secondary-sidebar-toggle__target a:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .tab-wrap .tabs.layout .tab-remove:before, .tab-wrap .tabs.layout .secondary-sidebar-toggle .secondary-sidebar-toggle__target .tab-remove:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .tab-wrap .tabs.layout .tab-on:before, .tab-wrap .tabs.layout .secondary-sidebar-toggle .secondary-sidebar-toggle__target .tab-on:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .tab-wrap .tabs.layout .tab-off:before, .tab-wrap .tabs.layout .secondary-sidebar-toggle .secondary-sidebar-toggle__target .tab-off:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target [class*=fields-grid-tool-]:before, .secondary-sidebar-toggle .secondary-sidebar-toggle__target .far { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; } @media (hover: none) and (pointer: coarse) { .secondary-sidebar-toggle { display: block; } } .secondary-sidebar:hover .secondary-sidebar-toggle, .secondary-sidebar-toggle:hover { display: block; } .secondary-sidebar.secondary-sidebar__collapsed .secondary-sidebar-toggle { display: block; } @media only screen and (max-width: 767px) { .secondary-sidebar-toggle { display: none !important; } } .ee-sidebar { display: flex; flex-direction: column; flex: 0 0 200px; min-height: 100vh; padding-bottom: 80px; overflow-x: hidden; z-index: 10; position: relative; background-color: var(--ee-sidebar-bg); border-right: 1px solid var(--ee-sidebar-border); } .ee-sidebar__title { color: var(--ee-sidebar-title-text); height: 70px; min-height: 70px; display: flex; align-items: center; background-color: var(--ee-sidebar-title-bg); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); padding: 0px 20px; margin-bottom: 20px; border-bottom: 1px solid var(--ee-sidebar-title-border-bottom); -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; -webkit-transition: color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out; cursor: pointer; } .ee-sidebar__title:hover { color: var(--ee-sidebar-text-primary); background-color: var(--ee-sidebar-title-bg-hover); } .ee-sidebar__title:hover .ee-sidebar__title-down-arrow { color: inherit; margin-left: auto; } .ee-sidebar__title i { margin-right: 10px; } .ee-sidebar__title.ee-sidebar__title--needs-name { background-color: var(--ee-success); color: #ffffff; } .ee-sidebar__title.ee-sidebar__title--needs-name .ee-sidebar__title-down-arrow { color: #ffffff; } .ee-sidebar__title .ee-sidebar__title-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: -3px; } .ee-sidebar__title-down-arrow { position: relative; margin-left: auto; top: 1px; padding-left: 5px; color: var(--ee-sidebar-text-faded); -webkit-transition: color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out; } .ee-sidebar__title-down-arrow i { margin-right: 0px; } .ee-sidebar__items { flex-grow: 1; display: flex; flex-direction: column; } .ee-sidebar__items .dropdown, .ee-sidebar__items .select__dropdown { margin-left: -12px; } .ee-sidebar__section-label { margin-bottom: 6px; text-transform: uppercase; letter-spacing: 1px; font-size: 85%; color: var(--ee-sidebar-text); opacity: 0.6; font-weight: 500; padding: 0 20px; display: block; } .ee-sidebar__item { transition: background 200ms ease, color 200ms ease; display: block; height: 35px; line-height: 35px; padding: 0 20px; margin-left: 7px; margin-right: 7px; margin-bottom: 2px; color: var(--ee-sidebar-text); border-radius: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ee-sidebar__item .icon { height: 24px; width: 24px; margin-right: 5px; top: -2px; position: relative; } .ee-sidebar__item i { transition: background 200ms ease, color 200ms ease; margin-right: 10px; } .ee-sidebar__item.active, .ee-sidebar__item:hover, .ee-sidebar__item.dropdown-open { background: var(--ee-sidebar-bg-active); color: var(--ee-sidebar-text-active); } .ee-sidebar__item.active i, .ee-sidebar__item:hover i, .ee-sidebar__item.dropdown-open i { color: var(--ee-sidebar-icon-active); } .ee-sidebar__item.active .ee-sidebar__item-custom-icon, .ee-sidebar__item:hover .ee-sidebar__item-custom-icon, .ee-sidebar__item.dropdown-open .ee-sidebar__item-custom-icon { border-color: var(--ee-sidebar-icon-active); color: var(--ee-sidebar-text-active); } .ee-sidebar__item:last-child { margin-bottom: 0; } .ee-sidebar__item:focus { outline: none; box-shadow: inset 0 0 0 2px var(--ee-keyboard-focus); } .ee-sidebar__item:focus:not(:focus-visible) { outline: none; box-shadow: none; } .developer-menu .ee-sidebar__item { padding-left: 53px; } .ee-sidebar__items .ee-sidebar__version { color: var(--ee-sidebar-text-faded); font-size: 0.83em; position: relative; margin-left: 0; margin-right: 0; white-space: nowrap; text-align: center; padding: 3px 20px; height: inherit; background-color: var(--ee-sidebar-version-bg); -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; -webkit-transition: color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out; } .ee-sidebar__items .ee-sidebar__version:hover { background-color: var(--ee-sidebar-version-bg-hover); color: var(--ee-sidebar-text-primary); } .ee-sidebar__items .ee-sidebar__version .ee-sidebar__version-number { font-weight: bold; margin-left: 2px; } .ee-sidebar__items .ee-sidebar__version i { display: none; font-size: 1rem; color: var(--ee-sidebar-text); } .ee-sidebar__items .ee-sidebar__version.ee-sidebar__version--dev, .ee-sidebar__items .ee-sidebar__version.ee-sidebar__version--dev i { color: var(--ee-ee-update-dev) !important; background: var(--ee-ee-update-dev-bg); } .ee-sidebar__items .ee-sidebar__version.ee-sidebar__version--dev #ee-logomark { fill: var(--ee-ee-update-dev) !important; } .ee-sidebar__items .ee-sidebar__version.ee-sidebar__version--update-vital, .ee-sidebar__items .ee-sidebar__version.ee-sidebar__version--update-vital i { color: var(--ee-ee-update-vital) !important; background: var(--ee-ee-update-vital-bg); } .ee-sidebar__items .ee-sidebar__version.ee-sidebar__version--update-vital #ee-logomark { fill: var(--ee-ee-update-vital) !important; } .ee-sidebar__items .ee-sidebar__version.ee-sidebar__version--update, .ee-sidebar__items .ee-sidebar__version.ee-sidebar__version--update i { color: var(--ee-ee-update) !important; background: var(--ee-ee-update-bg); border-radius: 0; margin-bottom: 0; } .ee-sidebar__items .ee-sidebar__version.ee-sidebar__version--update #ee-logomark { fill: var(--ee-ee-update) !important; } .ee-sidebar__items-custom, .ee-sidebar__items-dev, .ee-sidebar__items-section { margin-top: 18px; } .ee-sidebar__item-custom-icon { width: 18.75px; color: var(--ee-sidebar-text); border-radius: 3px; font-size: 10px; font-weight: bold; text-transform: uppercase; display: inline-block; line-height: 15px; text-align: center; margin-right: 10px; top: -1px; position: relative; border: 1px solid var(--ee-sidebar-text); transition: background 200ms ease, color 200ms ease; } .ee-sidebar__items-bottom { position: fixed; bottom: 0; left: 0; width: 200px; background-color: var(--ee-sidebar-bottom-bg); border-top: 1px solid var(--ee-sidebar-bottom-border-top); border-right: 1px solid var(--ee-sidebar-border); box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.03); } .ee-sidebar__items-bottom .ee-pro__indicator-badge-wrapper { position: absolute; display: flex; top: -10px; right: 10px; } .ee-sidebar__items-bottom .ee-pro__indicator-badge { color: #fff; background-color: var(--ee-brand-primary); font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; padding: 2px 8px 1px; border-radius: 1000px; } .ee-sidebar__items-bottom .ee-pro__indicator-badge.ee-pro__indicator-badge-invalid { background-color: var(--ee-brand-danger); } .ee-sidebar__items-bottom .ee-pro__indicator-badge.ee-pro__indicator-badge-invalid_domain { background-color: var(--ee-brand-danger); } .ee-sidebar__items-bottom .ee-pro__indicator-badge.ee-pro__indicator-badge-expired { background-color: var(--ee-brand-warning); } .ee-sidebar__items-bottom .ee-pro__indicator-badge i, .ee-sidebar__items-bottom .ee-pro__indicator-badge .fas, .ee-sidebar__items-bottom .ee-pro__indicator-badge .fal, .ee-sidebar__items-bottom .ee-pro__indicator-badge tr.missing td:not(.reorder-col):first-child:before, tr.missing .ee-sidebar__items-bottom .ee-pro__indicator-badge td:not(.reorder-col):first-child:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge tr.missing:hover td:not(.reorder-col):first-child:before, tr.missing:hover .ee-sidebar__items-bottom .ee-pro__indicator-badge td:not(.reorder-col):first-child:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .column-sort::after, .ee-sidebar__items-bottom .ee-pro__indicator-badge .app-notice---attention > .app-notice__tag .app-notice__icon::before, .app-notice---attention > .app-notice__tag .ee-sidebar__items-bottom .ee-pro__indicator-badge .app-notice__icon::before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .alert--attention > .app-notice__tag .app-notice__icon::before, .alert--attention > .app-notice__tag .ee-sidebar__items-bottom .ee-pro__indicator-badge .app-notice__icon::before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .app-notice---success > .app-notice__tag .app-notice__icon::before, .app-notice---success > .app-notice__tag .ee-sidebar__items-bottom .ee-pro__indicator-badge .app-notice__icon::before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .alert--success > .app-notice__tag .app-notice__icon::before, .alert--success > .app-notice__tag .ee-sidebar__items-bottom .ee-pro__indicator-badge .app-notice__icon::before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .app-notice---loading > .app-notice__tag .app-notice__icon::before, .app-notice---loading > .app-notice__tag .ee-sidebar__items-bottom .ee-pro__indicator-badge .app-notice__icon::before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .alert--loading > .app-notice__tag .app-notice__icon::before, .alert--loading > .app-notice__tag .ee-sidebar__items-bottom .ee-pro__indicator-badge .app-notice__icon::before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .app-notice__icon::before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .app-notice__dismiss::before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .m-close:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .app-modal__dismiss a:before, .app-modal__dismiss .ee-sidebar__items-bottom .ee-pro__indicator-badge a:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .sidebar__link.remove:after, .ee-sidebar__items-bottom .ee-pro__indicator-badge .tab-bar--editable .tab-remove:before, .tab-bar--editable .ee-sidebar__items-bottom .ee-pro__indicator-badge .tab-remove:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .tab-bar--editable .tab-on:before, .tab-bar--editable .ee-sidebar__items-bottom .ee-pro__indicator-badge .tab-on:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .tab-bar--editable .tab-off:before, .tab-bar--editable .ee-sidebar__items-bottom .ee-pro__indicator-badge .tab-off:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .tab-bar--editable .tab-edit:before, .tab-bar--editable .ee-sidebar__items-bottom .ee-pro__indicator-badge .tab-edit:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .dropdown__link--selected::before, .ee-sidebar__items-bottom .ee-pro__indicator-badge [class^=widget-icon--], .ee-sidebar__items-bottom .ee-pro__indicator-badge [class*=" widget-icon--"], .ee-sidebar__items-bottom .ee-pro__indicator-badge .widget--support::before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .checkbox:after, .ee-sidebar__items-bottom .ee-pro__indicator-badge input[type=checkbox]:after, .ee-sidebar__items-bottom .ee-pro__indicator-badge .checkbox--large:after, .ee-sidebar__items-bottom .ee-pro__indicator-badge input[type=checkbox].checkbox--large:after, .ee-sidebar__items-bottom .ee-pro__indicator-badge .checkbox--small:after, .ee-sidebar__items-bottom .ee-pro__indicator-badge input[type=checkbox].checkbox--small:after, .ee-sidebar__items-bottom .ee-pro__indicator-badge .fieldset-required > .field-instruct label:after, .fieldset-required > .field-instruct .ee-sidebar__items-bottom .ee-pro__indicator-badge label:after, .ee-sidebar__items-bottom .ee-pro__indicator-badge .fieldset-security-caution > .field-instruct label:after, .fieldset-security-caution > .field-instruct .ee-sidebar__items-bottom .ee-pro__indicator-badge label:after, .ee-sidebar__items-bottom .ee-pro__indicator-badge .fieldset-invalid > .field-instruct label:after, .fieldset-invalid > .field-instruct .ee-sidebar__items-bottom .ee-pro__indicator-badge label:after, .ee-sidebar__items-bottom .ee-pro__indicator-badge .fieldset-invalid > label:after, .ee-sidebar__items-bottom .ee-pro__indicator-badge .sub-arrow:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .field-closed .sub-arrow:before, .field-closed .ee-sidebar__items-bottom .ee-pro__indicator-badge .sub-arrow:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .fieldset---closed .sub-arrow:before, .fieldset---closed .ee-sidebar__items-bottom .ee-pro__indicator-badge .sub-arrow:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .fluid-closed .sub-arrow:before, .fluid-closed .ee-sidebar__items-bottom .ee-pro__indicator-badge .sub-arrow:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .checklist li:before, .checklist .ee-sidebar__items-bottom .ee-pro__indicator-badge li:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .select__button-label::after, .ee-sidebar__items-bottom .ee-pro__indicator-badge .select-popup:not([multiple])::after, .ee-sidebar__items-bottom .ee-pro__indicator-badge select:not([multiple])::after, .ee-sidebar__items-bottom .ee-pro__indicator-badge .ee-debugger .tab-bar--editable .tab-remove:before, .ee-debugger .tab-bar--editable .ee-sidebar__items-bottom .ee-pro__indicator-badge .tab-remove:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .ee-debugger .tab-bar--editable .tab-on:before, .ee-debugger .tab-bar--editable .ee-sidebar__items-bottom .ee-pro__indicator-badge .tab-on:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .ee-debugger .tab-bar--editable .tab-off:before, .ee-debugger .tab-bar--editable .ee-sidebar__items-bottom .ee-pro__indicator-badge .tab-off:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .ee-debugger .tab-bar--editable .tab-edit:before, .ee-debugger .tab-bar--editable .ee-sidebar__items-bottom .ee-pro__indicator-badge .tab-edit:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .layout-item__handle::after, .ee-sidebar__items-bottom .ee-pro__indicator-badge .add-on-layout .secondary-sidebar .sidebar__section-title a.remove:not(.button):not(.filter-bar__button):not(.license-status-badge):not(.select__button):not(.select-popup):not(select):not(.pagination__link):after, .add-on-layout .secondary-sidebar .sidebar__section-title .ee-sidebar__items-bottom .ee-pro__indicator-badge a.remove:not(.button):not(.filter-bar__button):not(.license-status-badge):not(.select__button):not(.select-popup):not(select):not(.pagination__link):after, .ee-sidebar__items-bottom .ee-pro__indicator-badge .icon-reorder, .ee-sidebar__items-bottom .ee-pro__indicator-badge [class^=icon--], .ee-sidebar__items-bottom .ee-pro__indicator-badge [class*=" icon--"], .ee-sidebar__items-bottom .ee-pro__indicator-badge .icon-settings, .ee-sidebar__items-bottom .ee-pro__indicator-badge .icon--settings, .ee-sidebar__items-bottom .ee-pro__indicator-badge .has-sub::after, .ee-sidebar__items-bottom .ee-pro__indicator-badge .menu-wrap .develop .has-sub::before, .menu-wrap .develop .ee-sidebar__items-bottom .ee-pro__indicator-badge .has-sub::before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .toolbar a:after, .toolbar .ee-sidebar__items-bottom .ee-pro__indicator-badge a:after, .ee-sidebar__items-bottom .ee-pro__indicator-badge .toolbar a:before, .toolbar .ee-sidebar__items-bottom .ee-pro__indicator-badge a:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .toolbar span:after, .toolbar .ee-sidebar__items-bottom .ee-pro__indicator-badge span:after, .ee-sidebar__items-bottom .ee-pro__indicator-badge .toolbar span:before, .toolbar .ee-sidebar__items-bottom .ee-pro__indicator-badge span:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge button-toolbar a:after, button-toolbar .ee-sidebar__items-bottom .ee-pro__indicator-badge a:after, .ee-sidebar__items-bottom .ee-pro__indicator-badge button-toolbar a:before, button-toolbar .ee-sidebar__items-bottom .ee-pro__indicator-badge a:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge button-toolbar span:after, button-toolbar .ee-sidebar__items-bottom .ee-pro__indicator-badge span:after, .ee-sidebar__items-bottom .ee-pro__indicator-badge button-toolbar span:before, button-toolbar .ee-sidebar__items-bottom .ee-pro__indicator-badge span:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .fields-keyvalue-item .toolbar .reorder a:before, .fields-keyvalue-item .toolbar .reorder .ee-sidebar__items-bottom .ee-pro__indicator-badge a:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .fields-keyvalue-item .toolbar .remove a:after, .fields-keyvalue-item .toolbar .remove .ee-sidebar__items-bottom .ee-pro__indicator-badge a:after, .ee-sidebar__items-bottom .ee-pro__indicator-badge .tbl-list .reorder:before, .tbl-list .ee-sidebar__items-bottom .ee-pro__indicator-badge .reorder:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .filters a.add:before, .filters .ee-sidebar__items-bottom .ee-pro__indicator-badge a.add:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .filters .filter-clear a:before, .filters .filter-clear .ee-sidebar__items-bottom .ee-pro__indicator-badge a:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .tab-wrap .tabs.layout .tab-remove:before, .tab-wrap .tabs.layout .ee-sidebar__items-bottom .ee-pro__indicator-badge .tab-remove:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .tab-wrap .tabs.layout .tab-on:before, .tab-wrap .tabs.layout .ee-sidebar__items-bottom .ee-pro__indicator-badge .tab-on:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge .tab-wrap .tabs.layout .tab-off:before, .tab-wrap .tabs.layout .ee-sidebar__items-bottom .ee-pro__indicator-badge .tab-off:before, .ee-sidebar__items-bottom .ee-pro__indicator-badge [class*=fields-grid-tool-]:before { opacity: 0.5; } .sidebar-toggle { width: 26px; min-width: 26px; height: 26px; position: fixed; top: 22px; left: calc(200px - 13px); cursor: pointer; text-align: right; border-radius: 1000px; color: var(--ee-sidebar-text); background-color: var(--ee-sidebar-bg); border: 1px solid var(--ee-sidebar-border); font-size: 12px; line-height: 29px; padding: 0; z-index: 10; display: none; box-shadow: 0 1px 2px 0 var(--ee-shadow-button); } .sidebar-toggle:hover { color: var(--ee-sidebar-text); display: block; } .sidebar-toggle .fas, .sidebar-toggle .fal, .sidebar-toggle tr.missing td:not(.reorder-col):first-child:before, tr.missing .sidebar-toggle td:not(.reorder-col):first-child:before, .sidebar-toggle tr.missing:hover td:not(.reorder-col):first-child:before, tr.missing:hover .sidebar-toggle td:not(.reorder-col):first-child:before, .sidebar-toggle .column-sort::after, .sidebar-toggle .app-notice---attention > .app-notice__tag .app-notice__icon::before, .app-notice---attention > .app-notice__tag .sidebar-toggle .app-notice__icon::before, .sidebar-toggle .alert--attention > .app-notice__tag .app-notice__icon::before, .alert--attention > .app-notice__tag .sidebar-toggle .app-notice__icon::before, .sidebar-toggle .app-notice---success > .app-notice__tag .app-notice__icon::before, .app-notice---success > .app-notice__tag .sidebar-toggle .app-notice__icon::before, .sidebar-toggle .alert--success > .app-notice__tag .app-notice__icon::before, .alert--success > .app-notice__tag .sidebar-toggle .app-notice__icon::before, .sidebar-toggle .app-notice---loading > .app-notice__tag .app-notice__icon::before, .app-notice---loading > .app-notice__tag .sidebar-toggle .app-notice__icon::before, .sidebar-toggle .alert--loading > .app-notice__tag .app-notice__icon::before, .alert--loading > .app-notice__tag .sidebar-toggle .app-notice__icon::before, .sidebar-toggle .app-notice__icon::before, .sidebar-toggle .app-notice__dismiss::before, .sidebar-toggle .m-close:before, .sidebar-toggle .app-modal__dismiss a:before, .app-modal__dismiss .sidebar-toggle a:before, .sidebar-toggle .sidebar__link.remove:after, .sidebar-toggle .tab-bar--editable .tab-remove:before, .tab-bar--editable .sidebar-toggle .tab-remove:before, .sidebar-toggle .tab-bar--editable .tab-on:before, .tab-bar--editable .sidebar-toggle .tab-on:before, .sidebar-toggle .tab-bar--editable .tab-off:before, .tab-bar--editable .sidebar-toggle .tab-off:before, .sidebar-toggle .tab-bar--editable .tab-edit:before, .tab-bar--editable .sidebar-toggle .tab-edit:before, .sidebar-toggle .dropdown__link--selected::before, .sidebar-toggle [class^=widget-icon--], .sidebar-toggle [class*=" widget-icon--"], .sidebar-toggle .widget--support::before, .sidebar-toggle .checkbox:after, .sidebar-toggle input[type=checkbox]:after, .sidebar-toggle .checkbox--large:after, .sidebar-toggle input[type=checkbox].checkbox--large:after, .sidebar-toggle .checkbox--small:after, .sidebar-toggle input[type=checkbox].checkbox--small:after, .sidebar-toggle .fieldset-required > .field-instruct label:after, .fieldset-required > .field-instruct .sidebar-toggle label:after, .sidebar-toggle .fieldset-security-caution > .field-instruct label:after, .fieldset-security-caution > .field-instruct .sidebar-toggle label:after, .sidebar-toggle .fieldset-invalid > .field-instruct label:after, .fieldset-invalid > .field-instruct .sidebar-toggle label:after, .sidebar-toggle .fieldset-invalid > label:after, .sidebar-toggle .sub-arrow:before, .sidebar-toggle .field-closed .sub-arrow:before, .field-closed .sidebar-toggle .sub-arrow:before, .sidebar-toggle .fieldset---closed .sub-arrow:before, .fieldset---closed .sidebar-toggle .sub-arrow:before, .sidebar-toggle .fluid-closed .sub-arrow:before, .fluid-closed .sidebar-toggle .sub-arrow:before, .sidebar-toggle .checklist li:before, .checklist .sidebar-toggle li:before, .sidebar-toggle .select__button-label::after, .sidebar-toggle .select-popup:not([multiple])::after, .sidebar-toggle select:not([multiple])::after, .sidebar-toggle .ee-debugger .tab-bar--editable .tab-remove:before, .ee-debugger .tab-bar--editable .sidebar-toggle .tab-remove:before, .sidebar-toggle .ee-debugger .tab-bar--editable .tab-on:before, .ee-debugger .tab-bar--editable .sidebar-toggle .tab-on:before, .sidebar-toggle .ee-debugger .tab-bar--editable .tab-off:before, .ee-debugger .tab-bar--editable .sidebar-toggle .tab-off:before, .sidebar-toggle .ee-debugger .tab-bar--editable .tab-edit:before, .ee-debugger .tab-bar--editable .sidebar-toggle .tab-edit:before, .sidebar-toggle .layout-item__handle::after, .sidebar-toggle .add-on-layout .secondary-sidebar .sidebar__section-title a.remove:not(.button):not(.filter-bar__button):not(.license-status-badge):not(.select__button):not(.select-popup):not(select):not(.pagination__link):after, .add-on-layout .secondary-sidebar .sidebar__section-title .sidebar-toggle a.remove:not(.button):not(.filter-bar__button):not(.license-status-badge):not(.select__button):not(.select-popup):not(select):not(.pagination__link):after, .sidebar-toggle .icon-reorder, .sidebar-toggle [class^=icon--], .sidebar-toggle [class*=" icon--"], .sidebar-toggle .icon-settings, .sidebar-toggle .icon--settings, .sidebar-toggle .has-sub::after, .sidebar-toggle .menu-wrap .develop .has-sub::before, .menu-wrap .develop .sidebar-toggle .has-sub::before, .sidebar-toggle .toolbar a:after, .toolbar .sidebar-toggle a:after, .sidebar-toggle .toolbar a:before, .toolbar .sidebar-toggle a:before, .sidebar-toggle .toolbar span:after, .toolbar .sidebar-toggle span:after, .sidebar-toggle .toolbar span:before, .toolbar .sidebar-toggle span:before, .sidebar-toggle button-toolbar a:after, button-toolbar .sidebar-toggle a:after, .sidebar-toggle button-toolbar a:before, button-toolbar .sidebar-toggle a:before, .sidebar-toggle button-toolbar span:after, button-toolbar .sidebar-toggle span:after, .sidebar-toggle button-toolbar span:before, button-toolbar .sidebar-toggle span:before, .sidebar-toggle .fields-keyvalue-item .toolbar .reorder a:before, .fields-keyvalue-item .toolbar .reorder .sidebar-toggle a:before, .sidebar-toggle .fields-keyvalue-item .toolbar .remove a:after, .fields-keyvalue-item .toolbar .remove .sidebar-toggle a:after, .sidebar-toggle .tbl-list .reorder:before, .tbl-list .sidebar-toggle .reorder:before, .sidebar-toggle .filters a.add:before, .filters .sidebar-toggle a.add:before, .sidebar-toggle .filters .filter-clear a:before, .filters .filter-clear .sidebar-toggle a:before, .sidebar-toggle .tab-wrap .tabs.layout .tab-remove:before, .tab-wrap .tabs.layout .sidebar-toggle .tab-remove:before, .sidebar-toggle .tab-wrap .tabs.layout .tab-on:before, .tab-wrap .tabs.layout .sidebar-toggle .tab-on:before, .sidebar-toggle .tab-wrap .tabs.layout .tab-off:before, .tab-wrap .tabs.layout .sidebar-toggle .tab-off:before, .sidebar-toggle [class*=fields-grid-tool-]:before, .sidebar-toggle .far { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .sidebar-toggle.sidebar-toggle__collapsed { left: calc(59px - 13px); } @media (hover: none) and (pointer: coarse) { .sidebar-toggle { display: block; } } .ee-sidebar:hover + .ee-main .ee-main-header .sidebar-toggle { display: block; } @media only screen and (max-width: 999px) { .sidebar-toggle { display: none !important; } } .ee-logomark { width: 24px !important; display: none; margin-left: -2.4px; } .ee-logomark #ee-logomark { fill: var(--ee-sidebar-text); } .ee-sidebar.ee-sidebar__collapsed { flex: 0 0 59px; } .ee-sidebar.ee-sidebar__collapsed .ee-sidebar__collapsed-hidden { display: none; } .ee-sidebar.ee-sidebar__collapsed .ee-sidebar__item { text-overflow: inherit; border-radius: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; } .ee-sidebar.ee-sidebar__collapsed .ee-logomark { display: inherit; } .ee-sidebar.ee-sidebar__collapsed .ee-sidebar__section-label { display: none; } .ee-sidebar.ee-sidebar__collapsed .ee-sidebar__item i { margin-right: 0; } .ee-sidebar.ee-sidebar__collapsed .ee-sidebar__item-custom-icon { margin-right: 0; } .ee-sidebar.ee-sidebar__collapsed .ee-sidebar__items-bottom { width: 59px; } .ee-sidebar.ee-sidebar__collapsed .ee-sidebar__items .ee-sidebar__version i { display: inline; margin-right: 0; } .ee-sidebar.ee-sidebar__collapsed .ee-sidebar__title--needs-name i { margin-right: 0; } .ee-sidebar.ee-sidebar__collapsed .ee-pro__indicator-badge { top: -12px; } .navigation-submenu { max-height: 95vh; overflow-y: scroll; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* Internet Explorer 10+ */ } .navigation-submenu::-webkit-scrollbar { /* WebKit */ width: 0; height: 0; } .four-o-four { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--ee-panel-bg); border: 1px solid var(--ee-panel-border); border-radius: 6px; padding: 20px 25px; } .four-o-four__inner { text-align: center; } .four-o-four__body { color: var(--ee-text-secondary); } .four-o-four__title { margin-bottom: 5px; } .four-o-four__url { color: var(--ee-text-normal); background-color: var(--ee-main-bg); padding: 15px; border-radius: 5px; margin-bottom: 10px !important; } .login-container { display: flex; align-items: center; justify-content: center; height: 100%; } .login { width: 100%; max-width: 450px; padding: 20px; } .login__logo { margin-bottom: 40px; text-align: center; } .login__logo img { max-height: 100px; } .login__logo #logo { fill: var(--ee-brand-primary); } .login__title { font-size: 1.4em; margin-bottom: 20px; text-align: center; } .login__title .fas, .login__title .fal, .login__title tr.missing td:not(.reorder-col):first-child:before, tr.missing .login__title td:not(.reorder-col):first-child:before, .login__title tr.missing:hover td:not(.reorder-col):first-child:before, tr.missing:hover .login__title td:not(.reorder-col):first-child:before, .login__title .column-sort::after, .login__title .app-notice---attention > .app-notice__tag .app-notice__icon::before, .app-notice---attention > .app-notice__tag .login__title .app-notice__icon::before, .login__title .alert--attention > .app-notice__tag .app-notice__icon::before, .alert--attention > .app-notice__tag .login__title .app-notice__icon::before, .login__title .app-notice---success > .app-notice__tag .app-notice__icon::before, .app-notice---success > .app-notice__tag .login__title .app-notice__icon::before, .login__title .alert--success > .app-notice__tag .app-notice__icon::before, .alert--success > .app-notice__tag .login__title .app-notice__icon::before, .login__title .app-notice---loading > .app-notice__tag .app-notice__icon::before, .app-notice---loading > .app-notice__tag .login__title .app-notice__icon::before, .login__title .alert--loading > .app-notice__tag .app-notice__icon::before, .alert--loading > .app-notice__tag .login__title .app-notice__icon::before, .login__title .app-notice__icon::before, .login__title .app-notice__dismiss::before, .login__title .m-close:before, .login__title .app-modal__dismiss a:before, .app-modal__dismiss .login__title a:before, .login__title .sidebar__link.remove:after, .login__title .tab-bar--editable .tab-remove:before, .tab-bar--editable .login__title .tab-remove:before, .login__title .tab-bar--editable .tab-on:before, .tab-bar--editable .login__title .tab-on:before, .login__title .tab-bar--editable .tab-off:before, .tab-bar--editable .login__title .tab-off:before, .login__title .tab-bar--editable .tab-edit:before, .tab-bar--editable .login__title .tab-edit:before, .login__title .dropdown__link--selected::before, .login__title [class^=widget-icon--], .login__title [class*=" widget-icon--"], .login__title .widget--support::before, .login__title .checkbox:after, .login__title input[type=checkbox]:after, .login__title .checkbox--large:after, .login__title input[type=checkbox].checkbox--large:after, .login__title .checkbox--small:after, .login__title input[type=checkbox].checkbox--small:after, .login__title .fieldset-required > .field-instruct label:after, .fieldset-required > .field-instruct .login__title label:after, .login__title .fieldset-security-caution > .field-instruct label:after, .fieldset-security-caution > .field-instruct .login__title label:after, .login__title .fieldset-invalid > .field-instruct label:after, .fieldset-invalid > .field-instruct .login__title label:after, .login__title .fieldset-invalid > label:after, .login__title .sub-arrow:before, .login__title .field-closed .sub-arrow:before, .field-closed .login__title .sub-arrow:before, .login__title .fieldset---closed .sub-arrow:before, .fieldset---closed .login__title .sub-arrow:before, .login__title .fluid-closed .sub-arrow:before, .fluid-closed .login__title .sub-arrow:before, .login__title .checklist li:before, .checklist .login__title li:before, .login__title .select__button-label::after, .login__title .select-popup:not([multiple])::after, .login__title select:not([multiple])::after, .login__title .ee-debugger .tab-bar--editable .tab-remove:before, .ee-debugger .tab-bar--editable .login__title .tab-remove:before, .login__title .ee-debugger .tab-bar--editable .tab-on:before, .ee-debugger .tab-bar--editable .login__title .tab-on:before, .login__title .ee-debugger .tab-bar--editable .tab-off:before, .ee-debugger .tab-bar--editable .login__title .tab-off:before, .login__title .ee-debugger .tab-bar--editable .tab-edit:before, .ee-debugger .tab-bar--editable .login__title .tab-edit:before, .login__title .layout-item__handle::after, .login__title .add-on-layout .secondary-sidebar .sidebar__section-title a.remove:not(.button):not(.filter-bar__button):not(.license-status-badge):not(.select__button):not(.select-popup):not(select):not(.pagination__link):after, .add-on-layout .secondary-sidebar .sidebar__section-title .login__title a.remove:not(.button):not(.filter-bar__button):not(.license-status-badge):not(.select__button):not(.select-popup):not(select):not(.pagination__link):after, .login__title .icon-reorder, .login__title [class^=icon--], .login__title [class*=" icon--"], .login__title .icon-settings, .login__title .icon--settings, .login__title .has-sub::after, .login__title .menu-wrap .develop .has-sub::before, .menu-wrap .develop .login__title .has-sub::before, .login__title .toolbar a:after, .toolbar .login__title a:after, .login__title .toolbar a:before, .toolbar .login__title a:before, .login__title .toolbar span:after, .toolbar .login__title span:after, .login__title .toolbar span:before, .toolbar .login__title span:before, .login__title button-toolbar a:after, button-toolbar .login__title a:after, .login__title button-toolbar a:before, button-toolbar .login__title a:before, .login__title button-toolbar span:after, button-toolbar .login__title span:after, .login__title button-toolbar span:before, button-toolbar .login__title span:before, .login__title .fields-keyvalue-item .toolbar .reorder a:before, .fields-keyvalue-item .toolbar .reorder .login__title a:before, .login__title .fields-keyvalue-item .toolbar .remove a:after, .fields-keyvalue-item .toolbar .remove .login__title a:after, .login__title .tbl-list .reorder:before, .tbl-list .login__title .reorder:before, .login__title .filters a.add:before, .filters .login__title a.add:before, .login__title .filters .filter-clear a:before, .filters .filter-clear .login__title a:before, .login__title .tab-wrap .tabs.layout .tab-remove:before, .tab-wrap .tabs.layout .login__title .tab-remove:before, .login__title .tab-wrap .tabs.layout .tab-on:before, .tab-wrap .tabs.layout .login__title .tab-on:before, .login__title .tab-wrap .tabs.layout .tab-off:before, .tab-wrap .tabs.layout .login__title .tab-off:before, .login__title [class*=fields-grid-tool-]:before { float: right; color: #e0251c; } .login__content { box-shadow: 0 10px 30px -5px rgba(15, 19, 57, 0.1), 0 4px 8px -6px rgba(21, 11, 59, 0.1); background-color: var(--ee-panel-bg); border: 1px solid var(--ee-border); border-radius: 6px; padding: 20px 20px 20px 20px; width: 100%; } .login__footer a { color: var(--ee-text-secondary); } .pro-frontend-modal.app-modal-inner { padding: 15px; background-color: #fff; } .pro-frontend-modal .panel-body { padding: 8px 8px; } .pro-frontend-modal .panel-body fieldset:first-of-type, .pro-frontend-modal .panel-body .fieldset-faux:first-child { margin-top: -5px; } .pro-frontend-modal #idle-modal p { margin-bottom: 20px; } .pro-frontend-modal > .panel, .add-on-layout .pro-frontend-modal > .table-responsive { border: none; margin-bottom: 0; background-color: none; border-radius: 0; box-shadow: none; } .pro-frontend-modal > .panel > .panel-body, .add-on-layout .pro-frontend-modal > .table-responsive > .panel-body { padding: 0px; } .f_manager-wrapper .app-listing__row:last-child td { border-bottom: 1px solid var(--ee-border); } .f_manager-wrapper .filter-search-bar .filter-search-bar__search-row .filter-search-bar__item:first-child { flex-grow: 0; } .f_manager-wrapper .filter-search-bar .filter-search-bar__search-row .filter-search-bar__item:nth-child(2) { flex-grow: 1; } .f_manager-wrapper .filter-search-bar .filter-search-bar__search-row .filter-search-bar__item:nth-child(2) .field-control { width: 100%; } @media only screen and (max-width: 768px) { .f_manager-wrapper .filter-search-bar .filter-search-bar__search-row:last-child { flex-wrap: wrap; } .f_manager-wrapper .filter-search-bar .filter-search-bar__search-row:last-child .filter-search-bar__item:first-child { width: 100%; margin-bottom: 10px; order: 3; } } .f_manager-wrapper .no-results [data-file-field-react] .dropdown__link, .f_manager-wrapper .no-results [data-file-field-react] .button__within-dropdown, .f_manager-wrapper .no-results [data-file-field-react] .select__dropdown-item { padding: 5px 10px !important; margin-left: 5px; margin-right: 5px; margin-bottom: 0px; box-shadow: none; display: block; background-color: transparent; color: var(--ee-text-normal); border: none; line-height: 2; text-align: left; } .f_manager-wrapper .no-results [data-file-field-react] .dropdown__link:hover, .f_manager-wrapper .no-results [data-file-field-react] .button__within-dropdown:hover, .f_manager-wrapper .no-results [data-file-field-react] .select__dropdown-item:hover { background-color: var(--ee-bg-dropdown-hover); } .f_manager-wrapper .create_new_direction a { color: var(--ee-button-secondary-color); } .f_manager-wrapper .imgpreview { display: block; text-align: center; } .f_manager-wrapper td.checkbox-column { width: 55px; } .f_manager-wrapper td.thumb-column { width: 70px; height: 71px; text-align: center; } .f_manager-wrapper td.thumb-column a { display: inline-block; vertical-align: middle; } .f_manager-wrapper tr.app-listing__row .thumbnail_img { max-width: 50px; max-height: 50px; display: block; border-radius: 4px; pointer-events: none; } .f_manager-wrapper tr.app-listing__row i.fas, .f_manager-wrapper tr.app-listing__row i.fal, .f_manager-wrapper tr.app-listing__row i.column-sort::after, .f_manager-wrapper tr.app-listing__row i.app-notice__icon::before, .f_manager-wrapper tr.app-listing__row i.app-notice__dismiss::before, .f_manager-wrapper tr.app-listing__row i.m-close:before, .f_manager-wrapper tr.app-listing__row i.sidebar__link.remove:after, .f_manager-wrapper tr.app-listing__row .tab-bar--editable i.tab-remove:before, .tab-bar--editable .f_manager-wrapper tr.app-listing__row i.tab-remove:before, .f_manager-wrapper tr.app-listing__row .tab-bar--editable i.tab-on:before, .tab-bar--editable .f_manager-wrapper tr.app-listing__row i.tab-on:before, .f_manager-wrapper tr.app-listing__row .tab-bar--editable i.tab-off:before, .tab-bar--editable .f_manager-wrapper tr.app-listing__row i.tab-off:before, .f_manager-wrapper tr.app-listing__row .tab-bar--editable i.tab-edit:before, .tab-bar--editable .f_manager-wrapper tr.app-listing__row i.tab-edit:before, .f_manager-wrapper tr.app-listing__row i.dropdown__link--selected::before, .f_manager-wrapper tr.app-listing__row i[class^=widget-icon--], .f_manager-wrapper tr.app-listing__row i[class*=" widget-icon--"], .f_manager-wrapper tr.app-listing__row i.widget--support::before, .f_manager-wrapper tr.app-listing__row i.checkbox:after, .f_manager-wrapper tr.app-listing__row i.checkbox--large:after, .f_manager-wrapper tr.app-listing__row i.checkbox--small:after, .f_manager-wrapper tr.app-listing__row i.sub-arrow:before, .f_manager-wrapper tr.app-listing__row i.select__button-label::after, .f_manager-wrapper tr.app-listing__row i.select-popup:not([multiple])::after, .f_manager-wrapper tr.app-listing__row i.layout-item__handle::after, .f_manager-wrapper tr.app-listing__row i.icon-reorder, .f_manager-wrapper tr.app-listing__row i[class^=icon--], .f_manager-wrapper tr.app-listing__row i[class*=" icon--"], .f_manager-wrapper tr.app-listing__row i.icon-settings, .f_manager-wrapper tr.app-listing__row i.icon--settings, .f_manager-wrapper tr.app-listing__row i.has-sub::after, .f_manager-wrapper tr.app-listing__row .menu-wrap .develop i.has-sub::before, .menu-wrap .develop .f_manager-wrapper tr.app-listing__row i.has-sub::before, .f_manager-wrapper tr.app-listing__row .tbl-list i.reorder:before, .tbl-list .f_manager-wrapper tr.app-listing__row i.reorder:before, .f_manager-wrapper tr.app-listing__row .tab-wrap .tabs.layout i.tab-remove:before, .tab-wrap .tabs.layout .f_manager-wrapper tr.app-listing__row i.tab-remove:before, .f_manager-wrapper tr.app-listing__row .tab-wrap .tabs.layout i.tab-on:before, .tab-wrap .tabs.layout .f_manager-wrapper tr.app-listing__row i.tab-on:before, .f_manager-wrapper tr.app-listing__row .tab-wrap .tabs.layout i.tab-off:before, .tab-wrap .tabs.layout .f_manager-wrapper tr.app-listing__row i.tab-off:before, .f_manager-wrapper tr.app-listing__row i[class*=fields-grid-tool-]:before { color: var(--ee-secondary-sidebar-item-icon); } .f_manager-wrapper tr.selected td { position: inherit; } .f_manager-wrapper .dropdown a.edit:before, .f_manager-wrapper .select__dropdown a.edit:before, .f_manager-wrapper .dropdown a.download:before, .f_manager-wrapper .select__dropdown a.download:before, .f_manager-wrapper .dropdown a.link:before, .f_manager-wrapper .select__dropdown a.link:before { display: none; } .f_manager-wrapper th.app-listing__header input[type=checkbox].intermediate:after { opacity: 1; content: "\f068"; color: var(--ee-accent) !important; } .f_manager-wrapper th.app-listing__header input[type=checkbox].intermediate:checked:after, .f_manager-wrapper th.app-listing__header input[type=checkbox].intermediate.checkbox--checked:after { color: #fff !important; content: "\f00c"; } .f_manager-wrapper tr.missing td:not(.reorder-col) .toolbar { opacity: 1; cursor: pointer; pointer-events: unset; } .f_manager-wrapper tr.missing td:not(.reorder-col) .toolbar .dropdown__link:not(.delete), .f_manager-wrapper tr.missing td:not(.reorder-col) .toolbar .button__within-dropdown:not(.delete), .f_manager-wrapper tr.missing td:not(.reorder-col) .toolbar .select__dropdown-item:not(.delete) { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .f_manager-wrapper .input-group input[type=text]:first-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .f_manager-wrapper table td { max-width: 350px; overflow-wrap: break-word; } .f_manager-wrapper .ui-sortable-helper { background: var(--ee-gray-5); } .f_manager-table-breadcrumbs .breadcrumb { padding: 10px 20px; border-bottom: 1px solid var(--ee-table-border); letter-spacing: 0px; } .f_manager-table-breadcrumbs .breadcrumb li a, .f_manager-table-breadcrumbs .breadcrumb li span { border-radius: 0; text-transform: none; padding: 5px; } .f_manager-table-breadcrumbs .breadcrumb li a i, .f_manager-table-breadcrumbs .breadcrumb li span i { margin-right: 5px; } .f_manager-table-breadcrumbs .breadcrumb li a:hover { background-color: transparent; } .f_manager-table-breadcrumbs .breadcrumb li:after { content: "/"; } .f_manager-table-breadcrumbs .breadcrumb li:last-child:after { content: ""; } .f_manager-action-part .pagination { border-top: none; margin-left: auto; } .file-upload-progress__main-wrapper { display: none; } .file-upload-progress__wrapper { padding: 10px 25px 20px; margin-bottom: -1px; border-bottom: 1px solid var(--ee-panel-border); } .file-upload-progress__wrapper label { font-weight: normal; font-size: 13px; color: var(--ee-text-secondary); margin-bottom: 7px; } .file-grid__checkAll { margin-bottom: 10px; margin-top: -7px; } .file-grid__checkAll input[type=checkbox].intermediate:after { opacity: 1; content: "\f068"; color: var(--ee-accent) !important; } .file-grid__checkAll input[type=checkbox].intermediate:checked:after, .file-grid__checkAll input[type=checkbox].intermediate.checkbox--checked:after { color: #fff !important; content: "\f00c"; } .file-grid__wrapper { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); grid-column-gap: 15px; grid-row-gap: 15px; /* Additional class for larger thumbnails: */ /* This colors the grid SVG thumbnails for folders and documents: */ } .file-grid__wrapper.file-grid__wrapper-large { grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); grid-column-gap: 20px; grid-row-gap: 20px; } .file-grid__wrapper .file-grid__file { text-align: center; font-size: 13px; color: var(--ee-text-normal); border-radius: 8px; border: 1px solid transparent; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; cursor: grab; position: relative; } .file-grid__wrapper .file-grid__file.missing { background-color: var(--ee-warning-light); } .file-grid__wrapper .file-grid__file:hover, .file-grid__wrapper .file-grid__file.selected { background-color: var(--ee-accent-light); color: var(--ee-text-normal); } .file-grid__wrapper .file-grid__file.selected { border: 1px solid var(--ee-accent-medium); } .file-grid__wrapper a.file-grid__file { cursor: pointer; } .file-grid__wrapper .file-thumbnail__wrapper { height: 0; padding: 10px; padding-top: calc(100% - 10px); position: relative; } .file-grid__wrapper .file-thumbnail { line-height: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 88%; width: 88%; } .file-grid__wrapper .file-thumbnail img, .file-grid__wrapper .file-thumbnail svg, .file-grid__wrapper .file-thumbnail i.fas, .file-grid__wrapper .file-thumbnail i.fal, .file-grid__wrapper .file-thumbnail i.column-sort::after, .file-grid__wrapper .file-thumbnail i.app-notice__icon::before, .file-grid__wrapper .file-thumbnail i.app-notice__dismiss::before, .file-grid__wrapper .file-thumbnail i.m-close:before, .file-grid__wrapper .file-thumbnail i.sidebar__link.remove:after, .file-grid__wrapper .file-thumbnail .tab-bar--editable i.tab-remove:before, .tab-bar--editable .file-grid__wrapper .file-thumbnail i.tab-remove:before, .file-grid__wrapper .file-thumbnail .tab-bar--editable i.tab-on:before, .tab-bar--editable .file-grid__wrapper .file-thumbnail i.tab-on:before, .file-grid__wrapper .file-thumbnail .tab-bar--editable i.tab-off:before, .tab-bar--editable .file-grid__wrapper .file-thumbnail i.tab-off:before, .file-grid__wrapper .file-thumbnail .tab-bar--editable i.tab-edit:before, .tab-bar--editable .file-grid__wrapper .file-thumbnail i.tab-edit:before, .file-grid__wrapper .file-thumbnail i.dropdown__link--selected::before, .file-grid__wrapper .file-thumbnail i[class^=widget-icon--], .file-grid__wrapper .file-thumbnail i[class*=" widget-icon--"], .file-grid__wrapper .file-thumbnail i.widget--support::before, .file-grid__wrapper .file-thumbnail i.checkbox:after, .file-grid__wrapper .file-thumbnail i.checkbox--large:after, .file-grid__wrapper .file-thumbnail i.checkbox--small:after, .file-grid__wrapper .file-thumbnail i.sub-arrow:before, .file-grid__wrapper .file-thumbnail i.select__button-label::after, .file-grid__wrapper .file-thumbnail i.select-popup:not([multiple])::after, .file-grid__wrapper .file-thumbnail i.layout-item__handle::after, .file-grid__wrapper .file-thumbnail i.icon-reorder, .file-grid__wrapper .file-thumbnail i[class^=icon--], .file-grid__wrapper .file-thumbnail i[class*=" icon--"], .file-grid__wrapper .file-thumbnail i.icon-settings, .file-grid__wrapper .file-thumbnail i.icon--settings, .file-grid__wrapper .file-thumbnail i.has-sub::after, .file-grid__wrapper .file-thumbnail .menu-wrap .develop i.has-sub::before, .menu-wrap .develop .file-grid__wrapper .file-thumbnail i.has-sub::before, .file-grid__wrapper .file-thumbnail .tbl-list i.reorder:before, .tbl-list .file-grid__wrapper .file-thumbnail i.reorder:before, .file-grid__wrapper .file-thumbnail .tab-wrap .tabs.layout i.tab-remove:before, .tab-wrap .tabs.layout .file-grid__wrapper .file-thumbnail i.tab-remove:before, .file-grid__wrapper .file-thumbnail .tab-wrap .tabs.layout i.tab-on:before, .tab-wrap .tabs.layout .file-grid__wrapper .file-thumbnail i.tab-on:before, .file-grid__wrapper .file-thumbnail .tab-wrap .tabs.layout i.tab-off:before, .tab-wrap .tabs.layout .file-grid__wrapper .file-thumbnail i.tab-off:before, .file-grid__wrapper .file-thumbnail i[class*=fields-grid-tool-]:before { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 6px; pointer-events: none; } .file-grid__wrapper .file-thumbnail i.fas, .file-grid__wrapper .file-thumbnail i.fal, .file-grid__wrapper .file-thumbnail i.column-sort::after, .file-grid__wrapper .file-thumbnail i.app-notice__icon::before, .file-grid__wrapper .file-thumbnail i.app-notice__dismiss::before, .file-grid__wrapper .file-thumbnail i.m-close:before, .file-grid__wrapper .file-thumbnail i.sidebar__link.remove:after, .file-grid__wrapper .file-thumbnail .tab-bar--editable i.tab-remove:before, .tab-bar--editable .file-grid__wrapper .file-thumbnail i.tab-remove:before, .file-grid__wrapper .file-thumbnail .tab-bar--editable i.tab-on:before, .tab-bar--editable .file-grid__wrapper .file-thumbnail i.tab-on:before, .file-grid__wrapper .file-thumbnail .tab-bar--editable i.tab-off:before, .tab-bar--editable .file-grid__wrapper .file-thumbnail i.tab-off:before, .file-grid__wrapper .file-thumbnail .tab-bar--editable i.tab-edit:before, .tab-bar--editable .file-grid__wrapper .file-thumbnail i.tab-edit:before, .file-grid__wrapper .file-thumbnail i.dropdown__link--selected::before, .file-grid__wrapper .file-thumbnail i[class^=widget-icon--], .file-grid__wrapper .file-thumbnail i[class*=" widget-icon--"], .file-grid__wrapper .file-thumbnail i.widget--support::before, .file-grid__wrapper .file-thumbnail i.checkbox:after, .file-grid__wrapper .file-thumbnail i.checkbox--large:after, .file-grid__wrapper .file-thumbnail i.checkbox--small:after, .file-grid__wrapper .file-thumbnail i.sub-arrow:before, .file-grid__wrapper .file-thumbnail i.select__button-label::after, .file-grid__wrapper .file-thumbnail i.select-popup:not([multiple])::after, .file-grid__wrapper .file-thumbnail i.layout-item__handle::after, .file-grid__wrapper .file-thumbnail i.icon-reorder, .file-grid__wrapper .file-thumbnail i[class^=icon--], .file-grid__wrapper .file-thumbnail i[class*=" icon--"], .file-grid__wrapper .file-thumbnail i.icon-settings, .file-grid__wrapper .file-thumbnail i.icon--settings, .file-grid__wrapper .file-thumbnail i.has-sub::after, .file-grid__wrapper .file-thumbnail .menu-wrap .develop i.has-sub::before, .menu-wrap .develop .file-grid__wrapper .file-thumbnail i.has-sub::before, .file-grid__wrapper .file-thumbnail .tbl-list i.reorder:before, .tbl-list .file-grid__wrapper .file-thumbnail i.reorder:before, .file-grid__wrapper .file-thumbnail .tab-wrap .tabs.layout i.tab-remove:before, .tab-wrap .tabs.layout .file-grid__wrapper .file-thumbnail i.tab-remove:before, .file-grid__wrapper .file-thumbnail .tab-wrap .tabs.layout i.tab-on:before, .tab-wrap .tabs.layout .file-grid__wrapper .file-thumbnail i.tab-on:before, .file-grid__wrapper .file-thumbnail .tab-wrap .tabs.layout i.tab-off:before, .tab-wrap .tabs.layout .file-grid__wrapper .file-thumbnail i.tab-off:before, .file-grid__wrapper .file-thumbnail i[class*=fields-grid-tool-]:before { color: var(--ee-secondary-sidebar-item-icon); font-size: 108px; } .file-grid__wrapper .file-thumbnail svg { width: 100%; height: 100%; } .file-grid__wrapper .file-grid__file-folder .file-thumbnail, .file-grid__wrapper .file-grid__file-document .file-thumbnail { color: var(--ee-accent); } .file-grid__wrapper .file-metadata__wrapper { padding: 0 19% 10px; padding-right: calc(19% - 21px); margin-top: -2%; position: relative; text-align: left; } .file-grid__wrapper .file-metadata__wrapper label { padding: 8px; position: absolute; top: -4px; left: calc(19% - 30px); line-height: 0; cursor: pointer; } .file-grid__wrapper .file-metadata__wrapper span { color: var(--ee-text-secondary); display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .file-grid__wrapper .file-metadata__wrapper span:first-of-type { color: var(--ee-text-normal); font-size: 14px; } .file-grid__wrapper .file-grid__file-folder .file-metadata__wrapper { padding-left: calc(19% - 21px); } .f_metadata-section { display: grid; grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)); grid-column-gap: 15px; grid-row-gap: 10px; padding: 15px 25px 10px; background: var(--ee-bg-0); margin-bottom: 10px; border-radius: 6px; } .f_metadata-section .f_metadata-item { margin-bottom: 10px; min-width: 0; } .f_metadata-section .f_metadata-item .f_meta-info { display: block; color: var(--ee-text-secondary); overflow-wrap: break-word; } .f_metadata-section .f_meta-name { font-weight: 500; text-transform: uppercase; letter-spacing: 1px; font-size: 0.8rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #fieldset-usage_tables h2 { padding: 15px 25px; } .create_new_direction { border-top: 2px solid var(--ee-tab-bar-border); } .create_new_direction a { padding: 7px 20px; display: block; color: var(--ee-text-primary); margin: 0; background-color: transparent; border: none; text-align: left; } .create_new_direction a:hover { background-color: var(--ee-bg-dropdown-hover); } .file-edit-view .filter-bar__button { margin-left: 10px; } .f_manager-alert { display: none; margin: 20px auto 0; } .multilevel-select { display: block; width: 100%; margin: 10px 0; } .multilevel-select .select__button { width: 100%; text-align: left; } .multilevel-select .select__button label { display: block; width: 100%; } .multilevel-select .select__button label span i { display: none; } .multilevel-select .select__dropdown { width: calc(100% - 60px); } .multilevel-select .select__dropdown .select__dropdown-item-parent { margin-top: 0; } .multilevel-select .select__dropdown .select__dropdown-item-parent .select__dropdown-item-parent { padding-left: 20px; } #preview { position: absolute; background-color: var(--ee-panel-bg); border-radius: 5px; display: flex; align-items: center; justify-content: center; z-index: 90; padding: 5px; border: 1px solid var(--ee-button-default-border); box-shadow: 0 1px 4px 0 var(--ee-shadow-dropdown); } #preview:before, #preview:after { position: absolute; display: block; content: ""; top: 100%; left: 50%; transform: translateX(-50%); z-index: 20; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: var(--ee-button-default-border) transparent transparent transparent; } #preview:after { border-color: var(--ee-bg-blank) transparent transparent transparent; top: calc(100% - 1px); } #preview img { border-radius: 4px; } .file-edit-view .entry-pannel-notice-wrap .app-notice { margin-top: 20px; margin-bottom: 0px; } .file-edit-view .entry-pannel-notice-wrap { padding: 0; } .f_entries-table h2, .f_category-table h2 { margin-bottom: 0 !important; color: var(--ee-text-normal) !important; } .file-upload-widget.open-dd { display: block; padding: 0; margin: 0; position: absolute; width: 100%; z-index: 20; } .file-upload-widget.open-dd div[data-file-field-react], .file-upload-widget.open-dd div.none, .file-upload-widget.open-dd .file-field { height: 100%; } .file-upload-widget.open-dd .file-field__dropzone { background: rgba(255, 255, 255, 0.8); margin: 0; border: none; height: 100%; } @media screen and (min-width: 1200px) { .modal-wrap .filter-search-bar .filter-search-bar__filter-row .filter-search-bar__item:first-child { flex: inherit; } } .modal-wrap .filter-search-bar .filter-search-bar__filter-row .filter-search-bar__item:first-child .dropdown, .modal-wrap .filter-search-bar .filter-search-bar__filter-row .filter-search-bar__item:first-child .select__dropdown { width: max-content; } @media (max-width: 767px) { .modal-wrap .filter-search-bar .filter-search-bar__filter-row .filter-search-bar__item:first-child .dropdown, .modal-wrap .filter-search-bar .filter-search-bar__filter-row .filter-search-bar__item:first-child .select__dropdown { width: 100%; } } .member_manager-wrapper .dropdown a.edit:before, .member_manager-wrapper .select__dropdown a.edit:before, .member_manager-wrapper .dropdown a.download:before, .member_manager-wrapper .select__dropdown a.download:before, .member_manager-wrapper .dropdown a.approve:before, .member_manager-wrapper .select__dropdown a.approve:before, .member_manager-wrapper .dropdown a.link:before, .member_manager-wrapper .select__dropdown a.link:before { display: none; } @media (max-width: 1080px) { .member_manager-wrapper .members--filter-search-bar .filter-search-bar__filter-row { flex-wrap: wrap; } } .member_manager-wrapper .members--filter-search-bar .filter-search-bar__filter-row .filter-search-bar__item { flex: auto; margin-bottom: 0; } .member_manager-wrapper .members--filter-search-bar .filter-search-bar__filter-row .filter-search-bar__item:last-child { margin-right: 0; } .member_manager-wrapper .members--filter-search-bar .filter-search-bar__filter-row .filter-search-bar__item-no-search { flex-grow: 0; } .member_manager-wrapper .members--filter-search-bar .filter-search-bar__filter-row .filter-search-bar__item-no-search div[rev=toggle-columns] { width: fit-content; } .member_manager-wrapper .members--filter-search-bar .filter-search-bar__filter-row .filter-search-bar__item-search { flex-grow: 3; } @media (max-width: 1200px) { .member_manager-wrapper .members--filter-search-bar .filter-search-bar__filter-row .filter-search-bar__item-search { flex-grow: 2; } } @media (max-width: 1080px) { .member_manager-wrapper .members--filter-search-bar .filter-search-bar__filter-row .filter-search-bar__item { margin-bottom: 10px; } .member_manager-wrapper .members--filter-search-bar .filter-search-bar__filter-row .filter-search-bar__item:last-child { margin-bottom: 0; } } @media (max-width: 767px) { .member_manager-wrapper .members--filter-search-bar .filter-search-bar__filter-row .filter-search-bar__item { margin-bottom: 5px; margin-right: 0; } } .hidden { display: none; } .mt-s { margin-top: 10px; } .mr-s { margin-right: 10px; } .mb-s { margin-bottom: 10px; } .ml-s { margin-left: 10px; } .d-flex { display: flex !important; } .align-items-center { align-items: center; } .flex-grow { flex: 1 1; } .flex-shrink { flex-shrink: 1; } .float-right { float: right; } .float-left { float: left; } .font-monospace { font-family: "SFMono-Regular", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace; } .danger-link:hover { color: var(--ee-danger) !important; } .danger-link:hover .fas, .danger-link:hover .fal, .danger-link:hover tr.missing td:not(.reorder-col):first-child:before, tr.missing .danger-link:hover td:not(.reorder-col):first-child:before, .danger-link:hover tr.missing:hover td:not(.reorder-col):first-child:before, tr.missing:hover .danger-link:hover td:not(.reorder-col):first-child:before, .danger-link:hover .column-sort::after, .danger-link:hover .app-notice---attention > .app-notice__tag .app-notice__icon::before, .app-notice---attention > .app-notice__tag .danger-link:hover .app-notice__icon::before, .danger-link:hover .alert--attention > .app-notice__tag .app-notice__icon::before, .alert--attention > .app-notice__tag .danger-link:hover .app-notice__icon::before, .danger-link:hover .app-notice---success > .app-notice__tag .app-notice__icon::before, .app-notice---success > .app-notice__tag .danger-link:hover .app-notice__icon::before, .danger-link:hover .alert--success > .app-notice__tag .app-notice__icon::before, .alert--success > .app-notice__tag .danger-link:hover .app-notice__icon::before, .danger-link:hover .app-notice---loading > .app-notice__tag .app-notice__icon::before, .app-notice---loading > .app-notice__tag .danger-link:hover .app-notice__icon::before, .danger-link:hover .alert--loading > .app-notice__tag .app-notice__icon::before, .alert--loading > .app-notice__tag .danger-link:hover .app-notice__icon::before, .danger-link:hover .app-notice__icon::before, .danger-link:hover .app-notice__dismiss::before, .danger-link:hover .m-close:before, .danger-link:hover .app-modal__dismiss a:before, .app-modal__dismiss .danger-link:hover a:before, .danger-link:hover .sidebar__link.remove:after, .danger-link:hover .tab-bar--editable .tab-remove:before, .tab-bar--editable .danger-link:hover .tab-remove:before, .danger-link:hover .tab-bar--editable .tab-on:before, .tab-bar--editable .danger-link:hover .tab-on:before, .danger-link:hover .tab-bar--editable .tab-off:before, .tab-bar--editable .danger-link:hover .tab-off:before, .danger-link:hover .tab-bar--editable .tab-edit:before, .tab-bar--editable .danger-link:hover .tab-edit:before, .danger-link:hover .dropdown__link--selected::before, .danger-link:hover [class^=widget-icon--], .danger-link:hover [class*=" widget-icon--"], .danger-link:hover .widget--support::before, .danger-link:hover .checkbox:after, .danger-link:hover input[type=checkbox]:after, .danger-link:hover .checkbox--large:after, .danger-link:hover input[type=checkbox].checkbox--large:after, .danger-link:hover .checkbox--small:after, .danger-link:hover input[type=checkbox].checkbox--small:after, .danger-link:hover .fieldset-required > .field-instruct label:after, .fieldset-required > .field-instruct .danger-link:hover label:after, .danger-link:hover .fieldset-security-caution > .field-instruct label:after, .fieldset-security-caution > .field-instruct .danger-link:hover label:after, .danger-link:hover .fieldset-invalid > .field-instruct label:after, .fieldset-invalid > .field-instruct .danger-link:hover label:after, .danger-link:hover .fieldset-invalid > label:after, .danger-link:hover .sub-arrow:before, .danger-link:hover .field-closed .sub-arrow:before, .field-closed .danger-link:hover .sub-arrow:before, .danger-link:hover .fieldset---closed .sub-arrow:before, .fieldset---closed .danger-link:hover .sub-arrow:before, .danger-link:hover .fluid-closed .sub-arrow:before, .fluid-closed .danger-link:hover .sub-arrow:before, .danger-link:hover .checklist li:before, .checklist .danger-link:hover li:before, .danger-link:hover .select__button-label::after, .danger-link:hover .select-popup:not([multiple])::after, .danger-link:hover select:not([multiple])::after, .danger-link:hover .ee-debugger .tab-bar--editable .tab-remove:before, .ee-debugger .tab-bar--editable .danger-link:hover .tab-remove:before, .danger-link:hover .ee-debugger .tab-bar--editable .tab-on:before, .ee-debugger .tab-bar--editable .danger-link:hover .tab-on:before, .danger-link:hover .ee-debugger .tab-bar--editable .tab-off:before, .ee-debugger .tab-bar--editable .danger-link:hover .tab-off:before, .danger-link:hover .ee-debugger .tab-bar--editable .tab-edit:before, .ee-debugger .tab-bar--editable .danger-link:hover .tab-edit:before, .danger-link:hover .layout-item__handle::after, .danger-link:hover .add-on-layout .secondary-sidebar .sidebar__section-title a.remove:not(.button):not(.filter-bar__button):not(.license-status-badge):not(.select__button):not(.select-popup):not(select):not(.pagination__link):after, .add-on-layout .secondary-sidebar .sidebar__section-title .danger-link:hover a.remove:not(.button):not(.filter-bar__button):not(.license-status-badge):not(.select__button):not(.select-popup):not(select):not(.pagination__link):after, .danger-link:hover .icon-reorder, .danger-link:hover [class^=icon--], .danger-link:hover [class*=" icon--"], .danger-link:hover .icon-settings, .danger-link:hover .icon--settings, .danger-link:hover .has-sub::after, .danger-link:hover .menu-wrap .develop .has-sub::before, .menu-wrap .develop .danger-link:hover .has-sub::before, .danger-link:hover .toolbar a:after, .toolbar .danger-link:hover a:after, .danger-link:hover .toolbar a:before, .toolbar .danger-link:hover a:before, .danger-link:hover .toolbar span:after, .toolbar .danger-link:hover span:after, .danger-link:hover .toolbar span:before, .toolbar .danger-link:hover span:before, .danger-link:hover button-toolbar a:after, button-toolbar .danger-link:hover a:after, .danger-link:hover button-toolbar a:before, button-toolbar .danger-link:hover a:before, .danger-link:hover button-toolbar span:after, button-toolbar .danger-link:hover span:after, .danger-link:hover button-toolbar span:before, button-toolbar .danger-link:hover span:before, .danger-link:hover .fields-keyvalue-item .toolbar .reorder a:before, .fields-keyvalue-item .toolbar .reorder .danger-link:hover a:before, .danger-link:hover .fields-keyvalue-item .toolbar .remove a:after, .fields-keyvalue-item .toolbar .remove .danger-link:hover a:after, .danger-link:hover .tbl-list .reorder:before, .tbl-list .danger-link:hover .reorder:before, .danger-link:hover .filters a.add:before, .filters .danger-link:hover a.add:before, .danger-link:hover .filters .filter-clear a:before, .filters .filter-clear .danger-link:hover a:before, .danger-link:hover .tab-wrap .tabs.layout .tab-remove:before, .tab-wrap .tabs.layout .danger-link:hover .tab-remove:before, .danger-link:hover .tab-wrap .tabs.layout .tab-on:before, .tab-wrap .tabs.layout .danger-link:hover .tab-on:before, .danger-link:hover .tab-wrap .tabs.layout .tab-off:before, .tab-wrap .tabs.layout .danger-link:hover .tab-off:before, .danger-link:hover [class*=fields-grid-tool-]:before { color: var(--ee-danger) !important; } .success-link { color: var(--ee-success) !important; } .success-link i { color: var(--ee-success) !important; } .success-link:hover { color: var(--ee-success) !important; } .success-link:hover i { color: var(--ee-success) !important; } .clear-float:after { clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden; } .normal-link { color: var(--ee-text-normal); } .text-center { text-align: center; } .icon-left { margin-right: 5px; } .icon-right { margin-left: 5px; } .add-mrg-top { margin-top: 20px; } .add-mrg-right { margin-right: 20px; } .add-mrg-bottom { margin-bottom: 20px; } .add-mrg-left { margin-left: 20px; } .cursor-move { cursor: move; } .text-security-caution { color: var(--ee-security-caution); } .text-muted { color: var(--ee-text-tertiary); } .key { position: relative; padding: 3px 8px; border-radius: 3px; margin: 0 2px; color: var(--ee-text-secondary); border: 1px solid var(--ee-key-border); font-size: 0.85rem; } .click-select-text, .f_metadata-section .f_metadata-item .f_meta-info { font-family: "SFMono-Regular", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace; cursor: default; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; } /* _font-icons.less ------------- define font-icons variables (4.7.0) http://fontawesome.io/icons/ */ /* _font-wk.less ------------- define font-wk */ .font-wk { -webkit-font-smoothing: antialiased; } /* applies custom width responsive rules to rules ------------- arguments @min-width, @rules examples .parent{ ... .response-custom(414px,{ ... }); } .parent{ ... .tablet-portrait-up({ ... }); } */ /* applies rounded corners to block level elements ------------- arguments border-radius examples .class{ .corners(5px); all corners .corners(5px 10px 15px); top left+right bottom .corners(5px 10px 15px 20px); top-left top-right bottom-right bottom-left } */ /* _app-overlay.less ============= # HTML full structure ```
``` # HTML minimum structure ``` ``` -----TOC----- .app-overlay (object, required) .app-overlay---open (state, optional) .app-overlay---closed (state, optional) .app-overlay--destruct (modifier, optional) .app-overlay--warning (modifier, optional) */ @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .animate-slide-left-in, .animate-slide-left-out { animation-name: slideInLeft; animation-duration: .5s; animation-timing-function: ease-in-out; animation-delay: 0; animation-direction: alternate; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; } .animate-slide-left-out { animation-name: slideOutLeft; } @keyframes slideIn { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideOut { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .animate-slide-in, .animate-slide-out { animation-name: slideIn; animation-duration: .5s; animation-timing-function: ease-in-out; animation-delay: 0; animation-direction: alternate; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; } .animate-slide-out { animation-name: slideOut; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .animate-fade-in, .animate-fade-out { animation-name: fadeIn; animation-duration: .5s; animation-timing-function: ease-in-out; animation-delay: 0; animation-direction: alternate; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; } .animate-fade-out { animation-name: fadeOut; } .app-overlay { bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 100; opacity: 0.9; } /* reveals overlay (applied via js) */ .app-overlay---open { display: block; animation-name: fadeIn; animation-duration: .5s; animation-timing-function: ease-in-out; animation-delay: 0; animation-direction: alternate; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; } /* hides overlay (applied via js) */ .app-overlay---closed { animation-name: fadeIn; animation-duration: .5s; animation-timing-function: ease-in-out; animation-delay: 0; animation-direction: alternate; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; animation-name: fadeOut; } /* use when modal action is destructive example: deleting data */ /* use when modal action requires extra thought example: editing data */ .app-modal { display: none; padding: 24px; position: absolute; z-index: 101; } /* .app-modal__dismiss{ margin-bottom: 16px; a{ color: @gray-medium; font-weight: 500; &:hover{ color: @red; } &:before{ content: '\f00d'; font-family: @font-family-icon; margin-right: 5px; } } } */ .app-modal__content { position: relative; } .app-modal__iframe { border: 0; height: 100vh; width: 100%; } .app-modal__frame { border: 0; flex: 1; width: 100%; } .app-modal-inner { padding: 24px; } /* reveals modal (applied via js) */ .app-modal---open { display: block; animation-name: fadeIn; animation-duration: .5s; animation-timing-function: ease-in-out; animation-delay: 0; animation-direction: alternate; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; } /* hides modal (applied via js) */ .app-modal---closed { animation-name: fadeIn; animation-duration: .5s; animation-timing-function: ease-in-out; animation-delay: 0; animation-direction: alternate; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; animation-name: fadeOut; } /* centered modal used for file manager, confirmations, and bulk editing */ .app-modal--center { left: 0; margin: 0 auto; max-width: 1200px; right: 0; top: 0; } .app-modal--center .app-modal__content { padding: 24px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); } .app-modal--fullscreen { bottom: 0; height: 100%; flex-direction: column; padding: 0; top: 0; width: 100%; overflow: auto; position: fixed; } .app-modal--fullscreen .app-notice--banner { flex: 0 1 auto; } .app-modal--fullscreen.app-modal---open { display: flex; animation-name: slideIn; animation-duration: .5s; animation-timing-function: ease-in-out; animation-delay: 0; animation-direction: alternate; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; } .app-modal--fullscreen.app-modal---closed { animation-name: slideIn; animation-duration: .5s; animation-timing-function: ease-in-out; animation-delay: 0; animation-direction: alternate; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; animation-name: slideOut; } /* side panel modal used for create and edit form modals */ .app-modal--side { bottom: 0; height: 100%; overflow: auto; position: fixed; right: 0; top: 0; width: 100%; box-shadow: -5px 0 10px 0 rgba(0, 0, 0, 0.1); } @media screen and (min-width: 750px) { .app-modal--side { width: 50%; } } .app-modal--side.app-modal---open { animation-name: slideIn; animation-duration: .5s; animation-timing-function: ease-in-out; animation-delay: 0; animation-direction: alternate; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; } .app-modal--side.app-modal---closed { animation-name: slideIn; animation-duration: .5s; animation-timing-function: ease-in-out; animation-delay: 0; animation-direction: alternate; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; animation-name: slideOut; } @media screen and (min-width: 750px) { .app-modal--full { width: 100%; } } .app-modal--iframe { padding: 0; overflow: hidden; } /* iOS web-kit anomalies things that need different assets called for iOS go in {} should be little to nothing in there */ @supports (-webkit-overflow-scrolling: touch) { .app-modal--iframe .app-modal__content { -webkit-overflow-scrolling: touch; overflow-y: scroll; } } .app-modal--live-preview { height: 50%; left: 0; right: auto; top: auto; } @media screen and (min-width: 750px) { .app-modal--live-preview { height: 100%; top: 0; } } .app-modal--live-preview.app-modal---open { animation-name: slideInLeft; animation-duration: .5s; animation-timing-function: ease-in-out; animation-delay: 0; animation-direction: alternate; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; } .app-modal--live-preview.app-modal---closed { animation-name: slideInLeft; animation-duration: .5s; animation-timing-function: ease-in-out; animation-delay: 0; animation-direction: alternate; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; animation-name: slideOutLeft; } /* _fields-fluid.less ------------- define fields-fluid ------------- .fluid-group .fluid-wrap .fluid-item .fluid-ctrls .fluid-field .fluid-actions */ .fluid-group { border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; } .fluid-item { border: 1px solid #CCCCCC; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: linear-gradient(top, #fcfcfc, #FFFFFF); } .fluid-ctrls { background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; padding: 10px; position: relative; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .fluid-ctrls h3 { font-size: 14px; margin-bottom: 0; } .fluid-ctrls h3 mark { background-color: transparent; color: inherit; } .fluid-ctrls em { color: #808080; display: block; font-size: 12px; font-style: normal; margin: 5px 0 0; padding-right: 10px; } .fluid-ctrls em mark { background-color: transparent; color: #808080; } .fluid-ctrls.invalid h3, .fluid-ctrls.invalid em { color: #E0251C; } .fluid-ctrls .reorder { background-color: #F9F9F9; border-right: 1px solid #CCCCCC; cursor: move; float: left; margin: -10px 10px -10px -10px; padding: 10px; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; } .fluid-ctrls .reorder:before { color: #333333; content: "\f0c9"; font-size: 12px; font-family: 'Font Awesome 6 Pro'; } .fluid-ctrls .reorder:hover { background-color: #E9F7FD; } .fluid-ctrls .reorder:hover:before { color: #009AE1; } .fluid-ctrls .fluid-remove { background-color: #FCF5F5; border-left: 1px solid #CCCCCC; padding: 10px; position: absolute; right: 0; top: 0; text-decoration: none; -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; } .fluid-ctrls .fluid-remove:before { color: #E0251C; content: "\f1f8"; font-size: 12px; font-family: 'Font Awesome 6 Pro'; } .fluid-ctrls .filters { position: absolute; right: 35px; top: 4px; } .fluid-ctrls .filters .sub-menu { left: auto; right: 0; } .fluid-ctrls:after { clear: both; content: '.'; display: block; font-size: 0; height: 0; visibility: hidden; } .fluid-closed .fluid-ctrls { border-bottom: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .fluid-closed .fluid-ctrls h3 { color: #808080; } .fluid-closed .fluid-ctrls .reorder { -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .fluid-closed .fluid-ctrls .fluid-remove { -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .fluid-field { padding: 10px; } .fluid-closed .fluid-field { display: none; } .setting-field .fluid-actions input[type='text'] { margin-bottom: 0; } .fluid-actions .filters li:last-child { margin-bottom: 0; } /* .drag-placeholder{ .none{ background-color: @yellow-light; border: 2px dashed @yellow-medium; padding: 10px; .corners; } fieldset&{ margin-bottom: 10px; } } */ .filter-clear a { display: block; height: 27px; line-height: 27px; margin-left: 10px; border-radius: 5px; padding: 0 8px; border: 1px solid; border-color: #EEEEEE; color: #808080; } .filter-clear a:before { content: "\f146"; font-family: 'Font Awesome 6 Pro'; font-size: 12px; line-height: 1; margin-right: 5px; position: relative; top: 0; } .filter-clear a:hover { background-color: #FCF5F5; border-color: #F59792; color: #E0251C; } label.field-option-required { color: #FF6600; } .has-format-options { margin-bottom: 5px; } .col { margin-bottom: 20px; } .col.last { margin-bottom: 0; } @media screen and (min-width: 750px) { .col { float: left; margin-bottom: 0; padding: 0 10px; } .box .col { padding: 0; } .box .col .col { padding: 0 5px; } .box .col .col:first-child { padding-left: 0; padding-right: 5px; } .box .col .col:last-child { padding-right: 0; padding-left: 5px; } .box .col .col.relate-wrap { padding: 0; } } @media screen and (min-width: 750px) { .align-right > .col { float: right; } .col-group { margin-left: auto; margin-right: auto; max-width: var(--eecms-max-width); } .col-group:after { clear: both; content: '.'; display: block; font-size: 0; height: 0; visibility: hidden; } .col-group.install-wrap { max-width: 800px; } .w-1 { width: 6.25%; } .w-2 { width: 12.5%; } .w-3 { width: 18.75%; } .w-4 { width: 25%; } .w-5 { width: 31.25%; } .w-6 { width: 37.5%; } .w-7 { width: 43.75%; } .w-8 { width: 50%; } .w-9 { width: 56.25%; } .w-10 { width: 62.5%; } .w-11 { width: 68.75%; } .w-12 { width: 75%; } .w-13 { width: 81.25%; } .w-14 { width: 87.5%; } .w-15 { width: 93.75%; } .w-16 { width: 100%; } .w-3rds { width: 33.33%; } } body[data-theme="dark"] .fluid__footer img { filter: invert(); }