.admin__control-checkbox + label:before, .admin__control-collapsible .admin__collapsible-block-wrapper .fieldset-wrapper-title .action-delete:before, .admin__control-table .action-delete:before, .admin__field-fallback-reset:before, .selectmenu .action-save:before, .selectmenu .action-edit:before, .selectmenu .action-delete:before, .admin__action-multiselect-search-label:before, .admin__action-multiselect-dropdown:before, .abs-action-delete, .action-close:before, .timeline-action:before, .admin__fieldset-visual-select-large .title:before, .action-advanced-reports:after, .admin__menu [target='_blank']:after, .admin__menu .level-0 > a:before, .admin-user .admin__action-dropdown:before, .search-global-label:before, .notifications-action:before, .notifications-close:before, .copyright .link-copyright:before, .store-switcher .dropdown-menu .dropdown-toolbar a:before, .tooltip .help span:before, .tooltip .help a:before, .page-actions > button.back:before, .page-actions .page-actions-buttons > button.back:before, .page-actions .page-actions-buttons > .action.back:before, .page-actions > button.action-back:before, .page-actions .page-actions-buttons > button.action-back:before, .page-actions .page-actions-buttons > .action.action-back:before, .admin__page-nav-title._collapsible:after, .admin__page-nav-item-message .admin__page-nav-item-message-icon, .admin__collapsible-block-wrapper .admin__collapsible-title:before, .modal-slide .fieldset-wrapper .admin__collapsible-title:before, .section-config > .admin__collapsible-block > a:before, .accordion > dt a:before, .accordion .admin__collapsible-block > a:before, .section-config.complex .section-config.with-button.enabled > .entry-edit-head:before, .section-config .config td.label label.enabled:before, .steps-wizard .attribute-option .action-save:before, .steps-wizard .attribute-option .action-remove:before, .adminhtml-integration-index .data-grid .action:before, .adminhtml-integration-index .security-notice:before, .partners-search:before, .order-discounts .admin__field .action-default:before, .order-discounts .action-remove:before, .order-sidebar .admin__table-primary .icon, .order-sidebar .action-refresh, .add-by-sku-wrapper .action-reset, .summary-total .summary-collapse:before, .abs-staging-events-count-icon:before, .data-grid-search-control-wrap .action-submit:before, .data-grid-filters-action-wrap .action-default:before, .admin__current-filters-list .action-remove:before, .action-previous:before, .action-next:before, .admin__data-grid-action-bookmarks .admin__action-dropdown:before, .admin__data-grid-action-bookmarks .action-submit:before, .admin__data-grid-action-bookmarks .action-delete:before, .admin__data-grid-action-bookmarks .action-edit:before, .admin__data-grid-action-columns .admin__action-dropdown:before, .admin__data-grid-action-export .admin__action-dropdown:before, .sticky-header .data-grid-search-control-wrap .data-grid-search-label:before, .data-grid-row-parent > td .data-grid-checkbox-cell-inner:before, .data-grid-row-changed:after, .manage-rules-panel .smart-category-table .action-delete:before, .mass-select-wrap select + label:before, .page-actions .page-actions.floating-header > button.back:before, .page-actions .page-actions.floating-header > .action.back:before, .page-actions .page-actions.floating-header > button.action-back:before, .page-actions .page-actions.floating-header > .action.action-back:before, .rma-items .col-actions .action-item-delete-line, .staging-events-campaign-objects-count:before, .page-actions > .block-footer .action-add.back:before, .page-actions .page-actions-buttons > .block-footer .action-add.back:before, .page-actions > .block-footer .action-add.action-back:before, .page-actions .page-actions-buttons > .block-footer .action-add.action-back:before { -webkit-font-smoothing: antialiased; font-family: 'Admin Icons'; font-style: normal; font-weight: normal; line-height: 1; speak: none; } .order-shipping-method .admin__page-section-title > span:after { color: #e22626; content: '*'; font-weight: 400; margin-left: 3px; } .ui-widget-overlay, .overlay_magento, .fade, .modals-overlay { background: rgba(0, 0, 0, 0.35); bottom: 0; left: 0; position: fixed; right: 0; top: 0; } .admin__field-tooltip .admin__field-tooltip-action span, .admin__control-fields .admin__field:nth-child(n + 2):not(.admin__field-option):not(.admin__field-group-show-label) > .admin__field-label, [class*='admin__control-grouped'] > .admin__field:nth-child(n + 2):not(.admin__field-option):not(.admin__field-group-show-label):not(.admin__field-date) > .admin__field-label, .selectmenu .action-save > span, .selectmenu .action-edit > span, .selectmenu .action-delete > span, .selectmenu-toggle span, .action-multicheck-wrap .action-multicheck-toggle > span, .admin__actions-switch-checkbox, .abs-action-delete > span, .ui-datepicker-prev span, .ui-datepicker-next span, .tooltip .help span span, .tooltip .help a span, .dashboard-diagram-switcher .label, .order-discounts .admin__field .action-default > span, .order-discounts .action-remove > span, .order-sidebar .admin__table-primary .icon > span, .order-sidebar .action-refresh > span, .add-by-sku-wrapper .action-reset > span, .rma-items .col-actions .action-item-delete-line > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .admin__field-group-columns > .admin__field:nth-child(n + 2):not(.admin__field-option):not(.admin__field-group-show-label):not(.admin__field-date) > .admin__field-label[class] { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .abs-clearfix:before, .abs-clearfix:after, .admin__control-table-pagination:before, .admin__control-table-pagination:after, .admin__field-complex:before, .admin__field-complex:after, .fieldset-wrapper-title:before, .fieldset-wrapper-title:after, .admin__fieldset-wrapper-title:before, .admin__fieldset-wrapper-title:after, .actions-split:before, .actions-split:after, .action-multicheck-wrap:before, .action-multicheck-wrap:after, .tabs-horiz:before, .tabs-horiz:after, .page-content:before, .page-content:after, .ui-dialog .ui-dialog-buttonset:before, .ui-dialog .ui-dialog-buttonset:after, .ui-dialog .main-col .insert-title-inner:before, .ui-dialog .main-col .insert-title-inner:after, .ui-dialog .magento-message .insert-title-inner:before, .ui-dialog .magento-message .insert-title-inner:after, .ui-dialog .main-col .contents-uploader:before, .ui-dialog .main-col .contents-uploader:after, .ui-dialog .magento-message .contents-uploader:before, .ui-dialog .magento-message .contents-uploader:after, .attribute-popup-actions:before, .attribute-popup-actions:after, .popup-window .magento_buttons:before, .popup-window .magento_buttons:after, .fade .popup-content:before, .fade .popup-content:after, .fade .actions:before, .fade .actions:after, .modal-slide .main-col .insert-title-inner:before, .modal-slide .main-col .insert-title-inner:after, .modal-slide .magento-message .insert-title-inner:before, .modal-slide .magento-message .insert-title-inner:after, .gallery:before, .gallery:after, .data-slider:before, .data-slider:after, .hosted-date-wrap:before, .hosted-date-wrap:after, .message-system-inner:before, .message-system-inner:after, .page-header-actions:before, .page-header-actions:after, .page-main-actions:not(._hidden):before, .page-main-actions:not(._hidden):after, .page-actions._fixed:before, .page-actions._fixed:after, .dashboard-totals-list:before, .dashboard-totals-list:after, .dashboard-store-stats .ui-tabs:before, .dashboard-store-stats .ui-tabs:after, .product-create-configuration:before, .product-create-configuration:after, .product-create-configuration .product-create-configuration-actions:before, .product-create-configuration .product-create-configuration-actions:after, .steps-wizard .steps-wizard-navigation:before, .steps-wizard .steps-wizard-navigation:after, .nav:before, .nav:after, .steps-wizard .select-attributes-block:before, .steps-wizard .select-attributes-block:after, .steps-wizard .attribute-entity-top:before, .steps-wizard .attribute-entity-top:after, .form-sharing-info .admin__legend:before, .form-sharing-info .admin__legend:after, .order-create-gift-wrapping .gift-wrapping-design:before, .order-create-gift-wrapping .gift-wrapping-design:after, .order-gift-options .gift-wrapping-design:before, .order-gift-options .gift-wrapping-design:after, .gift-options-popup .gift-wrapping-design:before, .gift-options-popup .gift-wrapping-design:after, .adminhtml-reward-rate-edit .field-rate .admin__field-control:before, .adminhtml-reward-rate-edit .field-rate .admin__field-control:after, .order-discounts:before, .order-discounts:after, .order-gift-options:before, .order-gift-options:after, .abs-order-tables .item-options:before, .abs-order-tables .item-options:after, .order-account-information .admin__fieldset:before, .order-account-information .admin__fieldset:after, .admin__page-section-title:before, .admin__page-section-title:after, .admin__page-section-content:before, .admin__page-section-content:after, .block-schedule .block-title:before, .block-schedule .block-title:after, .staging-preview-options:before, .staging-preview-options:after, .staging-events-summary:before, .staging-events-summary:after, .admin__data-grid-filters:before, .admin__data-grid-filters:after, .admin__data-grid-filters-footer:before, .admin__data-grid-filters-footer:after, .admin__data-grid-action-columns-menu .admin__action-dropdown-menu-content:before, .admin__data-grid-action-columns-menu .admin__action-dropdown-menu-content:after, .admin__data-grid-header-row:before, .admin__data-grid-header-row:after, .cms-hierarchy:before, .cms-hierarchy:after, .merchandiser-app:before, .merchandiser-app:after, .merchandiser-app .tabs:before, .merchandiser-app .tabs:after, .regular-category-settings:before, .regular-category-settings:after, .smart-category-switcher:before, .smart-category-switcher:after, .merchandiser-tabs:before, .merchandiser-tabs:after, .order-creditmemo-tables .item-options:before, .order-creditmemo-tables .item-options:after, .order-tables .item-options:before, .order-tables .item-options:after, .order-invoice-tables .item-options:before, .order-invoice-tables .item-options:after, .edit-order-table .item-options:before, .edit-order-table .item-options:after, .order-shipment-table .item-options:before, .order-shipment-table .item-options:after { content: ''; display: table; } .abs-clearfix:after, .admin__control-table-pagination:after, .admin__field-complex:after, .fieldset-wrapper-title:after, .admin__fieldset-wrapper-title:after, .actions-split:after, .action-multicheck-wrap:after, .tabs-horiz:after, .page-content:after, .ui-dialog .ui-dialog-buttonset:after, .ui-dialog .main-col .insert-title-inner:after, .ui-dialog .magento-message .insert-title-inner:after, .ui-dialog .main-col .contents-uploader:after, .ui-dialog .magento-message .contents-uploader:after, .attribute-popup-actions:after, .popup-window .magento_buttons:after, .fade .popup-content:after, .fade .actions:after, .modal-slide .main-col .insert-title-inner:after, .modal-slide .magento-message .insert-title-inner:after, .gallery:after, .data-slider:after, .hosted-date-wrap:after, .message-system-inner:after, .page-header-actions:after, .page-main-actions:not(._hidden):after, .page-actions._fixed:after, .dashboard-totals-list:after, .dashboard-store-stats .ui-tabs:after, .product-create-configuration:after, .product-create-configuration .product-create-configuration-actions:after, .steps-wizard .steps-wizard-navigation:after, .nav:after, .steps-wizard .select-attributes-block:after, .steps-wizard .attribute-entity-top:after, .form-sharing-info .admin__legend:after, .order-create-gift-wrapping .gift-wrapping-design:after, .order-gift-options .gift-wrapping-design:after, .gift-options-popup .gift-wrapping-design:after, .adminhtml-reward-rate-edit .field-rate .admin__field-control:after, .order-discounts:after, .order-gift-options:after, .abs-order-tables .item-options:after, .order-account-information .admin__fieldset:after, .admin__page-section-title:after, .admin__page-section-content:after, .block-schedule .block-title:after, .staging-preview-options:after, .staging-events-summary:after, .admin__data-grid-filters:after, .admin__data-grid-filters-footer:after, .admin__data-grid-action-columns-menu .admin__action-dropdown-menu-content:after, .admin__data-grid-header-row:after, .cms-hierarchy:after, .merchandiser-app:after, .merchandiser-app .tabs:after, .regular-category-settings:after, .smart-category-switcher:after, .merchandiser-tabs:after, .order-creditmemo-tables .item-options:after, .order-tables .item-options:after, .order-invoice-tables .item-options:after, .edit-order-table .item-options:after, .order-shipment-table .item-options:after { clear: both; } .abs-clearer:after, body:after { clear: both; content: ''; display: table; } .data-tooltip-content .items, .timeline-items, .timeline-units, .dashboard-totals-list, .attributes-summary, .steps-wizard .attribute-options, .steps-wizard .steps-wizard-section-list, .steps-wizard .gallery-image-wrapper .multiselect-alt { margin: 0; padding: 0; list-style: none none; } .admin__control-collapsible .admin__collapsible-block-wrapper .fieldset-wrapper-title .draggable-handle, .admin__control-table .draggable-handle, .steps-wizard .draggable-handle, .downloadable-form .draggable-handle, .data-grid .data-grid-draggable-row-cell .draggable-handle, .merchandiser-app .draggable-handle { cursor: -moz-grab; cursor: -webkit-grab; cursor: move; font-size: 0; margin-top: -4px; padding: 0 1rem 0 0; vertical-align: middle; display: inline-block; text-decoration: none; } .abs-draggable-handle:before, .admin__control-collapsible .admin__collapsible-block-wrapper .fieldset-wrapper-title .draggable-handle:before, .admin__control-table .draggable-handle:before, .steps-wizard .draggable-handle:before, .downloadable-form .draggable-handle:before, .data-grid .data-grid-draggable-row-cell .draggable-handle:before, .merchandiser-app .draggable-handle:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.8rem; line-height: inherit; color: #9e9e9e; content: '\e617'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-draggable-handle:hover:before, .admin__control-collapsible .admin__collapsible-block-wrapper .fieldset-wrapper-title .draggable-handle:hover:before, .admin__control-table .draggable-handle:hover:before, .steps-wizard .draggable-handle:hover:before, .downloadable-form .draggable-handle:hover:before, .data-grid .data-grid-draggable-row-cell .draggable-handle:hover:before, .merchandiser-app .draggable-handle:hover:before { color: #858585; } .admin__field:not(.admin__field-option) > .admin__field-label span[data-config-scope]:before, .accordion .config .label span[data-config-scope]:before { bottom: -1.3rem; color: #808080; content: attr(data-config-scope); font-size: 1.1rem; font-weight: 400; min-width: 15rem; position: absolute; right: 0; text-transform: lowercase; } .admin__field:not(.admin__field-option) > .admin__field-label, .accordion .config .label { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; box-sizing: border-box; text-size-adjust: 100%; } * { box-sizing: inherit; } *:before, *:after { box-sizing: inherit; } *:focus { box-shadow: none; outline: 0; } ._keyfocus *:focus { box-shadow: 0 0 0 1px #008bdb; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ffff00; color: #000000; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } img, video, embed, object { max-width: 100%; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea, .block-footer .action-add { color: inherit; font: inherit; margin: 0; } button, .block-footer .action-add { overflow: visible; } button, select, .block-footer .action-add { text-transform: none; } button, html input[type='button'], input[type='reset'], input[type='submit'], .block-footer .action-add { -webkit-appearance: button; appearance: button; cursor: pointer; } button[disabled], html input[disabled], .block-footer .action-add[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner, .block-footer .action-add::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type='checkbox'], input[type='radio'] { box-sizing: border-box; padding: 0; } input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto; } input[type='search'] { -webkit-appearance: textfield; appearance: textfield; } input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/light/opensans-300.woff2') format('woff2'), url('../fonts/opensans/light/opensans-300.woff') format('woff'); font-weight: 300; font-style: normal; font-display: auto; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/regular/opensans-400.woff2') format('woff2'), url('../fonts/opensans/regular/opensans-400.woff') format('woff'); font-weight: 400; font-style: normal; font-display: auto; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/semibold/opensans-600.woff2') format('woff2'), url('../fonts/opensans/semibold/opensans-600.woff') format('woff'); font-weight: 600; font-style: normal; font-display: auto; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/bold/opensans-700.woff2') format('woff2'), url('../fonts/opensans/bold/opensans-700.woff') format('woff'); font-weight: 700; font-style: normal; font-display: auto; } html { font-size: 62.5%; } body { color: #41362f; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.36; font-size: 1.4rem; } h1 { margin: 0 0 2rem; color: #41362f; font-weight: 400; line-height: 1.2; font-size: 2.8rem; } h2, .form-sharing-info .admin__legend span, .admin__page-section-title strong, .admin__page-section-title .title { margin: 0 0 2rem; color: #41362f; font-weight: 400; line-height: 1.2; font-size: 2rem; } h3 { margin: 0 0 2rem; color: #41362f; font-weight: 600; line-height: 1.2; font-size: 1.7rem; } h4, h5, h6 { font-weight: 600; margin-top: 0; } p { margin: 0 0 0.5em; } small { font-size: 1.2rem; } a { color: #007bdb; text-decoration: none; } a:hover { color: #007bdb; text-decoration: underline; } ul, ol, dl { margin-top: 0; padding-left: 0; } nav ul, nav ol { list-style: none none; margin: 0; padding: 0; } @font-face { font-family: 'Admin Icons'; src: url('../fonts/admin-icons/admin-icons.woff2') format('woff2'), url('../fonts/admin-icons/admin-icons.woff') format('woff'); font-weight: normal; font-style: normal; font-display: auto; } .admin__control-text, .admin__control-select, .admin__control-multiselect, .admin__control-file-label:before, .admin__control-textarea, .admin__control-addon [class*='admin__control-'][class] ~ [class*='admin__addon-']:last-child:before, .selectmenu, [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon [class*='admin__control-'][class] ~ .addafter:last-child:before, .ui-datepicker .ui-datepicker-title select { -webkit-appearance: none; background-color: #ffffff; border: 1px solid #adadad; border-radius: 1px; box-shadow: none; color: #303030; font-size: 1.4rem; font-weight: 400; height: auto; line-height: 1.36; padding: 0.6rem 1rem 0.6rem; transition: border-color 0.1s linear; vertical-align: baseline; width: auto; } .admin__control-text:hover, .admin__control-select:hover, .admin__control-multiselect:hover, .admin__control-textarea:hover, .admin__control-addon [class*='admin__control-'][class]:hover ~ [class*='admin__addon-']:last-child:before, .selectmenu:hover, .selectmenu:hover .selectmenu-toggle:before, [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon [class*='admin__control-'][class]:hover ~ .addafter:last-child:before, .ui-datepicker .ui-datepicker-title select:hover { border-color: #878787; } .admin__control-text:focus, .admin__control-select:focus, .admin__control-multiselect:focus, .admin__control-file:active + .admin__control-file-label:before, .admin__control-file:focus + .admin__control-file-label:before, .admin__control-textarea:focus, .admin__control-addon [class*='admin__control-'][class]:focus ~ [class*='admin__addon-']:last-child:before, .selectmenu._focus, .selectmenu._focus .selectmenu-toggle:before, [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon [class*='admin__control-'][class]:focus ~ .addafter:last-child:before, .ui-datepicker .ui-datepicker-title select:focus { border-color: #007bdb; box-shadow: none; outline: 0; } .admin__control-text[disabled], .admin__control-select[disabled], .admin__control-multiselect[disabled], .admin__control-file[disabled] + .admin__control-file-label:before, .admin__control-textarea[disabled], .admin__control-addon [class*='admin__control-'][class][disabled] ~ [class*='admin__addon-']:last-child:before, [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon [class*='admin__control-'][class][disabled] ~ .addafter:last-child:before, .ui-datepicker .ui-datepicker-title select[disabled] { background-color: #e9e9e9; border-color: #adadad; color: #303030; cursor: not-allowed; opacity: 0.5; } .admin__fieldset > .admin__field.admin__field-wide[class] > .admin__field-control, .admin__field-row[class] > .admin__field-control, .address-item-edit-content .admin__field[class] > .admin__field-control, .image-panel .admin__fieldset .admin__field:not(.admin__field-inline)[class] > .admin__field-control, .page-layout-admin-login .admin__field[class] > .admin__field-control, .affected-attribute-set .admin__fieldset .admin__field[class] > .admin__field-control, .gift-options-popup .admin__field[class] > .admin__field-control, .admin__page-section .admin__field[class] > .admin__field-control { clear: left; float: none; text-align: left; width: auto; } .admin__fieldset > .admin__field.admin__field-wide[class]:not(.admin__field-option) > .admin__field-label, .admin__field-row[class]:not(.admin__field-option) > .admin__field-label, .address-item-edit-content .admin__field[class]:not(.admin__field-option) > .admin__field-label, .image-panel .admin__fieldset .admin__field:not(.admin__field-inline)[class]:not(.admin__field-option) > .admin__field-label, .page-layout-admin-login .admin__field[class]:not(.admin__field-option) > .admin__field-label, .affected-attribute-set .admin__fieldset .admin__field[class]:not(.admin__field-option) > .admin__field-label, .gift-options-popup .admin__field[class]:not(.admin__field-option) > .admin__field-label, .admin__page-section .admin__field[class]:not(.admin__field-option) > .admin__field-label { display: block; line-height: 1.4rem; margin-bottom: 0.86rem; margin-top: -0.14rem; text-align: left; width: auto; } .admin__fieldset > .admin__field.admin__field-wide[class]:not(.admin__field-option) > .admin__field-label:before, .admin__field-row[class]:not(.admin__field-option) > .admin__field-label:before, .address-item-edit-content .admin__field[class]:not(.admin__field-option) > .admin__field-label:before, .image-panel .admin__fieldset .admin__field:not(.admin__field-inline)[class]:not(.admin__field-option) > .admin__field-label:before, .page-layout-admin-login .admin__field[class]:not(.admin__field-option) > .admin__field-label:before, .affected-attribute-set .admin__fieldset .admin__field[class]:not(.admin__field-option) > .admin__field-label:before, .gift-options-popup .admin__field[class]:not(.admin__field-option) > .admin__field-label:before, .admin__page-section .admin__field[class]:not(.admin__field-option) > .admin__field-label:before { display: none; } .data-grid .col-qty .admin__control-text, .product-composite-configure-inner .admin__control-text.qty, .order-details .order-search-items .col-qty .admin__control-text, .abs-order-tables .col-qty .admin__control-text, .abs-order-tables .col-qty-invoice .admin__control-text, .add-by-sku-wrapper .col-qty .admin__control-text, .order-errors .col-qty .admin__control-text, .order-creditmemo-tables .col-qty .admin__control-text, .order-creditmemo-tables .col-qty-invoice .admin__control-text, .order-tables .col-qty .admin__control-text, .order-tables .col-qty-invoice .admin__control-text, .order-invoice-tables .col-qty .admin__control-text, .order-invoice-tables .col-qty-invoice .admin__control-text, .edit-order-table .col-qty .admin__control-text, .edit-order-table .col-qty-invoice .admin__control-text, .order-shipment-table .col-qty .admin__control-text, .order-shipment-table .col-qty-invoice .admin__control-text { min-width: 0; width: 5.4rem; } .abs-order-tables .custom-price-block + .admin__control-text, .order-creditmemo-tables .custom-price-block + .admin__control-text, .order-tables .custom-price-block + .admin__control-text, .order-invoice-tables .custom-price-block + .admin__control-text, .edit-order-table .custom-price-block + .admin__control-text, .order-shipment-table .custom-price-block + .admin__control-text { min-width: 0; width: 10rem; } .admin__legend, .gift-options-popup .admin__legend, .admin__page-section .admin__legend, .admin__page-section-item-title .title, .admin__page-section-content .admin__page-section-title .title { font-size: 1.8rem; font-weight: 600; margin-bottom: 3rem; } .admin__control-radio, .admin__control-checkbox { cursor: pointer; opacity: .01; overflow: hidden; position: absolute; vertical-align: top; } .admin__control-radio:after, .admin__control-checkbox:after { display: none; } .admin__control-radio + label, .admin__control-checkbox + label { cursor: pointer; display: inline-block; } .admin__control-radio + label:before, .admin__control-checkbox + label:before, .mass-select-wrap select + label:before { background-color: #ffffff; border: 1px solid #adadad; color: transparent; float: left; height: 1.6rem; text-align: center; vertical-align: top; width: 1.6rem; } .admin__control-radio + .admin__field-label, .admin__control-checkbox + .admin__field-label { padding-left: 2.6rem; } .admin__control-radio + .admin__field-label:before, .admin__control-checkbox + .admin__field-label:before { margin: 1px 1rem 0 -2.6rem; } .admin__control-radio:checked + label:before, .admin__control-checkbox:checked + label:before, .mass-select-wrap select._checked + label:before { color: #514943; } .admin__control-radio.disabled + label, .admin__control-checkbox.disabled + label, .admin__control-radio[disabled] + label, .admin__control-checkbox[disabled] + label { color: #303030; cursor: default; opacity: .5; } .admin__control-radio.disabled + label:before, .admin__control-checkbox.disabled + label:before, .admin__control-radio[disabled] + label:before, .admin__control-checkbox[disabled] + label:before { background-color: #e9e9e9; border-color: #adadad; cursor: default; } ._keyfocus .admin__control-radio:not([disabled]):focus + label:before, ._keyfocus .admin__control-checkbox:not([disabled]):focus + label:before, ._keyfocus .admin__control-radio:not(.disabled):focus + label:before, ._keyfocus .admin__control-checkbox:not(.disabled):focus + label:before { border-color: #007bdb; } .admin__control-radio:not([disabled]):hover + label:before, .admin__control-checkbox:not([disabled]):hover + label:before, .admin__control-radio:not(.disabled):hover + label:before, .admin__control-checkbox:not(.disabled):hover + label:before { border-color: #878787; } .admin__control-radio + label:before { border-radius: 1.6rem; content: ''; transition: border-color 0.1s linear, color 0.1s ease-in; } .admin__control-radio.admin__control-radio + label:before { line-height: 140%; } .admin__control-radio:checked + label { position: relative; } .admin__control-radio:checked + label:after { background-color: #514943; border-radius: 50%; content: ''; height: 10px; left: 3px; position: absolute; top: 4px; width: 10px; } .admin__control-radio:checked:not([disabled]):hover, .admin__control-radio:checked:not(.disabled):hover { cursor: default; } .admin__control-radio:checked:not([disabled]):hover + label, .admin__control-radio:checked:not(.disabled):hover + label { cursor: default; } .admin__control-radio:checked:not([disabled]):hover + label:before, .admin__control-radio:checked:not(.disabled):hover + label:before { border-color: #adadad; } .admin__control-checkbox + label:before, .mass-select-wrap select + label:before { border-radius: 1px; content: ''; font-size: 0; transition: font-size 0.1s ease-out, color 0.1s ease-out, border-color 0.1s linear; } .admin__control-checkbox:checked + label:before, .mass-select-wrap select._checked + label:before { content: '\e62d'; font-size: 1.1rem; line-height: 125%; } .admin__control-checkbox:not(:checked)._indeterminate + label:before, .admin__control-checkbox:not(:checked):indeterminate + label:before { color: #514943; content: '-'; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; font-weight: 700; } input[type='checkbox'].admin__control-checkbox, input[type='radio'].admin__control-checkbox { margin: 0; position: absolute; } .admin__control-text { min-width: 4rem; } .admin__control-select, .ui-datepicker .ui-datepicker-title select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background-image: url('../images/arrows-bg.svg'), linear-gradient(#e3e3e3, #e3e3e3), linear-gradient(#adadad, #adadad); background-position: calc(100% - 12px) -34px, 100%, calc(100% - 3.2rem) 0; background-size: auto, 3.2rem 100%, 1px 100%; background-repeat: no-repeat; max-width: 100%; min-width: 8.5rem; padding-bottom: 0.6rem; padding-right: 4.4rem; padding-top: 0.6rem; transition: border-color 0.1s linear; } .admin__control-select:hover, .ui-datepicker .ui-datepicker-title select:hover { border-color: #878787; cursor: pointer; } .admin__control-select:active, .ui-datepicker .ui-datepicker-title select:active { background-image: url('../images/arrows-bg.svg'), linear-gradient(#e3e3e3, #e3e3e3), linear-gradient(#007bdb, #007bdb); background-position: calc(100% - 12px) 13px, 100%, calc(100% - 3.2rem) 0; border-color: #007bdb; } .admin__control-select::-ms-expand, .ui-datepicker .ui-datepicker-title select::-ms-expand { display: none; } option:empty { display: none; } .admin__control-multiselect { height: auto; max-width: 100%; min-width: 15rem; overflow: auto; padding: 0; resize: both; } .admin__control-multiselect option, .admin__control-multiselect optgroup { padding: .5rem 1rem; } .admin__control-file-wrapper { display: inline-block; padding: .5rem 1rem; position: relative; z-index: 1; } .admin__control-file-label:before { content: ''; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .admin__control-file:active + .admin__control-file-label:before, .admin__control-file:focus + .admin__control-file-label:before { /** * @codingStandardsIgnoreStart */ } .admin__control-file { background: transparent; border: 0; padding-top: .7rem; position: relative; width: auto; z-index: 1; } .admin__control-support-text { border: 1px solid transparent; display: inline-block; font-size: 1.4rem; line-height: 1.36; padding-bottom: 0.6rem; padding-top: 0.6rem; margin-left: 0.7rem; } .admin__control-support-text + [class*='admin__control-'] { margin-left: 0.7rem; } [class*='admin__control-'] + .admin__control-support-text { margin-left: 0.7rem; } .admin__control-service { float: left; margin: .8rem 0 0 3rem; } .admin__control-textarea { line-height: 1.18; padding-top: .8rem; resize: vertical; } .admin__control-addon { display: -webkit-inline-flex; display: -ms-inline-flexbox; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; display: inline-flex; flex-flow: row nowrap; position: relative; width: 100%; z-index: 1; } .admin__control-addon > [class*='admin__addon-'], .admin__control-addon > [class*='admin__control-'] { -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; position: relative; z-index: 1; } .admin__control-addon .admin__control-select, .admin__control-addon .ui-datepicker .ui-datepicker-title select { width: auto; } .admin__control-addon .admin__control-text { margin: .1rem; padding: 0.5rem 0.9rem 0.5rem; width: 100%; } .admin__control-addon [class*='admin__control-'][class] { appearence: none; -webkit-flex-grow: 1; flex-grow: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; -webkit-flex-shrink: 1; flex-shrink: 1; background-color: transparent; border-color: transparent; box-shadow: none; vertical-align: top; } .admin__control-addon [class*='admin__control-'][class] + [class*='admin__control-'] { border-left-color: #adadad; } .admin__control-addon [class*='admin__control-'][class] :focus { box-shadow: 0; } .admin__control-addon [class*='admin__control-'][class] ~ [class*='admin__addon-']:last-child { padding-left: 1rem; position: static !important; z-index: 0; } .admin__control-addon [class*='admin__control-'][class] ~ [class*='admin__addon-']:last-child > * { position: relative; vertical-align: top; z-index: 1; } .admin__control-addon [class*='admin__control-'][class] ~ [class*='admin__addon-']:last-child:empty { padding: 0; } .admin__control-addon [class*='admin__control-'][class] ~ [class*='admin__addon-']:last-child:before { bottom: 0; box-sizing: border-box; content: ''; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .admin__addon-suffix, .admin__addon-prefix, [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon > .addafter { border: 0; box-sizing: border-box; color: #858585; display: inline-block; font-size: 1.4rem; font-weight: 400; height: 3.2rem; line-height: 3.2rem; padding: 0; } .admin__addon-suffix { -ms-flex-order: 3; -webkit-order: 3; order: 3; } .admin__addon-suffix:last-child { padding-right: 1rem; } .admin__addon-prefix, [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon > .addafter { -ms-flex-order: 0; -webkit-order: 0; order: 0; } .admin__control-collapsible { width: 100%; } .admin__control-collapsible ._dragged .admin__collapsible-block-wrapper .admin__collapsible-title { background: #d0d0d0; } .admin__control-collapsible ._dragover-top .admin__collapsible-block-wrapper:before, .admin__control-collapsible ._dragover-bottom .admin__collapsible-block-wrapper:before { background: #008bdb; content: ''; display: block; height: 3px; left: 0; position: absolute; right: 0; } .admin__control-collapsible ._dragover-top .admin__collapsible-block-wrapper:before { top: -3px; } .admin__control-collapsible ._dragover-bottom .admin__collapsible-block-wrapper:before { bottom: -3px; } .admin__control-collapsible .admin__collapsible-block-wrapper.fieldset-wrapper { border: 0; margin: 0; position: relative; } .admin__control-collapsible .admin__collapsible-block-wrapper.fieldset-wrapper .fieldset-wrapper-title { background: #f8f8f8; border: 2px solid #cccccc; } .admin__control-collapsible .admin__collapsible-block-wrapper .fieldset-wrapper-title .admin__collapsible-title { font-size: 1.4rem; font-weight: 400; line-height: 1; padding: 1.6rem 4rem 1.6rem 3.8rem; } .admin__control-collapsible .admin__collapsible-block-wrapper .fieldset-wrapper-title .admin__collapsible-title:before { left: 1rem; right: auto; top: 1.4rem; } .admin__control-collapsible .admin__collapsible-block-wrapper .fieldset-wrapper-title .action-delete { background-color: transparent; border-color: transparent; box-shadow: none; padding: 0; position: absolute; right: 1rem; top: 1.4rem; } .admin__control-collapsible .admin__collapsible-block-wrapper .fieldset-wrapper-title .action-delete:hover { background-color: transparent; border-color: transparent; box-shadow: none; } .admin__control-collapsible .admin__collapsible-block-wrapper .fieldset-wrapper-title .action-delete:before { content: '\e630'; font-size: 2rem; } .admin__control-collapsible .admin__collapsible-block-wrapper .fieldset-wrapper-title .action-delete > span { display: none; } .admin__control-collapsible .admin__collapsible-content { background-color: #ffffff; margin-bottom: 1rem; } .admin__control-collapsible .admin__collapsible-content > .fieldset-wrapper { border: 1px solid #cccccc; margin-top: -1px; padding: 1rem; } .admin__control-collapsible .admin__collapsible-content .admin__fieldset { padding: 0; } .admin__control-collapsible .admin__collapsible-content .admin__field:last-child { margin-bottom: 0; } /** * @codingStandardsIgnoreStart */ .admin__control-table-wrapper { max-width: 100%; overflow-x: auto; } .admin__control-table { width: 100%; } .admin__control-table thead { background-color: transparent; } .admin__control-table tbody td { vertical-align: top; } .admin__control-table tfoot th { padding-bottom: 1.3rem; } .admin__control-table tfoot th.validation { padding-bottom: 0; padding-top: 0; } .admin__control-table tfoot td { border-top: 1px solid #ffffff; } .admin__control-table tfoot .admin__control-table-pagination { float: right; padding-bottom: 0; } .admin__control-table tfoot .action-previous { margin-right: .5rem; } .admin__control-table tfoot .action-next { margin-left: .9rem; } .admin__control-table tr:last-child td { border-bottom: none; } .admin__control-table tr._dragover-top td { box-shadow: inset 0 3px 0 0 #008bdb; } .admin__control-table tr._dragover-bottom td { box-shadow: inset 0 -3px 0 0 #008bdb; } .admin__control-table tr._dragged td, .admin__control-table tr._dragged th { background: #d0d0d0; } .admin__control-table td, .admin__control-table th { background-color: #efefef; border: 0; border-bottom: 1px solid #ffffff; padding: 1.3rem 1rem 1.3rem 0; text-align: left; vertical-align: top; } .admin__control-table td:first-child, .admin__control-table th:first-child { padding-left: 1rem; } .admin__control-table td > .admin__control-select, .admin__control-table th > .admin__control-select, .admin__control-table td > .admin__control-text, .admin__control-table th > .admin__control-text, .admin__control-table td > .ui-datepicker .ui-datepicker-title select, .admin__control-table th > .ui-datepicker .ui-datepicker-title select { width: 100%; } .admin__control-table td._hidden, .admin__control-table th._hidden { display: none; } .admin__control-table td._fit, .admin__control-table th._fit { width: auto; } .admin__control-table th { color: #303030; font-size: 1.4rem; font-weight: 600; vertical-align: bottom; } .admin__control-table th._required span:after { margin: 0 0 0 0.5rem; color: #e22626; content: '*'; } .admin__control-table .control-table-actions-th { white-space: nowrap; } .admin__control-table .control-table-actions-cell { padding-top: 1.8rem; text-align: center; width: 1%; } .admin__control-table .control-table-options-th { text-align: center; width: 10rem; } .admin__control-table .control-table-options-cell { text-align: center; } .admin__control-table .control-table-text { line-height: 3.2rem; } .admin__control-table .col-draggable { padding-top: 2.2rem; width: 1%; } .admin__control-table .action-delete { background-color: transparent; border-color: transparent; box-shadow: none; padding-left: 0; padding-right: 0; } .admin__control-table .action-delete:hover { background-color: transparent; border-color: transparent; box-shadow: none; } .admin__control-table .action-delete:before { content: '\e630'; font-size: 2rem; } .admin__control-table .action-delete > span { display: none; } .admin__control-table .draggable-handle { padding: 0; } .admin__control-table._dragged { outline: 1px solid #007bdb; } .admin__control-table-action { background-color: #efefef; border-top: 1px solid #ffffff; padding: 1.3rem 1rem; } .admin__dynamic-rows._dragged { opacity: .95; position: absolute; z-index: 999; } .admin__dynamic-rows.admin__control-table .admin__control-fields > .admin__field { border: 0; padding: 0; } .admin__dynamic-rows td > .admin__field { border: 0; margin: 0; padding: 0; } .admin__control-table-pagination { padding-bottom: 1rem; } .admin__control-table-pagination .admin__data-grid-pager { float: right; } .product_form_product_form_advanced_pricing_modal .admin__fieldset > .admin__field > .admin__field-label, .product_form_product_form_advanced_pricing_modal [class*='admin__control-grouped'] > .admin__field:first-child > .admin__field-label { margin-left: 0; } .product_form_product_form_advanced_pricing_modal .admin__control-table td, .product_form_product_form_advanced_pricing_modal .admin__control-table th { overflow-y: visible; } .product_form_product_form_advanced_pricing_modal .admin__fieldset { margin-left: -30px; } .product_form_product_form_advanced_pricing_modal .admin__control-table-wrapper { overflow-x: visible; overflow-y: visible; } .admin__field-tooltip { display: inline-block; margin-top: 0.5rem; max-width: 45px; overflow: visible; vertical-align: top; width: 0; } .admin__field-tooltip:hover { position: relative; z-index: 500; } .admin__field-option .admin__field-tooltip { margin-top: 0.5rem; } .admin__field-tooltip .admin__field-tooltip-action { margin-left: 0; position: relative; z-index: 2; display: inline-block; text-decoration: none; } .admin__field-tooltip .admin__field-tooltip-action:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2.2rem; line-height: 1; color: #514943; content: '\e633'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .admin__field-tooltip .admin__control-text:focus + .admin__field-tooltip-content, .admin__field-tooltip:hover .admin__field-tooltip-content { display: block; } .admin__field-tooltip .admin__field-tooltip-content { bottom: 3.8rem; display: none; right: -2.3rem; } .admin__field-tooltip .admin__field-tooltip-content:after, .admin__field-tooltip .admin__field-tooltip-content:before { border: 1.6rem solid transparent; height: 0; width: 0; border-top-color: #afadac; content: ''; display: block; position: absolute; right: 2rem; top: 100%; z-index: 3; } .admin__field-tooltip .admin__field-tooltip-content:after { border-top-color: #fffbbb; margin-top: -1px; z-index: 4; } .abs-admin__field-tooltip-content, .admin__field-tooltip .admin__field-tooltip-content, .gift-options-tooltip { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); background: #fffbbb; border: 1px solid #afadac; border-radius: 1px; padding: 1.5rem 2.5rem; position: absolute; width: 32rem; z-index: 1; } .admin__field-fallback-reset { font-size: 1.25rem; white-space: nowrap; width: 30px; } .admin__field-fallback-reset > span { margin-left: 0.5rem; position: relative; } .admin__field-fallback-reset:active { transform: scale(0.98); } .admin__field-fallback-reset:before { transition: color 0.1s linear; content: '\e642'; font-size: 1.3rem; margin-left: 0.5rem; } .admin__field-fallback-reset:hover { cursor: pointer; text-decoration: none; } .admin__field-fallback-reset:focus { background: transparent; } .abs-field-size-x-small, .abs-field-sizes.admin__field-x-small > .admin__field-control, .admin__fieldset > .admin__field.admin__field-x-small > .admin__field-control, .admin__field.admin__field-x-small > .admin__field-control, [class*='admin__control-grouped'] > .admin__field.admin__field-x-small > .admin__field-control { width: 8rem; } .abs-field-size-small, .abs-field-sizes.admin__field-small > .admin__field-control, .admin__control-grouped-date > .admin__field-date.admin__field > .admin__field-control, .admin__fieldset > .admin__field.admin__field-small > .admin__field-control, .admin__field.admin__field-small > .admin__field-control, [class*='admin__control-grouped'] > .admin__field.admin__field-small > .admin__field-control { width: 15rem; } .abs-field-size-medium, .abs-field-sizes.admin__field-medium > .admin__field-control, .admin__fieldset > .admin__field.admin__field-medium > .admin__field-control, .admin__field.admin__field-medium > .admin__field-control, [class*='admin__control-grouped'] > .admin__field.admin__field-medium > .admin__field-control { width: 34rem; } .abs-field-size-large, .abs-field-sizes.admin__field-large > .admin__field-control, .admin__fieldset > .admin__field.admin__field-large > .admin__field-control, .admin__field.admin__field-large > .admin__field-control, [class*='admin__control-grouped'] > .admin__field.admin__field-large > .admin__field-control { width: 64rem; } .abs-field-no-label, .admin__fieldset > .admin__field.admin__field-no-label > .admin__field-control, .admin__field-no-label, .admin__field-group-additional { /** *@codingStandardsIgnoreStart */ margin-left: calc( (100%) * 0.25 + 30px ); } .admin__fieldset { border: 0; margin: 0; min-width: 0; padding: 0; } .admin__fieldset .fieldset-wrapper.admin__fieldset-section > .fieldset-wrapper-title { padding-left: 1rem; } .admin__fieldset .fieldset-wrapper.admin__fieldset-section > .fieldset-wrapper-title strong { font-size: 1.7rem; font-weight: 600; } .admin__fieldset .fieldset-wrapper.admin__fieldset-section .admin__fieldset-wrapper-content > .admin__fieldset { padding-top: 1rem; } .admin__fieldset .fieldset-wrapper.admin__fieldset-section:last-child .admin__fieldset-wrapper-content > .admin__fieldset { padding-bottom: 0; } .admin__fieldset > .admin__field { border: 0; margin: 0; padding: 0; margin-left: -30px; } .admin__fieldset > .admin__field:after { clear: both; content: ''; display: table; } .admin__fieldset > .admin__field > .admin__field-control { width: calc( (100%) * 0.5 - 30px ); float: left; margin-left: 30px; } .admin__fieldset > .admin__field > .admin__field-control input[type="checkbox"] { margin-top: 1rem; } .admin__fieldset > .admin__field > .admin__field-label { width: calc( (100%) * 0.25 - 30px ); float: left; margin-left: 30px; } .admin__fieldset > .admin__field.admin__field-no-label > .admin__field-label { display: none; } .admin__fieldset > .admin__field + .admin__field._empty._no-header { margin-top: -3rem; } .admin__fieldset > .admin__field.field-currently_used_for > .admin__field-control .admin__field { margin-top: 8px; } .admin__fieldset.composite-bundle .admin__field-control { padding-top: 7px; } .admin__fieldset.composite-bundle .admin__field-option { padding-top: 0; } .admin__fieldset-product-websites { position: relative; z-index: 300; } .admin__fieldset-note { margin-bottom: 2rem; } .admin__form-field { border: 0; margin: 0; padding: 0; } .admin__form-field-control .admin__control-text, .admin__field-control .admin__control-text, .admin__form-field-control .admin__control-textarea, .admin__field-control .admin__control-textarea { width: 100%; } .admin__form-field-control .admin__control-text.disabled, .admin__field-control .admin__control-text.disabled, .admin__form-field-control .admin__control-textarea.disabled, .admin__field-control .admin__control-textarea.disabled { background-color: #e9e9e9; border-color: #adadad; color: #303030; cursor: not-allowed; opacity: .5; } .admin__field-label { color: #303030; margin: 0; text-align: right; } .admin__field-label label { cursor: pointer; } .admin__field-label + br { display: none; } .admin__field:not(.admin__field-option) > .admin__field-label { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; font-weight: 600; line-height: 3.2rem; padding: 0; white-space: nowrap; } .admin__field:not(.admin__field-option) > .admin__field-label:before { opacity: 0; visibility: hidden; content: '.'; margin-left: -7px; overflow: hidden; } .admin__field:not(.admin__field-option) > .admin__field-label span { display: inline-block; line-height: 1.2; vertical-align: middle; white-space: normal; } .admin__field:not(.admin__field-option) > .admin__field-label span[data-config-scope] { position: relative; } .required > .admin__field-label span:after, ._required > .admin__field-label span:after { color: #e22626; content: '*'; display: inline-block; font-size: 1.6rem; font-weight: 500; line-height: 1; margin-left: 10px; margin-top: .2rem; position: absolute; z-index: 1; } ._disabled > .admin__field-label { color: #999999; cursor: default; } .admin__field { margin-bottom: 0; } .admin__field + .admin__field { margin-top: 1.5rem; } .admin__field:not(.admin__field-option) ~ .admin__field-option { margin-top: .5rem; } .admin__field.admin__field-option ~ .admin__field-option { margin-top: .9rem; } .admin__field ~ .admin__field-option:last-child { margin-bottom: .8rem; } .admin__fieldset > .admin__field { margin-bottom: 3rem; position: relative; } .admin__fieldset > .admin__field.field-import_file .input-file { margin-top: 6px; } .admin__field legend.admin__field-label { opacity: 1; } .admin__field[data-config-scope]:before { color: #808080; content: attr(data-config-scope); display: inline-block; font-size: 1.2rem; left: calc( (100%) * 0.75 - 30px ); line-height: 3.2rem; margin-left: 60px; position: absolute; width: calc( (100%) * 0.25 - 30px ); } .admin__field-control .admin__field[data-config-scope]:nth-child(n + 2):before { content: ''; } .admin__field._error .admin__field-control [class*='admin__control-'] [class*='admin__addon-']:before, .admin__field._error .admin__field-control [class*='admin__addon-']:before, .admin__field._error .admin__field-control > [class*='admin__control-'] { border-color: #e22626; } .admin__field._disabled, .admin__field._disabled:hover { box-shadow: inherit; cursor: inherit; opacity: 1; outline: inherit; } .admin__field._disabled .admin__action-multiselect-wrap .admin__action-multiselect, .admin__field._disabled:hover .admin__action-multiselect-wrap .admin__action-multiselect { background-color: #e9e9e9; border-color: #adadad; color: #303030; cursor: not-allowed; opacity: 0.5; } .admin__field._hidden { display: none; } .admin__field-control + .admin__field-control { margin-top: 1.5rem; } .admin__field-control._with-tooltip > .admin__control-addon, .admin__field-control._with-tooltip > .admin__field-option, .admin__field-control._with-tooltip > .admin__control-select, .admin__field-control._with-tooltip > .admin__control-text, .admin__field-control._with-tooltip > .admin__control-textarea, .admin__field-control._with-tooltip > .ui-datepicker .ui-datepicker-title select { max-width: calc(100% - 45px - 4px); } .admin__field-control._with-tooltip .admin__field-tooltip { width: auto; } .admin__field-control._with-tooltip .admin__field-option { display: inline-block; } .admin__field-control._with-reset > .admin__control-addon, .admin__field-control._with-reset > .admin__control-text, .admin__field-control._with-reset > .admin__control-textarea { width: calc(100% - 30px - 0.5rem - 4px); } .admin__field-control._with-reset .admin__field-fallback-reset { margin-left: 0.5rem; margin-top: 1rem; vertical-align: top; } .admin__field-control._with-reset._with-tooltip > .admin__control-addon, .admin__field-control._with-reset._with-tooltip > .admin__control-text, .admin__field-control._with-reset._with-tooltip > .admin__control-textarea { width: calc(100% - 30px - 0.5rem - 45px - 8px); } .admin__fieldset > .admin__field-collapsible { margin-bottom: 0; } .admin__fieldset > .admin__field-collapsible .admin__field-control { border-top: 1px solid #cccccc; display: block; font-size: 1.7rem; font-weight: 700; padding: 1.7rem 0; width: calc(100% - 3rem); } .admin__fieldset > .admin__field-collapsible .admin__field-option { padding-top: 0; } .admin__field-collapsible + div { margin-top: 2.5rem; } .admin__field-collapsible .admin__control-radio + label:before { height: 1.8rem; width: 1.8rem; } .admin__field-collapsible .admin__control-radio:checked + label:after { left: 4px; top: 5px; } .admin__field-error, label.mage-error { background: #fffbbb; border: 1px solid #ee7d7d; box-sizing: border-box; color: #555555; display: block; font-size: 1.2rem; font-weight: 400; line-height: 1.2; margin: .2rem 0 0; padding: .8rem 1rem .9rem; } .admin__field-note { color: #303030; font-size: 1.2rem; margin: 10px 0 0; padding: 0; } .admin__additional-info { padding-top: 1rem; } .admin__field-option { padding-top: 0.7rem; } .admin__field-option .admin__field-label { text-align: left; } .admin__field-control > .admin__field-option:nth-child(1):nth-last-child(2), .admin__field-control > .admin__field-option:nth-child(2):nth-last-child(1) { display: inline-block; } .admin__field-control > .admin__field-option:nth-child(1):nth-last-child(2) + .admin__field-option, .admin__field-control > .admin__field-option:nth-child(2):nth-last-child(1) + .admin__field-option { display: inline-block; margin-left: 41px; margin-top: 0; } .admin__field-control > .admin__field-option:nth-child(1):nth-last-child(2) + .admin__field-option:before, .admin__field-control > .admin__field-option:nth-child(2):nth-last-child(1) + .admin__field-option:before { background: #cacaca; content: ''; display: inline-block; height: 20px; margin-left: -20px; position: absolute; width: 1px; } .admin__field-value { display: inline-block; padding-top: 0.7rem; } .admin__field-service { padding-top: 1rem; } [class*='admin__control-grouped'] > .admin__field:first-child, .admin__control-fields > .admin__field:first-child { position: static; } [class*='admin__control-grouped'] > .admin__field:first-child > .admin__field-label, .admin__control-fields > .admin__field:first-child > .admin__field-label { width: calc( (100%) * 0.25 - 30px ); float: left; margin-left: 30px; cursor: pointer; left: 0; position: absolute; top: 0; } [class*='admin__control-grouped'] > .admin__field:first-child > .admin__field-label span:before, .admin__control-fields > .admin__field:first-child > .admin__field-label span:before { display: block; } [class*='admin__control-grouped'] > .admin__field._disabled > .admin__field-label, .admin__control-fields > .admin__field._disabled > .admin__field-label { cursor: default; } [class*='admin__control-grouped'] > .admin__field > .admin__field-label span:before, .admin__control-fields > .admin__field > .admin__field-label span:before { display: none; } .admin__control-fields .admin__field-label ~ .admin__field-control { width: 100%; } .admin__control-fields .admin__field-option { padding-top: 0; } [class*='admin__control-grouped'] { box-sizing: border-box; display: table; width: 100%; } [class*='admin__control-grouped'] > .admin__field { display: table-cell; vertical-align: top; } [class*='admin__control-grouped'] > .admin__field > .admin__field-control { float: none; width: 100%; } [class*='admin__control-grouped'] > .admin__field.admin__field-default, [class*='admin__control-grouped'] > .admin__field.admin__field-x-small, [class*='admin__control-grouped'] > .admin__field.admin__field-small, [class*='admin__control-grouped'] > .admin__field.admin__field-medium, [class*='admin__control-grouped'] > .admin__field.admin__field-large { width: 1px; } [class*='admin__control-grouped'] > .admin__field.admin__field-default + .admin__field:last-child, [class*='admin__control-grouped'] > .admin__field.admin__field-x-small + .admin__field:last-child, [class*='admin__control-grouped'] > .admin__field.admin__field-small + .admin__field:last-child, [class*='admin__control-grouped'] > .admin__field.admin__field-medium + .admin__field:last-child, [class*='admin__control-grouped'] > .admin__field.admin__field-large + .admin__field:last-child { width: auto; } [class*='admin__control-grouped'] > .admin__field:nth-child(n + 2) { padding-left: 20px; } .admin__control-group-equal { table-layout: fixed; } .admin__control-group-equal > .admin__field { width: 50%; } .admin__field-control-group { margin-top: .8rem; } .admin__field-control-group > .admin__field { padding: 0; } .admin__control-grouped-date > .admin__field-date { white-space: nowrap; width: 1px; } .admin__control-grouped-date > .admin__field-date.admin__field > .admin__field-control { position: relative; display: inline-block; } .admin__control-grouped-date > .admin__field-date + .admin__field:last-child { width: auto; } .admin__control-grouped-date > .admin__field-date + .admin__field-date > .admin__field-label { float: left; padding-right: 20px; } .admin__control-grouped-date .ui-datepicker-trigger { left: 100%; top: 0; } .admin__field-group-columns.admin__field-control.admin__control-grouped { width: calc( (100%) * 1 - 30px ); float: left; margin-left: 30px; } .admin__field-group-columns > .admin__field:first-child > .admin__field-label { float: none; margin: 0; opacity: 1; position: static; width: 100%; } .admin__field-group-columns > .admin__field > .admin__field-label { text-align: left; } .admin__field-group-columns .admin__control-select, .admin__field-group-columns .ui-datepicker .ui-datepicker-title select { width: 100%; } .admin__field-group-additional { clear: both; } .admin__field-group-additional .action-additional { margin-top: 1rem; } .admin__field-group-additional .action-basic { width: 100%; } .admin__field-group-show-label { white-space: nowrap; } .admin__field-group-show-label > .admin__field-label, .admin__field-group-show-label > .admin__field-control { display: inline-block; vertical-align: top; } .admin__field-group-show-label > .admin__field-label { margin-right: 20px; } .admin__field-complex { margin: 1rem 0 3rem; padding-left: 1rem; } .admin__field:not(._hidden) + .admin__field-complex { margin-top: 3rem; } .admin__field-complex .admin__field-complex-title { clear: both; color: #303030; font-size: 1.7rem; font-weight: 600; letter-spacing: .025em; margin-bottom: 1rem; } .admin__field-complex .admin__field-complex-elements { float: right; max-width: 40%; } .admin__field-complex .admin__field-complex-elements button, .admin__field-complex .admin__field-complex-elements .block-footer .action-add { margin-left: 1rem; } .admin__field-complex .admin__field-complex-content { max-width: 60%; overflow: hidden; } .admin__field-complex .admin__field-complex-text { margin-left: -1rem; } .admin__field-complex + .admin__field._empty._no-header { margin-top: -3rem; } .admin__legend { float: left; position: static; width: 100%; } .admin__legend + br { clear: left; display: block; height: 0; overflow: hidden; } .fieldset-wrapper-title, .admin__fieldset-wrapper-title { border-bottom: 1px solid #cccccc; line-height: 1.4; margin-bottom: 0; padding: 14px 0 16px; } .fieldset-wrapper-title .title, .admin__fieldset-wrapper-title .title { font-size: 2rem; font-weight: 400; } .admin__fieldset-wrapper-content .fieldset-wrapper-title .title, .admin__fieldset-wrapper-content .admin__fieldset-wrapper-title .title { font-size: 1.5rem; font-weight: 700; } .fieldset-wrapper-title .title.active ~ .actions, .admin__fieldset-wrapper-title .title.active ~ .actions { display: none; } .fieldset-wrapper-title .actions, .admin__fieldset-wrapper-title .actions { display: block; float: right; } .admin__fieldset-wrapper-content .admin__fieldset { padding-bottom: 3rem; padding-top: 3rem; } .admin__fieldset-wrapper-content .admin__fieldset > .admin__collapsible-block-wrapper:first-child { margin-top: -3rem; } .admin__fieldset-wrapper-content .admin__fieldset > *:first-child { margin-top: 0; } .admin__fieldset-wrapper-content .admin__fieldset > *:last-child { margin-bottom: 0; } .address-item-edit-content { background: #ffffff; border: 1px solid #dad1c8; box-shadow: 0 2px 1px 0 rgba(217, 210, 202, 0.5); margin-left: 359px; max-width: 500px; padding: 15px 30px; } .address-item-edit-content .admin__legend { display: none; } .address-list { float: left; list-style-type: none; margin: 0; padding: 0; width: 360px; } .address-list .address-list-item-actions { position: absolute; right: 1rem; top: 1rem; } .address-list .address-list-item { background: #f1f1f1; border: 1px solid #dad1c8; cursor: pointer; margin-bottom: -1px; padding: 10px 10px 15px; position: relative; z-index: 1; } .address-list .address-list-item.ui-state-active { background: #ffffff; box-shadow: 0 1px 1px 0 #d9d2ca; margin-left: -2px; padding-left: 12px; position: relative; z-index: 2; } .address-list .address-list-item.ui-state-active:before, .address-list .address-list-item.ui-state-active:after { color: #ffffff; content: '\e02a'; font-family: 'MUI-Icons'; font-size: 18px; font-style: normal; font-weight: normal; line-height: 11px; margin-top: -5px; position: absolute; right: -9px; speak: none; text-indent: -6px; top: 50%; width: 10px; z-index: 2; } .address-list .address-list-item.ui-state-active:before { color: #dad1c8; right: -11px; z-index: 1; } .address-list address { font-style: normal; line-height: 1.5; margin: 0 20px 15px 0; } .address-list address:first-line { font-weight: bold; } .address-list .address-list-actions { background: none; border: 0; box-shadow: none; cursor: default; padding: 20px 0 0; } .address-list .action-delete { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: inline-block; text-decoration: none; } .address-list .action-delete:focus, .address-list .action-delete:active { background: none; border: none; } .address-list .action-delete:hover { background: none; border: none; } .address-list .action-delete.disabled, .address-list .action-delete[disabled], fieldset[disabled] .address-list .action-delete { pointer-events: none; opacity: 0.5; } .address-list .action-delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .address-list .action-delete:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.6rem; line-height: 16px; color: #41362f; content: '\e620'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .address-list .action-delete span { max-height: 1px; max-width: 1px; } .address-list .action-delete:hover { position: relative; z-index: 2; } .address-list .action-delete:hover:after { color: #060504; } .address-list .action-delete:hover span { background-color: #fcfcfc; border: 1px solid #989287; border-radius: .4rem; bottom: 100%; clip: auto; font-size: 1.2rem; height: auto; left: auto; margin: 0 auto .1rem; max-height: 50px; max-width: 200px; padding: .5rem; right: auto; top: auto; transition: all .01s linear .7s; white-space: nowrap; width: auto; } [class*='admin__control-'].mage-error ~ [class*='admin__addon-']:before, .admin__field-control > [class*='admin__control-'].mage-error { border-color: #e22626; } .page-layout-admin-login .loading-mask { background: rgba(255, 255, 255, 0.2); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1000; } .page-layout-admin-login .popup-loading { height: 149px; left: 50%; margin-left: -109px; margin-top: -74.5px; overflow: hidden; position: absolute; top: 50%; width: 218px; } .page-layout-admin-login .field-captcha { padding-left: 30px; vertical-align: middle; } .page-layout-admin-login .field-captcha .captcha-reload { float: right; margin-top: 15px; } .admin__form-loading-mask { background: rgba(255, 255, 255, 0.5); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; } .admin__form-loading-mask .spinner { font-size: 4rem; left: 50%; margin-left: -2rem; margin-top: -2rem; position: absolute; top: 50%; } .data-grid .head-massaction .admin__control-select, .data-grid .head-massaction .ui-datepicker .ui-datepicker-title select { min-width: 6rem; } .data-grid .data-grid-filters td { border-bottom: 1px solid #d6d6d6; padding: 1rem; } .data-grid .data-grid-filters select, .data-grid .data-grid-filters input[type='text'] { font-size: 1.3rem; height: 2.8rem; min-width: 5rem; padding: .2rem .4rem; width: 100%; } .data-grid .data-grid-filters .admin__control-text { width: 100%; } .data-grid .data-grid-filters select { background-position: calc(100% - 5px) -37px, 100%, calc(100% - 18px) 0; background-size: auto, 18px 100%, 1px 100%; height: 2.8rem; padding: .2rem 1.8rem .2rem .3rem; } .data-grid .data-grid-filters select:focus { background-position: calc(100% - 5px) 11px, 100%, calc(100% - 18px) 0; } .data-grid .data-grid-filters td ._has-datepicker + .ui-datepicker-trigger { height: 2.8rem; margin-left: -3.2rem; width: 2.8rem; } .data-grid .data-grid-filters td ._has-datepicker + .ui-datepicker-trigger:after { line-height: 28px; } .data-grid .range-line { position: relative; } .data-grid .range-line + .range-line { margin-top: .5rem; } .data-grid .field-row { display: inline-block; } .mass-select-info:before { content: '('; } .mass-select-info:after { content: ')'; } .mass-select-info._empty { display: none; } .mass-select-wrap { margin-left: 1.1rem; margin-top: 3.3rem; position: absolute; top: 100%; } .mass-select-wrap select { cursor: pointer; height: 22px; left: 0; opacity: .01; position: absolute; top: 0; width: 22px; z-index: 2; } .mass-select-wrap select + label { height: 16px; line-height: 16px; padding: 0; width: 16px; z-index: 1; /** * @codingStandardsIgnoreStart */ } .mass-select-wrap select + label:before { left: 0; position: absolute; top: 0; } .mass-select-wrap select + label:after { top: 40% !important; } .mass-select-wrap select._checked._indeterminate + label:before { content: '-'; font-size: 2rem; line-height: .7rem; } .mass-select-wrap select._disabled { display: none; } .mass-select-wrap select._disabled + label { cursor: not-allowed; opacity: .6; } .admin__data-grid-toolbar *, .admin__data-grid-toolbar *:before, .admin__data-grid-toolbar *:after { box-sizing: border-box; } .admin__data-grid-toolbar .admin__data-grid-header-row .action-select-multiselect { -webkit-appearance: menulist-button; appearance: menulist-button; height: 38px; left: -1rem; min-width: 0; opacity: .01; top: -1.2rem; width: 52px; } .admin__data-grid-toolbar .admin__data-grid-header-row > div { margin-left: 30px; } .admin__data-grid-toolbar .admin__data-grid-header-row > div:first-child { margin-left: 0; } .admin__data-grid-toolbar .admin__data-grid-header-row button, .admin__data-grid-toolbar .admin__data-grid-header-row .block-footer .action-add { vertical-align: top; } .admin__data-grid-toolbar .admin__filter-actions { float: left; } .admin__data-grid-toolbar .admin__control-filter .admin__control-select, .admin__data-grid-toolbar .admin__control-filter .ui-datepicker .ui-datepicker-title select { margin-right: 0.7rem; } .admin__data-grid-toolbar .admin__data-grid-export { float: right; } .admin__data-grid-toolbar .admin__data-grid-export .admin__control-select, .admin__data-grid-toolbar .admin__data-grid-export .ui-datepicker .ui-datepicker-title select { margin-right: 0.7rem; } .admin__data-grid-toolbar .admin__grid-massaction { float: left; } .admin__data-grid-toolbar .admin__grid-massaction .admin__control-select, .admin__data-grid-toolbar .admin__grid-massaction .ui-datepicker .ui-datepicker-title select { margin-right: 0.7rem; } .admin__data-grid-toolbar .admin__grid-massaction + .admin__control-text { float: left; } .admin__data-grid-toolbar .admin__grid-massaction .form-inline { display: inline; } .admin__data-grid-toolbar .admin__grid-massaction .form-inline .admin__field-label { float: none; padding-left: 2rem; padding-right: 1rem; width: auto; } .admin__data-grid-toolbar .admin__grid-massaction .admin__grid-massaction-form .admin__control-select ~ button, .admin__data-grid-toolbar .admin__grid-massaction .admin__grid-massaction-form .ui-datepicker .ui-datepicker-title select ~ button, .admin__data-grid-toolbar .admin__grid-massaction .admin__grid-massaction-form .admin__control-select ~ .block-footer .action-add { display: none; } .admin__data-grid-toolbar .admin__grid-massaction .admin__grid-massaction-form .admin__control-select._selected ~ button, .admin__data-grid-toolbar .admin__grid-massaction .admin__grid-massaction-form .ui-datepicker .ui-datepicker-title select._selected ~ button, .admin__data-grid-toolbar .admin__grid-massaction .admin__grid-massaction-form .admin__control-select._selected ~ .block-footer .action-add { display: inline-block; } .admin__data-grid-toolbar .admin__grid-massaction .admin__control-select-placeholder { color: #8a837f; font-weight: 700; } .admin__data-grid-toolbar .admin__data-grid-pager-wrap { float: right; } .admin__data-grid-toolbar .admin__data-grid-header-row._massaction { position: relative; z-index: 1; } .admin__grid-control .admin__grid-control { display: none; } .ui-dialog .admin__data-grid-header-row._massaction, .ui-dialog .mass-select-wrap select, .ui-dialog .mass-select-wrap, .ui-dialog .admin__grid-massaction { z-index: 2000; } .ui-dialog .admin__data-grid-wrap { z-index: 1999; } .data-grid td.col-action a + a:before { content: ''; display: block; } .attribute-popup { background-color: #ffffff; } .attribute-popup .edit-form { padding-left: 1.8rem; padding-right: 1.8rem; } .product-configure-popup .time-picker { display: block; margin-top: 1rem; } .admin__control-wysiwig .buttons-set { margin: 0 0 15px; } .admin__control-wysiwig .buttons-set button, .admin__control-wysiwig .buttons-set .block-footer .action-add { margin-right: 4px; } .admin__control-wysiwig + button, .admin__control-wysiwig + .block-footer .action-add { margin-top: 1rem; } .admin__control-wysiwig textarea { width: 100%; } .admin__action-dropdown-wrap { display: inline-block; position: relative; } .admin__action-dropdown-wrap .admin__action-dropdown-text:after { left: -6px; right: 0; } .admin__action-dropdown-wrap .admin__action-dropdown-menu { left: auto; right: 0; } .admin__action-dropdown-wrap.active .admin__action-dropdown, .admin__action-dropdown-wrap._active .admin__action-dropdown { border-color: #007bdb; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); } .admin__action-dropdown-wrap.active .admin__action-dropdown-text:after, .admin__action-dropdown-wrap._active .admin__action-dropdown-text:after { background-color: #ffffff; content: ''; height: 6px; position: absolute; top: 100%; } .admin__action-dropdown-wrap.active .admin__action-dropdown-menu, .admin__action-dropdown-wrap._active .admin__action-dropdown-menu { display: block; } .admin__action-dropdown-wrap._disabled .admin__action-dropdown { cursor: default; } .admin__action-dropdown-wrap._disabled:hover .admin__action-dropdown { color: #41362f; } .admin__action-dropdown { padding-right: 3.3rem; background-color: #ffffff; border: 1px solid transparent; border-bottom: none; border-radius: 0; box-shadow: none; color: #41362f; display: inline-block; font-size: 1.3rem; font-weight: 400; letter-spacing: -.025em; padding: 0.7rem 3.3rem 0.8rem 1.5rem; position: relative; vertical-align: baseline; z-index: 2; } .admin__action-dropdown._active:after, .admin__action-dropdown.active:after { transform: rotate(180deg); } .admin__action-dropdown:after { border-color: #000000 transparent transparent transparent; border-style: solid; border-width: 0.5rem 0.4rem 0 0.4rem; content: ''; height: 0; margin-top: -0.2rem; position: absolute; right: 1.25rem; top: 50%; transition: all .2s linear; width: 0; } ._active .admin__action-dropdown:after, .active .admin__action-dropdown:after { transform: rotate(180deg); } .admin__action-dropdown:hover:after { border-color: #000000 transparent transparent transparent; } .admin__action-dropdown:hover, .admin__action-dropdown:focus { background-color: #ffffff; color: #060504; text-decoration: none; } .admin__action-dropdown:after { right: 1.5rem; } .admin__action-dropdown:before { margin-right: 1rem; } .admin__action-dropdown-menu { background-color: #ffffff; border: 1px solid #007bdb; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); display: none; line-height: 1.36; margin-top: -1px; min-width: 120%; padding: 0.5rem 1rem; position: absolute; top: 100%; transition: all 0.15s ease; z-index: 1; } .admin__action-dropdown-menu > li { display: block; } .admin__action-dropdown-menu > li > a { color: #41362f; display: block; text-decoration: none; padding: 0.6rem 0.5rem; } .selectmenu { display: inline-block; padding-left: 1.5rem; position: relative; text-align: left; width: auto; z-index: 1; /** * @codingStandardsIgnoreStart */ } .selectmenu._active { border-color: #007bdb; z-index: 500; } .selectmenu .action-save, .selectmenu .action-edit, .selectmenu .action-delete { background-color: transparent; border-color: transparent; box-shadow: none; padding: 0 1rem 0 1rem; } .selectmenu .action-save:hover, .selectmenu .action-edit:hover, .selectmenu .action-delete:hover { background-color: transparent; border-color: transparent; box-shadow: none; } .selectmenu .action-save:before, .selectmenu .action-edit:before, .selectmenu .action-delete:before { content: '\e630'; } .selectmenu .action-edit, .selectmenu .action-delete { border: 0 solid #ffffff; border-left-width: 1px; bottom: 0; position: absolute; right: 0; top: 0; z-index: 1; } .selectmenu .action-edit:hover, .selectmenu .action-delete:hover { border: 0 solid #ffffff; border-left-width: 1px; } .selectmenu .action-save:before { content: '\e625'; } .selectmenu .action-edit:before { content: '\e631'; } .selectmenu-value { display: inline-block; } .selectmenu-value input[type='text'] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; border: 0; display: inline; margin: 0; width: 6rem; } body._keyfocus .selectmenu-value input[type='text']:focus { box-shadow: none; } .selectmenu-toggle { padding-right: 3rem; background: transparent; border-width: 0; bottom: 0; float: right; position: absolute; right: 0; top: 0; width: 0; } .selectmenu-toggle._active:after, .selectmenu-toggle.active:after { transform: rotate(180deg); } .selectmenu-toggle:after { border-color: #000000 transparent transparent transparent; border-style: solid; border-width: 0.5rem 0.4rem 0 0.4rem; content: ''; height: 0; margin-top: -0.2rem; position: absolute; right: 1.1rem; top: 50%; transition: all .2s linear; width: 0; } ._active .selectmenu-toggle:after, .active .selectmenu-toggle:after { transform: rotate(180deg); } .selectmenu-toggle:hover:after { border-color: #000000 transparent transparent transparent; } .selectmenu-toggle:focus, .selectmenu-toggle:active, .selectmenu-toggle:hover { background: transparent; } .selectmenu._active .selectmenu-toggle:before { border-color: #007bdb; } body._keyfocus .selectmenu-toggle:focus { box-shadow: none; } .selectmenu-toggle:before { background: #e3e3e3; border-left: 1px solid #adadad; bottom: 0; content: ''; display: block; position: absolute; right: 0; top: 0; width: 3.2rem; } .selectmenu-items { background: #ffffff; border: 1px solid #007bdb; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); display: none; float: left; left: -1px; margin-top: 3px; max-width: 20rem; min-width: calc(100% + 2px); position: absolute; top: 100%; } .selectmenu-items._active { display: block; } .selectmenu-items ul { float: left; list-style-type: none; margin: 0; min-width: 100%; padding: 0; } .selectmenu-items li { display: -webkit-flex; display: -ms-flexbox; -webkit-flex-direction: row; -ms-flex-direction: row; display: flex; flex-direction: row; transition: background .2s linear; } .selectmenu-items li:hover { background: #e3e3e3; } .selectmenu-items li:last-child .selectmenu-item-action { color: #007bdb; text-decoration: none; } .selectmenu-items li:last-child .selectmenu-item-action:visited { color: #007bdb; text-decoration: none; } .selectmenu-items li:last-child .selectmenu-item-action:hover { color: #007bdb; text-decoration: underline; } .selectmenu-items li:last-child .selectmenu-item-action:active { color: #ff5501; text-decoration: underline; } .selectmenu-item { position: relative; width: 100%; z-index: 1; } li._edit > .selectmenu-item { display: none; } .selectmenu-item-edit { display: none; padding: .3rem 4rem .3rem .4rem; position: relative; white-space: nowrap; z-index: 1; } li:last-child .selectmenu-item-edit { padding-right: .4rem; } .selectmenu-item-edit .admin__control-text { margin: 0; width: 5.4rem; } li._edit .selectmenu-item-edit { display: block; } .selectmenu-item-action { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: transparent; border: 0; color: #41362f; display: block; font-size: 1.4rem; font-weight: 400; min-width: 100%; padding: 1rem 6rem 1rem 1.5rem; text-align: left; transition: background .2s linear; width: 5rem; } .selectmenu-item-action:hover, .selectmenu-item-action:focus { background: #e3e3e3; } .abs-actions-split-xl .action-default, .page-actions .actions-split .action-default { margin-right: 4rem; } .abs-actions-split-xl .action-toggle, .page-actions .actions-split .action-toggle { padding-right: 4rem; } .abs-actions-split-xl .action-toggle:after, .page-actions .actions-split .action-toggle:after { border-width: 0.9rem 0.6rem 0 0.6rem; margin-top: -0.3rem; right: 1.4rem; } .actions-split { position: relative; z-index: 400; } .actions-split.active, .actions-split._active, .actions-split:hover { box-shadow: 0 0 0 1px #007bdb; } .actions-split.active .action-toggle.action-primary, .actions-split._active .action-toggle.action-primary, .actions-split.active .action-toggle.primary, .actions-split._active .action-toggle.primary { background-color: #ba4000; border-color: #ba4000; } .actions-split.active .dropdown-menu, .actions-split._active .dropdown-menu { opacity: 1; visibility: visible; display: block; } .actions-split .action-toggle, .actions-split .action-default { float: left; margin: 0; } .actions-split .action-toggle.active, .actions-split .action-default.active, .actions-split .action-toggle._active, .actions-split .action-default._active, .actions-split .action-toggle:hover, .actions-split .action-default:hover { box-shadow: none; } .actions-split .action-default { margin-right: 3.2rem; min-width: 9.300000000000001rem; } .actions-split .action-toggle { padding-right: 3.2rem; border-left-color: rgba(0, 0, 0, 0.2); bottom: 0; padding-left: 0; position: absolute; right: 0; top: 0; } .actions-split .action-toggle._active:after, .actions-split .action-toggle.active:after { transform: rotate(180deg); } .actions-split .action-toggle:after { border-color: #000000 transparent transparent transparent; border-style: solid; border-width: 0.5rem 0.4rem 0 0.4rem; content: ''; height: 0; margin-top: -0.2rem; position: absolute; right: 1.2rem; top: 50%; transition: all .2s linear; width: 0; } ._active .actions-split .action-toggle:after, .active .actions-split .action-toggle:after { transform: rotate(180deg); } .actions-split .action-toggle:hover:after { border-color: #000000 transparent transparent transparent; } .actions-split .action-toggle.action-secondary:after, .actions-split .action-toggle.secondary:after, .actions-split .action-toggle.action-primary:after, .actions-split .action-toggle.primary:after { border-color: #ffffff transparent transparent transparent; } .actions-split .action-toggle > span { clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; display: none; visibility: hidden; } .action-select-wrap { display: inline-block; position: relative; } .action-select-wrap .action-select { padding-right: 3.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #ffffff; font-weight: 400; text-align: left; } .action-select-wrap .action-select._active:after, .action-select-wrap .action-select.active:after { transform: rotate(180deg); } .action-select-wrap .action-select:after { border-color: #000000 transparent transparent transparent; border-style: solid; border-width: 0.5rem 0.4rem 0 0.4rem; content: ''; height: 0; margin-top: -0.2rem; position: absolute; right: 1.2rem; top: 50%; transition: all .2s linear; width: 0; } ._active .action-select-wrap .action-select:after, .active .action-select-wrap .action-select:after { transform: rotate(180deg); } .action-select-wrap .action-select:hover:after { border-color: #000000 transparent transparent transparent; } .action-select-wrap .action-select:hover { border-color: #878787; } .action-select-wrap .action-select:hover:before { border-color: #878787; } .action-select-wrap .action-select:before { background-color: #e3e3e3; border: 1px solid #adadad; bottom: 0; content: ''; position: absolute; right: 0; top: 0; width: 3.2rem; } .action-select-wrap .action-select._active { border-color: #007bdb; } .action-select-wrap .action-select._active:before { border-color: #007bdb; border-left-color: #adadad; } .action-select-wrap .action-select[disabled] { color: #41362f; } .action-select-wrap .action-select[disabled]:after { border-color: #41362f transparent transparent transparent; } .action-select-wrap._active { z-index: 500; } .action-select-wrap._active .action-select { border-color: #007bdb; } .action-select-wrap._active .action-select:before { border-color: #007bdb; } .action-select-wrap._active .action-select:after { transform: rotate(180deg); } .action-select-wrap .action-menu, .action-select-wrap .abs-action-menu .action-submenu, .action-select-wrap .action-menu .action-submenu, .action-select-wrap .actions-split .dropdown-menu .action-submenu, .action-select-wrap .actions-split .action-menu .action-submenu { max-height: 45rem; overflow-y: auto; } .action-select-wrap .action-menu ._disabled:hover, .action-select-wrap .abs-action-menu .action-submenu ._disabled:hover, .action-select-wrap .action-menu .action-submenu ._disabled:hover, .action-select-wrap .actions-split .dropdown-menu .action-submenu ._disabled:hover, .action-select-wrap .actions-split .action-menu .action-submenu ._disabled:hover { background: #ffffff; } .action-select-wrap .action-menu ._disabled .action-menu-item, .action-select-wrap .abs-action-menu .action-submenu ._disabled .action-menu-item, .action-select-wrap .action-menu .action-submenu ._disabled .action-menu-item, .action-select-wrap .actions-split .dropdown-menu .action-submenu ._disabled .action-menu-item, .action-select-wrap .actions-split .action-menu .action-submenu ._disabled .action-menu-item { cursor: default; opacity: .5; } .action-select-wrap .action-menu-items { left: 0; position: absolute; right: 0; top: 100%; } .action-select-wrap .action-menu-items > .action-menu, .action-select-wrap .action-menu-items > .abs-action-menu .action-submenu, .action-select-wrap .action-menu-items > .action-menu .action-submenu, .action-select-wrap .action-menu-items > .actions-split .dropdown-menu .action-submenu, .action-select-wrap .action-menu-items > .actions-split .action-menu .action-submenu { min-width: 100%; position: static; } .action-select-wrap .action-menu-items > .action-menu .action-submenu, .action-select-wrap .action-menu-items > .abs-action-menu .action-submenu .action-submenu, .action-select-wrap .action-menu-items > .action-menu .action-submenu .action-submenu, .action-select-wrap .action-menu-items > .actions-split .dropdown-menu .action-submenu .action-submenu, .action-select-wrap .action-menu-items > .actions-split .action-menu .action-submenu .action-submenu { position: absolute; right: -100%; } .action-multicheck-wrap { display: inline-block; height: 1.6rem; padding-top: 1px; position: relative; width: 3.1rem; z-index: 200; } .action-multicheck-wrap:hover .admin__control-checkbox + label:before, .action-multicheck-wrap:hover .action-multicheck-toggle { border-color: #878787; } .action-multicheck-wrap._active .admin__control-checkbox + label:before, .action-multicheck-wrap._active .action-multicheck-toggle { border-color: #007bdb; } .action-multicheck-wrap._active .action-menu, .action-multicheck-wrap._active .abs-action-menu .action-submenu, .action-multicheck-wrap._active .action-menu .action-submenu, .action-multicheck-wrap._active .actions-split .dropdown-menu .action-submenu, .action-multicheck-wrap._active .actions-split .action-menu .action-submenu { opacity: 1; visibility: visible; display: block; } .action-multicheck-wrap._disabled .admin__control-checkbox + label:before { background-color: #ffffff; } .action-multicheck-wrap._disabled .admin__control-checkbox + label:before, .action-multicheck-wrap._disabled .action-multicheck-toggle { border-color: #adadad; opacity: 1; } .action-multicheck-wrap .admin__control-checkbox, .action-multicheck-wrap .admin__control-checkbox + label, .action-multicheck-wrap .action-multicheck-toggle { float: left; } .action-multicheck-wrap .action-multicheck-toggle { padding-right: 3rem; border-radius: 0 1px 1px 0; height: 1.6rem; margin-left: -1px; padding: 0; position: relative; transition: border-color 0.1s linear; width: 1.6rem; } .action-multicheck-wrap .action-multicheck-toggle._active:after, .action-multicheck-wrap .action-multicheck-toggle.active:after, .mass-select-wrap select:focus + label:after { transform: rotate(180deg); } .action-multicheck-wrap .action-multicheck-toggle:after, .mass-select-wrap select + label:after { border-color: #000000 transparent transparent transparent; border-style: solid; border-width: 0.5rem 0.4rem 0 0.4rem; content: ''; height: 0; margin-top: -0.2rem; position: absolute; right: 1.1rem; top: 50%; transition: all .2s linear; width: 0; } ._active .action-multicheck-wrap .action-multicheck-toggle:after, .active .action-multicheck-wrap .action-multicheck-toggle:after { transform: rotate(180deg); } .action-multicheck-wrap .action-multicheck-toggle:hover:after { border-color: #000000 transparent transparent transparent; } .action-multicheck-wrap .action-multicheck-toggle:focus { border-color: #007bdb; } .action-multicheck-wrap .action-multicheck-toggle:after, .mass-select-wrap select + label:after { right: .3rem; } .action-multicheck-wrap .action-menu, .action-multicheck-wrap .abs-action-menu .action-submenu, .action-multicheck-wrap .action-menu .action-submenu, .action-multicheck-wrap .actions-split .dropdown-menu .action-submenu, .action-multicheck-wrap .actions-split .action-menu .action-submenu { left: -1.1rem; margin-top: 1px; right: auto; text-align: left; } .action-multicheck-wrap .action-menu-item { white-space: nowrap; } /** * @codingStandardsIgnoreStart */ .admin__action-multiselect-wrap { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; display: block; user-select: none; } .admin__action-multiselect-wrap.action-select-wrap:focus { box-shadow: none; } .admin__action-multiselect-wrap.action-select-wrap .action-menu, .admin__action-multiselect-wrap.action-select-wrap .abs-action-menu .action-submenu, .admin__action-multiselect-wrap.action-select-wrap .action-menu .action-submenu, .admin__action-multiselect-wrap.action-select-wrap .actions-split .dropdown-menu .action-submenu, .admin__action-multiselect-wrap.action-select-wrap .actions-split .action-menu .action-submenu { max-height: none; overflow-y: inherit; } .admin__action-multiselect-wrap .action-menu-item { transition: background-color 0.1s linear; } .admin__action-multiselect-wrap .action-menu-item._selected { background-color: #e0f6fe; } .admin__action-multiselect-wrap .action-menu-item._hover { background-color: #e3e3e3; } .admin__action-multiselect-wrap .action-menu-item._unclickable { cursor: default; } .admin__action-multiselect-wrap .admin__action-multiselect { border: 1px solid #adadad; cursor: pointer; display: block; min-height: 3.2rem; padding-right: 3.6rem; white-space: normal; } .admin__action-multiselect-wrap .admin__action-multiselect:after { bottom: 1.25rem; top: auto; } .admin__action-multiselect-wrap .admin__action-multiselect:before { height: 3.3rem; top: auto; } .admin__action-multiselect-wrap .admin__action-multiselect > .action-close, .admin__action-multiselect-wrap .admin__action-multiselect > .action-close:active { background-color: transparent; margin-right: 3.2rem; padding: .8rem 1.5rem .6rem; position: absolute; right: 0; top: 0; transform: none; } .admin__action-multiselect-wrap .admin__action-multiselect > .action-close:before, .admin__action-multiselect-wrap .admin__action-multiselect > .action-close:active:before { font-size: 1.5rem; } .admin__control-table-wrapper .admin__action-multiselect-wrap { position: static; } .admin__control-table-wrapper .admin__action-multiselect-wrap .admin__action-multiselect { position: relative; } .admin__control-table-wrapper .admin__action-multiselect-wrap .admin__action-multiselect:before { right: -1px; top: -1px; } .admin__control-table-wrapper .admin__action-multiselect-wrap .action-menu, .admin__control-table-wrapper .admin__action-multiselect-wrap .abs-action-menu .action-submenu, .admin__control-table-wrapper .admin__action-multiselect-wrap .action-menu .action-submenu, .admin__control-table-wrapper .admin__action-multiselect-wrap .actions-split .dropdown-menu .action-submenu, .admin__control-table-wrapper .admin__action-multiselect-wrap .actions-split .action-menu .action-submenu { left: auto; min-width: 34rem; right: auto; top: auto; z-index: 1; } .admin__action-multiselect-wrap .admin__action-multiselect-item-path { color: #a79d95; font-size: 1.2rem; font-weight: 400; padding-left: 1rem; } .admin__action-multiselect-actions-wrap { border-top: 1px solid #e3e3e3; margin: 0 1rem; padding: 1rem 0; text-align: center; } .admin__action-multiselect-actions-wrap .action-default { font-size: 1.3rem; min-width: 13rem; } .admin__action-multiselect-text { padding: .6rem 1rem; } .action-menu, .abs-action-menu .action-submenu, .action-menu .action-submenu, .actions-split .dropdown-menu .action-submenu, .actions-split .action-menu .action-submenu { left: 0; margin-top: 2px; right: auto; text-align: left; } .admin__action-multiselect-label { cursor: pointer; position: relative; z-index: 1; } .admin__action-multiselect-label:before { margin-right: .5rem; } ._unclickable .admin__action-multiselect-label { cursor: default; font-weight: 700; } .admin__action-multiselect-search-wrap { border-bottom: 1px solid #e3e3e3; margin: 0 1rem; padding: 1rem 0; position: relative; } .admin__action-multiselect-search { padding-right: 3rem; width: 100%; } .admin__action-multiselect-search-label { display: block; font-size: 1.5rem; height: 1.3em; overflow: hidden; position: absolute; right: 2.2rem; top: 1.7rem; width: 1em; } .admin__action-multiselect-search-label:before { content: '\e60c'; } .admin__action-multiselect-search-count { color: #a79d95; margin-top: 1rem; } .admin__action-multiselect-empty-area { color: #a79d95; padding-bottom: 20px; padding-top: 20px; text-align: center; vertical-align: middle; } .admin__action-multiselect-menu-inner { margin-bottom: 0; max-height: 46rem; overflow-y: auto; } .admin__action-multiselect-menu-inner .admin__action-multiselect-menu-inner { list-style: none; max-height: none; overflow: hidden; padding-left: 2.2rem; } .admin__action-multiselect-menu-inner ._hidden { display: none; } .admin__action-multiselect-crumb { background-color: #f5f5f5; border: 1px solid #a79d95; border-radius: 1px; display: inline-block; font-size: 1.2rem; margin: 0.3rem -4px 0.3rem 0.3rem; padding: 0.3rem 2.4rem 0.4rem 1rem; position: relative; transition: border-color 0.1s linear; } .admin__action-multiselect-crumb:hover { border-color: #908379; } .admin__action-multiselect-crumb .action-close, .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close { bottom: 0; font-size: .5em; position: absolute; right: 0; top: 0; width: 2rem; } .admin__action-multiselect-crumb .action-close:hover, .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close:hover { color: #060504; } .admin__action-multiselect-crumb .action-close:focus, .admin__action-multiselect-crumb .action-close:active, .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close:focus, .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close:active { background-color: transparent; } .admin__action-multiselect-crumb .action-close:active, .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close:active { transform: scale(0.9); } .modal-popup .admin__action-multiselect-crumb .action-close, .modal-slide .admin__action-multiselect-crumb .action-close, .modal-popup .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close, .modal-slide .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close { color: #514943; padding: 0; } .modal-popup .admin__action-multiselect-crumb .action-close:hover, .modal-slide .admin__action-multiselect-crumb .action-close:hover, .modal-popup .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close:hover, .modal-slide .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close:hover { color: #060504; } .modal-popup .admin__action-multiselect-crumb .action-close:active, .modal-slide .admin__action-multiselect-crumb .action-close:active, .modal-popup .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close:active, .modal-slide .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close:active { padding: 0; transform: scale(0.9); } .modal-popup .admin__action-multiselect-crumb .action-close:active:before, .modal-slide .admin__action-multiselect-crumb .action-close:active:before, .modal-popup .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close:active:before, .modal-slide .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close:active:before { font-size: 1em; } .modal-popup .admin__action-multiselect-crumb .action-close:before, .modal-slide .admin__action-multiselect-crumb .action-close:before, .modal-popup .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close:before, .modal-slide .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close:before { font-size: 1em; } .admin__action-multiselect-tree .action-menu, .admin__action-multiselect-tree .abs-action-menu .action-submenu, .admin__action-multiselect-tree .action-menu .action-submenu, .admin__action-multiselect-tree .actions-split .dropdown-menu .action-submenu, .admin__action-multiselect-tree .actions-split .action-menu .action-submenu { min-width: 34.7rem; } .admin__action-multiselect-tree .action-menu .action-menu-item, .admin__action-multiselect-tree .abs-action-menu .action-submenu .action-menu-item, .admin__action-multiselect-tree .action-menu .action-submenu .action-menu-item, .admin__action-multiselect-tree .actions-split .dropdown-menu .action-submenu .action-menu-item, .admin__action-multiselect-tree .actions-split .action-menu .action-submenu .action-menu-item { margin-top: .1rem; } .admin__action-multiselect-tree .action-menu-item { margin-left: 4.2rem; position: relative; } .admin__action-multiselect-tree .action-menu-item._expended:before { border-left: 1px dashed #a79d95; bottom: 0; content: ''; left: -1rem; position: absolute; top: 1rem; width: 1px; } .admin__action-multiselect-tree .action-menu-item._expended .admin__action-multiselect-dropdown:before { content: '\e615'; } .admin__action-multiselect-tree .action-menu-item._with-checkbox .admin__action-multiselect-label { padding-left: 2.6rem; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner { position: relative; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner .admin__action-multiselect-menu-inner { padding-left: 3.2rem; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner .admin__action-multiselect-menu-inner:before { left: 4.3rem; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item { position: relative; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item:last-child:before { height: 2.1rem; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item:after, .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item:before { content: ''; left: 0; position: absolute; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item:after { border-top: 1px dashed #a79d95; height: 1px; top: 2.1rem; width: 4.2rem; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item:before { border-left: 1px dashed #a79d95; height: 100%; top: 0; width: 1px; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item._parent:after { width: 4.2rem; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item._root { margin-left: -1rem; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item._root:after { left: 3.2rem; width: 2.2rem; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item._root:before { left: 3.2rem; top: 1rem; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item._root._parent:after { display: none; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item._root:first-child:before { top: 2.1rem; } .admin__action-multiselect-tree .admin__action-multiselect-menu-inner-item._root:last-child:before { height: 1rem; } .admin__action-multiselect-tree .admin__action-multiselect-label { line-height: 2.2rem; vertical-align: middle; word-break: break-all; } .admin__action-multiselect-tree .admin__action-multiselect-label:before { left: 0; position: absolute; top: .4rem; } .admin__action-multiselect-dropdown { border-radius: 50%; height: 2.2rem; left: -2.2rem; position: absolute; top: 1rem; width: 2.2rem; z-index: 1; } .admin__action-multiselect-dropdown:before { background: #ffffff; color: #a79d95; content: '\e616'; font-size: 2.2rem; } .admin__actions-switch { display: inline-block; position: relative; vertical-align: middle; } .admin__field-control .admin__actions-switch { line-height: 3.2rem; } .admin__actions-switch + .admin__field-service { min-width: 34rem; } ._disabled .admin__actions-switch-checkbox + .admin__actions-switch-label, .admin__actions-switch-checkbox.disabled + .admin__actions-switch-label { cursor: not-allowed; opacity: 0.5; pointer-events: none; } .admin__actions-switch-checkbox:checked + .admin__actions-switch-label:before { left: 15px; } .admin__actions-switch-checkbox:checked + .admin__actions-switch-label:after { background: #79a22e; } .admin__actions-switch-checkbox:checked + .admin__actions-switch-label .admin__actions-switch-text:before { content: attr(data-text-on); } .admin__actions-switch-checkbox:focus + .admin__actions-switch-label:before, .admin__actions-switch-checkbox:focus + .admin__actions-switch-label:after { border-color: #007bdb; } ._error .admin__actions-switch-checkbox + .admin__actions-switch-label:before, ._error .admin__actions-switch-checkbox + .admin__actions-switch-label:after { border-color: #e22626; } .admin__actions-switch-label { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; cursor: pointer; display: inline-block; height: 22px; line-height: 22px; position: relative; user-select: none; vertical-align: middle; } .admin__actions-switch-label:before, .admin__actions-switch-label:after { left: 0; position: absolute; right: auto; top: 0; } .admin__actions-switch-label:before { background: #ffffff; border: 1px solid #aaa6a0; border-radius: 100%; content: ''; display: block; height: 22px; transition: left 0.2s ease-in 0s; width: 22px; z-index: 1; } .admin__actions-switch-label:after { background: #e3e3e3; border: 1px solid #aaa6a0; border-radius: 12px; content: ''; display: block; height: 22px; transition: background 0.2s ease-in 0s; width: 37px; z-index: 0; } .admin__actions-switch-text:before { content: attr(data-text-off); padding-left: 47px; white-space: nowrap; } .abs-action-reset, .admin__field-fallback-reset, .abs-action-delete, .action-close, .timeline-action, .image .action-remove, .image-panel-controls .action-delete, .image-panel-controls .action-remove, .file-uploader-preview .action-remove, .search-global-field._active .search-global-action, .notifications-close, .adminhtml-integration-index .data-grid .action, .order-discounts .admin__field .action-default, .add-by-sku-wrapper .action-reset, .rma-items .col-actions .action-item-delete-line { background-color: transparent; border: none; border-radius: 0; box-shadow: none; margin: 0; padding: 0; } .abs-action-reset:hover, .admin__field-fallback-reset:hover, .abs-action-delete:hover, .action-close:hover, .timeline-action:hover, .image .action-remove:hover, .image-panel-controls .action-delete:hover, .image-panel-controls .action-remove:hover, .file-uploader-preview .action-remove:hover, .search-global-field._active .search-global-action:hover, .notifications-close:hover, .adminhtml-integration-index .data-grid .action:hover, .order-discounts .admin__field .action-default:hover, .add-by-sku-wrapper .action-reset:hover, .rma-items .col-actions .action-item-delete-line:hover { background-color: transparent; border: none; box-shadow: none; } .abs-action-pattern, .abs-action-default, .abs-action-primary, .abs-action-secondary, .abs-action-tertiary, .abs-action-quaternary, .action-default, button, .action-primary, .action-secondary, .action-tertiary, .action-quaternary, .action-advanced-reports, .mass-select-wrap select + label, .action-basic, button, button.primary, button.secondary, button.tertiary, .ui-dialog .action-close, .ui-dialog .ui-button, .ui-dialog .action-primary, .attribute-popup-actions .action-default.reset, .attribute-popup-actions .page-actions-buttons > button.action-default.primary, .modal-popup .modal-footer .action-primary, .modal-popup .modal-footer .action-secondary, .page-actions > button, .page-actions .page-actions-buttons > button, .page-actions .page-actions-buttons > .action, .page-actions > button.action-primary, .page-actions .page-actions-buttons > button.action-primary, .page-actions .page-actions-buttons > .action.action-primary, .page-actions > button.primary, .page-actions .page-actions-buttons > button.primary, .page-actions .page-actions-buttons > .action.primary, .page-actions > button.action-secondary, .page-actions .page-actions-buttons > button.action-secondary, .page-actions .page-actions-buttons > .action.action-secondary, .steps-wizard .select-attributes-actions .action-default, .downloadable-form .action-add, .rma-items .col-actions .action-item-details, .rma-items .col-actions .action-item-split-line, .rma-items-block .col-actions a, .field-vat-number .action-default, .order-billing-method-summary .action-default, .order-shipping-method-summary .action-default, .order-shipping-method-info .action-default, .block-footer .action-add, .block-footer .action-add, .popup-window .magento_buttons .ok_button, .popup-window .magento_buttons .cancel_button, .fade .actions .primary, .fade .actions .cancel, .attribute-popup-actions .page-actions.floating-header > button.action-default.primary, .page-actions .page-actions.floating-header > button, .page-actions .page-actions.floating-header > .action, .page-actions .page-actions.floating-header > button.action-primary, .page-actions .page-actions.floating-header > .action.action-primary, .page-actions .page-actions.floating-header > button.primary, .page-actions .page-actions.floating-header > .action.primary, .page-actions .page-actions.floating-header > button.action-secondary, .page-actions .page-actions.floating-header > .action.action-secondary, .block-footer .action-add, .block-footer .action-add.primary, .block-footer .action-add.secondary, .block-footer .action-add.tertiary, .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary, .page-actions > .block-footer .action-add, .page-actions .page-actions-buttons > .block-footer .action-add, .page-actions > .block-footer .action-add.action-primary, .page-actions .page-actions-buttons > .block-footer .action-add.action-primary, .page-actions > .block-footer .action-add.primary, .page-actions .page-actions-buttons > .block-footer .action-add.primary, .page-actions > .block-footer .action-add.action-secondary, .page-actions .page-actions-buttons > .block-footer .action-add.action-secondary { border: 1px solid; border-radius: 0; display: inline-block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; font-weight: 600; line-height: 1.36; padding: 0.6rem 1em 0.6rem; text-align: center; vertical-align: baseline; } .abs-action-pattern[disabled], .abs-action-pattern.disabled, .abs-action-default[disabled], .abs-action-default.disabled, .abs-action-primary[disabled], .abs-action-primary.disabled, .abs-action-secondary[disabled], .abs-action-secondary.disabled, .abs-action-tertiary[disabled], .abs-action-tertiary.disabled, .abs-action-quaternary[disabled], .abs-action-quaternary.disabled, .action-default[disabled], .action-default.disabled, button[disabled], button.disabled, .action-primary[disabled], .action-primary.disabled, .action-secondary[disabled], .action-secondary.disabled, .action-tertiary[disabled], .action-tertiary.disabled, .action-quaternary[disabled], .action-quaternary.disabled, .action-advanced-reports[disabled], .action-advanced-reports.disabled, .mass-select-wrap select + label[disabled], .mass-select-wrap select + label.disabled, .action-basic[disabled], .action-basic.disabled, button[disabled], button.disabled, button.primary[disabled], button.primary.disabled, button.secondary[disabled], button.secondary.disabled, button.tertiary[disabled], button.tertiary.disabled, .ui-dialog .action-close[disabled], .ui-dialog .action-close.disabled, .ui-dialog .ui-button[disabled], .ui-dialog .ui-button.disabled, .ui-dialog .action-primary[disabled], .ui-dialog .action-primary.disabled, .attribute-popup-actions .action-default.reset[disabled], .attribute-popup-actions .action-default.reset.disabled, .attribute-popup-actions .page-actions-buttons > button.action-default.primary[disabled], .attribute-popup-actions .page-actions-buttons > button.action-default.primary.disabled, .modal-popup .modal-footer .action-primary[disabled], .modal-popup .modal-footer .action-primary.disabled, .modal-popup .modal-footer .action-secondary[disabled], .modal-popup .modal-footer .action-secondary.disabled, .page-actions > button[disabled], .page-actions > button.disabled, .page-actions .page-actions-buttons > button[disabled], .page-actions .page-actions-buttons > button.disabled, .page-actions .page-actions-buttons > .action[disabled], .page-actions .page-actions-buttons > .action.disabled, .page-actions > button.action-primary[disabled], .page-actions > button.action-primary.disabled, .page-actions .page-actions-buttons > button.action-primary[disabled], .page-actions .page-actions-buttons > button.action-primary.disabled, .page-actions .page-actions-buttons > .action.action-primary[disabled], .page-actions .page-actions-buttons > .action.action-primary.disabled, .page-actions > button.primary[disabled], .page-actions > button.primary.disabled, .page-actions .page-actions-buttons > button.primary[disabled], .page-actions .page-actions-buttons > button.primary.disabled, .page-actions .page-actions-buttons > .action.primary[disabled], .page-actions .page-actions-buttons > .action.primary.disabled, .page-actions > button.action-secondary[disabled], .page-actions > button.action-secondary.disabled, .page-actions .page-actions-buttons > button.action-secondary[disabled], .page-actions .page-actions-buttons > button.action-secondary.disabled, .page-actions .page-actions-buttons > .action.action-secondary[disabled], .page-actions .page-actions-buttons > .action.action-secondary.disabled, .steps-wizard .select-attributes-actions .action-default[disabled], .steps-wizard .select-attributes-actions .action-default.disabled, .downloadable-form .action-add[disabled], .downloadable-form .action-add.disabled, .rma-items .col-actions .action-item-details[disabled], .rma-items .col-actions .action-item-details.disabled, .rma-items .col-actions .action-item-split-line[disabled], .rma-items .col-actions .action-item-split-line.disabled, .rma-items-block .col-actions a[disabled], .rma-items-block .col-actions a.disabled, .field-vat-number .action-default[disabled], .field-vat-number .action-default.disabled, .order-billing-method-summary .action-default[disabled], .order-billing-method-summary .action-default.disabled, .order-shipping-method-summary .action-default[disabled], .order-shipping-method-summary .action-default.disabled, .order-shipping-method-info .action-default[disabled], .order-shipping-method-info .action-default.disabled, .block-footer .action-add[disabled], .block-footer .action-add.disabled, .block-footer .action-add[disabled], .block-footer .action-add.disabled, .popup-window .magento_buttons .ok_button[disabled], .popup-window .magento_buttons .ok_button.disabled, .popup-window .magento_buttons .cancel_button[disabled], .popup-window .magento_buttons .cancel_button.disabled, .fade .actions .primary[disabled], .fade .actions .primary.disabled, .fade .actions .cancel[disabled], .fade .actions .cancel.disabled, .attribute-popup-actions .page-actions.floating-header > button.action-default.primary[disabled], .attribute-popup-actions .page-actions.floating-header > button.action-default.primary.disabled, .page-actions .page-actions.floating-header > button[disabled], .page-actions .page-actions.floating-header > button.disabled, .page-actions .page-actions.floating-header > .action[disabled], .page-actions .page-actions.floating-header > .action.disabled, .page-actions .page-actions.floating-header > button.action-primary[disabled], .page-actions .page-actions.floating-header > button.action-primary.disabled, .page-actions .page-actions.floating-header > .action.action-primary[disabled], .page-actions .page-actions.floating-header > .action.action-primary.disabled, .page-actions .page-actions.floating-header > button.primary[disabled], .page-actions .page-actions.floating-header > button.primary.disabled, .page-actions .page-actions.floating-header > .action.primary[disabled], .page-actions .page-actions.floating-header > .action.primary.disabled, .page-actions .page-actions.floating-header > button.action-secondary[disabled], .page-actions .page-actions.floating-header > button.action-secondary.disabled, .page-actions .page-actions.floating-header > .action.action-secondary[disabled], .page-actions .page-actions.floating-header > .action.action-secondary.disabled, .block-footer .action-add[disabled], .block-footer .action-add.disabled, .block-footer .action-add.primary[disabled], .block-footer .action-add.primary.disabled, .block-footer .action-add.secondary[disabled], .block-footer .action-add.secondary.disabled, .block-footer .action-add.tertiary[disabled], .block-footer .action-add.tertiary.disabled, .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary[disabled], .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary.disabled, .page-actions > .block-footer .action-add[disabled], .page-actions > .block-footer .action-add.disabled, .page-actions .page-actions-buttons > .block-footer .action-add[disabled], .page-actions .page-actions-buttons > .block-footer .action-add.disabled, .page-actions > .block-footer .action-add.action-primary[disabled], .page-actions > .block-footer .action-add.action-primary.disabled, .page-actions .page-actions-buttons > .block-footer .action-add.action-primary[disabled], .page-actions .page-actions-buttons > .block-footer .action-add.action-primary.disabled, .page-actions > .block-footer .action-add.primary[disabled], .page-actions > .block-footer .action-add.primary.disabled, .page-actions .page-actions-buttons > .block-footer .action-add.primary[disabled], .page-actions .page-actions-buttons > .block-footer .action-add.primary.disabled, .page-actions > .block-footer .action-add.action-secondary[disabled], .page-actions > .block-footer .action-add.action-secondary.disabled, .page-actions .page-actions-buttons > .block-footer .action-add.action-secondary[disabled], .page-actions .page-actions-buttons > .block-footer .action-add.action-secondary.disabled { cursor: default; opacity: 0.5; pointer-events: none; } .abs-action-l, .ui-dialog .ui-button, .ui-dialog .action-primary, .attribute-popup-actions .page-actions-buttons > button.action-default.primary, .modal-popup .modal-footer .action-primary, .modal-popup .modal-footer .action-secondary, .action-advanced-reports, .page-actions button, .page-actions .page-actions-buttons > button, .page-actions .page-actions-buttons > .action, .page-actions > button.action-primary, .page-actions .page-actions-buttons > button.action-primary, .page-actions .page-actions-buttons > .action.action-primary, .page-actions > button.primary, .page-actions .page-actions-buttons > button.primary, .page-actions .page-actions-buttons > .action.primary, .page-actions > button.action-secondary, .page-actions .page-actions-buttons > button.action-secondary, .page-actions .page-actions-buttons > .action.action-secondary, .page-layout-admin-login .action-primary, .admin__field-complex-attributes [class^='action-'], .steps-wizard .select-attributes-actions .action-default, .order-totals-actions .action-default, .staging-preview-item-content-wrapper > .actions-toolbar .action-primary, .popup-window .magento_buttons .ok_button, .fade .actions .primary, .attribute-popup-actions .page-actions.floating-header > button.action-default.primary, .page-actions .page-actions.floating-header > button, .page-actions .page-actions.floating-header > .action, .page-actions .page-actions.floating-header > button.action-primary, .page-actions .page-actions.floating-header > .action.action-primary, .page-actions .page-actions.floating-header > button.primary, .page-actions .page-actions.floating-header > .action.primary, .page-actions .page-actions.floating-header > button.action-secondary, .page-actions .page-actions.floating-header > .action.action-secondary, .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary, .page-actions .block-footer .action-add, .page-actions .page-actions-buttons > .block-footer .action-add, .page-actions > .block-footer .action-add.action-primary, .page-actions .page-actions-buttons > .block-footer .action-add.action-primary, .page-actions > .block-footer .action-add.primary, .page-actions .page-actions-buttons > .block-footer .action-add.primary, .page-actions > .block-footer .action-add.action-secondary, .page-actions .page-actions-buttons > .block-footer .action-add.action-secondary { font-size: 1.6rem; letter-spacing: .025em; padding-bottom: 0.6875em; padding-top: 0.6875em; } .abs-action-delete, .rma-items .col-actions .action-item-delete-line { display: inline-block; font-size: 1.6rem; margin-left: 1.2rem; padding-top: .7rem; text-decoration: none; vertical-align: middle; } .abs-action-delete:after, .rma-items .col-actions .action-item-delete-line:after { color: #666666; content: '\e630'; } .abs-action-delete:hover:after, .rma-items .col-actions .action-item-delete-line:hover:after { color: #35302c; } .abs-action-button-as-link, .action-additional, .data-grid .action-delete { line-height: 1.36; padding: 0; color: #007bdb; text-decoration: none; background: none; border: 0; display: inline; font-weight: 400; border-radius: 0; } .abs-action-button-as-link:visited, .action-additional:visited, .data-grid .action-delete:visited { color: #007bdb; text-decoration: none; } .abs-action-button-as-link:hover, .action-additional:hover, .data-grid .action-delete:hover { color: #007bdb; text-decoration: underline; } .abs-action-button-as-link:active, .action-additional:active, .data-grid .action-delete:active { color: #ff5501; text-decoration: underline; } .abs-action-button-as-link:hover, .abs-action-button-as-link:active, .abs-action-button-as-link:focus, .action-additional:hover, .action-additional:active, .action-additional:focus, .data-grid .action-delete:hover, .data-grid .action-delete:active, .data-grid .action-delete:focus { background: none; border: 0; } .abs-action-button-as-link.disabled, .abs-action-button-as-link[disabled], fieldset[disabled] .abs-action-button-as-link, .action-additional.disabled, .action-additional[disabled], fieldset[disabled] .action-additional, .data-grid .action-delete.disabled, .data-grid .action-delete[disabled], fieldset[disabled] .data-grid .action-delete { color: #007bdb; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .abs-action-button-as-link:active, .abs-action-button-as-link:not(:focus), .action-additional:active, .action-additional:not(:focus), .data-grid .action-delete:active, .data-grid .action-delete:not(:focus) { box-shadow: none; } .abs-action-button-as-link:focus, .action-additional:focus, .data-grid .action-delete:focus { color: #007bdb; } .abs-action-default, .mass-select-wrap select + label, button, .rma-items .col-actions .action-item-details, .rma-items .col-actions .action-item-split-line, .rma-items-block .col-actions a, .block-footer .action-add { background: #e3e3e3; border-color: #adadad; color: #514943; } .abs-action-default:hover, .abs-action-default:active, .abs-action-default:focus, button:hover, button:active, button:focus, .rma-items .col-actions .action-item-details:hover, .rma-items .col-actions .action-item-details:active, .rma-items .col-actions .action-item-details:focus, .rma-items .col-actions .action-item-split-line:hover, .rma-items .col-actions .action-item-split-line:active, .rma-items .col-actions .action-item-split-line:focus, .rma-items-block .col-actions a:hover, .rma-items-block .col-actions a:active, .rma-items-block .col-actions a:focus, .block-footer .action-add:hover, .block-footer .action-add:active, .block-footer .action-add:focus { background-color: #dbdbdb; color: #514943; text-decoration: none; } .abs-action-primary, button.primary, .page-actions > button.action-primary, .page-actions .page-actions-buttons > button.action-primary, .page-actions .page-actions-buttons > .action.action-primary, .page-actions > button.primary, .page-actions .page-actions-buttons > button.primary, .page-actions .page-actions-buttons > .action.primary, .page-actions .page-actions.floating-header > button.action-primary, .page-actions .page-actions.floating-header > .action.action-primary, .page-actions .page-actions.floating-header > button.primary, .page-actions .page-actions.floating-header > .action.primary, .block-footer .action-add.primary, .page-actions > .block-footer .action-add.action-primary, .page-actions .page-actions-buttons > .block-footer .action-add.action-primary, .page-actions > .block-footer .action-add.primary, .page-actions .page-actions-buttons > .block-footer .action-add.primary { background-color: #eb5202; border-color: #eb5202; color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); } .abs-action-primary:hover, .abs-action-primary:active, .abs-action-primary:focus, button.primary:hover, button.primary:active, button.primary:focus, .page-actions > button.action-primary:hover, .page-actions > button.action-primary:active, .page-actions > button.action-primary:focus, .page-actions .page-actions-buttons > button.action-primary:hover, .page-actions .page-actions-buttons > button.action-primary:active, .page-actions .page-actions-buttons > button.action-primary:focus, .page-actions .page-actions-buttons > .action.action-primary:hover, .page-actions .page-actions-buttons > .action.action-primary:active, .page-actions .page-actions-buttons > .action.action-primary:focus, .page-actions > button.primary:hover, .page-actions > button.primary:active, .page-actions > button.primary:focus, .page-actions .page-actions-buttons > button.primary:hover, .page-actions .page-actions-buttons > button.primary:active, .page-actions .page-actions-buttons > button.primary:focus, .page-actions .page-actions-buttons > .action.primary:hover, .page-actions .page-actions-buttons > .action.primary:active, .page-actions .page-actions-buttons > .action.primary:focus, .page-actions .page-actions.floating-header > button.action-primary:hover, .page-actions .page-actions.floating-header > button.action-primary:active, .page-actions .page-actions.floating-header > button.action-primary:focus, .page-actions .page-actions.floating-header > .action.action-primary:hover, .page-actions .page-actions.floating-header > .action.action-primary:active, .page-actions .page-actions.floating-header > .action.action-primary:focus, .page-actions .page-actions.floating-header > button.primary:hover, .page-actions .page-actions.floating-header > button.primary:active, .page-actions .page-actions.floating-header > button.primary:focus, .page-actions .page-actions.floating-header > .action.primary:hover, .page-actions .page-actions.floating-header > .action.primary:active, .page-actions .page-actions.floating-header > .action.primary:focus, .block-footer .action-add.primary:hover, .block-footer .action-add.primary:active, .block-footer .action-add.primary:focus, .page-actions > .block-footer .action-add.action-primary:hover, .page-actions > .block-footer .action-add.action-primary:active, .page-actions > .block-footer .action-add.action-primary:focus, .page-actions .page-actions-buttons > .block-footer .action-add.action-primary:hover, .page-actions .page-actions-buttons > .block-footer .action-add.action-primary:active, .page-actions .page-actions-buttons > .block-footer .action-add.action-primary:focus, .page-actions > .block-footer .action-add.primary:hover, .page-actions > .block-footer .action-add.primary:active, .page-actions > .block-footer .action-add.primary:focus, .page-actions .page-actions-buttons > .block-footer .action-add.primary:hover, .page-actions .page-actions-buttons > .block-footer .action-add.primary:active, .page-actions .page-actions-buttons > .block-footer .action-add.primary:focus { background-color: #ba4000; border-color: #b84002; box-shadow: 0 0 0 1px #007bdb; color: #ffffff; text-decoration: none; } .abs-action-primary.disabled, .abs-action-primary[disabled], button.primary.disabled, button.primary[disabled], .page-actions > button.action-primary.disabled, .page-actions > button.action-primary[disabled], .page-actions .page-actions-buttons > button.action-primary.disabled, .page-actions .page-actions-buttons > button.action-primary[disabled], .page-actions .page-actions-buttons > .action.action-primary.disabled, .page-actions .page-actions-buttons > .action.action-primary[disabled], .page-actions > button.primary.disabled, .page-actions > button.primary[disabled], .page-actions .page-actions-buttons > button.primary.disabled, .page-actions .page-actions-buttons > button.primary[disabled], .page-actions .page-actions-buttons > .action.primary.disabled, .page-actions .page-actions-buttons > .action.primary[disabled], .page-actions .page-actions.floating-header > button.action-primary.disabled, .page-actions .page-actions.floating-header > button.action-primary[disabled], .page-actions .page-actions.floating-header > .action.action-primary.disabled, .page-actions .page-actions.floating-header > .action.action-primary[disabled], .page-actions .page-actions.floating-header > button.primary.disabled, .page-actions .page-actions.floating-header > button.primary[disabled], .page-actions .page-actions.floating-header > .action.primary.disabled, .page-actions .page-actions.floating-header > .action.primary[disabled], .block-footer .action-add.primary.disabled, .block-footer .action-add.primary[disabled], .page-actions > .block-footer .action-add.action-primary.disabled, .page-actions > .block-footer .action-add.action-primary[disabled], .page-actions .page-actions-buttons > .block-footer .action-add.action-primary.disabled, .page-actions .page-actions-buttons > .block-footer .action-add.action-primary[disabled], .page-actions > .block-footer .action-add.primary.disabled, .page-actions > .block-footer .action-add.primary[disabled], .page-actions .page-actions-buttons > .block-footer .action-add.primary.disabled, .page-actions .page-actions-buttons > .block-footer .action-add.primary[disabled] { cursor: default; opacity: 0.5; pointer-events: none; } .abs-action-secondary, .action-basic, button.secondary, .ui-dialog .ui-button, .ui-dialog .action-primary, .attribute-popup-actions .page-actions-buttons > button.action-default.primary, .modal-popup .modal-footer .action-primary, .page-actions > button.action-secondary, .page-actions .page-actions-buttons > button.action-secondary, .page-actions .page-actions-buttons > .action.action-secondary, .steps-wizard .select-attributes-actions .action-default, .popup-window .magento_buttons .ok_button, .fade .actions .primary, .attribute-popup-actions .page-actions.floating-header > button.action-default.primary, .page-actions .page-actions.floating-header > button.action-secondary, .page-actions .page-actions.floating-header > .action.action-secondary, .block-footer .action-add.secondary, .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary, .page-actions > .block-footer .action-add.action-secondary, .page-actions .page-actions-buttons > .block-footer .action-add.action-secondary { background-color: #514943; border-color: #514943; color: #ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .abs-action-secondary:hover, .abs-action-secondary:active, .abs-action-secondary:focus, .action-basic:hover, .action-basic:active, .action-basic:focus, button.secondary:hover, button.secondary:active, button.secondary:focus, .ui-dialog .ui-button:hover, .ui-dialog .ui-button:active, .ui-dialog .ui-button:focus, .ui-dialog .action-primary:hover, .ui-dialog .action-primary:active, .ui-dialog .action-primary:focus, .attribute-popup-actions .page-actions-buttons > button.action-default.primary:hover, .attribute-popup-actions .page-actions-buttons > button.action-default.primary:active, .attribute-popup-actions .page-actions-buttons > button.action-default.primary:focus, .modal-popup .modal-footer .action-primary:hover, .modal-popup .modal-footer .action-primary:active, .modal-popup .modal-footer .action-primary:focus, .page-actions > button.action-secondary:hover, .page-actions > button.action-secondary:active, .page-actions > button.action-secondary:focus, .page-actions .page-actions-buttons > button.action-secondary:hover, .page-actions .page-actions-buttons > button.action-secondary:active, .page-actions .page-actions-buttons > button.action-secondary:focus, .page-actions .page-actions-buttons > .action.action-secondary:hover, .page-actions .page-actions-buttons > .action.action-secondary:active, .page-actions .page-actions-buttons > .action.action-secondary:focus, .steps-wizard .select-attributes-actions .action-default:hover, .steps-wizard .select-attributes-actions .action-default:active, .steps-wizard .select-attributes-actions .action-default:focus, .popup-window .magento_buttons .ok_button:hover, .popup-window .magento_buttons .ok_button:active, .popup-window .magento_buttons .ok_button:focus, .fade .actions .primary:hover, .fade .actions .primary:active, .fade .actions .primary:focus, .attribute-popup-actions .page-actions.floating-header > button.action-default.primary:hover, .attribute-popup-actions .page-actions.floating-header > button.action-default.primary:active, .attribute-popup-actions .page-actions.floating-header > button.action-default.primary:focus, .page-actions .page-actions.floating-header > button.action-secondary:hover, .page-actions .page-actions.floating-header > button.action-secondary:active, .page-actions .page-actions.floating-header > button.action-secondary:focus, .page-actions .page-actions.floating-header > .action.action-secondary:hover, .page-actions .page-actions.floating-header > .action.action-secondary:active, .page-actions .page-actions.floating-header > .action.action-secondary:focus, .block-footer .action-add.secondary:hover, .block-footer .action-add.secondary:active, .block-footer .action-add.secondary:focus, .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary:hover, .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary:active, .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary:focus, .page-actions > .block-footer .action-add.action-secondary:hover, .page-actions > .block-footer .action-add.action-secondary:active, .page-actions > .block-footer .action-add.action-secondary:focus, .page-actions .page-actions-buttons > .block-footer .action-add.action-secondary:hover, .page-actions .page-actions-buttons > .block-footer .action-add.action-secondary:active, .page-actions .page-actions-buttons > .block-footer .action-add.action-secondary:focus { background-color: #35302c; border-color: #35302c; box-shadow: 0 0 0 1px #007bdb; color: #ffffff; text-decoration: none; } .abs-action-secondary:active, .action-basic:active, button.secondary:active, .ui-dialog .ui-button:active, .ui-dialog .action-primary:active, .attribute-popup-actions .page-actions-buttons > button.action-default.primary:active, .modal-popup .modal-footer .action-primary:active, .page-actions > button.action-secondary:active, .page-actions .page-actions-buttons > button.action-secondary:active, .page-actions .page-actions-buttons > .action.action-secondary:active, .steps-wizard .select-attributes-actions .action-default:active, .popup-window .magento_buttons .ok_button:active, .fade .actions .primary:active, .attribute-popup-actions .page-actions.floating-header > button.action-default.primary:active, .page-actions .page-actions.floating-header > button.action-secondary:active, .page-actions .page-actions.floating-header > .action.action-secondary:active, .block-footer .action-add.secondary:active, .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary:active, .page-actions > .block-footer .action-add.action-secondary:active, .page-actions .page-actions-buttons > .block-footer .action-add.action-secondary:active { background-color: #35302c; } .abs-action-tertiary, button.tertiary, .ui-dialog .action-close, .attribute-popup-actions .action-default.reset, .modal-popup .modal-footer .action-secondary, .popup-window .magento_buttons .cancel_button, .fade .actions .cancel, .block-footer .action-add.tertiary { background-color: transparent; border-color: transparent; text-shadow: none; color: #007bdb; } .abs-action-tertiary:active, .abs-action-tertiary:hover, .abs-action-tertiary:focus, button.tertiary:active, button.tertiary:hover, button.tertiary:focus, .ui-dialog .action-close:active, .ui-dialog .action-close:hover, .ui-dialog .action-close:focus, .attribute-popup-actions .action-default.reset:active, .attribute-popup-actions .action-default.reset:hover, .attribute-popup-actions .action-default.reset:focus, .modal-popup .modal-footer .action-secondary:active, .modal-popup .modal-footer .action-secondary:hover, .modal-popup .modal-footer .action-secondary:focus, .popup-window .magento_buttons .cancel_button:active, .popup-window .magento_buttons .cancel_button:hover, .popup-window .magento_buttons .cancel_button:focus, .fade .actions .cancel:active, .fade .actions .cancel:hover, .fade .actions .cancel:focus, .block-footer .action-add.tertiary:active, .block-footer .action-add.tertiary:hover, .block-footer .action-add.tertiary:focus { background-color: transparent; border-color: transparent; box-shadow: none; } .abs-action-tertiary:active, .abs-action-tertiary:hover, .abs-action-tertiary:focus, button.tertiary:active, button.tertiary:hover, button.tertiary:focus, .ui-dialog .action-close:active, .ui-dialog .action-close:hover, .ui-dialog .action-close:focus, .attribute-popup-actions .action-default.reset:active, .attribute-popup-actions .action-default.reset:hover, .attribute-popup-actions .action-default.reset:focus, .modal-popup .modal-footer .action-secondary:active, .modal-popup .modal-footer .action-secondary:hover, .modal-popup .modal-footer .action-secondary:focus, .popup-window .magento_buttons .cancel_button:active, .popup-window .magento_buttons .cancel_button:hover, .popup-window .magento_buttons .cancel_button:focus, .fade .actions .cancel:active, .fade .actions .cancel:hover, .fade .actions .cancel:focus, .block-footer .action-add.tertiary:active, .block-footer .action-add.tertiary:hover, .block-footer .action-add.tertiary:focus { color: #007bdb; text-decoration: underline; } .abs-action-quaternary, .page-actions > button, .page-actions .page-actions-buttons > button, .page-actions .page-actions-buttons > .action, .page-actions .page-actions.floating-header > button, .page-actions .page-actions.floating-header > .action, .page-actions > .block-footer .action-add, .page-actions .page-actions-buttons > .block-footer .action-add { background-color: transparent; border-color: transparent; text-shadow: none; color: #41362f; } .abs-action-quaternary:active, .abs-action-quaternary:hover, .abs-action-quaternary:focus, .page-actions > button:active, .page-actions > button:hover, .page-actions > button:focus, .page-actions .page-actions-buttons > button:active, .page-actions .page-actions-buttons > button:hover, .page-actions .page-actions-buttons > button:focus, .page-actions .page-actions-buttons > .action:active, .page-actions .page-actions-buttons > .action:hover, .page-actions .page-actions-buttons > .action:focus, .page-actions .page-actions.floating-header > button:active, .page-actions .page-actions.floating-header > button:hover, .page-actions .page-actions.floating-header > button:focus, .page-actions .page-actions.floating-header > .action:active, .page-actions .page-actions.floating-header > .action:hover, .page-actions .page-actions.floating-header > .action:focus, .page-actions > .block-footer .action-add:active, .page-actions > .block-footer .action-add:hover, .page-actions > .block-footer .action-add:focus, .page-actions .page-actions-buttons > .block-footer .action-add:active, .page-actions .page-actions-buttons > .block-footer .action-add:hover, .page-actions .page-actions-buttons > .block-footer .action-add:focus { background-color: transparent; border-color: transparent; box-shadow: none; } .abs-action-quaternary:active, .abs-action-quaternary:hover, .abs-action-quaternary:focus, .page-actions > button:active, .page-actions > button:hover, .page-actions > button:focus, .page-actions .page-actions-buttons > button:active, .page-actions .page-actions-buttons > button:hover, .page-actions .page-actions-buttons > button:focus, .page-actions .page-actions-buttons > .action:active, .page-actions .page-actions-buttons > .action:hover, .page-actions .page-actions-buttons > .action:focus, .page-actions .page-actions.floating-header > button:active, .page-actions .page-actions.floating-header > button:hover, .page-actions .page-actions.floating-header > button:focus, .page-actions .page-actions.floating-header > .action:active, .page-actions .page-actions.floating-header > .action:hover, .page-actions .page-actions.floating-header > .action:focus, .page-actions > .block-footer .action-add:active, .page-actions > .block-footer .action-add:hover, .page-actions > .block-footer .action-add:focus, .page-actions .page-actions-buttons > .block-footer .action-add:active, .page-actions .page-actions-buttons > .block-footer .action-add:hover, .page-actions .page-actions-buttons > .block-footer .action-add:focus { color: #231d1a; } .abs-action-menu, .actions-split .dropdown-menu, .actions-split .action-menu, .actions-split .abs-action-menu .action-submenu, .actions-split .action-menu .action-submenu { margin-top: 2px; right: auto; text-align: left; background-color: #ffffff; border: 1px solid #007bdb; border-radius: 1px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); color: #41362f; display: none; font-weight: 400; left: 0; list-style: none; margin: 2px 0 0; min-width: 0; padding: 0; position: absolute; right: 0; top: 100%; } .abs-action-menu._active, .actions-split .dropdown-menu._active, .actions-split .action-menu._active, .actions-split .abs-action-menu .action-submenu._active, .actions-split .action-menu .action-submenu._active { display: block; } .abs-action-menu > li, .actions-split .dropdown-menu > li, .actions-split .action-menu > li, .actions-split .abs-action-menu .action-submenu > li, .actions-split .action-menu .action-submenu > li { border: none; display: block; padding: 0; transition: background-color 0.1s linear; } .abs-action-menu > li > a:hover, .actions-split .dropdown-menu > li > a:hover, .actions-split .action-menu > li > a:hover, .actions-split .abs-action-menu .action-submenu > li > a:hover, .actions-split .action-menu .action-submenu > li > a:hover { text-decoration: none; } .abs-action-menu > li._visible, .actions-split .dropdown-menu > li._visible, .actions-split .action-menu > li._visible, .actions-split .abs-action-menu .action-submenu > li._visible, .actions-split .action-menu .action-submenu > li._visible { background-color: #e3e3e3; } .abs-action-menu > li:hover, .actions-split .dropdown-menu > li:hover, .actions-split .action-menu > li:hover, .actions-split .abs-action-menu .action-submenu > li:hover, .actions-split .action-menu .action-submenu > li:hover { background-color: #e3e3e3; } .abs-action-menu > li:active, .actions-split .dropdown-menu > li:active, .actions-split .action-menu > li:active, .actions-split .abs-action-menu .action-submenu > li:active, .actions-split .action-menu .action-submenu > li:active { background-color: #cacaca; } .abs-action-menu > li._parent, .actions-split .dropdown-menu > li._parent, .actions-split .action-menu > li._parent, .actions-split .abs-action-menu .action-submenu > li._parent, .actions-split .action-menu .action-submenu > li._parent { display: -webkit-flex; display: -ms-flexbox; -webkit-flex-direction: row; -ms-flex-direction: row; display: flex; flex-direction: row; } .abs-action-menu > li._parent > .action-menu-item, .actions-split .dropdown-menu > li._parent > .action-menu-item, .actions-split .action-menu > li._parent > .action-menu-item, .actions-split .abs-action-menu .action-submenu > li._parent > .action-menu-item, .actions-split .action-menu .action-submenu > li._parent > .action-menu-item { min-width: 100%; } .abs-action-menu > li._parent::after, .actions-split .dropdown-menu > li._parent::after, .actions-split .action-menu > li._parent::after, .actions-split .abs-action-menu .action-submenu > li._parent::after, .actions-split .action-menu .action-submenu > li._parent::after { border-color: transparent transparent transparent #000000; border-style: solid; border-width: .4rem 0 .4rem .5rem; content: ''; height: 0; position: relative; right: 1.2rem; top: 1.4rem; width: 0; } .abs-action-menu .item, .abs-action-menu .action-menu-item, .actions-split .dropdown-menu .item, .actions-split .dropdown-menu .action-menu-item, .actions-split .action-menu .item, .actions-split .action-menu .action-menu-item, .actions-split .abs-action-menu .action-submenu .item, .actions-split .abs-action-menu .action-submenu .action-menu-item, .actions-split .action-menu .action-submenu .item, .actions-split .action-menu .action-submenu .action-menu-item { cursor: pointer; display: block; padding: .6875em 1em; } .abs-action-menu .action-submenu, .actions-split .dropdown-menu .action-submenu, .actions-split .action-menu .action-submenu { bottom: auto; left: auto; margin-left: 0; margin-top: -1px; position: absolute; right: auto; top: auto; } .abs-action-menu a.action-menu-item, .actions-split .dropdown-menu a.action-menu-item, .actions-split .action-menu a.action-menu-item, .actions-split .abs-action-menu .action-submenu a.action-menu-item, .actions-split .action-menu .action-submenu a.action-menu-item { color: #41362f; } .abs-action-menu a.action-menu-item:focus, .actions-split .dropdown-menu a.action-menu-item:focus, .actions-split .action-menu a.action-menu-item:focus, .actions-split .abs-action-menu .action-submenu a.action-menu-item:focus, .actions-split .action-menu .action-submenu a.action-menu-item:focus { background-color: #e3e3e3; box-shadow: none; } .abs-action-wrap-triangle, .action-wrap-prev, .action-wrap-next { position: relative; } .abs-action-wrap-triangle .action-default, .action-wrap-prev .action-default, .action-wrap-next .action-default { width: 100%; } .abs-action-wrap-triangle .action-default:before, .abs-action-wrap-triangle .action-default:after, .action-wrap-prev .action-default:before, .action-wrap-prev .action-default:after, .action-wrap-next .action-default:before, .action-wrap-next .action-default:after { border-style: solid; content: ''; height: 0; position: absolute; top: 0; width: 0; } .abs-action-wrap-triangle .action-default:active, .abs-action-wrap-triangle .action-default:hover, .abs-action-wrap-triangle .action-default:focus, .action-wrap-prev .action-default:active, .action-wrap-prev .action-default:hover, .action-wrap-prev .action-default:focus, .action-wrap-next .action-default:active, .action-wrap-next .action-default:hover, .action-wrap-next .action-default:focus { box-shadow: none; } ._keyfocus .abs-action-wrap-triangle .action-default:focus, ._keyfocus .action-wrap-prev .action-default:focus, ._keyfocus .action-wrap-next .action-default:focus { box-shadow: 0 0 0 1px #007bdb; } .abs-action-wrap-triangle-right, .action-wrap-next { display: inline-block; padding-right: 1.6rem; position: relative; } .abs-action-wrap-triangle-right .action-default:before, .abs-action-wrap-triangle-right .action-default:after, .action-wrap-next .action-default:before, .action-wrap-next .action-default:after { border-color: transparent transparent transparent #e3e3e3; border-width: 1.7rem 0 1.6rem 1.7rem; left: 100%; margin-left: -1.7rem; } .abs-action-wrap-triangle-right .action-default:before, .action-wrap-next .action-default:before { border-left-color: #949494; right: -1px; } .abs-action-wrap-triangle-right .action-default:hover:after, .abs-action-wrap-triangle-right .action-default:active:after, .abs-action-wrap-triangle-right .action-default:focus:after, .action-wrap-next .action-default:hover:after, .action-wrap-next .action-default:active:after, .action-wrap-next .action-default:focus:after { border-left-color: #dbdbdb; } .abs-action-wrap-triangle-right .action-primary:after, .action-wrap-next .action-primary:after { border-color: transparent transparent transparent #eb5202; } .abs-action-wrap-triangle-right .action-primary:hover:after, .abs-action-wrap-triangle-right .action-primary:active:after, .abs-action-wrap-triangle-right .action-primary:focus:after, .action-wrap-next .action-primary:hover:after, .action-wrap-next .action-primary:active:after, .action-wrap-next .action-primary:focus:after { border-left-color: #ba4000; } .abs-action-wrap-triangle-left, .action-wrap-prev { display: inline-block; padding-left: 1.6rem; } .abs-action-wrap-triangle-left .action-default, .action-wrap-prev .action-default { text-indent: -0.85rem; } .abs-action-wrap-triangle-left .action-default:before, .abs-action-wrap-triangle-left .action-default:after, .action-wrap-prev .action-default:before, .action-wrap-prev .action-default:after { border-color: transparent #e3e3e3 transparent transparent; border-width: 1.7rem 1.7rem 1.6rem 0; margin-right: -1.7rem; right: 100%; } .abs-action-wrap-triangle-left .action-default:before, .action-wrap-prev .action-default:before { border-right-color: #949494; left: -1px; } .abs-action-wrap-triangle-left .action-default:hover:after, .abs-action-wrap-triangle-left .action-default:active:after, .abs-action-wrap-triangle-left .action-default:focus:after, .action-wrap-prev .action-default:hover:after, .action-wrap-prev .action-default:active:after, .action-wrap-prev .action-default:focus:after { border-right-color: #dbdbdb; } .abs-action-wrap-triangle-left .action-primary:after, .action-wrap-prev .action-primary:after { border-color: transparent #eb5202 transparent transparent; } .abs-action-wrap-triangle-left .action-primary:hover:after, .abs-action-wrap-triangle-left .action-primary:active:after, .abs-action-wrap-triangle-left .action-primary:focus:after, .action-wrap-prev .action-primary:hover:after, .action-wrap-prev .action-primary:active:after, .action-wrap-prev .action-primary:focus:after { border-right-color: #ba4000; } .action-default, button, .block-footer .action-add, .block-footer .action-add { background: #e3e3e3; border-color: #adadad; color: #514943; } .action-default:hover, button:hover, .action-default:active, button:active, .action-default:focus, button:focus, .block-footer .action-add:hover, .block-footer .action-add:active, .block-footer .action-add:focus { background-color: #dbdbdb; color: #514943; text-decoration: none; } .action-primary { background-color: #eb5202; border-color: #eb5202; color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); } .action-primary:hover, .action-primary:active, .action-primary:focus { background-color: #ba4000; border-color: #b84002; box-shadow: 0 0 0 1px #007bdb; color: #ffffff; text-decoration: none; } .action-primary.disabled, .action-primary[disabled] { cursor: default; opacity: 0.5; pointer-events: none; } .action-secondary { background-color: #514943; border-color: #514943; color: #ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .action-secondary:hover, .action-secondary:active, .action-secondary:focus { background-color: #35302c; border-color: #35302c; box-shadow: 0 0 0 1px #007bdb; color: #ffffff; text-decoration: none; } .action-secondary:active { background-color: #35302c; } .action-tertiary, .action-quaternary, .downloadable-form .action-add, .field-vat-number .action-default, .order-billing-method-summary .action-default, .order-shipping-method-summary .action-default, .order-shipping-method-info .action-default { background-color: transparent; border-color: transparent; text-shadow: none; } .action-tertiary:active, .action-quaternary:active, .action-tertiary:hover, .action-quaternary:hover, .action-tertiary:focus, .action-quaternary:focus, .downloadable-form .action-add:active, .downloadable-form .action-add:hover, .downloadable-form .action-add:focus, .field-vat-number .action-default:active, .field-vat-number .action-default:hover, .field-vat-number .action-default:focus, .order-billing-method-summary .action-default:active, .order-billing-method-summary .action-default:hover, .order-billing-method-summary .action-default:focus, .order-shipping-method-summary .action-default:active, .order-shipping-method-summary .action-default:hover, .order-shipping-method-summary .action-default:focus, .order-shipping-method-info .action-default:active, .order-shipping-method-info .action-default:hover, .order-shipping-method-info .action-default:focus { background-color: transparent; border-color: transparent; box-shadow: none; } .action-tertiary, .downloadable-form .action-add, .field-vat-number .action-default, .order-billing-method-summary .action-default, .order-shipping-method-summary .action-default, .order-shipping-method-info .action-default { color: #007bdb; } .action-tertiary:active, .action-tertiary:hover, .action-tertiary:focus, .downloadable-form .action-add:active, .downloadable-form .action-add:hover, .downloadable-form .action-add:focus, .field-vat-number .action-default:active, .field-vat-number .action-default:hover, .field-vat-number .action-default:focus, .order-billing-method-summary .action-default:active, .order-billing-method-summary .action-default:hover, .order-billing-method-summary .action-default:focus, .order-shipping-method-summary .action-default:active, .order-shipping-method-summary .action-default:hover, .order-shipping-method-summary .action-default:focus, .order-shipping-method-info .action-default:active, .order-shipping-method-info .action-default:hover, .order-shipping-method-info .action-default:focus { color: #007bdb; text-decoration: underline; } .action-quaternary { color: #41362f; } .action-quaternary:active, .action-quaternary:hover, .action-quaternary:focus { color: #231d1a; } .action-close > span { clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; display: none; visibility: hidden; } .action-close:active { transform: scale(0.9); } .action-close:before { content: '\e62f'; transition: color 0.1s linear; } .action-close:hover { cursor: pointer; text-decoration: none; } .action-menu, .abs-action-menu .action-submenu, .action-menu .action-submenu, .actions-split .dropdown-menu .action-submenu, .actions-split .action-menu .action-submenu { background-color: #ffffff; border: 1px solid #007bdb; border-radius: 1px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); color: #41362f; display: none; font-weight: 400; left: 0; list-style: none; margin: 2px 0 0; min-width: 0; padding: 0; position: absolute; right: 0; top: 100%; } .action-menu._active, .abs-action-menu .action-submenu._active, .action-menu .action-submenu._active, .actions-split .dropdown-menu .action-submenu._active, .actions-split .action-menu .action-submenu._active { display: block; } .action-menu > li, .abs-action-menu .action-submenu > li, .action-menu .action-submenu > li, .actions-split .dropdown-menu .action-submenu > li, .actions-split .action-menu .action-submenu > li { border: none; display: block; padding: 0; transition: background-color 0.1s linear; } .action-menu > li > a:hover, .abs-action-menu .action-submenu > li > a:hover, .action-menu .action-submenu > li > a:hover, .actions-split .dropdown-menu .action-submenu > li > a:hover, .actions-split .action-menu .action-submenu > li > a:hover { text-decoration: none; } .action-menu > li._visible, .abs-action-menu .action-submenu > li._visible, .action-menu .action-submenu > li._visible, .actions-split .dropdown-menu .action-submenu > li._visible, .actions-split .action-menu .action-submenu > li._visible { background-color: #e3e3e3; } .action-menu > li:hover, .abs-action-menu .action-submenu > li:hover, .action-menu .action-submenu > li:hover, .actions-split .dropdown-menu .action-submenu > li:hover, .actions-split .action-menu .action-submenu > li:hover { background-color: #e3e3e3; } .action-menu > li:active, .abs-action-menu .action-submenu > li:active, .action-menu .action-submenu > li:active, .actions-split .dropdown-menu .action-submenu > li:active, .actions-split .action-menu .action-submenu > li:active { background-color: #cacaca; } .action-menu > li._parent, .abs-action-menu .action-submenu > li._parent, .action-menu .action-submenu > li._parent, .actions-split .dropdown-menu .action-submenu > li._parent, .actions-split .action-menu .action-submenu > li._parent { display: -webkit-flex; display: -ms-flexbox; -webkit-flex-direction: row; -ms-flex-direction: row; display: flex; flex-direction: row; } .action-menu > li._parent > .action-menu-item, .abs-action-menu .action-submenu > li._parent > .action-menu-item, .action-menu .action-submenu > li._parent > .action-menu-item, .actions-split .dropdown-menu .action-submenu > li._parent > .action-menu-item, .actions-split .action-menu .action-submenu > li._parent > .action-menu-item { min-width: 100%; } .action-menu > li._parent::after, .abs-action-menu .action-submenu > li._parent::after, .action-menu .action-submenu > li._parent::after, .actions-split .dropdown-menu .action-submenu > li._parent::after, .actions-split .action-menu .action-submenu > li._parent::after { border-color: transparent transparent transparent #000000; border-style: solid; border-width: .4rem 0 .4rem .5rem; content: ''; height: 0; position: relative; right: 1.2rem; top: 1.4rem; width: 0; } .action-menu .item, .action-menu .action-menu-item, .abs-action-menu .action-submenu .item, .abs-action-menu .action-submenu .action-menu-item, .action-menu .action-submenu .item, .action-menu .action-submenu .action-menu-item, .actions-split .dropdown-menu .action-submenu .item, .actions-split .dropdown-menu .action-submenu .action-menu-item, .actions-split .action-menu .action-submenu .item, .actions-split .action-menu .action-submenu .action-menu-item { cursor: pointer; display: block; padding: .6875em 1em; } .action-menu .action-submenu { bottom: auto; left: auto; margin-left: 0; margin-top: -1px; position: absolute; right: auto; top: auto; } .action-menu a.action-menu-item, .abs-action-menu .action-submenu a.action-menu-item, .action-menu .action-submenu a.action-menu-item, .actions-split .dropdown-menu .action-submenu a.action-menu-item, .actions-split .action-menu .action-submenu a.action-menu-item { color: #41362f; } .action-menu a.action-menu-item:focus, .abs-action-menu .action-submenu a.action-menu-item:focus, .action-menu .action-submenu a.action-menu-item:focus, .actions-split .dropdown-menu .action-submenu a.action-menu-item:focus, .actions-split .action-menu .action-submenu a.action-menu-item:focus { background-color: #e3e3e3; box-shadow: none; } table { background-color: transparent; color: #303030; } table > caption { margin-bottom: .5em; } .admin__table-wrapper { overflow-x: auto; overflow-y: hidden; width: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; } .admin__table-primary, .admin__table-secondary { width: 100%; } .admin__table-primary { font-size: 1.3rem; } .admin__table-primary th, .admin__table-primary td { padding: 1rem 1.5rem; text-align: left; } .admin__table-primary th:first-child, .admin__table-primary td:first-child { padding-left: 0; } .admin__table-primary th { border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; font-weight: 700; vertical-align: bottom; } .admin__table-primary td { border-bottom: 1px solid #e3e3e3; vertical-align: top; } .admin__table-primary tbody tr:last-child td { border-bottom-color: transparent; } .admin__table-primary tfoot { background: #f8f8f8; font-weight: 600; } .admin__table-primary tfoot th:first-child, .admin__table-primary tfoot td:first-child { padding-left: 1.5rem; } .admin__table-secondary caption { font-size: 1.8rem; font-weight: 700; margin-bottom: .75em; text-align: left; } .admin__table-secondary thead th { background-color: transparent; font-weight: 600; } .admin__table-secondary tbody th { vertical-align: top; } .admin__table-secondary tbody tr:nth-child(odd) th, .admin__table-secondary tbody tr:nth-child(odd) td { background-color: #f1f1f1; } .admin__table-secondary tfoot tr:nth-child(odd) th, .admin__table-secondary tfoot tr:nth-child(odd) td { background-color: #ffffff; } .admin__table-secondary tfoot tr:first-child { border-top: 1px solid #e3e3e3; } .admin__table-secondary th, .admin__table-secondary td { padding: 1rem 1rem; text-align: left; } .admin__table-secondary th { color: #676056; font-weight: 400; } .row { margin-left: 0; margin-right: 0; } .row:after { clear: both; content: ''; display: table; } .col-xs-1, .col-m-1, .col-l-1, .col-xl-1, .col-xs-2, .col-m-2, .col-l-2, .col-xl-2, .col-xs-3, .col-m-3, .col-l-3, .col-xl-3, .col-xs-4, .col-m-4, .col-l-4, .col-xl-4, .col-xs-5, .col-m-5, .col-l-5, .col-xl-5, .col-xs-6, .col-m-6, .col-l-6, .col-xl-6, .col-xs-7, .col-m-7, .col-l-7, .col-xl-7, .col-xs-8, .col-m-8, .col-l-8, .col-xl-8, .col-xs-9, .col-m-9, .col-l-9, .col-xl-9, .col-xs-10, .col-m-10, .col-l-10, .col-xl-10, .col-xs-11, .col-m-11, .col-l-11, .col-xl-11, .col-xs-12, .col-m-12, .col-l-12, .col-xl-12 { min-height: 1px; padding-left: 0; padding-right: 0; position: relative; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } .row-gutter { margin-left: -1.5rem; margin-right: -1.5rem; } .row-gutter > [class*='col-'] { padding-left: 1.5rem; padding-right: 1.5rem; } .tabs-horiz { margin: 0; padding: 0; } .tabs-horiz .ui-state-default { background: #e3e3e3; border: 0.1rem solid #adadad; float: left; letter-spacing: .0183em; list-style: none; margin-right: .4rem; } .tabs-horiz .ui-state-hover { background: #d6d6d6; } .tabs-horiz .ui-state-active { background: #ffffff; border-bottom: 0; font-weight: 600; letter-spacing: normal; margin-bottom: -.1rem; } .tabs-horiz .ui-state-active .ui-tabs-anchor { border-bottom: 0.1rem solid #ffffff; border-top: 0.4rem solid #eb5202; padding-top: 1.1rem; } .tabs-horiz .ui-tabs-anchor { color: #41362f; display: block; padding: 1.5rem 1.8rem 1.3rem; text-decoration: none; } .tabs-horiz .ui-tabs-anchor:hover { color: #41362f; text-decoration: none; } .ui-tabs-panel { margin-top: -1px; padding: 2rem; } html { height: 100%; } body { background-color: #f5f5f5; min-height: 100%; min-width: 102.4rem; } .page-wrapper { background-color: #ffffff; display: inline-block; margin-left: -4px; vertical-align: top; width: calc(100% - 8.800000000000001rem); } .page-content { padding-bottom: 3rem; padding-left: 3rem; padding-right: 3rem; } .notices-wrapper { margin: 0 3rem; min-height: 5rem; } .notices-wrapper .messages { margin-bottom: 0; } ._disabled { box-shadow: none; cursor: default; opacity: .5; outline: 0; } ._disabled:hover { box-shadow: none; cursor: default; opacity: .5; outline: 0; } .a-center { text-align: center; } ._no-select { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } .hidden { display: none; visibility: hidden; } input.no-display, .no-display { display: none; } .code-sample { font-family: monospace, serif; } .spinner { display: inline-block; font-size: 4rem; height: 1em; margin-right: 1.5rem; position: relative; width: 1em; } .spinner > span:nth-child(1) { -webkit-animation-delay: 0.27s; -moz-animation-delay: 0.27s; -ms-animation-delay: 0.27s; animation-delay: 0.27s; -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); -ms-transform: rotate(-315deg); transform: rotate(-315deg); } .spinner > span:nth-child(2) { -webkit-animation-delay: 0.36s; -moz-animation-delay: 0.36s; -ms-animation-delay: 0.36s; animation-delay: 0.36s; -webkit-transform: rotate(-270deg); -moz-transform: rotate(-270deg); -ms-transform: rotate(-270deg); transform: rotate(-270deg); } .spinner > span:nth-child(3) { -webkit-animation-delay: 0.45s; -moz-animation-delay: 0.45s; -ms-animation-delay: 0.45s; animation-delay: 0.45s; -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } .spinner > span:nth-child(4) { -webkit-animation-delay: 0.54s; -moz-animation-delay: 0.54s; -ms-animation-delay: 0.54s; animation-delay: 0.54s; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .spinner > span:nth-child(5) { -webkit-animation-delay: 0.63s; -moz-animation-delay: 0.63s; -ms-animation-delay: 0.63s; animation-delay: 0.63s; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .spinner > span:nth-child(6) { -webkit-animation-delay: 0.72s; -moz-animation-delay: 0.72s; -ms-animation-delay: 0.72s; animation-delay: 0.72s; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .spinner > span:nth-child(7) { -webkit-animation-delay: 0.8100000000000001s; -moz-animation-delay: 0.8100000000000001s; -ms-animation-delay: 0.8100000000000001s; animation-delay: 0.8100000000000001s; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .spinner > span:nth-child(8) { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -ms-animation-delay: 0.9s; animation-delay: 0.9s; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } @-moz-keyframes fade { 0% { background-color: #514943; } 100% { background-color: #ffffff; } } @-webkit-keyframes fade { 0% { background-color: #514943; } 100% { background-color: #ffffff; } } @-ms-keyframes fade { 0% { background-color: #514943; } 100% { background-color: #ffffff; } } @keyframes fade { 0% { background-color: #514943; } 100% { background-color: #ffffff; } } .spinner > span { -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-animation-name: fade; -moz-animation-name: fade; -ms-animation-name: fade; animation-name: fade; -webkit-animation-duration: 0.72s; -moz-animation-duration: 0.72s; -ms-animation-duration: 0.72s; animation-duration: 0.72s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: linear; -moz-animation-direction: linear; -ms-animation-direction: linear; animation-direction: linear; background-color: #ffffff; border-radius: 6px; clip: rect(0 0.28571429em 0.1em 0); height: .1em; margin-top: 0.5em; position: absolute; width: 1em; } .popup-loading { background: rgba(255, 255, 255, 0.8); border-color: #ef672f; color: #ef672f; font-size: 14px; font-weight: bold; left: 50%; margin-left: -100px; padding: 100px 0 10px; position: fixed; text-align: center; top: 40%; width: 200px; z-index: 1003; } .popup-loading:after { background-image: url('../images/loader-1.gif'); content: ''; height: 64px; left: 50%; margin: -32px 0 0 -32px; position: absolute; top: 40%; width: 64px; z-index: 2; } .loading-old, .loading-mask { background: rgba(255, 255, 255, 0.4); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 2003; } .loading-old img, .loading-mask img { display: none; } .loading-old p, .loading-mask p { margin-top: 118px; } .loading-old .loader, .loading-mask .loader { background: #f7f3eb url('../images/loader-1.gif') no-repeat 50% 30%; border-radius: 5px; bottom: 0; color: #575757; font-size: 14px; font-weight: bold; height: 160px; left: 0; margin: auto; opacity: .95; position: absolute; right: 0; text-align: center; top: 0; width: 160px; } ._has-datepicker.admin__control-text { padding-right: 3.5rem; width: 15rem; } ._has-datepicker + .ui-datepicker-trigger { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; text-decoration: none; display: inline-block; height: 3.2rem; margin-left: -3.2rem; overflow: hidden; position: absolute; vertical-align: top; z-index: 1; } ._has-datepicker + .ui-datepicker-trigger:focus, ._has-datepicker + .ui-datepicker-trigger:active { background: none; border: none; } ._has-datepicker + .ui-datepicker-trigger:hover { background: none; border: none; } ._has-datepicker + .ui-datepicker-trigger.disabled, ._has-datepicker + .ui-datepicker-trigger[disabled], fieldset[disabled] ._has-datepicker + .ui-datepicker-trigger { pointer-events: none; opacity: 0.5; } ._has-datepicker + .ui-datepicker-trigger > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } ._has-datepicker + .ui-datepicker-trigger:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2.1rem; line-height: 32px; color: #514943; content: '\e627'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } ._has-datepicker + .ui-datepicker-trigger + .admin__control-support-text, ._has-datepicker + .ui-datepicker-trigger + .admin__control-label { margin-left: 3.7rem; } ._has-datepicker + .ui-datepicker-trigger img { display: none; } .ui-datepicker { box-sizing: border-box; display: none; opacity: 0.98; padding: 23px 20px; width: auto; z-index: 999999 !important; } .ui-datepicker:before { background: #ffffff; border: 1px solid #007bdb; bottom: 3px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); content: ''; display: block; left: 0; position: absolute; right: 0; top: 3px; z-index: 0; } .ui-datepicker-header { padding: 0 0 10px; position: relative; z-index: 1; } .ui-datepicker-prev, .ui-datepicker-next { cursor: pointer; line-height: 3rem; position: absolute; top: 0; } .ui-datepicker-prev:before, .ui-datepicker-next:before { color: #514943; display: inline-block; font-size: 34px; } .ui-datepicker-prev { left: 0; } .ui-datepicker-prev:before { content: '\2039'; } .ui-datepicker-next { right: 0; } .ui-datepicker-next:before { content: '\203A'; } .ui-datepicker .ui-datepicker-title { line-height: 1.8em; margin: 0 2.3em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; min-width: 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker table { width: 100%; } .ui-datepicker table.ui-datepicker-calendar { background: #ffffff; border: 0; border-collapse: collapse; position: relative; z-index: 1; } .ui-datepicker table.ui-datepicker-calendar thead { background: transparent; } .ui-datepicker table.ui-datepicker-calendar tr { background: transparent; } .ui-datepicker table.ui-datepicker-calendar tr th { background: transparent; border: 0; padding: 0; } .ui-datepicker table.ui-datepicker-calendar tr th span { font-size: 12px; font-weight: 700; line-height: 28px; } .ui-datepicker table.ui-datepicker-calendar tr td { background: transparent; border: 1px solid #adadad; padding: 0; } .ui-datepicker table.ui-datepicker-calendar span, .ui-datepicker table.ui-datepicker-calendar a { box-sizing: border-box; color: #514943; display: block; font-size: 14px; font-weight: 600; line-height: 38px; text-align: center; text-decoration: none; width: 38px; } .ui-datepicker table.ui-datepicker-calendar .ui-state-disabled span { background: #f5f5f5; color: #999999; } .ui-datepicker table.ui-datepicker-calendar .ui-state-active { background: #514943; color: #ffffff; } .ui-datepicker table.ui-datepicker-calendar .ui-datepicker-today a { border: 3px solid #adadad; line-height: 32px; } .ui-datepicker .ui-datepicker-buttonpane { overflow: hidden; padding-top: 15px; position: relative; white-space: nowrap; z-index: 1; } .ui-datepicker .ui-datepicker-buttonpane button, .ui-datepicker .ui-datepicker-buttonpane .block-footer .action-add { background: #ffffff; border: 1px solid #adadad; border-radius: 1px; box-sizing: border-box; color: #008bdb; float: left; font-size: 14px; line-height: 38px; padding: 0; text-align: center; width: 49%; } .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close { float: right; } .ui-datepicker .ui-datepicker-title .ui-datepicker-month { margin-right: 6%; width: 47%; } .ui-datepicker .ui-datepicker-title .ui-datepicker-year { width: 47%; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col { border: 1px solid #cecece; text-align: center; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dd { margin: 0 0 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider-horizontal .ui-slider-handle { margin-left: -5px; } .ui-slider .ui-slider-handle { cursor: default; position: absolute; z-index: 2; } .ui-slider-horizontal { background: #adadad; border: none; border-radius: 10px; height: 10px; } .ui-slider-handle { background: #514943; border-radius: 10px; display: block; height: 10px; position: absolute; width: 10px; } .ui-timepicker-div { padding: 10px 0 5px 0; position: relative; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { left: auto; right: 2px; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { left: auto; right: 1px; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button, .ui-datepicker-rtl .ui-datepicker-buttonpane .block-footer .action-add { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-buttonpane .block-footer .action-add.ui-datepicker-current { float: right; } .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 1px; border-right-width: 0; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 1px; border-right-width: 0; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -22px; } .ui-timepicker-div dl .ui_tpicker_time_label { margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-div .ui_tpicker_unit_hide { display: none; } .messages .message, .messages .order-errors .admin__fieldset-wrapper .title { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .messages .message:last-child, .messages .order-errors .admin__fieldset-wrapper .title:last-child { margin: 0 0 2rem; } .message, .order-errors .admin__fieldset-wrapper .title { background: #fffbbb; border: none; border-radius: 0; color: #333333; font-size: 1.4rem; margin: 0 0 1px; padding: 1.8rem 4rem 1.8rem 5.5rem; position: relative; text-shadow: none; } .message:before, .order-errors .admin__fieldset-wrapper .title:before { background: none; border: 0; color: #007bdb; content: '\e61a'; font-family: 'Admin Icons'; font-size: 1.9rem; font-style: normal; font-weight: 400; height: auto; left: 1.9rem; line-height: inherit; position: absolute; speak: none; text-shadow: none; top: 50%; margin-top: -1.25rem; width: auto; } .message-notice:before, .order-errors .admin__fieldset-wrapper .title:before { color: #007bdb; content: '\e61a'; } .message-warning:before { color: #eb5202; content: '\e623'; } .message-progress:before { color: #008bdb; content: '\e61f'; } .message-error { background: #ffcccc; } .message-error:before { color: #e22626; content: '\e632'; font-size: 1.5rem; left: 2.2rem; margin-top: -1.1rem; } .message-success:before { color: #79a22e; content: '\e62d'; } .message-spinner:before { display: none; } .message-spinner .spinner { font-size: 2.5rem; left: 1.5rem; position: absolute; top: 1.5rem; } .message-in-rating-edit { margin-left: 1.8rem; margin-right: 1.8rem; } .ui-dialog { opacity: 0; visibility: hidden; background: #ffffff; min-width: 40%; transform: scale(0.7); transition: all .3s; width: 75%; } .ui-dialog.ui-dialog-active { opacity: 1; visibility: visible; transform: scale(1); } .ui-dialog.ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-dialog .ui-dialog-titlebar, .popup-window .magento_title, .fade .popup-title { color: #333333; font-size: 2.4rem; line-height: 2.4rem; padding: 3rem 6rem 3rem 3rem; } .ui-dialog .ui-dialog-titlebar-close, .popup-window .magento_close, .fade .popup .close { background-color: #ffffff; border-color: #ffffff; cursor: pointer; display: inline-block; text-decoration: none; position: absolute; right: 3rem; text-shadow: none; top: 2.7rem; } .ui-dialog .ui-dialog-titlebar-close:before, .popup-window .magento_close:before, .fade .popup .close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2rem; line-height: inherit; color: #736963; content: '\e62f'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .ui-dialog .ui-dialog-titlebar-close:hover:before, .popup-window .magento_close:hover:before, .fade .popup .close:hover:before { color: #adadad; } .ui-dialog .ui-dialog-titlebar-close .ui-icon, .popup-window .magento_close .ui-icon, .fade .popup .close .ui-icon { display: none; } .ui-dialog .ui-dialog-titlebar-close.ui-state-hover, .popup-window .magento_close.ui-state-hover, .fade .popup .close.ui-state-hover { border: none; } .ui-dialog .ui-dialog-titlebar-close.ui-button-icon-only, .popup-window .magento_close.ui-button-icon-only, .fade .popup .close.ui-button-icon-only { text-indent: -9999px; white-space: nowrap; } .ui-dialog .ui-dialog-titlebar-close:before, .popup-window .magento_close:before, .fade .popup .close:before { float: left; text-indent: 0; } .ui-dialog .ui-dialog-titlebar-close:hover, .popup-window .magento_close:hover, .fade .popup .close:hover { background-color: #ffffff; border-color: #ffffff; box-shadow: none; text-shadow: none; } .ui-dialog .ui-dialog-content { overflow: auto; padding: 0 3rem 3rem; } .ui-dialog .ui-dialog-content .fieldset { padding-left: 0; padding-right: 0; } .ui-dialog .ui-dialog-buttonpane { padding: 0 3rem 3rem; } .ui-dialog .content + .ui-dialog-buttonset { padding-top: 3rem; text-align: right; } .ui-dialog .action-close, .popup-window .magento_buttons .cancel_button, .fade .actions .cancel { font-size: 1.6rem; margin: 0 0 0 3rem; padding: 0.7em 0; } .ui-dialog .action-close:before, .popup-window .magento_buttons .cancel_button:before, .fade .actions .cancel:before { content: normal; } .ui-dialog .action-close span, .popup-window .magento_buttons .cancel_button span, .fade .actions .cancel span { overflow: auto; position: static; } .ui-dialog .ui-button, .ui-dialog .action-primary, .popup-window .magento_buttons .ok_button, .fade .actions .primary { float: right; margin: 0 0 0 3rem; } .ui-dialog .fieldset:last-child { padding-bottom: 0; } .ui-dialog .main-col, .ui-dialog .side-col { float: left; padding-bottom: 0; } .ui-dialog .main-col:after, .ui-dialog .side-col:after { display: none; } .ui-dialog .side-col { width: 20%; } .ui-dialog .main-col { padding-right: 0; width: 80%; } .ui-dialog .grid, .ui-dialog .pager { padding-bottom: 0; } .ui-dialog .grid-actions { padding-top: 0; } .ui-dialog .ui-resizable { position: relative; } .ui-dialog .ui-resizable-handle { display: block; font-size: .1px; position: absolute; } .ui-dialog .ui-resizable-disabled .ui-resizable-handle, .ui-dialog .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-dialog .ui-resizable-n { cursor: n-resize; height: 7px; left: 0; top: -5px; width: 100%; } .ui-dialog .ui-resizable-s { bottom: 0; cursor: s-resize; height: 7px; left: 0; width: 100%; } .ui-dialog .ui-resizable-e { cursor: e-resize; height: 100%; right: 0; top: 0; width: 7px; } .ui-dialog .ui-resizable-w { cursor: w-resize; height: 100%; left: -7px; top: 0; width: 7px; } .ui-dialog .ui-resizable-se { bottom: 1px; cursor: se-resize; height: 12px; right: 1px; width: 12px; } .ui-dialog .ui-resizable-sw { bottom: 0; cursor: sw-resize; height: 9px; left: -5px; width: 9px; } .ui-dialog .ui-resizable-nw { cursor: nw-resize; height: 9px; left: -5px; top: -5px; width: 9px; } .ui-dialog .ui-resizable-ne { cursor: ne-resize; height: 9px; right: 0; top: -5px; width: 9px; } .ui-dialog .main-col .insert-title-inner, .ui-dialog .magento-message .insert-title-inner { border-bottom: 1px solid #adadad; margin: 0 0 2rem; padding-bottom: 0.5rem; } .ui-dialog .main-col .insert-actions, .ui-dialog .magento-message .insert-actions { float: right; } .ui-dialog .main-col .title, .ui-dialog .magento-message .title { font-size: 1.6rem; padding-top: 0.5rem; } .ui-dialog .main-col .main-col-inner .uploader, .ui-dialog .magento-message .main-col-inner .uploader { border: 1px solid #adadad; margin: 0 0 1rem; padding: 0.5rem; } .ui-dialog .main-col .breadcrumbs, .ui-dialog .magento-message .breadcrumbs { list-style: none; padding-left: 0; } .ui-dialog .main-col .breadcrumbs li, .ui-dialog .magento-message .breadcrumbs li { display: inline-block; margin: 0 0.5rem 0.5rem 0; } .ui-dialog .main-col .breadcrumbs li:after, .ui-dialog .magento-message .breadcrumbs li:after { content: ''; margin: 0 0.5rem 0 0; } .ui-dialog .main-col .contents-uploader, .ui-dialog .magento-message .contents-uploader { margin: 0 0 2rem; } .ui-dialog .main-col .fileinput-button, .ui-dialog .magento-message .fileinput-button { cursor: pointer; display: inline-block; float: none; vertical-align: middle; } .ui-dialog .main-col .fileinput-button span, .ui-dialog .magento-message .fileinput-button span { display: none; } .ui-dialog .main-col .fileinput-button input, .ui-dialog .magento-message .fileinput-button input { -moz-transform: none; border: none; opacity: 1; position: static; transform: none; } .ui-dialog .main-col .file-row, .ui-dialog .magento-message .file-row { border: 1px solid #adadad; margin: 0.5rem 0; padding: 2px; } .ui-dialog .main-col .filecnt, .ui-dialog .magento-message .filecnt { border: 1px solid #adadad; display: inline-block; margin: 0 0.5rem 15px 0; overflow: hidden; padding: 3px; text-overflow: ellipsis; width: 100px; } .ui-dialog .main-col .filecnt.selected, .ui-dialog .magento-message .filecnt.selected { border-color: #008bdb; } .ui-dialog .main-col .filecnt p, .ui-dialog .magento-message .filecnt p { text-align: center; } .ui-dialog .main-col .x-tree, .ui-dialog .magento-message .x-tree { margin-bottom: 2rem; } .ui-dialog .admin__fieldset > .admin__legend { float: none; font-size: 1.8rem; margin: 0 0 2rem 34%; width: auto; } .ui-dialog .admin__fieldset .product-options { margin-left: 34%; } .ui-dialog .admin__fieldset .product-options .admin__field-control { margin-bottom: 2rem; } .ui-popup-message .ui-dialog-titlebar { background: #fffbbb; font-size: 1.4rem; font-weight: 700; padding: 2rem 2rem 0 7.5rem; } .ui-popup-message .ui-dialog-titlebar-close { right: 1.5rem; top: 1rem; } .ui-popup-message .ui-dialog-titlebar-close:before { font-size: 1.4rem; } .ui-popup-message .ui-dialog-content { background: #fffbbb; margin-bottom: 0; overflow: inherit; padding: 0 2rem 2rem; } .ui-popup-message .ui-dialog-content .messages:last-child, .ui-popup-message .ui-dialog-content .message:last-child, .ui-popup-message .ui-dialog-content .order-errors .admin__fieldset-wrapper .title:last-child { margin-bottom: 0; } .ui-popup-message .ui-dialog-content .message:first-child, .ui-popup-message .ui-dialog-content .order-errors .admin__fieldset-wrapper .title:first-child { padding-top: 0; } .ui-popup-message .ui-dialog-content .message:first-child:before, .ui-popup-message .ui-dialog-content .order-errors .admin__fieldset-wrapper .title:first-child:before { top: 0; } .ui-popup-message .ui-dialog-content .message:last-child, .ui-popup-message .ui-dialog-content .order-errors .admin__fieldset-wrapper .title:last-child { padding-bottom: 0; } .ui-popup-message .ui-dialog-buttonpane { background: #fffbbb; padding: 0 2rem 2rem; } .insert-variable { list-style: none; margin: 0; padding: 0; } .insert-variable li { margin-top: 0.5rem; padding-left: 1rem; } .insert-variable li b { display: inline-block; margin-left: -1rem; } .attribute-popup .page-content { padding: 0; } .attribute-popup-actions { background: #f8f8f8; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; padding: 1.5rem; } .attribute-popup-actions.page-actions { float: none; } .attribute-popup-actions.fixed { background: #ffffff !important; border-bottom: 0 !important; left: 0 !important; padding: 3rem !important; } .attribute-popup-actions.fixed .page-actions-buttons, .attribute-popup-actions.fixed .page-actions.floating-header { padding-right: 0; } .attribute-popup-actions .action-default.reset { font-size: 1.6rem; padding: 0.7em 0; } .attribute-popup-actions .page-actions-buttons > button.action-default.primary, .attribute-popup-actions .page-actions.floating-header > button.action-default.primary, .attribute-popup-actions .page-actions-buttons > .block-footer .action-add.action-default.primary { float: right; } .attribute-popup-actions .page-actions-inner:before { display: none; } .popup-window { background: #ffffff; } .popup-window.dialog { z-index: 900 !important; } .popup-window .table_window > tbody > tr > td { background: #ffffff; border: 0; padding: 0; } .popup-window .magento-message { padding: 0 3rem 3rem; position: relative; } .popup-window .magento_content { height: auto !important; } .popup-window .magento_content .buttons-set { margin: 0 0 15px; } .popup-window .magento_content .buttons-set button, .popup-window .magento_content .buttons-set .block-footer .action-add { margin-right: 4px; } .popup-window .magento_buttons { padding: 0 3rem 3rem; text-align: right; } .popup-window .magento_buttons .ok_button { float: right; margin: 0 0 0 3rem; } .overlay_magento { z-index: 800 !important; } .fade { z-index: 1000; } .fade .popup { background: #ffffff; border: 0; border-radius: 0; display: inline-block; left: 12.5%; position: absolute; text-align: left; top: 5rem; width: 75%; } .fade .popup-inner { padding: 0; } .fade .popup-title { background: #fffbbb; font-size: 1.4rem; font-weight: 700; padding: 2rem 2rem 0 7.5rem; } .fade .popup-header .popup-title { margin: 0; } .fade .popup-content { background: #fffbbb; padding: 0 2rem 2rem; } .fade .popup-content p { margin-top: 0; } .fade .popup-content .messages:last-child { margin-bottom: 0; } .fade .popup-content .message:first-child, .fade .popup-content .order-errors .admin__fieldset-wrapper .title:first-child { padding-top: 0; } .fade .popup-content .message:first-child:before, .fade .popup-content .order-errors .admin__fieldset-wrapper .title:first-child:before { top: 0; } .fade .popup-content .message:last-child, .fade .popup-content .order-errors .admin__fieldset-wrapper .title:last-child { padding-bottom: 0; } .fade .fieldset { background: #fffbbb; border: 0; margin: 1.5rem 0 1.5rem 1.5rem; padding: 0; } .fade .maintenance-checkbox-container { padding-left: 20%; } .fade .messages { margin: 0 !important; } .fade .actions { margin: 0; text-align: right; } .fade .actions .primary { float: right; line-height: inherit; margin: 0 0 0 3rem; } .fade .actions .primary:hover { box-shadow: none; } .fade .actions .cancel { line-height: inherit; } .fade .actions .cancel:hover { box-shadow: none; } body._has-modal { height: 100%; overflow: hidden; width: 100%; } .modals-overlay { z-index: 899; } .modal-slide, .modal-popup { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s ease; transition: visibility 0s .3s, opacity .3s ease; } .modal-slide._show, .modal-popup._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .modal-slide._show .modal-inner-wrap, .modal-popup._show .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap { background-color: #ffffff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .modal-slide { left: 14.8rem; z-index: 900; } .modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .modal-slide._inner-scroll .modal-inner-wrap { overflow-y: visible; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .modal-slide._inner-scroll .modal-header, .modal-slide._inner-scroll .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-slide._inner-scroll .modal-content { overflow-y: auto; } .modal-slide._inner-scroll .modal-footer { margin-top: auto; } .modal-slide .modal-header, .modal-slide .modal-content, .modal-slide .modal-footer { padding: 0 2.6rem 2.6rem; } .modal-slide .modal-header { padding-bottom: 2.1rem; padding-top: 2.1rem; } .modal-popup { z-index: 900; left: 0; overflow-y: auto; } .modal-popup.confirm .modal-inner-wrap { max-width: 50rem; } .modal-popup._show .modal-inner-wrap { -webkit-transform: translateY(0); transform: translateY(0); } .modal-popup .modal-inner-wrap { margin: 5rem auto; width: 75%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; height: auto; left: 0; position: absolute; right: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: -webkit-transform 0.2s ease; transition: transform .2s ease; } .modal-popup._inner-scroll { overflow-y: visible; } .ie11 .modal-popup._inner-scroll { overflow-y: auto; } .modal-popup._inner-scroll .modal-inner-wrap { max-height: 90%; } .ie11 .modal-popup._inner-scroll .modal-inner-wrap { max-height: none; } .modal-popup._inner-scroll .modal-content { overflow-y: auto; } .modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer { padding-left: 3rem; padding-right: 3rem; } .modal-popup .modal-header, .modal-popup .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-popup .modal-header { padding-bottom: 1.2rem; padding-top: 3rem; } .modal-popup .modal-footer { margin-top: auto; padding-bottom: 3rem; padding-top: 3rem; } .modal-popup .modal-footer-actions { text-align: right; } .data-tooltip-trigger { cursor: pointer; } .data-tooltip-wrapper { max-width: 75%; position: absolute; top: 0; z-index: 898; } .data-tooltip-wrapper._top .data-tooltip-tail { display: block; left: 50%; margin-left: -11px; top: -10px; } .data-tooltip-wrapper._right .data-tooltip-tail { display: block; margin-top: -11px; right: 12px; top: 50%; } .data-tooltip-wrapper._bottom .data-tooltip-tail { bottom: 12px; display: block; left: 50%; margin-left: -11px; } .data-tooltip-wrapper._left .data-tooltip-tail { display: block; left: -10px; margin-top: -11px; top: 50%; } .data-tooltip-wrapper._show { height: auto; opacity: 1; transition: opacity .2s linear; } .data-tooltip-wrapper._hide { height: 0; opacity: 0; overflow: hidden; } .data-tooltip { background-color: #ffffff; border: 1px solid #007dbd; box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.3); padding: 2rem; position: relative; z-index: 100; } .data-tooltip .action-close { position: absolute; right: 2rem; top: 2rem; } .data-tooltip .action-close:focus { background: none; } .data-tooltip-title { font-size: 1.7rem; font-weight: 600; margin: 0 2rem 2rem 0; } .data-tooltip-content .items .item { margin: 0 0 1rem; } .data-tooltip-content .items .item:last-child { margin-bottom: 0; } .data-tooltip-tail { display: none; position: absolute; } .data-tooltip-tail:before { background-color: #ffffff; border: 1px solid #007dbd; box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.3); content: ''; height: 22px; left: 0; position: absolute; top: 0; transform: rotate(45deg); width: 22px; z-index: 99; } .data-tooltip-tail:after { background-color: #ffffff; content: ''; height: 20px; left: 1px; position: absolute; top: 1px; transform: rotate(45deg); width: 20px; z-index: 101; } .modal-popup .action-close, .modal-slide .action-close { color: #736963; position: absolute; right: 0; top: 0; z-index: 1; } .modal-popup .action-close:active, .modal-slide .action-close:active { transform: none; } .modal-popup .action-close:active:before, .modal-slide .action-close:active:before { font-size: 1.8rem; } .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: #58504b; } .modal-popup .action-close:before, .modal-slide .action-close:before { font-size: 2rem; } .modal-popup .action-close:focus, .modal-slide .action-close:focus { background-color: transparent; } .modal-popup.prompt .prompt-message { padding-bottom: 2rem; } .modal-popup.prompt .prompt-message input { width: 100%; } .modal-popup.confirm .modal-inner-wrap .message:not(.message-error), .modal-popup.prompt .modal-inner-wrap .message:not(.message-error), .modal-popup.confirm .modal-inner-wrap .order-errors .admin__fieldset-wrapper .title:not(.message-error), .modal-popup.prompt .modal-inner-wrap .order-errors .admin__fieldset-wrapper .title:not(.message-error) { background: #ffffff; } .modal-popup.modal-system-messages .modal-inner-wrap { background: #fffbbb; } .modal-popup._image-box .modal-inner-wrap { margin: 5rem auto; max-width: 78rem; position: static; } .modal-popup._image-box .thumbnail-preview { padding-bottom: 3rem; text-align: center; } .modal-popup._image-box .thumbnail-preview .thumbnail-preview-image-block { border: 1px solid #cccccc; margin: 0 auto 2rem; max-width: 58rem; padding: 2rem; } .modal-popup._image-box .thumbnail-preview .thumbnail-preview-image { max-height: 54rem; } .modal-popup .modal-title { font-size: 2.4rem; margin-right: 6.4rem; } .modal-popup .action-close { padding: 3rem 3rem; } .modal-popup .action-close:active { padding-right: 3.06666667rem; padding-top: 3.06666667rem; } .modal-popup .modal-footer { padding-top: 2.6rem; text-align: right; } .modal-popup .action-close { padding: 1rem; } .modal-popup .action-close:active, .modal-popup .action-close:focus { background: transparent; padding-right: 1rem; padding-top: 1rem; } .modal-slide .modal-content-new-attribute { -webkit-overflow-scrolling: touch; overflow: auto; padding-bottom: 0; } .modal-slide .modal-content-new-attribute iframe { margin-bottom: -2.5rem; } .modal-slide .modal-title { font-size: 2.1rem; margin-right: 5.7rem; } .modal-slide .action-close { padding: 2.1rem 2.6rem; } .modal-slide .action-close:active { padding-right: 2.7rem; padding-top: 2.2rem; } .modal-slide .page-main-actions { margin-bottom: 0.6rem; margin-top: 2.1rem; } .modal-slide .magento-message { padding: 0 3rem 3rem; position: relative; } .modal-slide .main-col .insert-title-inner, .modal-slide .magento-message .insert-title-inner { border-bottom: 1px solid #adadad; margin: 0 0 2rem; padding-bottom: 0.5rem; } .modal-slide .main-col .insert-actions, .modal-slide .magento-message .insert-actions { float: right; } .modal-slide .main-col .title, .modal-slide .magento-message .title { font-size: 1.6rem; padding-top: 0.5rem; } .modal-slide .main-col, .modal-slide .side-col { float: left; padding-bottom: 0; } .modal-slide .main-col:after, .modal-slide .side-col:after { display: none; } .modal-slide .side-col { width: 20%; } .modal-slide .main-col { padding-right: 0; width: 80%; } .modal-slide .content-footer .form-buttons { float: right; } .modal-title { font-weight: 400; margin-bottom: 0; min-height: 1em; } .modal-title span { font-size: 1.4rem; font-style: italic; margin-left: 1rem; } .timeline { margin-top: 2rem; position: relative; z-index: 1; } .timeline-content { background: #f1f1f1; border: 1px solid #999999; margin-bottom: 2rem; overflow-x: scroll; overflow-y: hidden; position: relative; } .timeline-content._from-now { padding-left: 50px; } .timeline-content._no-records { background: #ffffff; } .timeline-past { background: linear-gradient(to left, rgba(255, 255, 255, 0.001), rgba(255, 255, 255, 0.5) 25%, #ffffff); border-right: 2px solid rgba(226, 38, 38, 0.55); height: 100%; left: 0; position: absolute; top: 0; width: 50px; z-index: 3; } .timeline-scale { float: right; width: 160px; } .timeline-legend { float: left; } .timeline-legend-item { color: #666666; display: inline-block; line-height: 2rem; vertical-align: middle; } .timeline-legend-item:before { border: 1px solid #999999; content: ''; display: inline-block; height: 2rem; margin-right: 5px; vertical-align: middle; width: 2rem; } .timeline-legend-item._update-status-active:before, .timeline-legend-item._active:before { background: #bceeff; } .timeline-legend-item._update-status-upcoming:before, .timeline-legend-item._upcoming:before { background: #ccf391; } .timeline-items { min-height: 25.2rem; position: relative; } .timeline-item { height: 3.6rem; position: relative; z-index: 2; } .timeline-item + .timeline-item { margin-top: -1px; } ._no-records .timeline-item { margin-top: -3.6rem; position: absolute; top: 50%; width: 100%; } .timeline-event { display: -webkit-flex; display: -ms-flexbox; display: flex; background: #ccf391; border: 1px solid #81c21d; cursor: pointer; height: 3.6rem; left: -1px; min-width: 5.5rem; overflow: hidden; padding: 0 1rem; position: absolute; right: 0; white-space: nowrap; width: auto; } ._permanent._active .timeline-event, ._no-records .timeline-event { justify-content: center; text-align: center; } ._permanent._active .timeline-event { color: #007bdb; } .timeline-item._active .timeline-event { background: #bceeff; border-color: #56c2e6; } ._scroll-start:not(._active) .timeline-event { padding-left: 3rem; } ._scroll-end .timeline-event { padding-right: 3rem; } ._permanent .timeline-event { margin-right: 23px; overflow: visible; } ._no-records .timeline-event { background: transparent; border-color: transparent; color: #333333; cursor: default; } .timeline-event-title { -webkit-flex-shrink: 1; flex-shrink: 1; display: inline-block; font-weight: 600; line-height: 3.4rem; max-width: 100%; min-width: 2.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ._no-records .timeline-event-title { font-weight: 400; } .timeline-event-info { display: inline-block; line-height: 3.4rem; vertical-align: top; } .timeline-event-details { display: none; } .timeline-action { bottom: 0; display: none; margin: auto; position: absolute; right: 10px; top: 0; } .timeline-action > span { clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; display: none; visibility: hidden; } .timeline-action:active { transform: scale(0.9); } .timeline-action:before { transition: color 0.1s linear; color: #76c004; content: '\e625'; font-size: 1.8rem; } .timeline-action:hover { cursor: pointer; text-decoration: none; } .timeline-item._active .timeline-action:before { color: #56c2e6; } .timeline-action._tostart { left: 10px; right: auto; } .timeline-action._tostart:before { content: '\e624'; } .timeline-item._scroll-start:not(._active) .timeline-action._tostart { display: block; } .timeline-item._scroll-end .timeline-action._toend { display: block; } .timeline-item._permanent .timeline-action._toend { display: none; } .timeline-event svg { display: none; height: 3.6rem; margin-right: -2.4rem; position: absolute; right: 0; top: -1px; width: 2.8rem; } ._permanent .timeline-event svg { display: block; } .svg__timeline-ending { fill: inherit; stroke: inherit; } .svg__timeline-arrow { stroke: transparent; } .timeline-ending { color: #86de00; fill: #ccf391; stroke: #81c21d; } .timeline-item._active .timeline-ending { color: #79dcff; fill: #bceeff; stroke: #56c2e6; } .timeline-units { font-size: 0; white-space: nowrap; } .timeline-unit { border-right: 1px solid #999999; display: inline-block; list-style-type: none; margin: 0; padding: 0; width: 14.28571429%; } .timeline-unit:last-child { border-right: 0; } .timeline-unit:before { background-image: repeating-linear-gradient(180deg, transparent, transparent 5px, #3e4040 5px, #3e4040 6px, #979999 6px, #979999 7px); bottom: 0; content: ''; margin-left: -1px; position: absolute; top: 3.3rem; width: 1px; z-index: 0; } .timeline-unit:first-child:before { content: none; } ._no-records .timeline-unit:before { display: none; } .timeline-date { background: #ffffff; border-bottom: 1px solid #999999; color: #303030; display: block; font-size: 1.1rem; line-height: 1; max-width: 100%; overflow: hidden; padding: 1rem 0.3rem; text-align: center; text-overflow: ellipsis; } .timeline-priority { float: left; font-size: 1.1rem; font-weight: 600; margin-right: 1.8rem; margin-top: 2rem; text-align: center; } .timeline-priority-title { font-weight: 700; padding: 1rem 0.3rem; } .timeline-priority-scale { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 210px solid #cccccc; height: 0; margin: 0.5rem auto; width: 0; } .contents-uploader { margin: 0 0 2rem; } .contents-uploader .fileinput-button { cursor: pointer; display: inline-block; float: none; vertical-align: middle; } .contents-uploader .fileinput-button span { font-weight: 600; padding-right: 1em; } .contents-uploader .fileinput-button input { -moz-transform: none; border: none; opacity: 1; position: static; transform: none; } .file-row { border: 1px solid #adadad; margin: 0.5rem 0; padding: 2px; } .filecnt { border: 1px solid #adadad; cursor: pointer; display: inline-block; margin: 0 0.5rem 15px 0; overflow: hidden; padding: 3px; text-overflow: ellipsis; width: 100px; } .filecnt.selected { border-color: #008bdb; } .filecnt p { min-height: 72px; text-align: center; } .gallery { overflow: hidden; } .image { background: #ffffff; box-sizing: border-box; display: inline-block; margin: 1.2rem; position: relative; vertical-align: top; width: 150px; } .image .product-image-wrapper { background: #ffffff; border: 1px solid #cccccc; box-sizing: border-box; cursor: pointer; height: 150px; line-height: 1; margin-bottom: 1rem; overflow: hidden; position: relative; width: 150px; } .image .product-image-wrapper:hover .product-image { opacity: .5; } .image .product-image { bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; z-index: 1; } .image.image-placeholder { height: 150px; } .image.image-placeholder .product-image-wrapper { display: inline-block; text-decoration: none; } .image.image-placeholder .product-image-wrapper > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .image.image-placeholder .product-image-wrapper:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 6rem; line-height: inherit; color: #cccccc; content: '\e63c'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .image.image-placeholder .product-image-wrapper:before { left: 0; position: absolute; right: 0; top: 20px; z-index: 1; } .image.image-placeholder .fileinput-button { margin: 0; } .image.image-placeholder .fileinput-button, .image.image-placeholder .image-browse { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .image.image-placeholder .fileinput-button > span, .image.image-placeholder .image-browse > span { display: none; } .image.image-placeholder input[type='file'] { border: 500px solid transparent; bottom: 0; cursor: pointer; font-size: 10em; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 3; } .image.image-placeholder .spinner { display: none; } .image.image-placeholder.loading .spinner, .image.image-placeholder .file-row .spinner { background: #ffffff; display: block; height: 100%; left: 0; margin: 0; position: absolute; top: 0; width: 100%; z-index: 4; } .image.image-placeholder.loading .spinner > span, .image.image-placeholder .file-row .spinner > span { left: 50%; margin: 0 0 0 -2rem; top: 50%; } .image.image-placeholder .file-row { background: #ffffff url("../mui/images/ajax-loader-big.gif") no-repeat 50% 50%; bottom: 0; height: 100%; left: 0; margin: auto; overflow: hidden; position: absolute; right: 0; text-indent: -999em; top: 0; width: 100%; z-index: 5; } .image .image-placeholder-text { bottom: 0; color: #008bdb; font-size: 1.3rem; left: 0; line-height: 1.333; margin-bottom: 15%; padding: 0 1rem; position: absolute; right: 0; text-align: center; } .image.ui-sortable-placeholder { background: #e0f6fe; border: 1px solid #008bdb; visibility: visible !important; } .image .action-remove { bottom: 12px; cursor: pointer; height: 20px; left: 6px; position: absolute; width: 20px; z-index: 3; /** * @codingStandardsIgnoreStart */ display: block; text-decoration: none; } .image .action-remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .image .action-remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2rem; line-height: inherit; color: #575757; content: '\e630'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .image .action-remove:hover:before { color: #858585; } .image .draggable-handle { cursor: move; height: 20px; left: 2px; margin: 0; position: absolute; top: 4px; width: 20px; z-index: 3; display: inline-block; text-decoration: none; } .image .draggable-handle:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.8rem; line-height: inherit; color: #575757; content: '\e617'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .image .draggable-handle:hover:before { color: #858585; } .image .image-fade { font-size: 1.8rem; background: rgba(255, 255, 255, 0.8); bottom: 0; color: #9e9e9e; content: attr(data-image-hidden-label); font-weight: 600; left: 0; line-height: 150px; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 0; visibility: hidden; z-index: 2; } .image.hidden-for-front .image-fade { visibility: visible; } .image .item-description { margin-bottom: 1rem; } .image .item-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.3rem; } .image .item-size { color: #666666; font-size: 1.2rem; } .image .item-roles { margin: 0; padding: 0; list-style: none none; font-size: 0; } .image .item-roles > li { display: inline-block; vertical-align: top; } .image .item-role { background: #e3e3e3; color: #514943; cursor: pointer; font-size: 1.2rem; line-height: 1; margin: 0 .4rem .4rem 0; padding: .6rem; } .image-panel { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; background: #ffffff; border-bottom: 1px solid #c2c2c2; box-shadow: inset 0 1px 3px #cccccc; margin: 0 0 1.5rem; padding: 2rem 1.5rem; } .image-panel .admin__field-inline .admin__field-label { text-align: left; width: 30%; } .image-panel .admin__field-inline .admin__field-value { overflow: hidden; padding-left: 2rem; } .image-panel-controls, .image-panel-preview { -ms-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; box-flex: 1; flex: 1; } .image-panel-preview { -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; } .image-panel-preview img { display: block; margin: auto; } .image-panel-controls { -ms-flex: 0 0 33%; -webkit-box-flex: 0; -webkit-flex: 0 0 33%; flex: 0 0 33%; padding-left: 3rem; } .image-panel-controls .image-name { font-size: 1.6rem; color: #666666; display: block; } .image-panel-controls .action-delete, .image-panel-controls .action-remove { margin: 0 0 35px; display: inline-block; text-decoration: none; } .image-panel-controls .action-delete > span, .image-panel-controls .action-remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .image-panel-controls .action-delete:before, .image-panel-controls .action-remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.8rem; line-height: inherit; color: #575757; content: '\e630'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .image-panel-controls .action-delete:hover:before, .image-panel-controls .action-remove:hover:before { color: #858585; } .image-panel-controls .fieldset-image-panel { padding: 2rem 0.5rem 0 0; } .image-panel-controls .fieldset-image-panel .field { margin-bottom: 1rem; } .image-panel-controls .fieldset-image-panel .label { margin-bottom: 1rem; padding-top: 0; text-align: left; width: 100%; } .image-panel-controls .fieldset-image-panel .field > .control, .image-panel-controls .image-panel-controls textarea { resize: vertical; width: 100%; } .image-file-params { font-size: 1.1rem; color: #666666; margin: 0 0 1rem; } .image-panel-controls .multiselect-alt, .gallery .multiselect-alt { border: 1px solid #cccccc; border-radius: 5px; color: #333333; list-style: none; margin: 0; padding: 0; } .image-panel-controls .multiselect-alt .item, .gallery .multiselect-alt .item { border-top: 1px solid #ffffff; cursor: pointer; position: relative; } .image-panel-controls .multiselect-alt .item:first-child, .gallery .multiselect-alt .item:first-child { border-top: 0; } .image-panel-controls .multiselect-alt .item.selected, .gallery .multiselect-alt .item.selected { background: #e0f6fe; } .image-panel-controls .multiselect-alt .item.selected:hover, .gallery .multiselect-alt .item.selected:hover { background: #afe8fc; } .image-panel-controls .multiselect-alt .item.selected label, .gallery .multiselect-alt .item.selected label { display: inline-block; text-decoration: none; } .image-panel-controls .multiselect-alt .item.selected label:before, .gallery .multiselect-alt .item.selected label:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.4rem; line-height: inherit; color: #008bdb; content: '\e62d'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .image-panel-controls .multiselect-alt .item.selected label:before, .gallery .multiselect-alt .item.selected label:before { left: 8px; position: absolute; top: 6px; width: 17px; } .image-panel-controls .multiselect-alt label, .gallery .multiselect-alt label { cursor: pointer; display: block; padding: 6px 2.5rem 0.5rem; } .image-panel-controls .multiselect-alt input[type='checkbox'], .gallery .multiselect-alt input[type='checkbox'] { height: 0; margin: 0; opacity: 0; padding: 0; width: 0; } .admin__field-service-gallery { float: right; } .admin__field-service-gallery[data-config-scope]:before { color: #808080; content: attr(data-config-scope); display: block; font-size: 1.2rem; line-height: 3.2rem; } .abs-block-resizable, .block-resizable, .block-schedule-table { height: 15rem; min-height: 15rem; } .abs-block-resizable-content, .block-resizable .block-content, .block-schedule-table .block-content { height: 100%; margin-bottom: 2rem; min-height: 15rem; overflow: auto; position: relative; z-index: 1; } .abs-block-resizable-handle-bottom, .block-resizable .ui-resizable-s, .block-schedule-table .ui-resizable-s { background: #e3e3e3; border: 1px solid #bbbbbb; bottom: auto; color: #666666; font-size: 1.6rem; font-weight: 700; height: auto; left: -1px; letter-spacing: .1rem; line-height: 1.6rem; padding-bottom: .3rem; right: -1px; text-align: center; top: 100%; width: auto; } .abs-block-resizable-handle-bottom:before, .block-resizable .ui-resizable-s:before, .block-schedule-table .ui-resizable-s:before { content: ':::::'; } .ui-resizable { position: relative; } .ui-resizable-handle { display: block; font-size: .1px; position: absolute; touch-action: none; } .ui-resizable-n { cursor: n-resize; height: 7px; left: 0; top: -3.5px; width: 100%; } .ui-resizable-s { bottom: -3.5px; cursor: s-resize; height: 7px; left: 0; width: 100%; } .ui-resizable-e { cursor: e-resize; height: 100%; right: -3.5px; top: 0; width: 7px; } .ui-resizable-w { cursor: w-resize; height: 100%; left: -3.5px; top: 0; width: 7px; } .ui-resizable-se { bottom: -6px; cursor: se-resize; height: 12px; right: -6px; width: 12px; } .ui-resizable-sw { bottom: -6px; cursor: sw-resize; height: 12px; left: -6px; width: 12px; } .ui-resizable-nw { cursor: nw-resize; height: 12px; left: -6px; top: -6px; width: 12px; } .ui-resizable-ne { cursor: ne-resize; height: 12px; right: -6px; top: -6px; width: 12px; } .file-uploader-area { position: relative; } .file-uploader-area input[type='file'] { cursor: pointer; opacity: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; } .file-uploader-area input[type='file']:focus + .file-uploader-button { box-shadow: 0 0 0 1px #006bb4; } .file-uploader-area input[type='file']:disabled + .file-uploader-button { cursor: default; opacity: .5; pointer-events: none; } .file-uploader-summary { display: inline-block; vertical-align: top; } .file-uploader-button { cursor: pointer; display: inline-block; } .file-uploader-button._is-dragover { background: #d4d4d4; border: 1px solid #006bb4; } .file-uploader-spinner { background-image: url('../images/loader-1.gif'); background-position: 50%; background-repeat: no-repeat; background-size: 15px; display: none; height: 30px; margin-left: 1rem; vertical-align: top; width: 15px; } .file-uploader-preview .action-remove { bottom: 4px; cursor: pointer; display: block; height: 27px; left: 6px; position: absolute; text-decoration: none; width: 25px; z-index: 2; } .file-uploader-preview .action-remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .file-uploader-preview .action-remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2rem; line-height: inherit; color: #514943; content: '\e630'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-preview .action-remove:hover:before { color: #736963; } .file-uploader-preview:hover .preview-image img, .file-uploader-preview:hover .preview-link:before { opacity: 0.7; } .file-uploader-preview .preview-link { display: block; height: 100%; } .file-uploader-preview .preview-image img { bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; z-index: 1; } .file-uploader-preview .preview-video { display: inline-block; text-decoration: none; } .file-uploader-preview .preview-video:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 4rem; line-height: inherit; color: #cccccc; content: '\e641'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-preview .preview-video:hover:before { color: #cccccc; } .file-uploader-preview .preview-video:before { left: 0; margin-top: -2rem; position: absolute; right: 0; top: 50%; z-index: 2; } .file-uploader-preview .preview-document { display: inline-block; text-decoration: none; } .file-uploader-preview .preview-document:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 7rem; line-height: inherit; color: #cccccc; content: '\e649'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-preview .preview-document:hover:before { color: #cccccc; } .file-uploader-preview .preview-document:before { left: 0; margin-top: -3.5rem; position: absolute; right: 0; top: 50%; z-index: 2; } .file-uploader-preview, .file-uploader-placeholder { background: #ffffff; border: 1px solid #cacaca; box-sizing: border-box; cursor: pointer; display: block; height: 150px; line-height: 1; margin: 1rem 2.5rem 1rem 0; overflow: hidden; position: relative; width: 150px; } .file-uploader._loading .file-uploader-spinner { display: inline-block; } .file-uploader .admin__field-note, .file-uploader .admin__field-error { margin-bottom: 1rem; } .file-uploader .file-uploader-filename { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 150px; word-break: break-all; } .file-uploader .file-uploader-filename:first-child { margin-bottom: 1rem; } .file-uploader .file-uploader-meta { color: #9e9e9e; } .file-uploader .admin__field-fallback-reset { margin-left: 1rem; } ._keyfocus .file-uploader .action-remove:focus { box-shadow: 0 0 0 1px #006bb4; } .file-uploader-placeholder.placeholder-document { display: inline-block; text-decoration: none; } .file-uploader-placeholder.placeholder-document:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 5rem; line-height: inherit; color: #cccccc; content: '\e649'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-placeholder.placeholder-document:hover:before { color: #cccccc; } .file-uploader-placeholder.placeholder-document:before { left: 0; position: absolute; right: 0; top: 20px; z-index: 2; } .file-uploader-placeholder.placeholder-image { display: inline-block; text-decoration: none; } .file-uploader-placeholder.placeholder-image:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 5rem; line-height: inherit; color: #cccccc; content: '\e63c'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-placeholder.placeholder-image:hover:before { color: #cccccc; } .file-uploader-placeholder.placeholder-image:before { left: 0; position: absolute; right: 0; top: 20px; z-index: 2; } .file-uploader-placeholder.placeholder-video { display: inline-block; text-decoration: none; } .file-uploader-placeholder.placeholder-video:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 3rem; line-height: inherit; color: #cccccc; content: '\e641'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-placeholder.placeholder-video:hover:before { color: #cccccc; } .file-uploader-placeholder.placeholder-video:before { left: 0; position: absolute; right: 0; top: 30px; z-index: 2; } .file-uploader-placeholder-text { bottom: 0; color: #008bdb; font-size: 1.1rem; left: 0; line-height: 1.36; margin-bottom: 15%; padding: 0 2rem; position: absolute; right: 0; text-align: center; } .data-grid-file-uploader { min-width: 7rem; } .data-grid-file-uploader._loading .file-uploader-spinner { display: block; } .data-grid-file-uploader._loading .file-uploader-button:before { display: none; } .data-grid-file-uploader .file-uploader-image { background: transparent; bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; z-index: 1; } .data-grid-file-uploader .file-uploader-image + .file-uploader-area .file-uploader-button:before { display: none; } .data-grid-file-uploader .file-uploader-area { z-index: 2; } .data-grid-file-uploader .file-uploader-spinner { height: 100%; margin: 0; position: absolute; top: 0; width: 100%; } .data-grid-file-uploader .file-uploader-button { height: 48px; text-align: center; display: block; text-decoration: none; } .data-grid-file-uploader .file-uploader-button > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .data-grid-file-uploader .file-uploader-button:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.3rem; line-height: 48px; color: #8a837f; content: '\e61d'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .data-grid-file-uploader .file-uploader-button:hover:before { color: #666666; } .data-grid-file-uploader .action-select-wrap { float: left; } .data-grid-file-uploader .action-select-wrap .action-select { border: 1px solid #cacaca; display: block; height: 5rem; margin-left: -1px; padding: 0; width: 2rem; } .data-grid-file-uploader .action-select-wrap .action-select:after { border-color: #8a837f transparent transparent transparent; left: 50%; margin: 0 0 0 -5px; } .data-grid-file-uploader .action-select-wrap .action-select:hover:after { border-color: #666666 transparent transparent transparent; } .data-grid-file-uploader .action-select-wrap .action-select > span { display: none; } .data-grid-file-uploader .action-select-wrap .action-menu, .data-grid-file-uploader .action-select-wrap .abs-action-menu .action-submenu, .data-grid-file-uploader .action-select-wrap .action-menu .action-submenu, .data-grid-file-uploader .action-select-wrap .actions-split .dropdown-menu .action-submenu, .data-grid-file-uploader .action-select-wrap .actions-split .action-menu .action-submenu { left: 4rem; right: auto; z-index: 2; } .data-grid-file-uploader-inner { border: 1px solid #cacaca; float: left; height: 5rem; position: relative; width: 5rem; } .image-uploader .image-upload-requirements { font-size: .9em; margin-top: 8px; } .image-uploader .image-placeholder { margin-left: 0; margin-right: 0; } .image-uploader .image-uploader-spinner { background-size: auto; height: 50%; margin: 0; position: absolute; transform: translate(50%, 50%); width: 50%; } .image-uploader .image-uploader-preview { width: auto; } .image-uploader .image-uploader-preview-link, .image-uploader .image-uploader-preview-link .preview-image { display: block; height: inherit; margin-left: auto; margin-right: auto; } .image-uploader._loading .image-placeholder-text, .image-uploader._loading .product-image-wrapper:before { display: none; } .data-slider { background: none; font-size: 1.1rem; min-height: 2.2rem; padding-top: 1.2rem; position: relative; width: 100%; } .data-slider:before { background: #aeaeae; content: ''; display: block; height: 0.1rem; position: absolute; top: 0; width: 100%; z-index: 100; } .data-slider .ui-slider-handle { background: #f5f5f5; border: 1px solid #c2c2c2; border-radius: 50%; box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.03); cursor: pointer; display: block; height: 2.2rem; margin-left: -1.1rem !important; position: absolute; top: -1.1rem; width: 2.2rem; z-index: 101 !important; } .data-slider .ui-slider-handle:before { background-color: #bbbbbb; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, #bbbbbb 0%, #f8f8f8 100%); background-image: linear-gradient(to bottom, #bbbbbb 0%, #f8f8f8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#f8f8f8', GradientType=0); border-radius: 50%; content: ''; display: block; height: 0.8rem; left: 50%; margin: -0.4rem 0 0 -0.4rem; position: absolute; top: 50%; width: 0.8rem; } .data-slider-from { float: left; } .data-slider-to { float: right; } .data-slider-handle { background: #f5f5f5; border: 1px solid #c2c2c2; border-radius: 50%; box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.03); cursor: pointer; display: block; height: 2.2rem; margin-left: -1.1rem !important; position: absolute; top: -1.1rem; width: 2.2rem; z-index: 101 !important; } .data-slider-handle:before { background-color: #bbbbbb; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, #bbbbbb 0%, #f8f8f8 100%); background-image: linear-gradient(to bottom, #bbbbbb 0%, #f8f8f8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#f8f8f8', GradientType=0); border-radius: 50%; content: ''; display: block; height: 0.8rem; left: 50%; margin: -0.4rem 0 0 -0.4rem; position: absolute; top: 50%; width: 0.8rem; } .url-input-container .type-selector-input-container { align-items: stretch; display: flex; flex-flow: row wrap; justify-content: space-around; } .url-input-container .url-input-select { flex-grow: 0; } .url-input-container .url-input-element-linked-element { flex-grow: 1; margin-left: 1.5em; } .url-input-container .url-input-setting { clear: both; display: block; } .url-input-container .url-input-setting:before { clear: both; content: ""; } .url-input-container .admin__action-multiselect-text.warning { color: #F00; } .url-input-container .action-close, .url-input-container .action-close:active { margin-right: 3.2rem; padding: 0.8rem 1.5rem 0.6rem; } .url-input-container .action-close:before, .url-input-container .action-close:active:before { font-size: 1.5rem; } /*** Spectrum Colorpicker v1.8.0 https://github.com/bgrins/spectrum Author: Brian Grinstead License: MIT ***/ .colorpicker-spectrum { display: none; } .colorpicker-input { vertical-align: middle; width: 50% !important; } .sp-container { position: absolute; margin-top: 2px; top: 0; left: 0; display: inline-block; *display: inline; *zoom: 1; /* https://github.com/bgrins/spectrum/issues/40 */ z-index: 9999994; overflow: hidden; } .sp-container.sp-flat { position: relative; } /* Fix for * { box-sizing: border-box; } */ .sp-container, .sp-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ .sp-top { position: relative; width: 100%; display: inline-block; } .sp-top-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .sp-color { position: absolute; top: 0; left: 0; bottom: 0; right: 20%; } .sp-hue { position: absolute; top: 0; right: 0; bottom: 0; left: 84%; height: 100%; } .sp-clear-enabled .sp-hue { top: 33px; height: 77.5%; } .sp-fill { padding-top: 80%; } .sp-sat, .sp-val { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .sp-alpha-enabled .sp-top { margin-bottom: 18px; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position: absolute; top: -4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; } .sp-alpha { display: none; position: absolute; bottom: -20px; right: 0; left: 0; height: 14px; } .sp-alpha-inner { border: solid 1px #333; } .sp-clear { display: none; } .sp-clear.sp-clear-display { background-position: center; } .sp-clear-enabled .sp-clear { display: block; position: absolute; top: 0px; right: 0; bottom: 0; left: 84%; height: 28px; } /* Don't allow text selection */ .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button, .sp-container .block-footer .action-add { -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; } .sp-container.sp-input-disabled .sp-input-container { display: none; } .sp-container.sp-buttons-disabled .sp-button-container { display: none; } .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; } .sp-palette-only .sp-picker-container { display: none; } .sp-palette-disabled .sp-palette-container { display: none; } .sp-initial-disabled .sp-initial { display: none; } /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ .sp-sat { background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ffffff), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0)); background-image: linear-gradient(to right, #ffffff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); } .sp-val { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: linear-gradient(to top, #000000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } .sp-hue { background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */ .sp-1 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } .sp-2 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } .sp-3 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } .sp-4 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } .sp-5 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } .sp-6 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } .sp-hidden { display: none !important; } /* Clearfix hack */ .sp-cf:before, .sp-cf:after { content: ""; display: table; } .sp-cf:after { clear: both; } .sp-cf { *zoom: 1; } /* Mobile devices, make hue slider bigger so it is easier to slide */ @media (max-device-width: 480px) { .sp-color { right: 40%; } .sp-hue { left: 63%; } .sp-fill { padding-top: 60%; } } .sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position: absolute; top: 0; left: 0; } .sp-slider { position: absolute; top: 0; cursor: pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; } /* Theme authors: Here are the basic themeable display options (colors, fonts, global widths). See http://bgrins.github.io/spectrum/themes/ for instructions. */ .sp-container { border-radius: 0; background-color: #ffffff; border: solid 1px #1979c3; padding: 0; } .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear, .sp-container .block-footer .action-add { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sp-top { margin-bottom: 3px; } .sp-color, .sp-hue, .sp-clear { border: solid 1px #666; } /* Input */ .sp-input-container { float: right; width: 100px; margin-bottom: 4px; } .sp-initial-disabled .sp-input-container { width: 100%; } .sp-input { font-size: 12px !important; border: 1px solid #adadad; padding: 4px 5px; margin: 5px 0px 0px 0px; width: 100%; background: transparent; border-radius: 3px; color: #222; } .sp-input:focus { border: 1px solid #1979c3; } .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; } .sp-picker-container, .sp-palette-container { float: left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; } .sp-picker-container { width: 172px; border-left: solid 1px #fff; } /* Palettes */ .sp-palette-container { border-right: solid 1px #ccc; } .sp-palette-only .sp-palette-container { border: 0; } .sp-palette .sp-thumb-el { display: block; position: relative; float: left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border: solid 2px transparent; } .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: #007bdb; } .sp-thumb-el { position: relative; } /* Initial */ .sp-initial { float: left; border: solid 1px #333; } .sp-initial span { width: 30px; height: 25px; border: none; display: block; float: left; margin: 0; } .sp-initial .sp-clear-display { background-position: center; } /* Buttons */ .sp-palette-button-container, .sp-button-container { float: right; margin-top: 4px; } /* Replacer (the little preview div that shows up instead of the ) */ .sp-replacer { margin: 0; overflow: hidden; cursor: pointer; padding: 3px; display: inline-block; *zoom: 1; *display: inline; border: solid 1px #adadad; background: #eaeaea; color: #333; vertical-align: middle; box-sizing: border-box; } .sp-replacer:hover, .sp-replacer.sp-active { border-color: #1979c3; color: #111; } .sp-replacer.sp-disabled { cursor: default; border-color: silver; color: silver; } .sp-dd { height: 16px; line-height: 16px; float: left; font-size: 10px; display: none; } .sp-preview { position: relative; width: 25px; height: 25px; border: solid 1px #adadad; float: left; z-index: 0; } .sp-palette { *width: 220px; max-width: 220px; } .sp-palette .sp-thumb-el { width: 16px; height: 16px; margin: 2px 1px; border: solid 1px #d0d0d0; } .sp-container { padding-bottom: 0; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); margin-top: 4px; } /* Buttons: http://hellohappy.org/css3-buttons/ */ .sp-container button, .sp-container .block-footer .action-add { background-color: #e3e3e3; border: 1px solid #adadad; color: #333; font-size: 1.4rem; line-height: 1.36; padding: 5px 4px; text-align: center; vertical-align: middle; } .sp-container button:hover, .sp-container .block-footer .action-add:hover { background-color: #dbdbdb; border: 1px solid #adadad; cursor: pointer; } .sp-container button:active, .sp-container .block-footer .action-add:active { border: 1px solid #aaa; } .sp-cancel { font-size: 1.4rem; color: #1979c3 !important; margin: 0; padding: 2px; margin-right: 15px; vertical-align: middle; text-decoration: none; } .sp-cancel:hover { text-decoration: underline; } .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; } .sp-preview, .sp-alpha, .sp-thumb-el { position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; } .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); } .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); } .sp-clear-display { background-repeat: no-repeat; background-position: center; background-color: #fff; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgc3R5bGU9ImJhY2tncm91bmQ6I2ZmZiIgdmlld0JveD0iMCAwIDI1IDI1Ij4KICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGMDAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIGQ9Ik0wLjUsMC41IEwyNS41LDI0LjUiLz4KPC9zdmc+Cg==); } .sp-palette-row-selection { padding-top: 10px; } .sp-palette-row-selection:before { content: "Favorite Colors"; } .adobe-login-container .adobe-sign-in-button { background: transparent; border: none; box-shadow: none; float: right; margin-right: 3%; margin-top: -50px; position: relative; z-index: 99; } .adobe-login-container .adobe-sign-in-button:hover:active { background: transparent; color: #007bdb; } .adobe-login-container .adobe-user-information { float: right; margin-right: 30px; margin-top: -54px; width: auto; } .adobe-login-container .adobe-user-information .adobe-profile-image-small { background-repeat: repeat-x; border-radius: 50%; margin-bottom: -14px; width: 40px; } .adobe-login-container .adobe-user-information .adobe-user-name { border: 0; box-shadow: none; padding-left: 10px; } .adobe-login-container .adobe-user-information .adobe-user-popup { min-width: 10px; padding-left: 20px; width: 320px; z-index: 282; } .adobe-login-container .adobe-user-information .adobe-user-popup .adobe-profile-image-large { float: left; padding-right: 10px; padding-top: 5px; width: 30%; } .adobe-login-container .adobe-user-information .adobe-user-popup ul { list-style: none; } .adobe-login-container .adobe-user-information .adobe-user-popup ul li { padding-bottom: 5px; } .adobe-login-container .adobe-user-information .adobe-user-popup .adobe-sign-out-button { background: transparent; border: none; float: left; margin-top: 20px; padding-bottom: 20px; padding-left: 0; } .adobe-login-container .adobe-user-information .adobe-user-popup .adobe-sign-out-button:hover { background: transparent; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .adobe-ims-root { display: flex; flex-direction: column; height: 100%; width: 100%; } .admin-ims-login-wrapper { align-items: center; background: url('../Magento_AdminAdobeIms/images/AdobeStock_232925587.png') no-repeat; background-size: 100% 100%; display: flex; flex: 1 0 auto; justify-content: space-evenly; } .admin-ims-login-wrapper .adobe-ims-sign-in-modal { background: #ffffff; height: 581px; width: 470px; } .admin-ims-login-wrapper .adobe-ims-sign-in-dialog { display: flex; flex-direction: column; } .admin-ims-login-wrapper .adobe-ims-sign-in-dialog p { padding-bottom: 30px; } .admin-ims-login-wrapper .adobe-ims-button { align-items: center; display: flex; justify-content: flex-end; } .admin-ims-login-wrapper .adobe-ims-note { color: #ffffff; } .admin-ims-login-wrapper .adobe-ims-error-message-wrapper { margin-bottom: 15px; } .adobe-ims-footer { align-items: center; background: #000000; color: var(--spectrum-global-color-gray-600); display: flex; flex-shrink: 0; height: 39px; justify-content: flex-end; padding-right: 15px; text-align: right; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .media-gallery-delete-image-action .modal-content, .delete-folder-confirmation-popup .modal-content { word-wrap: anywhere; } .media-gallery-asset-ui-select-filter .admin__action-multiselect-crumb, .edit-image-details .admin__action-multiselect-crumb { max-width: 70%; overflow: hidden; text-overflow: ellipsis; } .media-gallery-asset-ui-select-filter .admin__action-multiselect-label > span, .edit-image-details .admin__action-multiselect-label > span { display: block; margin-top: -2px; max-height: 18px; max-width: 70%; overflow: hidden; padding-left: 23px; position: absolute; text-overflow: ellipsis; } .media-gallery-asset-ui-select-filter .admin__action-multiselect-item-path, .edit-image-details .admin__action-multiselect-item-path { float: right; max-height: 70px; max-width: 70px; } .media-gallery-asset-ui-select-filter .admin__action-multiselect-label, .edit-image-details .admin__action-multiselect-label { display: inline-block; width: 100%; } .page-actions-buttons > button.no-display, .page-actions.floating-header > button.no-display, .page-actions-buttons > .block-footer .action-add.no-display { display: none; } .page-actions-buttons > button.media-gallery-actions-buttons, .page-actions .page-actions-buttons > button.media-gallery-actions-buttons:focus, .page-actions-buttons > button.media-gallery-actions-buttons:hover, .page-actions.floating-header > button.media-gallery-actions-buttons, .page-actions .page-actions.floating-header > button.media-gallery-actions-buttons:focus, .page-actions.floating-header > button.media-gallery-actions-buttons:hover, .page-actions-buttons > .block-footer .action-add.media-gallery-actions-buttons, .page-actions .page-actions-buttons > .block-footer .action-add.media-gallery-actions-buttons:focus, .page-actions-buttons > .block-footer .action-add.media-gallery-actions-buttons:hover { background-color: #e3e3e3; border-color: #adadad; color: #514943; } .mediagallery-massaction-checkbox { background-color: #eeeeee; border-radius: 4px; height: 40px; margin-left: 15px; margin-top: 10px; position: absolute; width: 40px; z-index: 10; } .mediagallery-massaction-checkbox input[type='checkbox'] { margin-left: 10px; margin-top: 11px; } .mediagallery-massaction-items-count { display: inline-block; margin-left: -15px; padding-right: 20px; } .media-gallery-container .action-disabled { opacity: .5; } .media-gallery-container .masonry-image-grid .no-data-message-container, .media-gallery-container .masonry-image-grid .error-message-container { left: 50%; margin-right: -50%; position: sticky; top: 50%; } .media-gallery-container .admin__action-dropdown-wrap._active .admin__action-dropdown-text::after { margin-right: 6px; } .media-gallery-container .admin__data-grid-action-bookmarks .admin__action-dropdown-menu { left: auto; right: 0; } .media-gallery-container .page-main-actions .page-actions .media-gallery-add-selected { order: unset; } .media-gallery-container .page-main-actions > .page-actions > button.no-display, .media-gallery-container .page-main-actions > .page-actions > .block-footer .action-add.no-display { display: none; } .media-gallery-container .jstree-default .jstree-hovered { background: #a6a6a6; border-color: #7185f5; border-radius: 6px; padding-top: 6px; } .media-gallery-container .jstree-default .jstree-leaf a .jstree-icon { background-position: -52px -14px; } .media-gallery-container .jstree-default a .jstree-icon { background-position: -52px -14px; } .media-gallery-container .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -12px 7px; } .media-gallery-container .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: 8px 10px; } .media-gallery-container .jstree-default .jstree-no-dots .jstree-open > a > i { background-position: -52px -38px; height: 20px; width: 29px; } .media-gallery-container .jstree a > i { float: left; height: 22px; margin-top: -3px; width: 20px; } .media-gallery-container .jstree-default .jstree-no-dots .jstree-leaf > i { background-image: none; } .media-gallery-container .jstree-default i { background-image: url("../Magento_MediaGalleryUi/images/d.png"); } .media-gallery-container .jstree a { height: 30px; margin: 1px; padding-left: 6px; padding-right: 10px; padding-top: 6px; width: max-content; } .media-gallery-container .jstree-default .jstree-clicked { background: #cdecf6; border: 0.14em solid #7185f5; border-radius: 6px; padding-top: 6px; } .media-gallery-container .masonry-image-overlay { background-color: #d9631c; float: right; font-size: 11px; margin-left: 120px; margin-top: 170px; padding: .3rem; pointer-events: none; position: relative; } .media-gallery-container .media-gallery-image-details { float: left; list-style: none; margin-bottom: 0; position: absolute; width: 89%; } .media-gallery-container .media-gallery-image-details .name { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; font-size: 15px; font-weight: bold; line-height: 20px; max-height: 50px; overflow: hidden; padding-bottom: 2px; text-overflow: ellipsis; white-space: pre-line; word-wrap: anywhere; word-wrap: break-word; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .media-gallery-container .media-gallery-image-details .name { white-space: nowrap; } } .media-gallery-container .media-gallery-image-details .type { display: inline-block; font-size: 12px; padding-bottom: 5px; } .media-gallery-container .media-gallery-image-details .dimensions { display: inline-block; } .media-gallery-container .media-gallery-image-details .source { display: inline-block; } .media-gallery-container .media-gallery-image-actions { float: right; position: absolute; right: 0; width: 10%; } .media-gallery-container .media-gallery-image-actions .action-select-wrap { cursor: pointer; } .media-gallery-container .media-gallery-image-actions .three-dots:before { content: url("../Magento_MediaGalleryUi/images/3-dots.png"); cursor: pointer; } .media-gallery-container .media-gallery-image { height: 200px; margin: 0 auto; position: relative; text-align: center; width: 200px; } .media-gallery-container .masonry-image-description { background-color: #ffffff; min-height: 90px; padding-top: 10px; position: relative; } .media-gallery-container .masonry-image-column { background-color: #e1e1e1; width: 200px; } .media-gallery-container .media-directory-container { float: left; max-width: 50%; overflow-x: scroll; overflow-y: hidden; padding-right: 40px; scrollbar-color: #9e9e9e #ffffff; } .media-gallery-container .media-directory-container::-webkit-scrollbar { background-color: #ffffff; } .media-gallery-container .media-directory-container::-webkit-scrollbar-thumb { background-color: #9e9e9e; } .media-gallery-container .media-gallery-image-block { cursor: pointer; height: 200px; margin: 0 auto; position: relative; } .media-gallery-container .media-gallery-image-block.selected { border: 5px solid #4682b4; } .media-gallery-container .media-gallery-image img { bottom: 0; height: auto; left: 0; margin: auto; max-height: 100%; max-width: 100%; padding: 5px; position: absolute; right: 0; top: 0; width: auto; } .media-gallery-container .media-gallery-image .action-menu, .media-gallery-container .media-gallery-image .abs-action-menu .action-submenu, .media-gallery-container .media-gallery-image .action-menu .action-submenu, .media-gallery-container .media-gallery-image .actions-split .dropdown-menu .action-submenu, .media-gallery-container .media-gallery-image .actions-split .action-menu .action-submenu { bottom: 0; float: right; left: auto; top: auto; z-index: 100; } .media-gallery-container .media-gallery-source-icon { margin-bottom: -6px; width: 29px; } .media-gallery-container .masonry-image-grid { align-items: first baseline; display: grid; grid-template-columns: repeat(auto-fill, 210px); justify-content: end; margin: 10px 0; position: relative; } .media-gallery-container .admin__data-grid-filters .admin__form-field .action-select-wrap .action-menu, .media-gallery-container .admin__data-grid-filters .admin__form-field .action-select-wrap .abs-action-menu .action-submenu, .media-gallery-container .admin__data-grid-filters .admin__form-field .action-select-wrap .action-menu .action-submenu, .media-gallery-container .admin__data-grid-filters .admin__form-field .action-select-wrap .actions-split .dropdown-menu .action-submenu, .media-gallery-container .admin__data-grid-filters .admin__form-field .action-select-wrap .actions-split .action-menu .action-submenu { width: 110%; } .media-gallery-container .admin__data-grid-filters .admin__form-field .action-select-wrap .admin__action-multiselect-search-label { right: 1.5rem; } .media-gallery-container .admin__data-grid-filters .admin__form-field .action-close { padding: 0; } .media-gallery-container .admin__data-grid-filters .admin__form-field .action-close:before { font-size: 6px; } .media-gallery-image-details-modal .admin__action-multiselect-crumb .action-close, .media-gallery-edit-image-details-modal .admin__action-multiselect-crumb .action-close, .media-gallery-image-details-modal .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close, .media-gallery-edit-image-details-modal .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close { padding: 0; } .media-gallery-image-details-modal .admin__action-multiselect-crumb .action-close:before, .media-gallery-edit-image-details-modal .admin__action-multiselect-crumb .action-close:before, .media-gallery-image-details-modal .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close:before, .media-gallery-edit-image-details-modal .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close:before { font-size: .5em; } .media-gallery-image-details-modal .edit-image-details, .media-gallery-edit-image-details-modal .edit-image-details { padding: 50px; } .media-gallery-image-details-modal .path-display, .media-gallery-edit-image-details-modal .path-display { margin-top: 8px; } .media-gallery-image-details-modal .page-action-buttons, .media-gallery-edit-image-details-modal .page-action-buttons { float: right; } .media-gallery-image-details-modal .image-type .media-gallery-source-icon, .media-gallery-edit-image-details-modal .image-type .media-gallery-source-icon { margin-bottom: -6px; width: 29px; } .media-gallery-image-details-modal .image-type .type, .media-gallery-edit-image-details-modal .image-type .type { color: #666666; } .media-gallery-image-details-modal .image-details, .media-gallery-edit-image-details-modal .image-details { display: -webkit-flex; display: -ms-flexbox; display: flex; } .media-gallery-image-details-modal .image-details .image-details-image img, .media-gallery-edit-image-details-modal .image-details .image-details-image img { max-height: 650px; } .media-gallery-image-details-modal .image-details .image-details-sidebar, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar { -webkit-flex-grow: 1; flex-grow: 1; margin-top: 0; padding-left: 40px; } .media-gallery-image-details-modal .image-details .image-details-sidebar .image-details-section, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .image-details-section { margin-bottom: 40px; max-width: 400px; min-width: 290px; word-wrap: anywhere; } .media-gallery-image-details-modal .image-details .image-details-sidebar .image-details-section:before, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .image-details-section:before, .media-gallery-image-details-modal .image-details .image-details-sidebar .image-details-section:after, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .image-details-section:after { content: ''; display: table; } .media-gallery-image-details-modal .image-details .image-details-sidebar .image-details-section:after, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .image-details-section:after { clear: both; } .media-gallery-image-details-modal .image-details .image-details-sidebar h3.image-title, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar h3.image-title { font-weight: bold; line-height: 1.5; } .media-gallery-image-details-modal .image-details .image-details-sidebar .attributes .attribute:not(:last-child), .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .attributes .attribute:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px; } .media-gallery-image-details-modal .image-details .image-details-sidebar .attributes .attribute > *, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .attributes .attribute > * { float: left; margin-left: -1px; width: 50%; } .media-gallery-image-details-modal .image-details .image-details-sidebar .attributes .attribute .value, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .attributes .attribute .value { display: inline; float: right; margin-left: 1px; } .media-gallery-image-details-modal .image-details .image-details-sidebar .attributes .attribute .title, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .attributes .attribute .title { color: #666666; } .media-gallery-image-details-modal .image-details .image-details-sidebar .tags .tags-list, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .tags .tags-list { margin-bottom: 10px; } .media-gallery-image-details-modal .image-details .image-details-sidebar .tags .tags-list .show-more-item, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .tags .tags-list .show-more-item { display: none; } .media-gallery-image-details-modal .image-details .image-details-sidebar .tags .tags-list.show-all-tags, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .tags .tags-list.show-all-tags { margin-bottom: 0; } .media-gallery-image-details-modal .image-details .image-details-sidebar .tags .tags-list.show-all-tags .show-more-item, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .tags .tags-list.show-all-tags .show-more-item { display: inline; } .media-gallery-image-details-modal .image-details .image-details-sidebar .tags .tags-list.show-all-tags + .show-more-link-container, .media-gallery-edit-image-details-modal .image-details .image-details-sidebar .tags .tags-list.show-all-tags + .show-more-link-container { display: none; } .masonry-image-sortby { display: inline-block; } .masonry-results-number { display: inline-block; margin-right: 1.4rem; } .admin__field-saleable-qty { margin-top: 0; } .admin__field-saleable-qty .admin__field-tooltip-content { font-size: 14px; font-weight: normal; right: -5rem; width: 29rem; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .modal-popup.confirm.lac-confirm .modal-inner-wrap { max-width: 55rem; } .modal-popup.confirm.lac-confirm .modal-title { border-bottom: 1px solid #cccccc; padding-bottom: 15px; width: 100%; } .modal-popup.confirm.lac-confirm .store-view-ptions { padding-top: 15px; } .modal-popup.confirm.lac-confirm .modal-content .message-warning { padding-left: 4.5rem; } .modal-popup.confirm.lac-confirm .modal-content .message-warning:before { color: #514943; left: 5px; } .page-actions .page-actions-buttons .login-button, .page-actions .page-actions.floating-header .login-button { -ms-flex-order: -1; -webkit-order: -1; order: -1; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .media-gallery-category-container .admin__field-label { text-align: left; } .media-gallery-category-container .admin__action-dropdown-wrap._active .admin__action-dropdown-text::after { margin-right: 6px; } .media-gallery-category-container .admin__data-grid-action-bookmarks .admin__action-dropdown-menu { left: auto; right: 0; } .media-gallery-category-container .admin__field:not(.admin__field-option) > .admin__field-label { font-size: 1.3rem; font-weight: bold; line-height: 2.1rem; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .adobe-stock-images-search-modal-content .color-rectangle { border: solid 1px #626160; display: inline-block; height: 12px; position: inherit; top: 2px; width: 12px; } .adobe-stock-images-search-modal-content .masonry-image-grid { display: inline-block; margin: 0; width: 100%; } .adobe-stock-images-search-modal-content .masonry-image-column { overflow: visible; position: static; } .adobe-stock-images-search-modal-content .masonry-image-overlay { float: right; margin-bottom: -30px; padding-left: 5%; padding-right: 5%; position: relative; width: auto; } .adobe-stock-images-search-modal-content .masonry-image-preview { position: fixed; z-index: 289; } .adobe-stock-images-search-modal-content .masonry-image-preview .container { padding-top: 0; } .adobe-stock-images-search-modal-content .masonry-image-preview .container .preview-buttons { /* Align image preview actions uniformly to the right edge */ } .adobe-stock-images-search-modal-content .masonry-image-preview .container .preview-buttons .action-previous, .adobe-stock-images-search-modal-content .masonry-image-preview .container .preview-buttons .action-next, .adobe-stock-images-search-modal-content .masonry-image-preview .container .preview-buttons .action-close { padding: 30px 0 30px 30px; } .adobe-stock-images-search-modal-content .masonry-image-preview .container .preview-row-content img.preview { flex-basis: auto; } .adobe-stock-images-search-modal-content .masonry-image-sortby { display: inline-block; } .adobe-stock-images-search-modal-content .masonry-results-number { display: inline-block; margin-right: 1.4rem; } .adobe-stock-images-search-modal-content .masonry-image-column { position: static; } .adobe-stock-images-search-modal-content .masonry-image-column:first-child .masonry-image-preview .preview-buttons .action-previous, .adobe-stock-images-search-modal-content .masonry-image-column:last-child .masonry-image-preview .preview-buttons .action-next { opacity: .5; pointer-events: none; } .adobe-stock-images-search-modal-content .adobe-login-container .adobe-user-information .adobe-user-popup .adobe-user-info { padding-top: 15px; } .adobe-stock-images-search-modal-content .admin__action-dropdown-wrap._active .admin__action-dropdown-text::after { margin-right: 6px; } .adobe-stock-images-search-modal-content .admin__data-grid-action-bookmarks .admin__action-dropdown-menu { left: auto; right: 0; } .adobe-stock-images-search-modal-content .masonry-image-grid + .admin__data-grid-header .selectmenu-items { bottom: 100%; top: auto; } .adobe-stock-images-search-modal-content .masonry-image-preview { position: absolute; } .adobe-stock-images-search-modal-content .masonry-image-preview .title { font-weight: bold; } .adobe-stock-images-search-modal-content .masonry-image-preview .info { float: left; min-width: 40%; padding-left: 40px; width: -moz-min-content; } .adobe-stock-images-search-modal-content .masonry-image-preview .info .actions { letter-spacing: -1px; } .adobe-stock-images-search-modal-content .masonry-image-preview .info .actions button, .adobe-stock-images-search-modal-content .masonry-image-preview .info .actions .block-footer .action-add { margin-right: 15px; } .adobe-stock-images-search-modal-content .masonry-image-preview .info .title { margin: 0 0 20px; } .adobe-stock-images-search-modal-content .masonry-image-preview .info .author { margin: 0 0 30px; } .adobe-stock-images-search-modal-content .masonry-image-preview .info .action-buttons { margin: 0 0 30px; text-align: left; } .adobe-stock-images-search-modal-content .masonry-image-preview .related-container { height: 180px; } .adobe-stock-images-search-modal-content .masonry-image-preview .attributes .attribute { display: inline-block; margin-right: 2em; } .adobe-stock-images-search-modal-content .masonry-image-preview .attributes .attribute .value { margin-top: 1em; } .adobe-stock-images-search-modal-content .masonry-image-preview .keywords { display: inline-block; margin: 30px 0 20px 0; width: 100%; } .adobe-stock-images-search-modal-content .masonry-image-preview .keywords .title { margin-bottom: 30px; } .adobe-stock-images-search-modal-content .masonry-image-preview .keywords .keyword { display: inline-block; line-height: 40px; margin-right: 5px; } .adobe-stock-images-search-modal-content .masonry-image-preview .keywords .keyword.hide { display: none; } .adobe-stock-images-search-modal-content .masonry-image-preview .keywords .keyword .value { background-color: #f5f5f5; border: 1px solid #c6c1bb; border-radius: 3px; color: #666666; font-size: 15px; padding: 5px; text-transform: capitalize; } .adobe-stock-images-search-modal-content .masonry-image-preview .keywords button, .adobe-stock-images-search-modal-content .masonry-image-preview .keywords .block-footer .action-add { margin-left: 10px; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-tabs { border-bottom: 1px solid #adadad; margin-top: 30px; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-tabs .ui-state-default { border-bottom: none; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-tabs .ui-state-active { border-bottom: 0; font-weight: unset; letter-spacing: normal; margin-bottom: -1.1rem; } .adobe-stock-images-search-modal-content .masonry-image-preview .related-loader { height: 100px; left: 50%; margin-left: -50px; margin-top: 50px; position: absolute; width: 100px; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-related-images-tab-content { display: inline-block; height: auto; max-height: 190px; vertical-align: middle; width: 100%; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-related-images-tab-content .ui-tabs-panel { margin-top: 30px; padding: 0; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-related-images-tab-content .ui-tabs-panel .thumbnail { display: inline-flex; height: 100px; margin-right: 10px; max-width: 150px; overflow: hidden; position: relative; vertical-align: middle; width: 100%; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-related-images-tab-content .ui-tabs-panel .thumbnail img { margin: 0 auto; max-width: initial; position: relative; width: auto; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-related-images-tab-content .ui-tabs-panel .see-more-wrapper { cursor: pointer; display: inline-block; max-height: 100px; max-width: 140px; text-align: center; vertical-align: middle; width: 100%; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-related-images-tab-content .ui-tabs-panel .see-more-wrapper .see-more-content { padding: 30px; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-related-images-tab-content .ui-tabs-panel .see-more-wrapper .see-more-content .three-dots { margin-bottom: 10px; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-related-images-tab-content .ui-tabs-panel .see-more-wrapper .see-more-content .three-dots .dots { background-color: #626160; border-radius: 50%; color: #ffffff; content: '\22EE'; display: inline-block; height: 10px; line-height: 1; text-align: center; width: 10px; } .adobe-stock-images-search-modal-content .admin__form-field .colorpicker-input { min-width: 70%; } .adobe-stock-save-preview-prompt .modal-inner-wrap { max-width: 650px; width: 100%; } .adobe-stock-save-preview-prompt .modal-inner-wrap .modal-header { padding: 30px; } .adobe-stock-save-preview-prompt .modal-inner-wrap .modal-header .modal-title { margin: 0; } .adobe-stock-save-preview-prompt .modal-inner-wrap .modal-header .action-close { right: 30px; top: 30px; } .adobe-stock-save-preview-prompt .modal-inner-wrap .modal-content .prompt-message { font-weight: normal; margin-bottom: 15px; } .adobe-stock-save-preview-prompt .modal-inner-wrap .modal-content .prompt-message p { word-break: break-all; } .adobe-stock-save-preview-prompt .modal-inner-wrap .modal-content .admin__field-wide { margin-bottom: 0; } .adobe-stock-save-preview-prompt .modal-inner-wrap .modal-content .image-ext { color: #999999; cursor: default; padding: .6rem 1rem .6rem; position: absolute; right: 0; top: 0; } .adobe-stock-save-preview-prompt .modal-inner-wrap .modal-content .admin__field-with-image-ext .admin__control-text { padding-right: 5rem; } .adobe-stock-save-preview-prompt .modal-inner-wrap .modal-footer { padding: 30px; } .adobe-stock-save-preview-prompt .modal-inner-wrap .modal-footer .action-dismiss { color: #464646; margin-right: 35px; } .admin__adobe-stock-image-checkbox .admin__field-control._with-tooltip .admin__form-field-label { display: inline-block; } .admin__adobe-stock-image-checkbox .admin__field-control._with-tooltip .admin__field-tooltip { margin: -5px 0 0 5px; } .admin__adobe-stock-image-checkbox .admin__field-control._with-tooltip .admin__field-tooltip .admin__field-tooltip-action:before { line-height: initial; overflow: visible; } @media (max-width: 1400px) { .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-related-images-tab-content .ui-tabs-panel .thumbnail { max-width: 130px; } .adobe-stock-images-search-modal-content .masonry-image-preview .adobe-stock-related-images-tab-content .ui-tabs-panel .see-more-wrapper { width: auto; } } @media (max-width: 1024px) { .adobe-stock-images-search-modal-content .masonry-image-preview .container { margin: 0 60px; } .adobe-stock-images-search-modal-content .masonry-image-preview .container .preview-row-content .info .actions .action-secondary { margin-bottom: 8px; } } .transition { -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; -webkit-transition: .5s; transition: .5s; } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; height: 0; visibility: hidden; } * html .clearfix { height: 1%; } .pagebuilder-mobile-only { display: none !important; } @media all and (max-width: 768px) { .pagebuilder-mobile-only { display: block !important; } .pagebuilder-mobile-hidden { display: none !important; } } .pagebuilder-button-primary { text-decoration: none; background-image: none; background: #1979c3; border: 1px solid #1979c3; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; margin: 0 10px 10px 0; padding: 7px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; line-height: 2.2rem; padding: 14px 17px; font-size: 1.8rem; border-radius: 3px; font-weight: 600; } .pagebuilder-button-primary:hover, .pagebuilder-button-primary:active, .pagebuilder-button-primary:focus { text-decoration: none; } .pagebuilder-button-primary:focus, .pagebuilder-button-primary:active { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .pagebuilder-button-primary:hover { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .pagebuilder-button-primary.disabled, .pagebuilder-button-primary[disabled], fieldset[disabled] .pagebuilder-button-primary { opacity: 0.5; cursor: default; pointer-events: none; } .pagebuilder-button-secondary { text-decoration: none; background-image: none; background: #f2f2f2; border: 1px solid #cdcdcd; color: #514943; cursor: pointer; display: inline-block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; margin: 0 10px 10px 0; padding: 7px 15px; font-size: 1.4rem; line-height: 0.136rem; box-sizing: border-box; vertical-align: middle; line-height: 2.2rem; padding: 14px 17px; font-size: 1.8rem; border-radius: 3px; font-weight: 600; } .pagebuilder-button-secondary:hover, .pagebuilder-button-secondary:active, .pagebuilder-button-secondary:focus { text-decoration: none; } .pagebuilder-button-secondary:focus, .pagebuilder-button-secondary:active { background: #e2e2e2; border: 1px solid #cdcdcd; color: #514943; } .pagebuilder-button-secondary:hover { background: #e2e2e2; border: 1px solid #cdcdcd; color: #555555; } .pagebuilder-button-secondary.disabled, .pagebuilder-button-secondary[disabled], fieldset[disabled] .pagebuilder-button-secondary { opacity: 0.5; cursor: default; pointer-events: none; } .pagebuilder-button-link { line-height: 0.5600000000000001rem; font-size: 1.8rem; line-height: 22px; margin: 0 10px 10px 0; padding: 14px 17px; color: #007bdb; text-decoration: none; background: none; border: 0; display: inline; font-weight: 600; display: inline-block; } .pagebuilder-button-link:visited { color: #007bdb; text-decoration: none; } .pagebuilder-button-link:hover { color: #007bdb; text-decoration: underline; } .pagebuilder-button-link:active { color: #ff5501; text-decoration: underline; } .pagebuilder-button-link:hover, .pagebuilder-button-link:active, .pagebuilder-button-link:focus { background: none; border: 0; } .pagebuilder-button-link.disabled, .pagebuilder-button-link[disabled], fieldset[disabled] .pagebuilder-button-link { color: #007bdb; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .placeholder-text { opacity: .5; } .page-builder-viewport { background: #383330; border: none; opacity: .5; padding: 12px; } .page-builder-viewport[disabled] { background: #000000; opacity: 1; } .page-builder-viewport:not([disabled]):hover { background-color: #4a4542; opacity: 1; } .page-builder-viewport img { height: 20px; width: 30px; } .page-builder-viewport.desktop-switcher { margin-right: -3px; } .slick-slider { -khtml-user-select: none; -moz-user-select: none; -ms-touch-action: pan-y; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; box-sizing: border-box; display: block; position: relative; touch-action: pan-y; user-select: none; } .slick-list { display: block; margin: 0; overflow: hidden; padding: 0; position: relative; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { border: 1px solid transparent; display: block; height: auto; } .slick-track { display: flex; left: 0; margin-left: auto; margin-right: auto; position: relative; top: 0; } .slick-track .slick-slide { align-items: center; display: flex; flex-direction: column; height: auto; justify-content: center; } .slick-track:before, .slick-track:after { content: ''; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slider .slick-track, .slick-slider .slick-list { -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-arrow.slick-hidden { display: none; } .slick-prev:before, .slick-next:before { -webkit-font-smoothing: antialiased; font-family: 'Admin Icons'; font-style: normal; font-weight: normal; line-height: 1; speak: none; color: #5b5b5b; font-size: 38px; opacity: 1; } .slick-prev { left: 1px; } .slick-prev:before { content: '\e629'; padding-right: 5px; } .slick-next { right: 1px; } .slick-next:before { content: '\e62a'; padding-left: 5px; } .slick-prev, .slick-next { -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); background: rgba(252, 252, 252, 0.4); border: none; color: transparent; cursor: pointer; display: block; font-size: 0; height: 60px; line-height: 0; outline: none; padding: 0; position: absolute; top: 50%; transform: translate(0, -50%); width: 60px; z-index: 101; } .slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: .2; } .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus { background: rgba(252, 252, 252, 0.8); } .slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before { color: #3d3d3d; } .slick-prev:hover.slick-disabled, .slick-next:hover.slick-disabled, .slick-prev:focus.slick-disabled, .slick-next:focus.slick-disabled { background: rgba(252, 252, 252, 0.4); } .pagebuilder-draggable-content-type { display: block; width: 100%; } .pagebuilder-draggable-content-type a { background: #524d49; border-bottom: 1px solid #373330; color: #f7f3eb; cursor: pointer; display: block; padding: 9px; text-decoration: none; white-space: nowrap; } .pagebuilder-draggable-content-type a i { color: #aaa6a0; font-size: 18px; margin-right: 6px; } .pagebuilder-draggable-content-type a i:before { vertical-align: middle; } .pagebuilder-draggable-content-type a:hover { -moz-transition: 200ms; -o-transition: 200ms; -webkit-transition: 200ms; background: #373330; transition: 200ms; } .pagebuilder-draggable-content-type:hover { background: #524d49; display: block; } .pagebuilder-panel-wrapper { -moz-transition: opacity 0.75s ease-in-out, visibility 0.75s ease-in-out; -webkit-transition: opacity 0.75s ease-in-out, visibility 0.75s ease-in-out; float: left; opacity: 0; position: relative; position: -webkit-sticky; position: sticky; top: 87px; transition: opacity 0.75s ease-in-out, visibility 0.75s ease-in-out; visibility: hidden; width: 150px; } .pagebuilder-panel-wrapper.no-position-sticky { top: 0; } .pagebuilder-panel-wrapper.visible { opacity: 1; visibility: visible; } .pagebuilder-panel-wrapper.visible.sticky-top { position: fixed; top: 90px; } .pagebuilder-panel-wrapper.visible.sticky-bottom { bottom: 0; position: absolute; } .pagebuilder-panel-wrapper .expand { cursor: pointer; position: absolute; top: 0; } .pagebuilder-panel-wrapper .expand a { -moz-border-radius-bottomright: 2px; -moz-border-radius-topright: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-top-right-radius: 2px; background: #373330; border-bottom-right-radius: 2px; border-top-right-radius: 2px; color: #aaa6a0; display: block; font-size: 12px; font-weight: bold; padding: 4px 6px; text-decoration: none; } .pagebuilder-panel-wrapper .expand a:before { content: '\e62a'; font-family: 'Admin Icons'; font-style: normal; font-weight: normal; line-height: 1; speak: none; } .pagebuilder-panel-wrapper .pagebuilder-panel { -moz-transition: 0.35s ease-in-out opacity, 0.35s ease-in-out visibility, 0.35s ease-in-out height; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; -webkit-transition: 0.35s ease-in-out opacity, 0.35s ease-in-out visibility, 0.35s ease-in-out height; -webkit-user-select: none; background: #373330; transition: 0.35s ease-in-out opacity, 0.35s ease-in-out visibility, 0.35s ease-in-out height; user-select: none; } .pagebuilder-panel-wrapper .pagebuilder-panel .search-results-empty { color: #8a837f; font-size: 12px; padding: 12px; text-align: center; } .pagebuilder-panel-wrapper .pagebuilder-panel .search-content-types { position: relative; } .pagebuilder-panel-wrapper .pagebuilder-panel .search-content-types label { -webkit-font-smoothing: antialiased; color: #aaa6a0; font-family: 'Admin Icons'; font-size: 1.5rem; font-style: normal; font-weight: normal; left: 12px; line-height: 1; margin-top: -.8rem; position: absolute; speak: none; top: 50%; z-index: 5; } .pagebuilder-panel-wrapper .pagebuilder-panel .search-content-types label:before { content: '\e60c'; } .pagebuilder-panel-wrapper .pagebuilder-panel .search-content-types input { background: #373330; border: none; border-bottom: 1px solid #524d49; color: #f7f3eb; font-size: 12px; padding: 12px 36px; width: 100%; } .pagebuilder-panel-wrapper .pagebuilder-panel .search-content-types a { color: #8a837f; display: inline-block; font-size: 12px; line-height: 16px; text-decoration: none; vertical-align: top; } .pagebuilder-panel-wrapper .pagebuilder-panel .search-content-types a:hover { color: #aaa6a0; } .pagebuilder-panel-wrapper .pagebuilder-panel .search-content-types a.close { position: absolute; right: 12px; top: 12px; } .pagebuilder-panel-wrapper .pagebuilder-panel .search-content-types a.close:before { content: '\e62f'; font-family: 'Admin Icons'; font-style: normal; font-weight: normal; line-height: 1; speak: none; } .pagebuilder-panel-wrapper .pagebuilder-panel .panel-controls { height: 42px; padding: 14px 10px; } .pagebuilder-panel-wrapper .pagebuilder-panel .panel-controls a { color: #8a837f; display: inline-block; font-size: 12px; line-height: 16px; text-decoration: none; vertical-align: top; } .pagebuilder-panel-wrapper .pagebuilder-panel .panel-controls a:hover { color: #aaa6a0; } .pagebuilder-panel-wrapper .pagebuilder-panel .panel-controls a.collapse { cursor: pointer; } .pagebuilder-panel-wrapper .pagebuilder-panel .panel-controls a.collapse:before { content: '\e629'; font-family: 'Admin Icons'; font-style: normal; font-weight: normal; line-height: 1; padding-right: 3px; speak: none; } .pagebuilder-panel-wrapper.collapsed { width: 32px; } .pagebuilder-panel-wrapper.collapsed .pagebuilder-panel { opacity: 0; transform: translateX(-100%); } .pagebuilder-panel-wrapper.collapsed .collapsed-handle { display: block; } .pagebuilder-panel-wrapper .pagebuilder-panel-menu-sections { list-style: none; margin: 0; padding: 0; } .pagebuilder-panel-wrapper .pagebuilder-panel-menu-sections li { display: block; width: 100%; } .pagebuilder-panel-wrapper .pagebuilder-panel-menu-sections li .menu-section-title { border-bottom: 1px solid #524d49; cursor: pointer; padding: 9px; position: relative; } .pagebuilder-panel-wrapper .pagebuilder-panel-menu-sections li .menu-section-title :before { content: '\e628'; font-family: 'Admin Icons'; font-size: 1.6rem; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; margin-top: -.8rem; position: absolute; right: 12px; speak: none; top: 50%; } .pagebuilder-panel-wrapper .pagebuilder-panel-menu-sections li .menu-section-title h4 { color: #aaa6a0; font-size: 12px; font-weight: normal; margin-bottom: 0; margin-top: 0; } .pagebuilder-panel-wrapper .pagebuilder-panel-menu-sections li .pagebuilder-panel-menu-sections-child { display: none; } .pagebuilder-panel-wrapper .pagebuilder-panel-menu-sections li .pagebuilder-panel-menu-sections-child ul.pagebuilder-panel-menu-sections-blocks { list-style: none; width: 100%; } .pagebuilder-panel-wrapper .pagebuilder-panel-menu-sections li.active .menu-section-title h4 { color: #f7f3eb; } .pagebuilder-panel-wrapper .pagebuilder-panel-menu-sections li.active .menu-section-title :before { content: '\e62b'; } .pagebuilder-panel-wrapper .pagebuilder-panel-menu-sections li.active .pagebuilder-panel-menu-sections-child { background: #524d49; display: block; } .pagebuilder-panel-wrapper .pagebuilder-panel-menu-sections li.hidden .pagebuilder-panel-menu-sections-child { display: none !important; } .modal-slide .modal-content .pagebuilder-panel-wrapper { top: 10px; } .pagebuilder-header { display: flex; justify-content: center; opacity: 0; position: relative; text-align: right; } .pagebuilder-header > .icon-pagebuilder-fullscreen { cursor: pointer; display: inline-block; padding: 15px 0 15px 15px; } .pagebuilder-header > .icon-pagebuilder-fullscreen-exit:before { padding-left: 0; } .pagebuilder-header.visible { opacity: 1; visibility: visible; } .pagebuilder-header .template-buttons { position: absolute; right: 0; transform: translate(0, 12%); } .pagebuilder-header .tooltip { margin-left: 0; } .pagebuilder-header .tooltip .tooltip-content { background: rgba(49, 48, 43, 0.8); font-size: 12px; margin-left: -69px; padding: 7px 9px; text-align: left; } .pagebuilder-header .tooltip .tooltip-content:before { left: 90px; opacity: .65; } .pagebuilder-header .tooltip .tooltip-content .tooltip-label { font-weight: bold; } .admin__fieldset > .admin__field > .admin__control-grouped.pagebuilder-active { float: left; margin: 3rem 0 0; padding-left: 3rem; width: 100%; } .pagebuilder-stage-wrapper { -moz-transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; background: #ffffff; height: 100%; position: relative; transition: 0.35s ease-in-out; } ._disabled .pagebuilder-stage-wrapper { opacity: .5; pointer-events: none; } .pagebuilder-stage-wrapper.stage-full-screen { -moz-transform: translateZ(0); -webkit-transform: translateZ(0); background: #ffffff; height: 100%; left: 0; overflow: scroll; overflow-x: hidden; padding: 0; position: fixed; top: 0; transform: translateZ(0); width: 100%; z-index: 800; } .pagebuilder-stage-wrapper.stage-full-screen .pagebuilder-header { -moz-transition: opacity 0.75s ease-in-out, visibility 0.75s ease-in-out; -webkit-transition: opacity 0.75s ease-in-out, visibility 0.75s ease-in-out; background: #373330; border: none; border-bottom: 1px solid #524d49; left: 150px; opacity: 0; padding: 0; position: fixed; position: -webkit-sticky; position: sticky; right: 0; top: 0; transition: opacity 0.75s ease-in-out, visibility 0.75s ease-in-out; width: calc(100% - 150px); z-index: 106; } .pagebuilder-stage-wrapper.stage-full-screen .pagebuilder-header .icon-pagebuilder-fullscreen-exit { border: none; border-radius: 0; box-shadow: none; color: #f7f3eb; cursor: pointer; display: inline-block; margin: 0; padding: 10px 20px; } .pagebuilder-stage-wrapper.stage-full-screen .pagebuilder-header.visible { opacity: 1; visibility: visible; } .pagebuilder-stage-wrapper.stage-full-screen .pagebuilder-canvas { padding-top: 30px; } .pagebuilder-stage-wrapper.stage-full-screen.stage-content-snapshot .pagebuilder-canvas { padding-bottom: 120px; } .pagebuilder-stage-wrapper.stage-full-screen .pagebuilder-panel-wrapper { bottom: 0; position: fixed; position: -webkit-sticky; position: sticky; top: 0; z-index: 102; } .pagebuilder-stage-wrapper.stage-full-screen .pagebuilder-panel-wrapper .pagebuilder-panel { height: 100vh; overflow-y: auto; } .pagebuilder-stage-wrapper.stage-full-screen .pagebuilder-panel-wrapper .pagebuilder-panel::-webkit-scrollbar { width: 5px; } .pagebuilder-stage-wrapper.stage-full-screen .pagebuilder-panel-wrapper .pagebuilder-panel::-webkit-scrollbar-thumb { background-color: darkgrey; } .pagebuilder-stage-wrapper.stage-full-screen .pagebuilder-panel-wrapper .pagebuilder-panel .pagebuilder-panel-menu-sections { padding-bottom: 41px; } .pagebuilder-stage-wrapper.stage-full-screen .pagebuilder-panel-wrapper .pagebuilder-panel .panel-controls { background-color: #373330; bottom: 0; position: absolute; width: 100%; } .pagebuilder-stage-wrapper.stage-full-screen .pagebuilder-stage { margin-left: 150px; } .pagebuilder-wysiwyg-overlay { display: none; height: 0; left: -1px; position: absolute; top: -1px; visibility: hidden; width: 0; } .pagebuilder-wysiwyg-overlay.visible { -moz-transition: 0.175s ease-in-out; -webkit-transition: 0.175s ease-in-out; border: 2px solid transparent; border-radius: 2px; cursor: pointer; display: block; height: calc(100% + 2px); transform: translateY(-2px); transition: 0.175s ease-in-out; visibility: visible; width: calc(100% + 2px); z-index: 200; } .pagebuilder-wysiwyg-overlay._hover { background-color: rgba(20, 115, 230, 0.1); border-color: #1473e6; transform: translateY(0); } ._keyfocus .pagebuilder-wysiwyg-overlay { opacity: 1; transform: translateY(0); } .pagebuilder-wysiwyg-wrapper { position: relative; } .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-out .pagebuilder-stage-wrapper { -moz-transform: translateZ(0); -webkit-transform: translateZ(0); background: #ffffff; height: 100%; left: 0; overflow: scroll; overflow-x: hidden; padding: 0; position: fixed; top: 0; transform: translateZ(0); width: 100%; z-index: 800; } .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-out .pagebuilder-stage-wrapper .pagebuilder-header { -moz-transition: opacity 0.75s ease-in-out, visibility 0.75s ease-in-out; -webkit-transition: opacity 0.75s ease-in-out, visibility 0.75s ease-in-out; background: #373330; border: none; border-bottom: 1px solid #524d49; left: 150px; opacity: 0; padding: 0; position: fixed; position: -webkit-sticky; position: sticky; right: 0; top: 0; transition: opacity 0.75s ease-in-out, visibility 0.75s ease-in-out; width: calc(100% - 150px); z-index: 106; } .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-out .pagebuilder-stage-wrapper .pagebuilder-header .icon-pagebuilder-fullscreen-exit { border: none; border-radius: 0; box-shadow: none; color: #f7f3eb; cursor: pointer; display: inline-block; margin: 0; padding: 10px 20px; } .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-out .pagebuilder-stage-wrapper .pagebuilder-header.visible { opacity: 1; visibility: visible; } .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-out .pagebuilder-stage-wrapper .pagebuilder-canvas { padding-top: 30px; } .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-out .pagebuilder-stage-wrapper.stage-content-snapshot .pagebuilder-canvas { padding-bottom: 120px; } .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-out .pagebuilder-stage-wrapper .pagebuilder-panel-wrapper { bottom: 0; position: fixed; position: -webkit-sticky; position: sticky; top: 0; z-index: 102; } .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-out .pagebuilder-stage-wrapper .pagebuilder-panel-wrapper .pagebuilder-panel { height: 100vh; overflow-y: auto; } .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-out .pagebuilder-stage-wrapper .pagebuilder-panel-wrapper .pagebuilder-panel::-webkit-scrollbar { width: 5px; } .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-out .pagebuilder-stage-wrapper .pagebuilder-panel-wrapper .pagebuilder-panel::-webkit-scrollbar-thumb { background-color: darkgrey; } .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-out .pagebuilder-stage-wrapper .pagebuilder-panel-wrapper .pagebuilder-panel .pagebuilder-panel-menu-sections { padding-bottom: 41px; } .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-out .pagebuilder-stage-wrapper .pagebuilder-panel-wrapper .pagebuilder-panel .panel-controls { background-color: #373330; bottom: 0; position: absolute; width: 100%; } .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-out .pagebuilder-stage-wrapper .pagebuilder-stage { margin-left: 150px; } .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-out .pagebuilder-stage-wrapper .pagebuilder-header { -moz-transition: opacity 0.75s ease-in-out, visibility 0.75s ease-in-out; -webkit-transition: opacity 0.75s ease-in-out, visibility 0.75s ease-in-out; background: #373330; border: none; border-bottom: 1px solid #524d49; left: 150px; opacity: 0; padding: 0; position: fixed; position: -webkit-sticky; position: sticky; right: 0; top: 0; transition: opacity 0.75s ease-in-out, visibility 0.75s ease-in-out; width: calc(100% - 150px); z-index: 106; } .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-out .pagebuilder-stage-wrapper .pagebuilder-header .icon-pagebuilder-fullscreen-exit { border: none; border-radius: 0; box-shadow: none; color: #f7f3eb; cursor: pointer; display: inline-block; margin: 0; padding: 10px 20px; } .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-out .pagebuilder-stage-wrapper .pagebuilder-header.visible { opacity: 1; visibility: visible; } .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-out .pagebuilder-stage-wrapper .pagebuilder-header .icon-pagebuilder-fullscreen-exit { border: none; border-radius: 0; box-shadow: none; color: #f7f3eb; cursor: pointer; display: inline-block; margin: 0; padding: 10px 20px; } .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-in .pagebuilder-stage-wrapper { -moz-transition: 0.175s ease-in-out; -webkit-transition: 0.175s ease-in-out; opacity: 0; transform: scale(0.8) translateZ(0); transition: 0.175s ease-in-out; visibility: hidden; } .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-in.trigger-transition .pagebuilder-stage-wrapper { opacity: 1; transform: scale(1) translateZ(0); visibility: visible; } .pagebuilder-stage { -moz-transition: margin-left 0.35s ease-in-out; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; -webkit-transition: margin-left 0.35s ease-in-out; -webkit-user-select: none; font-size: 0; margin-left: 170px; min-height: 200px; padding: 0; transition: margin-left 0.35s ease-in-out; user-select: none; /* Remove aspects fo the UI when taking a screenshot for templates */ } .pagebuilder-stage.stage-full-screen { background: #000000; } .pagebuilder-stage.pagebuilder-no-user-select * { -moz-user-select: none !important; -ms-user-select: none !important; -o-user-select: none !important; -webkit-user-select: none !important; user-select: none !important; } .pagebuilder-stage.panel-collapsed { margin-left: 32px; } .pagebuilder-stage .pagebuilder-stage-loading .spinner { font-size: 4rem; left: 50%; margin-left: -2rem; margin-top: -2rem; position: absolute; top: 50%; } .pagebuilder-stage .pagebuilder-canvas { -moz-transition: opacity 0.75s ease-in-out, visibility 0.75s ease-in-out; -webkit-transition: opacity 0.75s ease-in-out, visibility 0.75s ease-in-out; background-color: #ffffff; margin: 0 10px; min-height: 100%; opacity: 0; padding-bottom: 120px; transition: opacity 0.75s ease-in-out, visibility 0.75s ease-in-out; visibility: hidden; } .pagebuilder-stage .pagebuilder-canvas.active { opacity: 1; position: relative; visibility: visible; } .pagebuilder-stage.screengrab { border: none; height: 80%; overflow: hidden; padding: 0; } .pagebuilder-stage.screengrab .pagebuilder-add-row-wrapper { display: none; } .stage-content-snapshot .pagebuilder-stage .pagebuilder-canvas { padding-bottom: 0; padding-top: 8px; } .pagebuilder-wysiwyg-snapshot .pagebuilder-stage { -moz-transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; margin-left: auto; transition: 0.35s ease-in-out; } .pagebuilder-wysiwyg-snapshot .element-children.content-type-container.root-container-container { background-color: #ffffff; } .pagebuilder-wysiwyg-snapshot .pagebuilder-stage-wrapper { -moz-transition: none; -webkit-transition: none; background-color: transparent; transition: none; } .pagebuilder-wysiwyg-snapshot .pagebuilder-stage-wrapper.stage-full-screen { -o-animation: fade-in 0.35s ease-in-out both; -webkit-animation: fade-in 0.35s ease-in-out both; -moz-animation: fade-in 0.35s ease-in-out both; animation: fade-in 0.35s ease-in-out both; background-color: #e4e4e4; } @-moz-keyframes fade-in { 0% { background-color: transparent; } 100% { background-color: #e4e4e4; } } @-webkit-keyframes fade-in { 0% { background-color: transparent; } 100% { background-color: #e4e4e4; } } @keyframes fade-in { 0% { background-color: transparent; } 100% { background-color: #e4e4e4; } } .pagebuilder-wysiwyg-snapshot .pagebuilder-stage-wrapper.stage-full-screen.transition-out { -o-animation: fade-out 0.35s ease-in-out both; -webkit-animation: fade-out 0.35s ease-in-out both; -moz-animation: fade-out 0.35s ease-in-out both; animation: fade-out 0.35s ease-in-out both; } @-moz-keyframes fade-out { 0% { background-color: #e4e4e4; } 50% { background-color: #ffffff; } 100% { background-color: transparent; } } @-webkit-keyframes fade-out { 0% { background-color: #e4e4e4; } 50% { background-color: #ffffff; } 100% { background-color: transparent; } } @keyframes fade-out { 0% { background-color: #e4e4e4; } 50% { background-color: #ffffff; } 100% { background-color: transparent; } } .pagebuilder-wysiwyg-snapshot .pagebuilder-stage-wrapper.stage-full-screen .pagebuilder-stage { height: inherit; left: 0; position: relative; top: 0; width: calc(100% - 150px); } .pagebuilder-wysiwyg-snapshot .pagebuilder-header { -o-animation: slide-in-top 0.35s ease-in-out both; -webkit-animation: slide-in-top 0.35s ease-in-out both; -moz-animation: slide-in-top 0.35s ease-in-out both; animation: slide-in-top 0.35s ease-in-out both; opacity: 1; transition: none; visibility: visible; } @-moz-keyframes slide-in-top { 0% { -moz-transform: translateX(-41px); -webkit-transform: translateY(-41px); transform: translateY(-41px); } 100% { -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slide-in-top { 0% { -moz-transform: translateX(-41px); -webkit-transform: translateY(-41px); transform: translateY(-41px); } 100% { -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slide-in-top { 0% { -moz-transform: translateX(-41px); -webkit-transform: translateY(-41px); transform: translateY(-41px); } 100% { -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } } .pagebuilder-wysiwyg-snapshot .pagebuilder-header.transition-out { -moz-transition: opacity 0.75s ease-in-out, visibility 0.75s ease-in-out; -webkit-transition: opacity 0.75s ease-in-out, visibility 0.75s ease-in-out; background: #373330; border: none; border-bottom: 1px solid #524d49; left: 150px; opacity: 0; padding: 0; position: fixed; position: -webkit-sticky; position: sticky; right: 0; top: 0; transition: opacity 0.75s ease-in-out, visibility 0.75s ease-in-out; width: calc(100% - 150px); z-index: 106; -o-animation: slide-out-top 0.35s ease-in-out both; -webkit-animation: slide-out-top 0.35s ease-in-out both; -moz-animation: slide-out-top 0.35s ease-in-out both; animation: slide-out-top 0.35s ease-in-out both; -moz-transition: none; -webkit-transition: none; transition: none; z-index: 801; } .pagebuilder-wysiwyg-snapshot .pagebuilder-header.transition-out .icon-pagebuilder-fullscreen-exit { border: none; border-radius: 0; box-shadow: none; color: #f7f3eb; cursor: pointer; display: inline-block; margin: 0; padding: 10px 20px; } .pagebuilder-wysiwyg-snapshot .pagebuilder-header.transition-out.visible { opacity: 1; visibility: visible; } @-moz-keyframes slide-out-top { 0% { -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } 100% { -moz-transform: translateX(-41px); -webkit-transform: translateY(-41px); transform: translateY(-41px); } } @-webkit-keyframes slide-out-top { 0% { -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } 100% { -moz-transform: translateX(-41px); -webkit-transform: translateY(-41px); transform: translateY(-41px); } } @keyframes slide-out-top { 0% { -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } 100% { -moz-transform: translateX(-41px); -webkit-transform: translateY(-41px); transform: translateY(-41px); } } .pagebuilder-wysiwyg-snapshot .pagebuilder-panel-wrapper { -o-animation: slide-in-left 0.35s ease-in-out both; -webkit-animation: slide-in-left 0.35s ease-in-out both; -moz-animation: slide-in-left 0.35s ease-in-out both; animation: slide-in-left 0.35s ease-in-out both; -moz-transition: none; -webkit-transition: none; opacity: 1; transition: none; visibility: visible; } @-moz-keyframes slide-in-left { 0% { -moz-transform: translateX(-150px); -webkit-transform: translateX(-150px); transform: translateX(-150px); } 100% { -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slide-in-left { 0% { -moz-transform: translateX(-150px); -webkit-transform: translateX(-150px); transform: translateX(-150px); } 100% { -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slide-in-left { 0% { -moz-transform: translateX(-150px); -webkit-transform: translateX(-150px); transform: translateX(-150px); } 100% { -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } } .pagebuilder-wysiwyg-snapshot .pagebuilder-panel-wrapper.transition-out { bottom: 0; position: fixed; position: -webkit-sticky; position: sticky; top: 0; z-index: 102; -o-animation: slide-out-left 0.35s ease-in-out both; -webkit-animation: slide-out-left 0.35s ease-in-out both; -moz-animation: slide-out-left 0.35s ease-in-out both; animation: slide-out-left 0.35s ease-in-out both; -moz-transition: none; -webkit-transition: none; transition: none; z-index: 801; } .pagebuilder-wysiwyg-snapshot .pagebuilder-panel-wrapper.transition-out .pagebuilder-panel { height: 100vh; overflow-y: auto; } .pagebuilder-wysiwyg-snapshot .pagebuilder-panel-wrapper.transition-out .pagebuilder-panel::-webkit-scrollbar { width: 5px; } .pagebuilder-wysiwyg-snapshot .pagebuilder-panel-wrapper.transition-out .pagebuilder-panel::-webkit-scrollbar-thumb { background-color: darkgrey; } .pagebuilder-wysiwyg-snapshot .pagebuilder-panel-wrapper.transition-out .pagebuilder-panel .pagebuilder-panel-menu-sections { padding-bottom: 41px; } .pagebuilder-wysiwyg-snapshot .pagebuilder-panel-wrapper.transition-out .pagebuilder-panel .panel-controls { background-color: #373330; bottom: 0; position: absolute; width: 100%; } @-moz-keyframes slide-out-left { 0% { -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } 100% { -moz-transform: translateX(-150px); -webkit-transform: translateX(-150px); transform: translateX(-150px); } } @-webkit-keyframes slide-out-left { 0% { -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } 100% { -moz-transform: translateX(-150px); -webkit-transform: translateX(-150px); transform: translateX(-150px); } } @keyframes slide-out-left { 0% { -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } 100% { -moz-transform: translateX(-150px); -webkit-transform: translateX(-150px); transform: translateX(-150px); } } .pagebuilder-row-wrapper, .pagebuilder-structure-wrapper { display: inline-block; vertical-align: top; width: 100%; } .edit-form-on-click-grid .pagebuilder-empty-dynamic-row { font-size: 16px; height: 75px; vertical-align: middle; } fieldset[data-index='coordinates'] legend.admin__field-label { margin: 0; } .admin__field-map .map-field, .admin__field-map .google-map-auth-failure-placeholder { display: block; height: 250px; width: 100%; } .admin__field-map .google-map-auth-failure-placeholder { display: flex; } .admin__field-map input[type='text'] { display: none; } .admin__field-map-locations .admin__fieldset { padding-bottom: 0; padding-left: 0; padding-right: 0; } .admin__field-design-options > input[type='text'] { display: none; } .admin__field-design-options .layout-onion { display: inline-block; height: 220px; vertical-align: top; width: 480px; } .admin__field-design-options .layout-onion input[type='text'] { text-align: center; width: 8rem; } .admin__field-design-options .layout-onion .layout-onion-layer { height: 220px; position: relative; width: 480px; } .admin__field-design-options .layout-onion .layout-onion-layer span.label { font-size: .9em; left: 8px; position: absolute; text-align: left; top: 4px; } .admin__field-design-options .layout-onion .layout-onion-layer .layout-onion-top { left: 50%; position: absolute; top: 9px; transform: translateX(-50%); } .admin__field-design-options .layout-onion .layout-onion-layer .layout-onion-right { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); } .admin__field-design-options .layout-onion .layout-onion-layer .layout-onion-bottom { bottom: 9px; left: 50%; position: absolute; transform: translateX(-50%); } .admin__field-design-options .layout-onion .layout-onion-layer .layout-onion-left { left: 5px; position: absolute; top: 50%; transform: translateY(-50%); } .admin__field-design-options .layout-onion .layout-onion-layer.layout-margin { background: #f8f8f8; } .admin__field-design-options .layout-onion .layout-onion-layer.layout-margin > .layout-onion-bottom, .admin__field-design-options .layout-onion .layout-onion-layer.layout-margin > .layout-onion-top { margin-left: 2px; } .admin__field-design-options .layout-onion .layout-onion-layer.layout-border { background: #ebebeb; border: 1px solid #d6d6d6; bottom: 50px; box-sizing: border-box; height: 120px; left: 90px; position: absolute; right: 90px; top: 50px; width: 300px; } .admin__field-design-options .layout-onion .layout-onion-layer.layout-border > .layout-onion-right, .admin__field-design-options .layout-onion .layout-onion-layer.layout-border > .layout-onion-left { margin-top: -1px; } .admin__field-design-options .layout-onion .layout-onion-layer.layout-border > .layout-onion-bottom, .admin__field-design-options .layout-onion .layout-onion-layer.layout-border > .layout-onion-top { margin-left: 1px; } .admin__field-design-options .layout-onion .layout-onion-layer.layout-padding { background: #dfdfdf; border: 1px solid #cacaca; bottom: 50px; box-sizing: border-box; height: 20px; left: 90px; position: absolute; right: 90px; top: 50px; width: 120px; } .admin__field-design-options .layout-onion .layout-onion-layer.layout-padding > .layout-onion-right, .admin__field-design-options .layout-onion .layout-onion-layer.layout-padding > .layout-onion-left { margin-top: -2px; } .admin__field-design-options .layout-settings { display: inline-block; padding-left: 3rem; vertical-align: top; } .admin__field-design-options .layout-settings .layout-field { margin-bottom: 1rem; } .admin__field-design-options .layout-settings .admin__field-label { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; font-weight: 600; line-height: 3.2rem; padding: 0; white-space: nowrap; word-wrap: break-word; } .admin__field-design-options .layout-settings .border-radius-slider .border-radius-input { display: inline-block; margin-left: 12px; } .admin__field-design-options .layout-settings .border-radius-slider .border-radius-input input { text-align: center; width: 50px; } .admin__field-design-options .layout-settings .border-radius-slider .border-radius-slider-slider { display: inline-block; width: 180px; } .pagebuilder-image-uploader-container { align-items: center; border-radius: inherit; display: flex; visibility: hidden; } .pagebuilder-image-uploader-container.has-data { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .pagebuilder-image-uploader-container .pagebuilder-image-empty-preview .file-uploader-area span { color: #000000; } .pagebuilder-image-uploader-container .image-uploader { text-align: center; } .pagebuilder-image-uploader-container .file-uploader-button { margin-left: 15px; margin-right: 15px; width: 165px; } .pagebuilder-image-uploader-container .image-upload-instructions { margin-bottom: 25px; } .pagebuilder-image-uploader-container .image-upload-requirements { margin-top: 25px; } .pagebuilder-image-uploader-container .file-uploader-spinner { background-size: contain; display: none; height: 60px; left: calc(50% - (60px / 2)); margin-left: 0; position: absolute; top: calc(50% - (60px / 2)); width: 60px; z-index: 2; } .pagebuilder-image-uploader-container._loading .file-uploader-spinner { display: inline-block; } .pagebuilder-image-uploader-container._loading .file-uploader-area { display: none; } .pagebuilder-image-uploader-container ._compact-ui .file-uploader-area, .pagebuilder-image-uploader-container ._micro-ui .file-uploader-area { align-items: center; display: flex; flex-direction: column; position: relative; } .pagebuilder-image-uploader-container ._compact-ui .file-uploader-area > span, .pagebuilder-image-uploader-container ._micro-ui .file-uploader-area > span { display: none; } .pagebuilder-image-uploader-container ._compact-ui .file-uploader-area .image-upload-instructions, .pagebuilder-image-uploader-container ._micro-ui .file-uploader-area .image-upload-instructions { margin-bottom: 5px; } .pagebuilder-image-uploader-container ._compact-ui .file-uploader-area .file-uploader-button, .pagebuilder-image-uploader-container ._micro-ui .file-uploader-area .file-uploader-button { display: block; margin-left: 0; margin-right: 0; margin-top: 15px; max-width: 180px; width: 100%; } .pagebuilder-image-uploader-container ._micro-ui .file-uploader-area .file-uploader-button { padding: .6rem 0; } .pagebuilder-image-uploader-container ._micro-ui .file-uploader-area .image-upload-requirements { display: none; } .pagebuilder-image-uploader-container .pagebuilder-image-uploader-container-dropzone-overlay { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .pagebuilder-image-uploader-container .pagebuilder-image-uploader-container-dropzone-overlay .dropzone-placeholder-text { font-size: 26px; } .pagebuilder-image-uploader-container.dragging, .pagebuilder-image-uploader-container._loading .file-uploader-spinner { visibility: visible; } .pagebuilder-image-uploader-container.dragging .pagebuilder-image-uploader-container-dropzone-overlay { align-items: center; border-style: dashed; border-width: 4px; display: flex; justify-content: center; opacity: .5; } .pagebuilder-image-uploader-container.dragging-outside .pagebuilder-image-uploader-container-dropzone-overlay { background-color: #e6f0f4; border-color: #529cdb; color: #529cdb; } .pagebuilder-image-uploader-container.dragging-inside .pagebuilder-image-uploader-container-dropzone-overlay { background-color: #ffe6dd; border-color: #ff0000; color: #ff0000; } .pagebuilder-image-uploader-container .preview-image-container-loading-overlay { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .pagebuilder-image-uploader-container.dragging .file-uploader { visibility: hidden; } .pagebuilder-image-uploader-container._loading .preview-image-container-loading-overlay { background: #f8f8f8; display: block; opacity: .5; } .pagebuilder-image-uploader-container .pagebuilder-options { top: 45px; } .pagebuilder-image-uploader-container .pagebuilder-options .pagebuilder-options-link:last-child .file-uploader-button { margin-left: 9px; } .pagebuilder-image-uploader-container .pagebuilder-options .file-uploader-button { margin: 0; } .pagebuilder-image-uploader-container .pagebuilder-options-wrapper { padding: 10px; } .pagebuilder-content-type-active .pagebuilder-image-uploader-container .pagebuilder-options, .pagebuilder-image .pagebuilder-image-uploader-container { visibility: visible; } .pagebuilder-content-type-hidden .pagebuilder-content-type-active .pagebuilder-image-uploader-container .pagebuilder-options { opacity: 0 !important; visibility: hidden !important; } .pagebuilder-content-type-hidden .pagebuilder-image-uploader-container.dragging .pagebuilder-image-uploader-container-dropzone-overlay { display: none; } .pagebuilder-content-type-hidden .pagebuilder-image-uploader-container.dragging .file-uploader { visibility: visible; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .admin__fieldset-visual-select-large { border-bottom: 1px solid #cccccc; } .admin__fieldset-visual-select-large .fieldset-wrapper-title { border-bottom: 0; padding-bottom: 4px; } .admin__fieldset-visual-select-large .title { clear: both; color: #303030; cursor: pointer; display: block; font-size: 1.7rem; font-weight: 600; letter-spacing: .025em; padding: 1.9rem 2.8rem 1.9rem 0; position: relative; text-decoration: none; transition: color .15s linear; cursor: auto; } .admin__fieldset-visual-select-large .title:hover, .admin__fieldset-visual-select-large .title:visited, .admin__fieldset-visual-select-large .title:focus { color: #0a0a0a; text-decoration: none; } .admin__fieldset-visual-select-large .title:active:before { transform: scale(0.9); } .admin__fieldset-visual-select-large .title._disabled, .admin__fieldset-visual-select-large .title.disabled { color: #7d7d7d; cursor: default; } .admin__fieldset-visual-select-large .title:before { content: '\e616'; font-size: 1.8rem; position: absolute; right: 1.3rem; top: 2.3rem; } .admin__fieldset-visual-select-large .title._loading:before { content: ''; } .admin__fieldset-visual-select-large .title:before { content: ''; } .admin__fieldset-visual-select-large .admin__fieldset { padding-bottom: 4rem; padding-top: 0; } .admin__fieldset-visual-select-large .admin__field-visual-select-container { margin-top: 0; } .admin__field-visual-select { box-sizing: border-box; } .admin__field-visual-select ol { display: block; font-size: 0; list-style: none; margin: 0; padding: 0; } .admin__field-visual-select ol li { border: 1px solid #adadad; cursor: pointer; display: inline-block; font-size: 14px; margin-bottom: 10px; margin-right: 10px; padding: 12px; text-align: center; vertical-align: top; } .admin__field-visual-select ol li:last-child { margin-right: 0; } .admin__field-visual-select ol li:hover { border-color: #007bdb; } .admin__field-visual-select ol li.active { border-color: #007bdb; box-sizing: border-box; outline: 2px solid #007bdb; } .admin__field-visual-select input[type='text'] { display: none; } .admin__field-visual-select-large { min-height: 150px; width: 220px; } .admin__field-visual-select-large img { max-height: 100px; max-width: 100%; object-fit: contain; } .admin__field-visual-select-small { height: 46px; min-width: 120px; } .admin__field-visual-select-small img { margin-right: 6px; width: 20px; } .admin__field-visual-select-small span { vertical-align: top; } .admin__field-visual-select-spacer { font-size: 0; height: 85px; line-height: 0; width: 100px; } [data-index='product_totals'] .spinner { font-size: 2em; } .admin__fieldset .admin__field.admin__field-min-height-mobile .admin__field-control._with-tooltip .admin__field-tooltip, .admin__fieldset .admin__field.admin__field-min-height-mobile-with-notice .admin__field-control._with-tooltip .admin__field-tooltip { margin-left: 19px; margin-top: .3rem; } .admin__fieldset .admin__field.admin__field-min-height-mobile .admin__field-control._with-tooltip .admin__field-tooltip-action:before, .admin__fieldset .admin__field.admin__field-min-height-mobile-with-notice .admin__field-control._with-tooltip .admin__field-tooltip-action:before { color: #707070; content: '\e921'; font-family: 'PageBuilder Admin Icons'; font-size: 1.9rem; line-height: inherit; overflow: inherit; } .admin__fieldset .admin__field.admin__field-min-height-mobile .admin__field-control._with-tooltip .admin__field-tooltip-content, .admin__fieldset .admin__field.admin__field-min-height-mobile-with-notice .admin__field-control._with-tooltip .admin__field-tooltip-content { background: #707070; border: none; bottom: auto; box-shadow: unset; left: -1.9rem; opacity: .9; padding: 6px 15px 2px; right: auto; top: 3.5rem; width: 16rem; } .admin__fieldset .admin__field.admin__field-min-height-mobile .admin__field-control._with-tooltip .admin__field-tooltip-content p, .admin__fieldset .admin__field.admin__field-min-height-mobile-with-notice .admin__field-control._with-tooltip .admin__field-tooltip-content p { color: #ffffff; font-size: 1.2rem; } .admin__fieldset .admin__field.admin__field-min-height-mobile .admin__field-control._with-tooltip .admin__field-tooltip-content:before, .admin__fieldset .admin__field.admin__field-min-height-mobile-with-notice .admin__field-control._with-tooltip .admin__field-tooltip-content:before { border-bottom: 7px solid #707070; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: unset; content: ''; height: 0; left: 20px; opacity: .9; position: absolute; top: -5px; width: 0; } .admin__fieldset .admin__field.admin__field-min-height-mobile .admin__field-control._with-tooltip .admin__field-tooltip-content:after, .admin__fieldset .admin__field.admin__field-min-height-mobile-with-notice .admin__field-control._with-tooltip .admin__field-tooltip-content:after { display: none; } .admin__fieldset .admin__field.admin__field-min-height-mobile .admin__field-control._with-tooltip { width: 17.9rem; } .admin__fieldset .admin__field.admin__field-min-height-mobile-with-notice .admin__field-control._with-tooltip { width: 38.9rem; } .admin__fieldset .admin__field.admin__field-min-height-mobile-with-notice .admin__field-note { width: 34.9rem; } [data-role='modal'] .action-pagebuilder-cancel, [data-role='modal'] .action-pagebuilder-cancel:hover { color: #000000; } [data-role='modal'] .pagebuilder-modal-content-body li { list-style-position: inside; margin-bottom: 15px; margin-top: 15px; } [data-role='modal'] .admin__field._error .url-input-element-linked-element input, [data-role='modal'] .admin__field._error .url-input-element-linked-element .action-select-wrap { border: 1px solid #e22626; overflow: hidden; } [data-role='modal'] .admin__field._error .admin__field-control > .admin__field-design-options > .layout-onion { border: 1px solid #e22626; overflow: hidden; } [data-role='modal'] .admin__field._error ._error .admin__control-wysiwig .textarea { border: 1px solid #e22626; overflow: hidden; } [data-role='modal'] .admin__field._error ._error .admin__control-wysiwig .tox-tinymce { border: 1px solid #e22626; overflow: hidden; } .admin__fieldset > .admin__field.admin__field-wide.admin__field-page-builder[class]:not(.admin__field-option) > .admin__field-label, .admin__fieldset .admin__field.admin__field-wide.admin__fieldset-page-builder .admin__field-page-builder > .admin__field-label { margin-bottom: 0.5rem; margin-top: 0.5rem; min-height: 32px; } .admin__fieldset > .admin__field.admin__field-wide.admin__field-page-builder[class]:not(.admin__field-option) > .admin__field-label span[data-config-scope]:before, .admin__fieldset .admin__field.admin__field-wide.admin__fieldset-page-builder .admin__field-page-builder > .admin__field-label span[data-config-scope]:before { left: 0; } .admin__fieldset > fieldset.admin__field-page-builder .admin__field-label { text-align: left; } .admin__fieldset > fieldset.admin__field-page-builder .admin__field-label span[data-config-scope]:before { right: auto; } .admin__fieldset .admin__field.admin__field-wide.admin__fieldset-page-builder > .admin__field-control { width: calc(100% - 30px); } .admin__fieldset .admin__field.admin__field-wide.admin__fieldset-page-builder > .admin__field-control .admin__field.admin__field-wide.admin__field-page-builder { position: relative; } .admin__fieldset .admin__field.admin__field-wide.admin__fieldset-page-builder > .admin__field-control .admin__field.admin__field-wide.admin__field-page-builder .admin__field-control { clear: left; } .admin__fieldset .admin__field.admin__field-wide.admin__fieldset-page-builder .admin__field-page-builder > .admin__field-label { display: block; line-height: 1.4rem; margin-left: 0; position: relative; text-align: left; width: auto; } .admin__fieldset .admin__field.admin__field-wide.admin__fieldset-page-builder .admin__field-page-builder > .admin__field-label span[data-config-scope]:before { right: auto; } .admin__field-wide.admin__field-page-builder { margin-bottom: 32px; } .admin__field-wide.admin__field-page-builder button.action-default, .admin__field-wide.admin__field-page-builder .block-footer .action-add.action-default { position: absolute; right: 0; top: 0.5rem; } .icon-pagebuilder-accordion:before { content: '\e900'; } .icon-pagebuilder-add:before { content: '\e919'; } .icon-pagebuilder-block:before { content: '\e902'; } .icon-pagebuilder-button:before { content: '\e903'; } .icon-pagebuilder-video:before { content: '\e904'; } .icon-pagebuilder-code:before { content: '\e905'; } .icon-pagebuilder-column:before { content: '\e906'; } .icon-pagebuilder-columns:before { content: '\e907'; } .icon-pagebuilder-copy:before { content: '\e908'; } .icon-pagebuilder-divider:before { content: '\e909'; } .icon-pagebuilder-banner:before { content: '\e90a'; } .icon-pagebuilder-fullscreen-exit:before { content: '\e90b'; font-size: 2rem; padding-left: 15px; vertical-align: sub; } .icon-pagebuilder-fullscreen:before { content: '\e90c'; font-size: 2rem; padding-left: 15px; vertical-align: sub; } .icon-pagebuilder-grid-options:before { content: '\2026'; font-size: 1.6rem; line-height: 16px; text-align: center; vertical-align: center; } .icon-pagebuilder-heading:before { content: '\e90d'; } .icon-pagebuilder-image:before { content: '\e90e'; } .icon-pagebuilder-map:before { content: '\e90f'; } .icon-pagebuilder-products:before { content: '\e911'; } .icon-pagebuilder-row:before { content: '\e912'; } .icon-pagebuilder-slider:before { content: '\e913'; } .icon-pagebuilder-special-characters:before { content: '\e914'; } .icon-pagebuilder-tabs:before { content: '\e915'; } .icon-pagebuilder-text:before { content: '\e916'; } .icon-pagebuilder-align-center:before { content: '\e91a'; } .icon-pagebuilder-align-left:before { content: '\e91b'; } .icon-pagebuilder-align-right:before { content: '\e91c'; } .icon-pagebuilder-variable:before { content: '\e917'; } .icon-pagebuilder-widgets:before { content: '\e918'; } .icon-pagebuilder-show:before { content: '\e91f'; } .icon-pagebuilder-hide:before { content: '\e920'; } .icon-admin-pagebuilder-remove { -webkit-font-smoothing: antialiased; font-family: 'Admin Icons'; font-style: normal; font-weight: normal; line-height: 1; speak: none; } .icon-admin-pagebuilder-remove:before { content: '\e630'; } .icon-admin-pagebuilder-add { -webkit-font-smoothing: antialiased; font-family: 'Admin Icons'; font-style: normal; font-weight: normal; line-height: 1; speak: none; } .icon-admin-pagebuilder-add:before { content: '\e61d'; } .icon-admin-pagebuilder-handle { -webkit-font-smoothing: antialiased; font-family: 'Admin Icons'; font-style: normal; font-weight: normal; line-height: 1; speak: none; } .icon-admin-pagebuilder-handle:before { content: '\e617'; } .icon-admin-pagebuilder-systems { -webkit-font-smoothing: antialiased; font-family: 'Admin Icons'; font-style: normal; font-weight: normal; line-height: 1; speak: none; } .icon-admin-pagebuilder-systems:before { content: '\e610'; } .icon-admin-pagebuilder-success { -webkit-font-smoothing: antialiased; font-family: 'Admin Icons'; font-style: normal; font-weight: normal; line-height: 1; speak: none; } .icon-admin-pagebuilder-success:before { color: #79a22e; content: '\e62d'; } .icon-admin-pagebuilder-error { -webkit-font-smoothing: antialiased; font-family: 'Admin Icons'; font-style: normal; font-weight: normal; line-height: 1; speak: none; } .icon-admin-pagebuilder-error:before { color: #e02b27; content: '\e632'; } @font-face { font-family: 'PageBuilder Admin Icons'; font-style: normal; font-weight: normal; src: url('../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.eot'); src: url('../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.eot?#iefix') format('embedded-opentype'), url('../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.woff') format('woff'), url('../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.ttf') format('truetype'), url('../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.svg#pagebuilder-icons') format('svg'); } @font-face { font-family: 'luma-icons'; src: url('../Magento_PageBuilder/fonts/luma-icons/Luma-Icons.woff2') format('woff2'), url('../Magento_PageBuilder/fonts/luma-icons/Luma-Icons.woff') format('woff'); font-weight: normal; font-style: normal; font-display: auto; } .pagebuilder-icon, [class^='icon-pagebuilder-'], [class*=' icon-pagebuilder-'], .pagebuilder-content-type:before, .pagebuilder-stage.capture .pagebuilder-canvas .pagebuilder-content-type.pagebuilder-video .pagebuilder-video-container:before { /* Better Font Rendering =========== */ -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'PageBuilder Admin Icons' !important; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/light/opensans-300.woff2') format('woff2'), url('../fonts/opensans/light/opensans-300.woff') format('woff'); font-weight: 300; font-style: normal; font-display: auto; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/regular/opensans-400.woff2') format('woff2'), url('../fonts/opensans/regular/opensans-400.woff') format('woff'); font-weight: 400; font-style: normal; font-display: auto; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/semibold/opensans-600.woff2') format('woff2'), url('../fonts/opensans/semibold/opensans-600.woff') format('woff'); font-weight: 600; font-style: normal; font-display: auto; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans/bold/opensans-700.woff2') format('woff2'), url('../fonts/opensans/bold/opensans-700.woff') format('woff'); font-weight: 700; font-style: normal; font-display: auto; } body { color: #41362f; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.36; font-size: 1.4rem; } .pagebuilder-stage h1 { margin: 0 0 40px; color: #333333; font-weight: 300; line-height: 44px; font-size: 4rem; } .pagebuilder-stage h2 { margin: 25px 0 20px; color: #333333; font-weight: 300; line-height: 1.1; font-size: 2.6rem; } .pagebuilder-stage h3 { margin: 20px 0 10px; color: #333333; font-weight: 600; line-height: 1.1; font-size: 1.8rem; } .pagebuilder-stage h4 { margin: 20px 0; color: #333333; font-weight: 700; line-height: 1.1; font-size: 1.4rem; } .pagebuilder-stage h5 { margin: 20px 0; color: #333333; font-weight: 700; line-height: 1.1; font-size: 1.2rem; } .pagebuilder-stage h6 { margin: 20px 0; color: #333333; font-weight: 700; line-height: 1.1; font-size: 1rem; } .pagebuilder-stage p { color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin: 0 0 10px; } .pagebuilder-stage pre { background-color: #f5f5f5; border: 1px solid #cccccc; color: #000000; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 1.2rem; font-style: normal; font-weight: 400; line-height: 1.1; margin-bottom: 10px; padding: 10px; } .pagebuilder-stage .cms-content-important { background-color: #f5f5f5; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 22px; font-style: normal; font-weight: 300; line-height: 1.1; margin: 0 0 35px; padding: 20px; } .pagebuilder-stage .magento-placeholder { background: #dff7ff; box-sizing: initial; color: #000000; cursor: pointer; display: inline-block; font-size: 14px; font-style: normal; font-weight: normal; height: 20px; margin: 0 5px; outline: 2px solid #c0dffa; padding: 2px 4px; vertical-align: bottom; word-break: break-all; } .pagebuilder-stage .magento-placeholder-error { display: inline-block; height: 20px; margin: 0 5px; outline: 2px solid #f7aaaa; padding: 2px 4px; vertical-align: bottom; } .pagebuilder-stage .magento-placeholder-error img { display: none; } .pagebuilder-stage .magento-placeholder-error:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABWUlEQVR42qVTS07DMBD1pggqcQAQEofINbrNvh977Au04gJtxZYiVZwLJJasAhJJ3LBrI4Xwxm3SKErCz9Koqec9e/xmnhBYdjK5tlo/R8ZsI63XIdGFqK1QSg+5MNY6scbMXobDU5eIpbyKiaZIpLExOX4/cdg6IOoXZP6OlbpDPjtgUks0y4l6An8esbl1iUPghgyA5ZPvnzAo0XphC/IRkyZKKVEnl8GVEK04+LsRY8yb4HJbAVpnLprJmVVqIcLx+DIieqiX2Bl8ITQB93wv0mDQb3pnGxkXLqsiu8WCufd2H5KBfM/Yepv/d0Du+2c/fQJjIilvyyfwhLEgvxHR7itZORFjHs82clcbuRNazwXm/uOvg4RKAoFSbkofVMjJN6MMzG5DNBI5XAVDTeG0XaE0a9JpJviADejM5LrgeT1UMsJmAOC8nLCqnbG3QQ6Y13ciWbTyC+DUOUqNY1A2AAAAAElFTkSuQmCC); background-position-x: 1px; background-position-y: 1px; background-repeat: no-repeat; content: ''; display: inline-block; height: inherit; margin-right: 4px; vertical-align: middle; width: 20px; } .pagebuilder-stage .magento-placeholder-error[data-mce-selected] { outline: 2px solid #e12525; } .pagebuilder-stage .magento-placeholder-error img, .pagebuilder-stage .magento-placeholder img { display: inline-block; margin-right: 5px; max-height: 20px; vertical-align: middle; } .modal-popup .modal-dnsa { padding: 2.4rem 0 0; } .modal-popup .modal-dnsa .admin__control-checkbox + label { line-height: 1.6rem; } .modal-popup .modal-dnsa .admin__control-checkbox + label:before { margin-right: .8rem; } .pagebuilder-drop-indicator { border-bottom: 1px dashed #cccccc; display: block; height: 1px; margin: -1px 6px 0 6px; opacity: 0; position: relative; transition: all .3s; visibility: hidden; width: calc(100% - 12px); } .pagebuilder-content-type.type-container.empty-container > .content-type-container:before { border-bottom: 1px dashed #cccccc; display: block; height: 1px; margin: -1px 6px 0 6px; opacity: 0; position: relative; transition: all .3s; visibility: hidden; width: calc(100% - 12px); content: ' '; } .pagebuilder-sortable-placeholder { background: #eb5202 !important; border: none; box-shadow: 0 0 1px 1px #ffffff; height: 1px; margin: -1px 6px 0 6px; position: relative; width: calc(100% - 12px); z-index: 80; } .pagebuilder-sortable-placeholder:before { background: #eb5202; border-radius: 11px; content: ''; display: inline-block; height: 11px; left: -4px; position: absolute; top: -4px; width: 11px; } .pagebuilder-content-type-wrapper.ui-sortable-helper, .pagebuilder-content-type.ui-draggable-dragging { opacity: .7; } .pagebuilder-content-type-wrapper.ui-sortable-helper > .pagebuilder-options, .pagebuilder-content-type.ui-draggable-dragging > .pagebuilder-options, .pagebuilder-content-type-wrapper.ui-sortable-helper > .pagebuilder-content-type > .pagebuilder-options, .pagebuilder-content-type.ui-draggable-dragging > .pagebuilder-content-type > .pagebuilder-options { opacity: 1; visibility: visible; } .pagebuilder-draggable-content-type a { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } .pagebuilder-draggable-content-type a:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } .pagebuilder-draggable-content-type.ui-draggable-dragging a { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } .pagebuilder-content-type-wrapper { opacity: 1; transition: opacity .3s; } .pagebuilder-content-type-wrapper.pagebuilder-sorting-original { opacity: .4; } ._keyfocus .inline-wysiwyg:focus { box-shadow: none; } .tox .tox-menu.tox-collection.tox-collection--list { max-height: 285px !important; width: max-content !important; } .inline-wysiwyg .magento-placeholder { height: auto; margin: 5px; min-height: 20px; vertical-align: baseline; } .inline-wysiwyg ~ .tox-tinymce-inline { display: block !important; height: auto !important; opacity: 0; pointer-events: none; position: absolute; transform: translateY(0); transition: transform 200ms, opacity 200ms, visibility 200ms; visibility: hidden; width: auto !important; } .inline-wysiwyg.mce-edit-focus { outline: none; } .inline-wysiwyg.mce-edit-focus ~ .tox-tinymce-inline { opacity: 1; pointer-events: all; visibility: visible !important; } .inline-wysiwyg._right-aligned-toolbar ~ div.tox-tinymce-inline { left: auto !important; } .inline-wysiwyg ul, .inline-wysiwyg ol { display: block; margin-block-end: 1em; margin-block-start: 1em; margin-bottom: 2.5rem; margin-inline-end: 0; margin-inline-start: 0; margin-top: 0; padding-inline-start: 40px; } .inline-wysiwyg ul li, .inline-wysiwyg ol li { margin: 0 0 1rem; } .tox-tinymce-aux .tox-pop { max-width: none !important; min-width: 300px; } .pagebuilder-content-type { display: block; font-size: 14px; -moz-transition: box-shadow 200ms ease 200ms; -o-transition: box-shadow 200ms ease 200ms; -webkit-transition: box-shadow 200ms ease 200ms; border: 1px solid transparent; box-shadow: 0 0 0 1px rgba(153, 153, 153, 0); box-sizing: border-box; position: relative; transition: box-shadow 200ms ease 200ms; } .pagebuilder-content-type [contenteditable=true] { -webkit-user-select: text; overflow-wrap: break-word; user-select: text; word-wrap: break-word; } .pagebuilder-content-type [contenteditable=true] b { font-weight: normal; } .pagebuilder-content-type [contenteditable=true] i { font-style: normal; } .pagebuilder-content-type [contenteditable=true].placeholder-text:before { content: attr(data-placeholder); } .pagebuilder-content-type.pagebuilder-content-type-active:hover:not(.no-system-border) { -moz-transition: box-shadow 200ms ease 200ms; -o-transition: box-shadow 200ms ease 200ms; -webkit-transition: box-shadow 200ms ease 200ms; box-shadow: 0 0 0 1px #999999; transition: box-shadow 200ms ease 200ms; } .pagebuilder-content-type.pagebuilder-content-type-active:hover:not(.no-system-border).type-container { box-shadow: 0 0 0 1px #999999; } .pagebuilder-content-type.pagebuilder-content-type-active:hover:not(.no-system-border).pagebuilder-content-type-affordance { box-shadow: 0 0 0 1px #c5c5c5; } .pagebuilder-content-type.type-container:not(.pagebuilder-root-container) { box-shadow: 0 0 0 1px rgba(153, 153, 153, 0.3); } .pagebuilder-content-type.type-container:not(.pagebuilder-root-container).pagebuilder-content-type-affordance { box-shadow: rgba(197, 197, 197, 0.34) 0 0 0 1px; } .pagebuilder-content-type .pagebuilder-empty-container { -moz-transition: .3s; -webkit-transition: .3s; color: rgba(153, 153, 153, 0.8); font-size: 14px; left: 0; opacity: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); transition: .3s; visibility: hidden; width: 100%; } .pagebuilder-content-type .pagebuilder-empty-container.visible { opacity: 1; visibility: visible; } .pagebuilder-content-type .pagebuilder-empty-container.empty-placeholder { left: 0; text-align: center; z-index: 1; } .pagebuilder-content-type .pagebuilder-empty-container.empty-placeholder-background { -moz-transition: .3s; -webkit-transition: .3s; background: url('../Magento_PageBuilder/css/images/cms-empty-row.svg') no-repeat center center; background-size: 505px 97px; height: 170px; padding-top: 130px; position: absolute; transition: .3s; } .pagebuilder-content-type .element-children { font-size: 0; position: relative; } .pagebuilder-content-type.children-min-height > .element-children { min-height: 190px; padding: 30px; } .pagebuilder-content-type.children-min-height > div > .element-children { min-height: 190px; padding: 30px; } .pagebuilder-content-type.pagebuilder-abstract { background: #243743; color: #ffffff; text-align: center; } .pagebuilder-content-type.pagebuilder-abstract i { font-size: 24px; } .pagebuilder-content-type.pagebuilder-abstract h3 { margin: 6px 0 0; padding: 0; } .pagebuilder-content-type.pagebuilder-abstract * { color: #ffffff; } .pagebuilder-content-type .pagebuilder-loading { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .pagebuilder-content-type.pagebuilder-image .pagebuilder-image-placeholder { background: #f8f8f8; cursor: pointer; font-size: 12px; padding: 30px 0 16px; text-align: center; } .pagebuilder-content-type.pagebuilder-image .pagebuilder-image-placeholder i { font-size: 34px; margin-bottom: 8px; } .pagebuilder-content-type.pagebuilder-image .pagebuilder-image-placeholder p { padding: 0 20px; } .pagebuilder-content-type.pagebuilder-image.loading img { opacity: .5; } .pagebuilder-content-type.pagebuilder-image .dz-message, .pagebuilder-content-type.pagebuilder-image .dz-preview { display: none; } .pagebuilder-content-type.pagebuilder-image.dz-drag-hover img, .pagebuilder-content-type.pagebuilder-image.dz-drag-hover .pagebuilder-image-placeholder { -moz-filter: blur(5px); -webkit-filter: blur(5px); filter: blur(5px); opacity: .6; } .pagebuilder-content-type:before { -moz-transition: opacity 200ms, top 200ms, visibility 200ms; -o-transition: opacity 200ms, top 200ms, visibility 200ms; -webkit-transition: opacity 200ms, top 200ms, visibility 200ms; align-items: center; background: rgba(238, 238, 238, 0.7); color: #a6a6a6; content: '\e920'; display: flex; font-size: 3.5em; height: 100%; justify-content: center; left: 0; line-height: 0; opacity: 0; position: absolute; text-shadow: 0 0 25px rgba(238, 238, 238, 0.7); top: 0; transition: opacity 200ms, top 200ms, visibility 200ms; visibility: hidden; width: 100%; z-index: 20; } .pagebuilder-content-type-affordance { border: 15px solid #fafafa; box-shadow: rgba(197, 197, 197, 0.34) 0 0 0 1px; padding: 0; } .pagebuilder-content-type-affordance:not( .pagebuilder-column ):not( .pagebuilder-column-group ):before { display: none; } .pagebuilder-content-type-affordance > .pagebuilder-content-type.type-container.pagebuilder-row { box-shadow: none; } .pagebuilder-content-type-affordance > .pagebuilder-display-label { background-color: transparent; color: #acacac; line-height: 13px; padding: 1px 0 0; text-transform: uppercase; transform: translate(-50%, -15px); width: 100%; } .no-user-select { -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .no-user-select * { -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .no-pointer-events { pointer-events: none; } .pagebuilder-display-label { background: rgba(255, 255, 255, 0.9); border-radius: 2px; color: rgba(153, 153, 153, 0.8); display: inline; font-size: 9px; left: 50%; letter-spacing: .1em; padding: 0 4px; position: absolute; text-align: center; text-transform: capitalize; top: 0; transform: translate(-50%, -50%); } .pagebuilder-system-border { -moz-transition: box-shadow 200ms ease 200ms; -o-transition: box-shadow 200ms ease 200ms; -webkit-transition: box-shadow 200ms ease 200ms; border: 1px solid transparent; box-shadow: 0 0 0 1px rgba(153, 153, 153, 0); box-sizing: border-box; position: relative; transition: box-shadow 200ms ease 200ms; } .pagebuilder-system-border-hover { -moz-transition: box-shadow 200ms ease 200ms; -o-transition: box-shadow 200ms ease 200ms; -webkit-transition: box-shadow 200ms ease 200ms; box-shadow: 0 0 0 1px #999999; transition: box-shadow 200ms ease 200ms; } .pagebuilder-system-border-hover.type-container { box-shadow: 0 0 0 1px #999999; } .pagebuilder-stage.dragging .pagebuilder-content-type .pagebuilder-column { font-size: 0; } .pagebuilder-stage.dragging .pagebuilder-content-type .pagebuilder-column .pagebuilder-column-resize-handle { display: none; } .pagebuilder-placeholder-sortable { background: #c34706; border: none; display: inline-block; height: 1px; margin-left: -5px; padding: 0; position: relative; width: calc(100% + 10px); } .pagebuilder-placeholder-sortable:before, .pagebuilder-placeholder-sortable:after { background: #c34706; border-radius: 10px; content: ''; height: 10px; margin-top: -5px; position: absolute; width: 10px; z-index: 999; } .pagebuilder-placeholder-sortable:before { float: left; } .pagebuilder-placeholder-sortable:after { float: right; right: 0; } .pagebuilder-placeholder-sortable.pagebuilder-structure-wrapper { box-sizing: content-box; position: relative; } .pagebuilder-placeholder-sortable.pagebuilder-placeholder-column { height: 90px; margin: 10px -6px; width: 12px; z-index: 500; } .pagebuilder-stage.interacting .pagebuilder-content-type.pagebuilder-content-type-active:hover { box-shadow: 0 0 0 1px rgba(153, 153, 153, 0); } .pagebuilder-stage.interacting .pagebuilder-content-type.pagebuilder-content-type-active:hover.type-container { box-shadow: 0 0 0 1px rgba(153, 153, 153, 0.3); } .pagebuilder-options-visible, [data-content-type='slider'].pagebuilder-content-type-active .slick-active .pagebuilder-options, .pagebuilder-content-type.pagebuilder-slider.pagebuilder-content-type-active .slick-active .pagebuilder-options { opacity: 1; visibility: visible; } .pagebuilder-options { -moz-transition: opacity 200ms, visibility 200ms; -o-transition: opacity 200ms, visibility 200ms; -webkit-transition: opacity 200ms, visibility 200ms; height: 40px; opacity: 0; position: absolute; right: 0; text-align: center; top: 0; transform: translate(0, -50%); transition: opacity 200ms, visibility 200ms; visibility: hidden; z-index: 1000; } .pagebuilder-options.pagebuilder-options-middle { right: 50%; transform: translate(50%, -50%); } .pagebuilder-options.pagebuilder-options-visible, .pagebuilder-options[data-content-type='slider'].pagebuilder-content-type-active .slick-active .pagebuilder-options, .pagebuilder-options.pagebuilder-content-type.pagebuilder-slider.pagebuilder-content-type-active .slick-active .pagebuilder-options { opacity: 1; visibility: visible; } .pagebuilder-options .pagebuilder-options-wrapper { background: #ffffff; border: 1px solid rgba(153, 153, 153, 0.7); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); display: flex; z-index: 99; } .pagebuilder-options .pagebuilder-options-wrapper .pagebuilder-name { display: inline-block; font-size: 14px; height: 38px; padding: 10px 0; vertical-align: bottom; white-space: nowrap; } .pagebuilder-options .pagebuilder-options-wrapper a { color: #373330; text-decoration: none; } .pagebuilder-options .pagebuilder-options-wrapper a:hover { background-color: #eeeeee; } .pagebuilder-options .pagebuilder-options-wrapper .pagebuilder-options-links { background: #ffffff; display: flex; list-style: none; margin: 0; vertical-align: middle; z-index: 2; } .pagebuilder-options .pagebuilder-options-wrapper .pagebuilder-options-links .pagebuilder-options-link { vertical-align: top; } .pagebuilder-options .pagebuilder-options-wrapper .pagebuilder-options-links .pagebuilder-options-link .remove-structural.disabled { color: #808080; cursor: not-allowed; } .pagebuilder-options .pagebuilder-options-wrapper .pagebuilder-options-links .pagebuilder-options-link .remove-structural.disabled:hover { background-color: #ffffff; color: #808080; } .pagebuilder-options .pagebuilder-options-wrapper .pagebuilder-options-links .pagebuilder-options-link > a { color: #373330; display: block; height: 36px; text-align: center; text-decoration: none; transition: background .2s, color .2s; vertical-align: middle; width: 36px; } .pagebuilder-options .pagebuilder-options-wrapper .pagebuilder-options-links .pagebuilder-options-link > a i { font-size: 18px; line-height: 36px; text-decoration: none; vertical-align: middle; } .pagebuilder-options .pagebuilder-options-wrapper .pagebuilder-options-links .pagebuilder-options-link > a.move-structural, .pagebuilder-options .pagebuilder-options-wrapper .pagebuilder-options-links .pagebuilder-options-link > a.move-column { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; display: inline-block; margin: 0; padding: 0; width: 36px; } .pagebuilder-options .pagebuilder-options-wrapper .pagebuilder-options-links .pagebuilder-options-link > a.move-structural:active, .pagebuilder-options .pagebuilder-options-wrapper .pagebuilder-options-links .pagebuilder-options-link > a.move-column:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } .pagebuilder-options .pagebuilder-options-wrapper .pagebuilder-options-links .pagebuilder-options-link > a:hover:not(.pagebuilder-options .pagebuilder-options-wrapper .pagebuilder-options-links .pagebuilder-options-link > a.option-title) { background-color: #eeeeee; color: #303030; } .pagebuilder-options .pagebuilder-options-wrapper .pagebuilder-options-links .pagebuilder-options-link > .option-title { cursor: default; font-size: 14px; height: 36px; line-height: 36px; max-width: 200px; overflow: hidden; padding: 0 4px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } .pagebuilder-options .pagebuilder-options-wrapper .pagebuilder-options-links .pagebuilder-options-link:first-child > .option-title { padding-left: 16px; } .focus-options .pagebuilder-options { -moz-transition: opacity 200ms, visibility 200ms, transform 200ms; -o-transition: opacity 200ms, visibility 200ms, transform 200ms; -webkit-transition: opacity 200ms, visibility 200ms, transform 200ms; right: 50%; top: -20px; transform: translate(50%, -50%); transition: opacity 200ms, visibility 200ms, transform 200ms; } .focus-options .pagebuilder-options .pagebuilder-options-wrapper:after { background: #ffffff; border: 1px solid rgba(153, 153, 153, 0.7); bottom: -6px; content: ''; display: block; height: 12px; left: calc(49%); position: absolute; transform: rotate(45deg) translateX(-50%); width: 12px; z-index: 1; } .type-nested .pagebuilder-options:nth-of-type(2) { left: auto; right: 0; transform: none; } .ui-sortable-helper .pagebuilder-options .pagebuilder-options-wrapper .pagebuilder-options-links .pagebuilder-options-link.move-structural, .ui-sortable-helper .pagebuilder-options .pagebuilder-options-wrapper .pagebuilder-options-links .pagebuilder-options-link.move-column { cursor: -webkit-grabbing; } .pagebuilder-stage.interacting .pagebuilder-options { display: none; } .pagebuilder-stage.interacting .focus-options .pagebuilder-options { display: block; } .pagebuilder-live-edit-wrapper { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #2b2625; border: none; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); color: #f8f3eb; display: none; left: 10px !important; overflow: hidden; position: absolute !important; top: -43px !important; z-index: 1000; } .pagebuilder-live-edit-wrapper ul.pagebuilder-live-edit-options { font-size: 0; height: 42px; margin: 0; padding: 0; } .pagebuilder-live-edit-wrapper ul.pagebuilder-live-edit-options li.pagebuilder-live-edit-option { display: inline-block; padding: 0; } .pagebuilder-live-edit-wrapper ul.pagebuilder-live-edit-options li.pagebuilder-live-edit-option label { display: inline-block; font-size: 13px; font-weight: 600; padding: 0 12px 0 14px; } .pagebuilder-live-edit-wrapper ul.pagebuilder-live-edit-options li.pagebuilder-live-edit-option ul.pagebuilder-select-options { display: inline-block; font-size: 0; list-style: none; margin: 0; padding: 0; } .pagebuilder-live-edit-wrapper ul.pagebuilder-live-edit-options li.pagebuilder-live-edit-option ul.pagebuilder-select-options li { display: inline-block; } .pagebuilder-live-edit-wrapper ul.pagebuilder-live-edit-options li.pagebuilder-live-edit-option ul.pagebuilder-select-options li a { color: #ffffff; display: block; font-size: 13px; line-height: 42px; padding: 0 14px; } .pagebuilder-live-edit-wrapper ul.pagebuilder-live-edit-options li.pagebuilder-live-edit-option ul.pagebuilder-select-options li a:hover { background: #534d49; color: #f8f3eb; text-decoration: none; } .pagebuilder-live-edit-wrapper ul.pagebuilder-live-edit-options li.pagebuilder-live-edit-option ul.pagebuilder-select-options li.active a { background: #534d49; color: #f8f3eb; text-decoration: none; } .pagebuilder-content-type-hidden .pagebuilder-system-border-hover { z-index: 10; } .pagebuilder-content-type-hidden .pagebuilder-display-label { z-index: 12; } .pagebuilder-content-type-hidden > .pagebuilder-content-type:before { opacity: 1; visibility: visible; } .pagebuilder-content-type-hidden .pagebuilder-drop-indicator, .pagebuilder-content-type-hidden .pagebuilder-content-type.type-container.empty-container > .content-type-container:before { opacity: 0 !important; visibility: hidden !important; } .pagebuilder-banner { cursor: text; } .pagebuilder-banner .pagebuilder-banner-wrapper { background-color: #fafafa; } .pagebuilder-banner .pagebuilder-overlay { -moz-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; -webkit-transition: background-color 500ms ease; transition: background-color 500ms ease; } .pagebuilder-banner .pagebuilder-overlay:not(.pagebuilder-poster-overlay) { max-width: 540px; } .pagebuilder-banner .pagebuilder-banner-button { -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -webkit-transition: all 500ms ease; cursor: default; margin: 20px 0 0 0; max-width: 100%; opacity: 1; transition: all 500ms ease; } .pagebuilder-banner .pagebuilder-banner-button span[contenteditable=true] { display: block; } .pagebuilder-banner .pagebuilder-banner-text-content { position: relative; } .pagebuilder-banner .pagebuilder-banner-text-content .tox-tinymce-inline { left: -1px !important; right: -1px; z-index: 20; } .pagebuilder-banner .pagebuilder-banner-text-content > .inline-wysiwyg { line-height: 1.3; min-height: 50px; min-width: 10px; overflow: auto; } .pagebuilder-banner .pagebuilder-banner-text-content > .inline-wysiwyg + .placeholder-text { font-size: 14px; height: 0; pointer-events: none; position: relative; top: -45px; } .pagebuilder-banner .pagebuilder-banner-text-content > .inline-wysiwyg img { height: auto; } .pagebuilder-banner .pagebuilder-banner-text-content > .mce-edit-focus ~ .placeholder-text { display: none; } .pagebuilder-banner .pagebuilder-banner-text-content .inline-wysiwyg-textarea { border: 0; margin: 2px 0; min-height: 50px; min-width: 100%; padding: 5px; resize: none; text-align: inherit; } .pagebuilder-banner .pagebuilder-banner-text-content .inline-wysiwyg-textarea:focus { background-color: #ffffff; resize: vertical; } .pagebuilder-banner .pagebuilder-banner-text-content.pagebuilder-toolbar-active .inline-wysiwyg, .pagebuilder-banner .pagebuilder-banner-text-content.pagebuilder-toolbar-active .inline-wysiwyg-textarea { box-shadow: 0 0 0 1px #cccccc; } .pagebuilder-content-type-hidden > .pagebuilder-banner { cursor: default; } .pagebuilder-banner-wrapper { background-clip: padding-box; border-radius: inherit; } .pagebuilder-banner-wrapper .pagebuilder-overlay { padding: 30px; position: relative; z-index: 2; } .pagebuilder-banner-wrapper .video-overlay { z-index: 1; } .pagebuilder-banner-wrapper.jarallax { z-index: auto !important; } .pagebuilder-banner-wrapper [id*='jarallax-container'] { z-index: 0 !important; } [data-content-type='banner'] .pagebuilder-banner-wrapper { overflow-wrap: break-word; word-wrap: break-word; } [data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) { max-width: 540px; } [data-content-type='banner'] .pagebuilder-banner-wrapper [data-element='content'] { min-height: 50px; } [data-content-type='banner'] .pagebuilder-banner-wrapper .pagebuilder-banner-button { margin: 20px 0 0 0; max-width: 100%; word-break: break-word; } [data-content-type='banner'] .pagebuilder-banner-wrapper .dragging { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 4; } .pagebuilder-banner-wrapper .pagebuilder-poster-content { width: 100%; } .pagebuilder-banner-wrapper .pagebuilder-poster-overlay { align-items: center; display: flex; justify-content: center; } [data-content-type='banner'][data-appearance='collage-centered'] .pagebuilder-overlay { margin-left: auto; margin-right: auto; } [data-content-type='banner'][data-appearance='collage-right'] .pagebuilder-overlay { margin-left: auto; } .mobile-viewport .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) { max-width: none; } .pagebuilder-content-type .pagebuilder-block .pagebuilder-block-placeholder { align-items: center; background-color: #fafafa; display: flex; justify-content: center; min-height: 300px; } .pagebuilder-content-type .pagebuilder-block .pagebuilder-block-placeholder .placeholder-text { color: #aaa6a0; font-size: 20px; font-weight: lighter; } .pagebuilder-content-type .pagebuilder-block .rendered-content { min-height: 50px; pointer-events: none; } .pagebuilder-content-type .pagebuilder-block .admin__data-grid-loading-mask { z-index: 21; } .pagebuilder-block-chooser .block-title { line-height: 3.3rem; } .pagebuilder-block-chooser .chooser-button { margin-top: 5px; } .pagebuilder-block-chooser .block-info { margin-top: 25px; width: 100%; } .pagebuilder-block-chooser .block-info tr._odd-row td { background-color: #f5f5f5; } .pagebuilder-block-chooser .block-info td { background-color: #ffffff; color: #303030; padding: 1rem 1rem; } .pagebuilder-block-chooser .block-info td:first-child { width: 33%; } .pagebuilder-block-chooser .block-info p { margin: 0; } .pagebuilder-block-chooser .block-info p + p { margin: .5em 0 0; } :not(.pagebuilder-content-type-hidden) > .pagebuilder-block.pagebuilder-content-type.pagebuilder-block-overlay { -moz-transition: opacity 200ms, visibility 200ms; -o-transition: opacity 200ms, visibility 200ms; -webkit-transition: opacity, 200ms visibility 200ms; transition: opacity 200ms, visibility 200ms; } :not(.pagebuilder-content-type-hidden) > .pagebuilder-block.pagebuilder-content-type.pagebuilder-block-overlay:before { content: ''; opacity: 0; visibility: hidden; } :not(.pagebuilder-content-type-hidden) > .pagebuilder-block.pagebuilder-content-type.pagebuilder-block-overlay:hover:before { opacity: 1; visibility: visible; } .pagebuilder-block-modal { margin-top: 15px; } .mobile-viewport .pagebuilder-content-type.pagebuilder-block .rendered-content .pagebuilder-column-group, .mobile-viewport .pagebuilder-content-type.pagebuilder-block .rendered-content .pagebuilder-column-line { flex-wrap: wrap; } .mobile-viewport .pagebuilder-content-type.pagebuilder-block .rendered-content .pagebuilder-column-group .pagebuilder-column, .mobile-viewport .pagebuilder-content-type.pagebuilder-block .rendered-content .pagebuilder-column-line .pagebuilder-column { flex-basis: 100%; } .pagebuilder-content-type .pagebuilder-button-item { border: none; font-size: 0; max-width: 100%; width: auto; z-index: auto; } .pagebuilder-content-type .pagebuilder-button-item [contenteditable=true] { display: block; min-height: 18px; min-width: 20px; } .pagebuilder-content-type .pagebuilder-button-item a { margin: 0; } .pagebuilder-content-type .pagebuilder-button-item a[data-element='link'] { margin: 0 10px 10px 0; max-width: 100%; min-width: 0; position: relative; transition: min-width 200ms ease; word-wrap: break-word; } .pagebuilder-content-type .pagebuilder-button-item a[data-element='link'] [data-element='link_text'] { max-width: 100%; } .pagebuilder-content-type .pagebuilder-button-item .button-item-drag-handle { height: 100%; left: 1px; opacity: 0; position: absolute; top: 0; transition: all .3s; visibility: hidden; width: 14px; } .pagebuilder-content-type .pagebuilder-button-item .button-item-drag-handle.disabled:before { color: #dddddd; cursor: not-allowed; } .pagebuilder-content-type .pagebuilder-button-item .button-item-drag-handle.disabled:active:before { cursor: not-allowed; } .pagebuilder-content-type .pagebuilder-button-item .button-item-drag-handle:before { -webkit-font-smoothing: antialiased; font-family: 'Admin Icons'; font-style: normal; font-weight: normal; line-height: 1; speak: none; color: #7f7c7a; content: '\e617'; cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; display: block; font-size: 16px; position: absolute; top: 50%; transform: translateY(-50%); } .pagebuilder-content-type .pagebuilder-button-item .button-item-drag-handle:active:before { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } .pagebuilder-content-type .pagebuilder-button-item .pagebuilder-button-primary .button-item-drag-handle:before { color: #ffffff; opacity: .7; } .pagebuilder-content-type .pagebuilder-button-item.focused .button-item-drag-handle { opacity: 1; visibility: visible; } .pagebuilder-content-type .pagebuilder-button-item.focused .pagebuilder-options { opacity: 1; visibility: visible; } .pagebuilder-content-type-hidden .pagebuilder-content-type.pagebuilder-button-item:before { font-size: 28px; height: calc(100% - 10px); width: calc(100% - 10px); } [data-content-type='button-item'] { max-width: 100%; overflow-wrap: break-word; word-wrap: break-word; } [data-content-type='button-item'] [data-element='link'] { max-width: 100%; } .pagebuilder-buttons .pagebuilder-content-type-wrapper { display: inline-block; max-width: 100%; vertical-align: middle; width: initial; } .pagebuilder-content-type.children-min-height.pagebuilder-column { display: flex; margin-right: 1px; } .pagebuilder-content-type.children-min-height.pagebuilder-column .pagebuilder-column-inner > .element-children { flex: 1; max-width: 100%; min-height: initial; padding: 0; } .pagebuilder-column-inner { display: flex; max-width: 100%; min-height: initial; width: 100%; } .pagebuilder-content-type.pagebuilder-column { min-height: 150px; } .pagebuilder-content-type.pagebuilder-column.empty-container { min-height: 300px; } .pagebuilder-content-type.pagebuilder-column .pagebuilder-column-resize-handle { background: #bfe2f0; bottom: 0; cursor: col-resize; height: calc(100% + 30px); opacity: 0; position: absolute; right: -15px; top: -15px; transition: .5s opacity; width: 15px; z-index: 28; } .pagebuilder-content-type.pagebuilder-column .pagebuilder-column-resize-handle:hover { opacity: .3; } .pagebuilder-content-type.pagebuilder-column .pagebuilder-resizing { -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; background: #bfe2f0; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: .5s opacity; user-select: none; visibility: hidden; width: 100%; z-index: 24; } .pagebuilder-content-type.pagebuilder-column .pagebuilder-resizing * { -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .pagebuilder-content-type.pagebuilder-column .pagebuilder-resizing:hover { border: 1px solid #545454; } .pagebuilder-content-type.pagebuilder-column.active { opacity: .5; transition: .5s opacity; visibility: visible; } .pagebuilder-content-type-hidden .pagebuilder-column-resize-handle, .pagebuilder-stage.interacting .pagebuilder-content-type.pagebuilder-column .pagebuilder-column-resize-handle { display: none; } .pagebuilder-stage .pagebuilder-column-group.resizing .pagebuilder-content-type.pagebuilder-column .pagebuilder-column-resize-handle { display: block; } .mobile-viewport .pagebuilder-column-resize-handle, .mobile-viewport .pagebuilder-grid-size-indicator { display: none; } @keyframes inner-pulsate { 0% { box-shadow: inset 0 0 0 1px rgba(142, 0, 6, 0); } 50% { box-shadow: inset 0 0 0 8px rgba(142, 0, 6, 0.1); } 100% { box-shadow: inset 0 0 0 2px rgba(142, 0, 6, 0); } } .pagebuilder-content-type .pagebuilder-column-group { box-sizing: border-box; width: 100%; } .pagebuilder-content-type .pagebuilder-column-group.no-column-line .element-children { display: flex; } .pagebuilder-content-type .pagebuilder-column-group .drop-placeholder { background: rgba(142, 0, 6, 0.3); bottom: 0; opacity: 0; position: absolute; top: 0; visibility: hidden; z-index: 26; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; pointer-events: none; } .pagebuilder-content-type .pagebuilder-column-group .drop-placeholder * { -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .pagebuilder-content-type .pagebuilder-column-group .drop-placeholder.left { border-left: 10px solid rgba(142, 0, 6, 0.1); opacity: 1; visibility: visible; } .pagebuilder-content-type .pagebuilder-column-group .drop-placeholder.right { border-right: 10px solid rgba(142, 0, 6, 0.1); opacity: 1; visibility: visible; } .pagebuilder-content-type .pagebuilder-column-group .move-placeholder { animation: inner-pulsate 1s infinite ease-in-out; background: rgba(142, 0, 6, 0.3); bottom: 0; opacity: 0; position: absolute; top: 0; transition: .25s opacity; visibility: hidden; width: 6px; z-index: 26; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; pointer-events: none; } .pagebuilder-content-type .pagebuilder-column-group .move-placeholder * { -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .pagebuilder-content-type .pagebuilder-column-group .move-placeholder.active { opacity: 1; transition: .25s opacity; visibility: visible; } .pagebuilder-content-type .pagebuilder-column-group .resize-grid { display: flex; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: .5s opacity; visibility: hidden; width: 100%; z-index: 25; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; pointer-events: none; } .pagebuilder-content-type .pagebuilder-column-group .resize-grid * { -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .pagebuilder-content-type .pagebuilder-column-group .resize-grid .grid-line { border-right: 15px solid rgba(238, 238, 238, 0.5); box-sizing: border-box; height: 100%; width: 100%; } .pagebuilder-content-type .pagebuilder-column-group .resize-ghost { border-right: 15px solid #bfe2f0; box-sizing: border-box; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: .5s opacity; visibility: hidden; z-index: 26; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; pointer-events: none; } .pagebuilder-content-type .pagebuilder-column-group .resize-ghost * { -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .pagebuilder-content-type .pagebuilder-column-group .resize-ghost.active { opacity: 1; transition: .5s opacity; visibility: visible; } .pagebuilder-content-type .pagebuilder-column-group.grid-change { animation-duration: 650ms; animation-iteration-count: 1; animation-name: box-shadow-flash; animation-timing-function: ease-out; } .pagebuilder-content-type .pagebuilder-column-group.resizing .pagebuilder-grid-size-indicator, .pagebuilder-content-type .pagebuilder-column-group.grid-form-open .pagebuilder-grid-size-indicator { z-index: 105; } .pagebuilder-content-type .pagebuilder-column-group.resizing .resize-grid, .pagebuilder-content-type .pagebuilder-column-group.grid-form-open .resize-grid { opacity: 1; transition: .5s opacity; visibility: visible; } .pagebuilder-content-type .pagebuilder-column-group.resizing .pagebuilder-options, .pagebuilder-content-type .pagebuilder-column-group.grid-form-open .pagebuilder-options { display: none; } .pagebuilder-content-type .pagebuilder-column-group.resizing .pagebuilder-content-type .pagebuilder-empty, .pagebuilder-content-type .pagebuilder-column-group.grid-form-open .pagebuilder-content-type .pagebuilder-empty { opacity: 0; } .pagebuilder-content-type .pagebuilder-column-group > .element-children { padding: 0; position: relative; width: 100%; } .pagebuilder-grid-panel { -moz-transition: opacity 200ms, visibility 200ms, transform 200ms; -o-transition: opacity 200ms, visibility 200ms, transform 200ms; -webkit-transition: opacity 200ms, visibility 200ms, transform 200ms; bottom: 28px; opacity: 0; position: absolute; text-align: center; transform: translate(-49%, 50%); transition: opacity 200ms, visibility 200ms, transform 200ms; visibility: hidden; z-index: 30; } .pagebuilder-grid-panel .grid-panel-wrapper { background: #ffffff; border: 1px solid rgba(153, 153, 153, 0.7); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); display: flex; flex-direction: column-reverse; padding: 2px 0 2px 5px; z-index: 99; } .pagebuilder-grid-panel .grid-panel-wrapper .grid-panel-items { background: #ffffff; display: flex; list-style: none; margin: 0; vertical-align: middle; z-index: 2; } .pagebuilder-grid-panel .grid-panel-wrapper .grid-panel-items .grid-panel-item { vertical-align: top; } .pagebuilder-grid-panel .grid-panel-wrapper .grid-panel-items .grid-panel-item > .grid-panel-title { cursor: default; font-size: 14px; height: 36px; line-height: 36px; margin-right: 8px; padding: 0 0 0 4px; text-decoration: none; white-space: nowrap; } .pagebuilder-grid-panel.grid-panel-error { -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; } .pagebuilder-grid-panel.grid-panel-error .grid-panel-wrapper { padding-top: 6px; } .pagebuilder-grid-panel:after { background: #ffffff; border-bottom: 1px solid rgba(153, 153, 153, 0.7); border-right: 1px solid rgba(153, 153, 153, 0.7); bottom: -6px; content: ''; display: block; height: 12px; left: 50%; position: absolute; transform: rotate(45deg); width: 12px; z-index: 1; } .grid-panel-visible { opacity: 1; transform: translate(-49%, 0%); visibility: visible; } .pagebuilder-grid-size-indicator { background: #ffffff; border: 1px solid rgba(153, 153, 153, 0.4); border-radius: 10px; cursor: pointer; display: flex; flex-direction: column-reverse; height: 18px; position: absolute; top: 14px; transform: translateX(-50%); vertical-align: center; width: 18px; z-index: 11; /** * @codingStandardsIgnoreStart */ } .pagebuilder-grid-size-indicator .admin__control-text { height: 89%; margin: 0; padding: 0 0 0 8px; width: 30px; } .pagebuilder-grid-size-indicator .admin__field-error { margin: 4px 0 6px 4px; text-align: left; width: 135px; } .pagebuilder-grid-size-indicator .grid-panel-field-error { border: 1px solid #df504d; } .pagebuilder-grid-size-indicator .grid-panel-item-wrapper { align-items: center; display: flex; height: 100%; margin-right: 8px; } .pagebuilder-grid-size-indicator .grid-panel-tooltip { position: relative; vertical-align: top; } .pagebuilder-grid-size-indicator .grid-panel-tooltip:after { color: #534d49; content: '\e633'; display: inline-block; font-family: 'Admin Icons'; font-size: 2.2rem; font-weight: normal; line-height: 24px; overflow: hidden; speak: none; text-align: center; vertical-align: middle; } .pagebuilder-grid-size-indicator .tooltip-content { background: #fffbbb; border: 1px solid #afadac; border-radius: 1px; bottom: 175%; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); font-size: 14px; left: -200%; padding: .9rem 1.8rem; position: absolute; text-align: left; transform: translateX(-50%); visibility: hidden; width: 290px; } .pagebuilder-grid-size-indicator .tooltip-content:before, .pagebuilder-grid-size-indicator .tooltip-content:after { border: 1.2rem solid transparent; content: ''; display: block; height: 0; left: 70.5%; margin-left: -.8rem; position: absolute; top: 100%; width: 0; } .pagebuilder-grid-size-indicator .tooltip-content:before { border-top-color: #afadac; margin-top: 1px; z-index: 3; } .pagebuilder-grid-size-indicator .tooltip-content:after { border-top-color: #fffbbb; z-index: 4; } .pagebuilder-grid-size-indicator .tooltip-content.tooltip-down { bottom: -490%; } .pagebuilder-grid-size-indicator .tooltip-content.tooltip-down:before, .pagebuilder-grid-size-indicator .tooltip-content.tooltip-down:after { top: -25%; } .pagebuilder-grid-size-indicator .tooltip-content.tooltip-down:before { border-bottom-color: #fffbbb; border-top-color: transparent; margin-top: 1px; z-index: 4; } .pagebuilder-grid-size-indicator .tooltip-content.tooltip-down:after { border-bottom-color: #afadac; border-top-color: transparent; z-index: 3; } .pagebuilder-grid-size-indicator .grid-panel-tooltip:hover > .tooltip-content { visibility: visible; } .pagebuilder-grid-size-indicator .indicator-wrapper { height: 18px; position: relative; text-align: left; width: 18px; } .pagebuilder-grid-size-indicator .indicator-wrapper .icon-pagebuilder-grid-options { color: rgba(153, 153, 153, 0.4); font-size: 18px; position: absolute; top: -8px; } .pagebuilder-grid-size-indicator:hover { border: 1px solid rgba(153, 153, 153, 0.8); } .pagebuilder-grid-size-indicator:hover .icon-pagebuilder-grid-options { color: rgba(153, 153, 153, 0.8); } @keyframes box-shadow-flash { 0% { box-shadow: 0 0 0 0 rgba(153, 153, 153, 0); } 10% { box-shadow: 0 0 0 4px rgba(153, 153, 153, 0.35); } 100% { box-shadow: 0 0 0 1px rgba(153, 153, 153, 0); } } .pagebuilder-content-type-hidden .pagebuilder-content-type.pagebuilder-column-group:before { opacity: 1; visibility: visible; } .mobile-viewport .pagebuilder-content-type .pagebuilder-column-group > .element-children { flex-wrap: wrap; } .mobile-viewport .pagebuilder-content-type.children-min-height.pagebuilder-column { width: 100% !important; } .pagebuilder-column-line { position: relative; width: 100%; } .pagebuilder-column-line .bottom-drop-placeholder, .pagebuilder-column-line .column-drop-placeholder { background: rgba(142, 0, 6, 0.3); display: none; height: 30px; z-index: 26; } .pagebuilder-column-line.resizing .pagebuilder-grid-size-indicator { z-index: 105; } .pagebuilder-column-line.resizing .resize-grid { opacity: 1; transition: .5s opacity; visibility: visible; } .pagebuilder-column-line.resizing .pagebuilder-options { display: none; } .pagebuilder-column-line.resizing .pagebuilder-content-type .pagebuilder-empty { opacity: 0; } .pagebuilder-column-line > .element-children { display: flex; width: 100%; } .mobile-viewport .pagebuilder-content-type .pagebuilder-column-line > .element-children { flex-wrap: wrap; } .mobile-viewport .pagebuilder-content-type.children-min-height.pagebuilder-column { width: 100% !important; } .pagebuilder-divider hr { border: none; border-color: #cccccc; border-width: 1px; border-top: solid; border-top-color: #cccccc; border-top-width: 1px; margin: 20px auto; max-width: 100%; width: 100%; } ._keyfocus [data-content-type='heading']:focus { box-shadow: none; } .pagebuilder-heading.pagebuilder-content-type { display: block; } .pagebuilder-heading.pagebuilder-content-type:focus { box-shadow: none; } .pagebuilder-heading > div { margin: 0; padding: 0; } .pagebuilder-heading h1 { font-size: 40px; font-weight: 300; line-height: 1.1; margin-bottom: 40px; margin-top: 0; } .pagebuilder-heading h2 { font-size: 2.6rem; font-weight: 300; line-height: 1.1; margin-bottom: 2rem; margin-top: 2.5rem; } .pagebuilder-heading h3 { font-size: 1.8rem; font-weight: 600; line-height: 1.1; margin-bottom: 1rem; margin-top: 2rem; } .pagebuilder-heading h4 { font-size: 1.4rem; font-weight: 700; line-height: 1.1; margin-bottom: 2rem; margin-top: 2rem; } .pagebuilder-heading h5 { font-size: 1.2rem; font-weight: 700; line-height: 1.1; margin-bottom: 2rem; margin-top: 2rem; } .pagebuilder-heading h6 { font-size: 1rem; font-weight: 700; line-height: 1.1; margin-bottom: 2rem; margin-top: 2rem; } [data-content-type='heading'] { overflow-wrap: break-word; word-wrap: break-word; } .pagebuilder-content-type-wrapper .pagebuilder-html .placeholder-html-empty { align-items: center; background-color: #fafafa; color: #aaa6a0; display: flex; height: 60px; justify-content: center; position: relative; } .placeholder-html-code { background-color: #fafafa; font-family: 'Courier New', Courier, monospace; font-size: 12px; font-weight: 300; height: 60px; overflow: hidden; position: relative; white-space: pre-wrap; word-wrap: break-word; } .placeholder-html-code:before { background: -moz-linear-gradient(top, rgba(250, 250, 250, 0) 0%, #fafafa 100%); background: -webkit-linear-gradient(top, rgba(250, 250, 250, 0) 0%, #fafafa 100%); background: linear-gradient(to bottom, rgba(250, 250, 250, 0) 0%, #fafafa 100%); bottom: 0; content: ''; font-size: 12px; height: 60px; left: 0; position: absolute; width: 100%; } .admin__font-console textarea { font-family: 'Courier New', Courier, monospace; font-size: 14px; height: 500px; line-height: 22px; } .pagebuilder-image { width: 100%; } .pagebuilder-content-type [data-content-type='image'] { box-sizing: border-box; margin: 0; } .pagebuilder-content-type [data-content-type='image'] div.pagebuilder-image-empty-preview { align-items: center; background: #f8f8f8; border-radius: inherit; display: flex; height: 300px; justify-content: center; width: 100%; } .pagebuilder-content-type [data-content-type='image'] div.pagebuilder-image-empty-preview span { color: #aaa6a0; } .pagebuilder-content-type [data-content-type='image'] figcaption { padding: 15px 0; word-wrap: break-word; } .pagebuilder-content-type [data-content-type='image'] .preview-image, .pagebuilder-content-type [data-content-type='image'] [data-element='link'], .pagebuilder-content-type [data-content-type='image'] [data-element='link'] img { border-radius: inherit; } .mobile-viewport .pagebuilder-mobile-hidden, .desktop-viewport .pagebuilder-mobile-only { display: none; } .mobile-viewport .pagebuilder-mobile-only { display: inline !important; } .pagebuilder-map { line-height: 10px; } .pagebuilder-map .google-map-auth-failure-placeholder { height: 300px; } [data-content-type='map'] { display: block; height: 300px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ [data-content-type='products'] .pagebuilder-products-placeholder, .pagebuilder-products .pagebuilder-products-placeholder { align-items: center; background-color: #fafafa; display: flex; justify-content: center; min-height: 300px; } [data-content-type='products'] .pagebuilder-products-placeholder .placeholder-text, .pagebuilder-products .pagebuilder-products-placeholder .placeholder-text { color: #aaa6a0; font-size: 20px; font-weight: lighter; } [data-content-type='products'] .products-grid, .pagebuilder-products .products-grid { margin-left: -20px; } [data-content-type='products'] .product-item, .pagebuilder-products .product-item { display: inline-block; max-width: 100%; min-width: 50px; padding-left: 20px; text-align: left; vertical-align: top; width: 200px; } [data-content-type='products'] .product-item a, .pagebuilder-products .product-item a, [data-content-type='products'] .product-item button, .pagebuilder-products .product-item button, [data-content-type='products'] .product-item .swatch-attribute-options, .pagebuilder-products .product-item .swatch-attribute-options, [data-content-type='products'] .product-item .block-footer .action-add, .pagebuilder-products .product-item .block-footer .action-add { pointer-events: none; } [data-content-type='products'] .product-item .price-box, .pagebuilder-products .product-item .price-box { margin: 1rem 0 2.5rem; word-wrap: break-word; } [data-content-type='products'] .product-item .price-box .price, .pagebuilder-products .product-item .price-box .price { font-weight: 700; } [data-content-type='products'] .product-item .price-box .price-label, .pagebuilder-products .product-item .price-box .price-label { color: #666666; font-size: 1.2rem; } [data-content-type='products'] .product-item .old-price, .pagebuilder-products .product-item .old-price { margin: 0.5rem 0; } [data-content-type='products'] .product-item .old-price .price, .pagebuilder-products .product-item .old-price .price { font-weight: normal; } [data-content-type='products'] .product-item .regular-price .price-label, .pagebuilder-products .product-item .regular-price .price-label { display: none; } [data-content-type='products'] .product-item .minimal-price .price-container, .pagebuilder-products .product-item .minimal-price .price-container { display: block; } [data-content-type='products'] .product-item .minimal-price-link, .pagebuilder-products .product-item .minimal-price-link { margin-top: 0.5rem; } [data-content-type='products'] .product-item .price-from, .pagebuilder-products .product-item .price-from, [data-content-type='products'] .product-item .price-to, .pagebuilder-products .product-item .price-to { margin: 0; } [data-content-type='products'] .product-item .map-old-price, .pagebuilder-products .product-item .map-old-price { display: inline-block; } [data-content-type='products'] .product-item .map-old-price:not(:last-child), .pagebuilder-products .product-item .map-old-price:not(:last-child) { margin-right: 1rem; } [data-content-type='products'] .product-item .map-old-price .price-wrapper, .pagebuilder-products .product-item .map-old-price .price-wrapper { text-decoration: line-through; } [data-content-type='products'] .product-item .map-fallback-price, .pagebuilder-products .product-item .map-fallback-price { display: none; } [data-content-type='products'] .product-item .actions-primary, .pagebuilder-products .product-item .actions-primary { display: inline-block; max-width: 100%; } [data-content-type='products'] .product-item .actions-primary + .actions-secondary, .pagebuilder-products .product-item .actions-primary + .actions-secondary { display: inline-block; padding-left: 10px; vertical-align: middle; } [data-content-type='products'] .product-item .actions-primary + .actions-secondary > .action, .pagebuilder-products .product-item .actions-primary + .actions-secondary > .action { color: #666666; display: inline-block; font-weight: 600; letter-spacing: .05em; margin-right: 10px; text-decoration: none; text-transform: uppercase; } [data-content-type='products'] .product-item .actions-primary + .actions-secondary > .action:last-child, .pagebuilder-products .product-item .actions-primary + .actions-secondary > .action:last-child { margin-right: 0; } [data-content-type='products'] .product-item .action, .pagebuilder-products .product-item .action { max-width: 100%; } [data-content-type='products'] .product-item .action.tocart, .pagebuilder-products .product-item .action.tocart { font-size: 1.3rem; border-radius: 0; line-height: 1; padding-bottom: 1rem; padding-top: 1rem; } [data-content-type='products'] .product-item .action.tocart > span, .pagebuilder-products .product-item .action.tocart > span { white-space: normal; word-wrap: break-word; } [data-content-type='products'] .product-item .action.primary, .pagebuilder-products .product-item .action.primary { background: #1979c3; background-image: none; border: 1px solid #1979c3; box-sizing: border-box; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; font-weight: 600; padding: 7px 15px; vertical-align: middle; } [data-content-type='products'] .product-item .action.towishlist:before, .pagebuilder-products .product-item .action.towishlist:before, [data-content-type='products'] .product-item .action.tocompare:before, .pagebuilder-products .product-item .action.tocompare:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: inherit; display: inline-block; font-family: 'luma-icons'; font-size: 16px; font-weight: normal; line-height: 16px; margin: -2px 5px 0 0; overflow: hidden; speak: none; text-align: center; vertical-align: middle; } [data-content-type='products'] .product-item .action.towishlist span, .pagebuilder-products .product-item .action.towishlist span, [data-content-type='products'] .product-item .action.tocompare span, .pagebuilder-products .product-item .action.tocompare span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } [data-content-type='products'] .product-item .action.towishlist:before, .pagebuilder-products .product-item .action.towishlist:before { content: '\e600'; } [data-content-type='products'] .product-item .action.tocompare:before, .pagebuilder-products .product-item .action.tocompare:before { content: '\e61e'; } [data-content-type='products'] .product-item-name, .pagebuilder-products .product-item-name { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; display: block; font-weight: 400; hyphens: auto; margin: 0.5rem 0; word-wrap: break-word; } [data-content-type='products'] .product-item-name > a, .pagebuilder-products .product-item-name > a { color: #333333; } [data-content-type='products'] .product-item-info, .pagebuilder-products .product-item-info { max-width: 100%; width: auto; } [data-content-type='products'] .product-item-description, .pagebuilder-products .product-item-description { margin: 2.5rem 0; } [data-content-type='products'] .product-reviews-summary, .pagebuilder-products .product-reviews-summary { margin-bottom: 1.5rem; } [data-content-type='products'] .product-reviews-summary .reviews-actions, .pagebuilder-products .product-reviews-summary .reviews-actions { display: inline-block; font-size: 1.2rem; margin-top: 5px; vertical-align: middle; } [data-content-type='products'] .product-reviews-summary .reviews-actions a:not(:last-child), .pagebuilder-products .product-reviews-summary .reviews-actions a:not(:last-child) { margin-right: 30px; } [data-content-type='products'] .product-reviews-summary .reviews-actions .action.add, .pagebuilder-products .product-reviews-summary .reviews-actions .action.add { white-space: nowrap; } [data-content-type='products'] .product-reviews-summary .rating-summary, .pagebuilder-products .product-reviews-summary .rating-summary { overflow: hidden; white-space: nowrap; display: inline-block; margin: 0 4px 0 0; vertical-align: middle; } [data-content-type='products'] .product-reviews-summary .rating-summary .rating-result, .pagebuilder-products .product-reviews-summary .rating-summary .rating-result { width: 88px; display: inline-block; position: relative; vertical-align: middle; } [data-content-type='products'] .product-reviews-summary .rating-summary .rating-result:before, .pagebuilder-products .product-reviews-summary .rating-summary .rating-result:before { left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-font-smoothing: antialiased; color: #c7c7c7; font-family: 'luma-icons'; font-size: 16px; height: 16px; letter-spacing: 2px; line-height: 16px; content: '\e605' '\e605' '\e605' '\e605' '\e605'; display: block; font-style: normal; font-weight: normal; speak: none; } [data-content-type='products'] .product-reviews-summary .rating-summary .rating-result > span, .pagebuilder-products .product-reviews-summary .rating-summary .rating-result > span { display: block; overflow: hidden; } [data-content-type='products'] .product-reviews-summary .rating-summary .rating-result > span:before, .pagebuilder-products .product-reviews-summary .rating-summary .rating-result > span:before { position: relative; z-index: 2; -webkit-font-smoothing: antialiased; color: #ff5501; font-family: 'luma-icons'; font-size: 16px; height: 16px; letter-spacing: 2px; line-height: 16px; content: '\e605' '\e605' '\e605' '\e605' '\e605'; display: block; font-style: normal; font-weight: normal; speak: none; } [data-content-type='products'] .product-reviews-summary .rating-summary .rating-result > span span, .pagebuilder-products .product-reviews-summary .rating-summary .rating-result > span span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } [data-content-type='products'] .product-reviews-summary .rating-summary .label, .pagebuilder-products .product-reviews-summary .rating-summary .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } [data-content-type='products'] .product-item-actions, .pagebuilder-products .product-item-actions { margin: -10px 0 10px; } [data-content-type='products'] .product-image-wrapper, .pagebuilder-products .product-image-wrapper { display: block; height: 0; overflow: hidden; position: relative; z-index: 1; } [data-content-type='products'] .product-image-container, .pagebuilder-products .product-image-container { display: inline-block; max-width: 100%; } [data-content-type='products'] .product-image-photo, .pagebuilder-products .product-image-photo { bottom: 0; display: block; height: auto; left: 0; margin: auto; max-width: 100%; position: absolute; right: 0; top: 0; } [data-content-type='products'] .price-container .price, .pagebuilder-products .price-container .price { font-size: 1.4rem; } [data-content-type='products'] .price-container .price-including-tax + .price-excluding-tax, .pagebuilder-products .price-container .price-including-tax + .price-excluding-tax, [data-content-type='products'] .price-container .weee, .pagebuilder-products .price-container .weee { margin-top: 0.5rem; } [data-content-type='products'] .price-container .price-including-tax + .price-excluding-tax, .pagebuilder-products .price-container .price-including-tax + .price-excluding-tax, [data-content-type='products'] .price-container .weee, .pagebuilder-products .price-container .weee, [data-content-type='products'] .price-container .price-including-tax + .price-excluding-tax .price, .pagebuilder-products .price-container .price-including-tax + .price-excluding-tax .price, [data-content-type='products'] .price-container .weee .price, .pagebuilder-products .price-container .weee .price, [data-content-type='products'] .price-container .weee + .price-excluding-tax:before, .pagebuilder-products .price-container .weee + .price-excluding-tax:before, [data-content-type='products'] .price-container .weee + .price-excluding-tax .price, .pagebuilder-products .price-container .weee + .price-excluding-tax .price { font-size: 1.1rem; } [data-content-type='products'] .price-container .weee:before, .pagebuilder-products .price-container .weee:before { content: '(' attr(data-label) ': '; } [data-content-type='products'] .price-container .weee:after, .pagebuilder-products .price-container .weee:after { content: ')'; } [data-content-type='products'] .price-container .weee + .price-excluding-tax:before, .pagebuilder-products .price-container .weee + .price-excluding-tax:before { content: attr(data-label) ': '; } [data-content-type='products'] .swatch-attribute, .pagebuilder-products .swatch-attribute { box-sizing: content-box; } [data-content-type='products'] .swatch-attribute:last-child, .pagebuilder-products .swatch-attribute:last-child { margin-bottom: 2rem; } .admin__field-product-tooltip [data-role='spinner'] { display: inline-block; } .admin__field-product-tooltip .admin__field-tooltip-content ul { padding-left: 17px; padding-top: 10px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ [data-content-type='products'][data-appearance='carousel'] .product-item { padding-left: 0; } [data-content-type='products'][data-appearance='carousel'] .slick-slide > div { height: 100%; width: 100%; } [data-content-type='products'][data-appearance='carousel'] .rendered-content button.slick-arrow, [data-content-type='products'][data-appearance='carousel'] .rendered-content .block-footer .action-add.slick-arrow { pointer-events: inherit; } [data-content-type='products'][data-appearance='carousel'] .slick-dots { display: block; list-style: none; margin: 0; padding: 15px 0; text-align: center; width: 100%; } [data-content-type='products'][data-appearance='carousel'] .slick-dots li { cursor: pointer; display: inline-block; height: 14px; margin: 0 5px; padding: 0; position: relative; vertical-align: middle; width: 14px; } [data-content-type='products'][data-appearance='carousel'] .slick-dots li button, [data-content-type='products'][data-appearance='carousel'] .slick-dots li .block-footer .action-add { background: #ffffff; border: 1px solid #cccccc; border-radius: 10px; box-shadow: none; cursor: pointer; display: block; height: 14px; padding: 0; text-indent: -99999px; transition: .3s; width: 14px; } [data-content-type='products'][data-appearance='carousel'] .slick-dots li button:hover, [data-content-type='products'][data-appearance='carousel'] .slick-dots li .block-footer .action-add:hover { border: 1px solid #b3b3b3; } [data-content-type='products'][data-appearance='carousel'] .slick-dots li button:active, [data-content-type='products'][data-appearance='carousel'] .slick-dots li button:focus, [data-content-type='products'][data-appearance='carousel'] .slick-dots li button:not(.primary), [data-content-type='products'][data-appearance='carousel'] .slick-dots li .block-footer .action-add:active, [data-content-type='products'][data-appearance='carousel'] .slick-dots li .block-footer .action-add:focus, [data-content-type='products'][data-appearance='carousel'] .slick-dots li .block-footer .action-add:not(.primary) { box-shadow: none; } [data-content-type='products'][data-appearance='carousel'] .slick-dots li.slick-active button, [data-content-type='products'][data-appearance='carousel'] .slick-dots li.slick-active .block-footer .action-add { background: #1c1918; } [data-content-type='products'][data-appearance='carousel'].center-mode .product-item, [data-content-type='products'][data-appearance='carousel'] .center-mode .product-item { opacity: .5; transition: all 300ms ease; } [data-content-type='products'][data-appearance='carousel'].center-mode .product-item:hover, [data-content-type='products'][data-appearance='carousel'] .center-mode .product-item:hover { opacity: 1; } [data-content-type='products'][data-appearance='carousel'].center-mode .slick-current .product-item, [data-content-type='products'][data-appearance='carousel'] .center-mode .slick-current .product-item { opacity: 1; } .pagebuilder-content-type-hidden [data-content-type='products'][data-appearance='carousel'] .rendered-content button.slick-arrow, .pagebuilder-content-type-hidden [data-content-type='products'][data-appearance='carousel'] .rendered-content .block-footer .action-add.slick-arrow { pointer-events: none; } [data-content-type='products'] .swatch-attribute-label { font-weight: 700; position: relative; } [data-content-type='products'] .swatch-attribute-label.required { padding-right: 1rem; } [data-content-type='products'] .swatch-attribute-label[data-required='1']:after { color: #e02b27; content: '*'; font-size: 1.4rem; font-weight: 700; position: absolute; right: -11px; top: -2px; } [data-content-type='products'] .swatch-attribute-selected-option { color: #646464; padding-left: 17px; } [data-content-type='products'] .swatch-attribute-options { margin: 1rem 0; } [data-content-type='products'] .swatch-attribute-options:focus { box-shadow: none; } [data-content-type='products'] .swatch-attribute-options .swatch-option-tooltip-layered .title { color: #282828; bottom: -5px; height: 20px; left: 0; margin-bottom: 1rem; position: absolute; text-align: center; width: 100%; } [data-content-type='products'] .swatch-attribute.size .swatch-option, [data-content-type='products'] .swatch-attribute.manufacturer .swatch-option { background: #f0f0f0; color: #949494; } [data-content-type='products'] .swatch-attribute.size .swatch-option.selected, [data-content-type='products'] .swatch-attribute.manufacturer .swatch-option.selected { background: #ffffff; border: 1px solid #ffffff; color: #000000; } [data-content-type='products'] .swatch-option { border: 1px solid #dadada; cursor: pointer; float: left; height: 20px; margin: 0 1rem 0.5rem 0; max-width: 100%; min-width: 30px; overflow: hidden; padding: 1px 2px; position: relative; text-align: center; text-overflow: ellipsis; } [data-content-type='products'] .swatch-option:focus { box-shadow: 0 0 0 1px #008bdb; } [data-content-type='products'] .swatch-option.text { background: #f0f0f0; color: #686868; font-size: 1.2rem; font-weight: 700; line-height: 20px; margin-right: 7px; min-width: 22px; padding: 3px 7px; } [data-content-type='products'] .swatch-option.text.selected { background-color: #ffffff !important; } [data-content-type='products'] .swatch-option.selected { outline: 2px solid #ff5501; border: 1px solid #ffffff; color: #333333; } [data-content-type='products'] .swatch-option:not(.disabled):hover { border: 1px solid #ffffff; color: #333333; outline: 1px solid #999999; } [data-content-type='products'] .swatch-option.image:not(.disabled):hover, [data-content-type='products'] .swatch-option.color:not(.disabled):hover { border: 1px solid #ffffff; outline: 2px solid #c34000; } [data-content-type='products'] .swatch-option.disabled { box-shadow: unset; cursor: default; pointer-events: none; } [data-content-type='products'] .swatch-option.disabled:after { background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(43%, #ffffff), color-stop(46%, #ffffff), color-stop(47%, #ff5216), color-stop(53%, #ff5216), color-stop(54%, #ffffff), color-stop(57%, #ffffff), color-stop(58%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); bottom: 0; content: ''; filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff, GradientType=1)'; left: 0; position: absolute; right: 0; top: 0; } [data-content-type='products'] .swatch-option-disabled { border: 0; cursor: default; outline: none !important; } [data-content-type='products'] .swatch-option-disabled:after { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); content: ''; height: 2px; left: -4px; position: absolute; top: 10px; width: 42px; z-index: 995; background: #e02b27; } [data-content-type='products'] .swatch-option-loading { content: url('../images/loader-2.gif'); } [data-content-type='products'] .swatch-option-tooltip { border: 1px solid #dadada; color: #949494; display: none; max-height: 100%; min-height: 20px; min-width: 20px; padding: 0.5rem; position: absolute; text-align: center; z-index: 999; background: #ffffff; } [data-content-type='products'] .swatch-option-tooltip .corner, [data-content-type='products'] .swatch-option-tooltip-layered .corner { bottom: 0; height: 8px; left: 40%; position: absolute; } [data-content-type='products'] .swatch-option-tooltip .corner:before, [data-content-type='products'] .swatch-option-tooltip-layered .corner:before, [data-content-type='products'] .swatch-option-tooltip .corner:after, [data-content-type='products'] .swatch-option-tooltip-layered .corner:after { border-style: solid; content: ''; font-size: 1px; height: 0; position: relative; width: 0; } [data-content-type='products'] .swatch-option-tooltip .corner:before, [data-content-type='products'] .swatch-option-tooltip-layered .corner:before { border-color: #adadad transparent transparent transparent; border-width: 8px 8.5px 0 8.5px; left: 0; top: 2px; } [data-content-type='products'] .swatch-option-tooltip .corner:after, [data-content-type='products'] .swatch-option-tooltip-layered .corner:after { border-color: #ffffff transparent transparent transparent; border-width: 7px 7.5px 0 7.5px; left: -15px; top: 1px; } [data-content-type='products'] .swatch-option-tooltip .image, [data-content-type='products'] .swatch-option-tooltip-layered .image { display: block; height: 130px; margin: 0 auto; width: 130px; } [data-content-type='products'] .swatch-option-tooltip-layered { border: 1px solid #dadada; color: #949494; background: #ffffff; display: none; left: -47px; position: absolute; width: 140px; z-index: 999; } [data-content-type='products'] .swatch-option-tooltip .title { color: #282828; display: block; max-height: 200px; min-height: 20px; overflow: hidden; text-align: center; } [data-content-type='products'] .swatch-option-link-layered { margin: 0 !important; padding: 0 !important; position: relative; } [data-content-type='products'] .swatch-option-link-layered:focus > div { box-shadow: 0 0 3px 1px #008bdb; } [data-content-type='products'] .swatch-option-link-layered:hover > .swatch-option-tooltip-layered { display: block; } [data-content-type='products'] .swatch-opt { margin: 2rem 0; } [data-content-type='products'] .swatch-opt-listing { margin-bottom: 1rem; } [data-content-type='products'] .swatch-more { display: inline-block; margin: 2px 0; padding: 2px; position: static; z-index: 1; } [data-content-type='products'] .swatch-visual-tooltip-layered { height: 160px; top: -170px; } [data-content-type='products'] .swatch-textual-tooltip-layered { height: 30px; top: -40px; } [data-content-type='products'] .swatch-input { left: -1000px; position: absolute; visibility: hidden; } [data-content-type='products'] .clearfix:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } .jarallax { position: relative; z-index: 0; } .jarallax > .jarallax-img { font-family: 'object-fit: cover;', sans-serif; height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; z-index: -1; } .jarallax [id*='jarallax-container'] video, .jarallax [id*='jarallax-container'] iframe { visibility: hidden; } .video-overlay { -webkit-transform: translate3d(0, 0, 0); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: -99; } .pagebuilder-content-type.children-min-height.pagebuilder-row > .element-children { min-height: inherit; padding: 0; } .pagebuilder-affordance-row { margin-bottom: 1px; } .pagebuilder-row.type-container { border-style: none; min-height: inherit; transition: min-height 0.3s ease-in-out; } .pagebuilder-row.type-container.empty-container { min-height: 300px; } .pagebuilder-content-type-hidden .pagebuilder-content-type.pagebuilder-row:before { opacity: 1; visibility: visible; } [data-content-type='row'][data-appearance='contained'] { margin-left: auto; margin-right: auto; max-width: 1280px; } .pagebuilder-content-type-wrapper.ui-sortable-helper > [data-content-type='row'] > .pagebuilder-content-type > .pagebuilder-options { opacity: 1; visibility: visible; } .pagebuilder-content-type.children-min-height.pagebuilder-row[data-appearance='full-width'] > .element-children { margin-left: auto; margin-right: auto; max-width: 1280px; } .pagebuilder-slide { cursor: text; min-height: inherit; } .pagebuilder-slide .pagebuilder-slide-wrapper { background-color: #fafafa; } .pagebuilder-slide .pagebuilder-empty-slide { color: #aaa6a0; font-size: 14px; font-weight: lighter; } .pagebuilder-slide .pagebuilder-overlay:not(.pagebuilder-poster-overlay) { max-width: 540px; } .pagebuilder-slide .tox .tox-dialog-wrap { bottom: auto; } .pagebuilder-slide .pagebuilder-slide-button { -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -webkit-transition: all 500ms ease; cursor: default; margin: 20px 0 0 0; max-width: 100%; opacity: 1; transition: all 500ms ease; } .pagebuilder-slide .pagebuilder-slide-button span[contenteditable=true] { display: block; overflow: hidden; } .pagebuilder-slide .wysiwyg-container { position: relative; } .pagebuilder-slide .wysiwyg-container ol { list-style: decimal; padding-left: 20px; } .pagebuilder-slide .wysiwyg-container ol li { margin: 0 0 20px 0; } .pagebuilder-slide .wysiwyg-container .inline-wysiwyg { line-height: 1.3; min-height: 50px; overflow: auto; } .pagebuilder-slide .wysiwyg-container .inline-wysiwyg .mce-offscreen-selection { left: -99999px; } .pagebuilder-slide .wysiwyg-container .tox-tinymce-inline { left: -1px !important; right: -1px; } .pagebuilder-slide .wysiwyg-container .pagebuilder-empty-slide { left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; } .pagebuilder-slide .wysiwyg-container > .mce-edit-focus ~ .pagebuilder-options, .pagebuilder-slide .wysiwyg-container > .mce-edit-focus ~ .pagebuilder-empty-slide { display: none; } .pagebuilder-slide .wysiwyg-container.pagebuilder-toolbar-active .inline-wysiwyg { box-shadow: 0 0 0 1px #999999; } .pagebuilder-slide .inline-wysiwyg-textarea { border: 0; margin: 2px 0; min-height: 50px; padding: 5px; resize: none; width: 100%; } .pagebuilder-slide .inline-wysiwyg-textarea:focus { box-shadow: 0 0 0 1px #cccccc; resize: vertical; } .pagebuilder-slide-wrapper .pagebuilder-overlay { padding: 30px; } [data-content-type='slide'] { min-height: inherit; } [data-content-type='slide'] > [data-element='link'], [data-content-type='slide'] > [data-element='empty_link'] { min-height: inherit; } [data-content-type='slide'] .pagebuilder-slide-wrapper { min-height: inherit; overflow-wrap: break-word; word-wrap: break-word; } [data-content-type='slide'] .pagebuilder-slide-wrapper.jarallax .video-overlay { -webkit-transform: unset; z-index: 1; } [data-content-type='slide'] .pagebuilder-slide-wrapper.jarallax .pagebuilder-overlay { position: relative; z-index: 2; } [data-content-type='slide'] .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > div, [data-content-type='slide'] .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > img, [data-content-type='slide'] .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > video, [data-content-type='slide'] .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > iframe { margin: auto !important; transform: none !important; } [data-content-type='slide'] .pagebuilder-slide-wrapper .jarallax-viewport-element { height: 100%; left: -15000vw; position: absolute; top: 0; width: 1px; z-index: 100; } .slick-current [data-content-type='slide'] .pagebuilder-slide-wrapper .jarallax-viewport-element { left: 0; } [data-content-type='slide'] .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) { max-width: 540px; } [data-content-type='slide'] .pagebuilder-slide-wrapper [data-element='content'] { overflow: auto; } [data-content-type='slide'] .pagebuilder-slide-wrapper [data-element='content'] img { display: inline; height: auto; } [data-content-type='slide'] .pagebuilder-slide-wrapper .pagebuilder-slide-button { margin: 20px 0 0 0; max-width: 100%; word-break: break-word; } [data-content-type='slide'] .pagebuilder-slide-wrapper .dragging { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 4; } [data-content-type='slide'] + [data-content-type='slide'] { height: 0; min-height: 0; } .slick-slider [data-content-type='slide'] + [data-content-type='slide'] { height: initial; min-height: inherit; } .pagebuilder-slide .pagebuilder-poster-overlay { -moz-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; -webkit-transition: background-color 500ms ease; align-items: center; display: flex; justify-content: center; transition: background-color 500ms ease; } .pagebuilder-slide .pagebuilder-poster-overlay .inline-wysiwyg-textarea, .pagebuilder-slide .pagebuilder-poster-overlay .wysiwyg-container { width: 100%; } [data-content-type='slide'][data-appearance='poster'] .pagebuilder-overlay { align-items: center; display: flex; justify-content: center; min-height: inherit; } [data-content-type='slide'][data-appearance='poster'] .pagebuilder-overlay .pagebuilder-poster-content { width: 100%; } .pagebuilder-slide[data-appearance='collage-centered'] .pagebuilder-overlay { -moz-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; -webkit-transition: background-color 500ms ease; margin-left: auto; margin-right: auto; transition: background-color 500ms ease; } .pagebuilder-slide[data-appearance='collage-centered'] .pagebuilder-overlay.wysiwyg-container .tox-tinymce-inline { left: 29px !important; right: 29px; } .pagebuilder-slide[data-appearance='collage-centered'] .pagebuilder-overlay.wysiwyg-container .pagebuilder-empty-slide { padding: 30px; } [data-content-type='slide'][data-appearance='collage-centered'] .pagebuilder-slide-wrapper .pagebuilder-overlay { margin-left: auto; margin-right: auto; } .pagebuilder-slide[data-appearance='collage-left'] .pagebuilder-overlay { -moz-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; -webkit-transition: background-color 500ms ease; transition: background-color 500ms ease; } .pagebuilder-slide[data-appearance='collage-left'] .pagebuilder-overlay.wysiwyg-container .tox-tinymce-inline { left: 29px !important; right: 29px; } .pagebuilder-slide[data-appearance='collage-left'] .pagebuilder-overlay.wysiwyg-container .pagebuilder-empty-slide { padding: 30px; } .pagebuilder-slide[data-appearance='collage-right'] .pagebuilder-overlay { -moz-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; -webkit-transition: background-color 500ms ease; margin-left: auto; transition: background-color 500ms ease; } .pagebuilder-slide[data-appearance='collage-right'] .pagebuilder-overlay.wysiwyg-container .tox-tinymce-inline { left: 29px !important; right: 29px; } .pagebuilder-slide[data-appearance='collage-right'] .pagebuilder-overlay.wysiwyg-container .pagebuilder-empty-slide { padding: 30px; } [data-content-type='slide'][data-appearance='collage-right'] .pagebuilder-overlay { margin-left: auto; } [data-content-type='slider'], .pagebuilder-content-type.pagebuilder-slider { -moz-transition: none; -o-transition: none; -webkit-transition: none; border: none; transition: none; } [data-content-type='slider'] .slick-list, .pagebuilder-content-type.pagebuilder-slider .slick-list, [data-content-type='slider'] .slick-track, .pagebuilder-content-type.pagebuilder-slider .slick-track, [data-content-type='slider'] .slick-slide, .pagebuilder-content-type.pagebuilder-slider .slick-slide { min-height: inherit; } [data-content-type='slider'] .slick-list > div, .pagebuilder-content-type.pagebuilder-slider .slick-list > div, [data-content-type='slider'] .slick-track > div, .pagebuilder-content-type.pagebuilder-slider .slick-track > div, [data-content-type='slider'] .slick-slide > div, .pagebuilder-content-type.pagebuilder-slider .slick-slide > div { min-height: inherit; width: 100%; } [data-content-type='slider'] .slick-list > div .pagebuilder-content-type-wrapper, .pagebuilder-content-type.pagebuilder-slider .slick-list > div .pagebuilder-content-type-wrapper, [data-content-type='slider'] .slick-track > div .pagebuilder-content-type-wrapper, .pagebuilder-content-type.pagebuilder-slider .slick-track > div .pagebuilder-content-type-wrapper, [data-content-type='slider'] .slick-slide > div .pagebuilder-content-type-wrapper, .pagebuilder-content-type.pagebuilder-slider .slick-slide > div .pagebuilder-content-type-wrapper { min-height: inherit; } [data-content-type='slider'] .slider-container, .pagebuilder-content-type.pagebuilder-slider .slider-container { -moz-transition: box-shadow 200ms ease 200ms; -o-transition: box-shadow 200ms ease 200ms; -webkit-transition: box-shadow 200ms ease 200ms; border: 1px solid transparent; box-shadow: 0 0 0 1px rgba(153, 153, 153, 0); box-sizing: border-box; position: relative; transition: box-shadow 200ms ease 200ms; border-style: none; } [data-content-type='slider'] .slider-container .slider-small-width .pagebuilder-image-uploader-container .pagebuilder-options, .pagebuilder-content-type.pagebuilder-slider .slider-container .slider-small-width .pagebuilder-image-uploader-container .pagebuilder-options { display: none; } [data-content-type='slider'].pagebuilder-content-type-active:hover, .pagebuilder-content-type.pagebuilder-slider.pagebuilder-content-type-active:hover { -moz-transition: none; -o-transition: none; -webkit-transition: none; box-shadow: none; transition: none; } [data-content-type='slider'].pagebuilder-content-type-active:hover .slider-container, .pagebuilder-content-type.pagebuilder-slider.pagebuilder-content-type-active:hover .slider-container { -moz-transition: box-shadow 200ms ease 200ms; -o-transition: box-shadow 200ms ease 200ms; -webkit-transition: box-shadow 200ms ease 200ms; box-shadow: 0 0 0 1px #999999; transition: box-shadow 200ms ease 200ms; } [data-content-type='slider'].pagebuilder-content-type-active:hover .slider-container.type-container, .pagebuilder-content-type.pagebuilder-slider.pagebuilder-content-type-active:hover .slider-container.type-container { box-shadow: 0 0 0 1px #999999; } [data-content-type='slider'] .slider-empty, .pagebuilder-content-type.pagebuilder-slider .slider-empty { align-items: flex-end; color: #aaa6a0; display: flex; font-size: 20px; font-weight: lighter; height: 37%; justify-content: center; position: absolute; width: 96%; } [data-content-type='slider'] .slider-controls, .pagebuilder-content-type.pagebuilder-slider .slider-controls { padding: 10px 0; text-align: center; } [data-content-type='slider'] .slider-controls .slider-navigation, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation { display: inline-block; line-height: 33px; padding: 0 8px; position: relative; text-align: center; vertical-align: middle; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot { display: inline-block; font-size: 12px; height: 36px; margin: 0; text-align: center; vertical-align: top; width: 36px; position: relative; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .tooltip-content, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .tooltip-content { background: #ffffff; max-width: 360px; min-width: 210px; padding: 12px 16px; z-index: 100; display: none; position: absolute; text-align: left; color: #cccccc; line-height: 1.4; border: 1px solid #bbbbbb; margin-bottom: 5px; bottom: 100%; left: 0; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .tooltip-content:after, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .tooltip-content:after, [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .tooltip-content:before, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .tooltip-content:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .tooltip-content:after, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .tooltip-content:after { border-width: 5px; border-color: transparent; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .tooltip-content:before, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .tooltip-content:before { border-width: 6px; border-color: transparent; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .tooltip-content:after, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .tooltip-content:after, [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .tooltip-content:before, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .tooltip-content:before { top: 100%; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .tooltip-content:after, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .tooltip-content:after { border-top-color: #ffffff; left: 15px; margin-left: -5px; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .tooltip-content:before, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .tooltip-content:before { border-top-color: #bbbbbb; left: 15px; margin-left: -6px; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .tooltip-toggle, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .tooltip-toggle { cursor: help; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .tooltip-toggle:hover + .tooltip-content, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .tooltip-toggle:hover + .tooltip-content, [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .tooltip-toggle:focus + .tooltip-content, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .tooltip-toggle:focus + .tooltip-content, [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot:hover .tooltip-content, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot:hover .tooltip-content { display: block; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .tooltip-content, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .tooltip-content { background: #fffbbb; border: 1px solid #afadac; border-radius: 1px; bottom: 97.5%; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); color: #1c1918; font-size: 14px; left: 50%; min-width: auto; padding: .9rem 1.8rem; position: absolute; text-align: center; transform: translateX(-50%); white-space: nowrap; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .tooltip-content:before, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .tooltip-content:before, [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .tooltip-content:after, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .tooltip-content:after { border: .8rem solid transparent; content: ''; display: block; height: 0; left: 50%; margin-left: -.8rem; position: absolute; top: 100%; width: 0; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .tooltip-content:before, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .tooltip-content:before { border-top-color: #afadac; margin-top: 1px; z-index: 3; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .tooltip-content:after, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .tooltip-content:after { border-top-color: #fffbbb; z-index: 4; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .navigation-dot-anchor, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .navigation-dot-anchor { display: block; height: 100%; position: relative; transition: all .3s; width: 100%; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .navigation-dot-anchor:active, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .navigation-dot-anchor:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .navigation-dot-anchor:after, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .navigation-dot-anchor:after { background: #ffffff; border: 1px solid #cccccc; border-radius: 10px; content: ' '; display: inline-block; height: 12px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: all .3s; width: 12px; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .navigation-dot-anchor:before, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .navigation-dot-anchor:before { -webkit-font-smoothing: antialiased; font-family: 'Admin Icons'; font-style: normal; font-weight: normal; line-height: 1; speak: none; bottom: 0; color: #7f7c7a; content: '\e617'; cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; display: block; font-size: 12px; left: 50%; opacity: 0; position: absolute; transform: rotate(90deg) translateY(50%); transition: all .3s; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .navigation-dot-anchor:active:before, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .navigation-dot-anchor:active:before { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot .pagebuilder-options, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot .pagebuilder-options { visibility: visible; z-index: -1; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot.ui-sortable-helper .navigation-dot-anchor, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot.ui-sortable-helper .navigation-dot-anchor { opacity: .65; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot.sortable-placeholder:after, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot.sortable-placeholder:after { background-color: #373330; border: none; border-radius: 10px; content: ' '; display: inline-block; height: 12px; left: 50%; opacity: .15; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: all .3s; width: 12px; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot.active .navigation-dot-anchor:after, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot.active .navigation-dot-anchor:after { background: #373330; transition: all .3s; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot.active .pagebuilder-options, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot.active .pagebuilder-options { z-index: auto; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot.focus, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot.focus { outline: 1px solid #007bdb; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot.focus .pagebuilder-options, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot.focus .pagebuilder-options { opacity: 1; visibility: visible; z-index: 30; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot.focus .tooltip-content, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot.focus .tooltip-content { display: none; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot.focus .navigation-dot-anchor:before, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot.focus .navigation-dot-anchor:before { opacity: 1; transition: all .3s; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot:hover .navigation-dot-anchor, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot:hover .navigation-dot-anchor { text-decoration: none; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot:hover .navigation-dot-anchor:after, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot:hover .navigation-dot-anchor:after { border: 1px solid #bfbfbf; } [data-content-type='slider'] .slider-controls .slider-navigation .navigation-dot:hover.active .navigation-dot-anchor:after, .pagebuilder-content-type.pagebuilder-slider .slider-controls .slider-navigation .navigation-dot:hover.active .navigation-dot-anchor:after { background: #1c1918; } [data-content-type='slider'] .slider-controls .add-slide, .pagebuilder-content-type.pagebuilder-slider .slider-controls .add-slide { display: inline-block; opacity: 0; transition: all .3s; vertical-align: top; visibility: hidden; } [data-content-type='slider'] .slider-controls .add-slide:before, .pagebuilder-content-type.pagebuilder-slider .slider-controls .add-slide:before { content: '\e61d'; font-family: 'Admin Icons'; font-style: normal; font-weight: normal; line-height: 1; padding-right: 5px; speak: none; } [data-content-type='slider']:hover .slider-controls .add-slide, .pagebuilder-content-type.pagebuilder-slider:hover .slider-controls .add-slide { opacity: 1; transition: all .3s; visibility: visible; } [data-content-type='slider'].children-min-height .element-children, .pagebuilder-content-type.pagebuilder-slider.children-min-height .element-children { min-height: inherit; padding: 0; } .pagebuilder-stage.interacting .pagebuilder-content-type.pagebuilder-slider .slider-controls .navigation-dot .tooltip-content { display: none; } .pagebuilder-stage.interacting .pagebuilder-content-type.pagebuilder-slider.pagebuilder-content-type-active:hover .slider-container { box-shadow: 0 0 0 1px rgba(153, 153, 153, 0); z-index: 10; } .pagebuilder-stage.interacting .pagebuilder-content-type.pagebuilder-slider.pagebuilder-content-type-active:hover .slider-container.type-container { box-shadow: 0 0 0 1px rgba(153, 153, 153, 0.3); } .pagebuilder-content-type-wrapper:hover .pagebuilder-content-type.pagebuilder-slider .slider-controls .add-slide { opacity: 1; transition: all .3s; visibility: visible; } .pagebuilder-content-type-hidden .pagebuilder-content-type.pagebuilder-slider.pagebuilder-content-type-active:hover .slider-container { z-index: 10; } [data-content-type='slider'] .slick-track .slick-slide { display: block; } [data-content-type='slider'] .slick-dots { display: block; list-style: none; margin: 0; padding: 15px 0; text-align: center; width: 100%; } [data-content-type='slider'] .slick-dots li { cursor: pointer; display: inline-block; height: 14px; margin: 0 5px; padding: 0; position: relative; vertical-align: middle; width: 14px; } [data-content-type='slider'] .slick-dots li button, [data-content-type='slider'] .slick-dots li .block-footer .action-add { background: #ffffff; border: 1px solid #cccccc; border-radius: 10px; box-shadow: none; cursor: pointer; display: block; height: 14px; padding: 0; text-indent: -99999px; transition: .3s; width: 14px; } [data-content-type='slider'] .slick-dots li button:hover, [data-content-type='slider'] .slick-dots li .block-footer .action-add:hover { border: 1px solid #b3b3b3; } [data-content-type='slider'] .slick-dots li button:active, [data-content-type='slider'] .slick-dots li button:focus, [data-content-type='slider'] .slick-dots li button:not(.primary), [data-content-type='slider'] .slick-dots li .block-footer .action-add:active, [data-content-type='slider'] .slick-dots li .block-footer .action-add:focus, [data-content-type='slider'] .slick-dots li .block-footer .action-add:not(.primary) { box-shadow: none; } [data-content-type='slider'] .slick-dots li.slick-active button, [data-content-type='slider'] .slick-dots li.slick-active .block-footer .action-add { background: #1c1918; } .pagebuilder-content-type.tab-align-left .pagebuilder-tab-item { border-top-left-radius: 0 !important; } .pagebuilder-content-type.tab-align-right .pagebuilder-tab-item { border-top-right-radius: 0 !important; } .pagebuilder-content-type.pagebuilder-tab-item { min-height: inherit; } .pagebuilder-content-type.pagebuilder-tab-item:before { background: #ffffff; content: ''; height: 1px; left: -1px; opacity: 1; position: absolute; top: -2px; visibility: visible; width: calc(100% + 2px); z-index: auto; } .pagebuilder-content-type.pagebuilder-tab-item.empty-container { min-height: 300px; } .pagebuilder-content-type.pagebuilder-tab-item > .element-children { min-height: inherit; padding: 0; } div[data-content-type='tabs'] .tabs-navigation, .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation { border-bottom: 1px solid rgba(153, 153, 153, 0.3); display: block; font-size: 0; margin: 0; padding: 0; } div[data-content-type='tabs'] .tabs-navigation li:first-child, .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation li:first-child { margin-left: 0 !important; } div[data-content-type='tabs'] .tabs-navigation li.tab-header, .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation li.tab-header { background: #f6f6f6; border: 1px solid #cccccc; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; display: inline-block; margin: 0; max-width: 100%; overflow-wrap: break-word; position: relative; word-wrap: break-word; } div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title, .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation li.tab-header a.tab-title { border-right: 0; color: #000000; cursor: pointer !important; display: block; font-size: 14px; font-weight: 600; padding: 1.4rem 2rem; position: relative; transition: all .3s; vertical-align: middle; white-space: normal; } div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title span.tab-title, .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation li.tab-header a.tab-title span.tab-title { cursor: text; display: block; } div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title:hover, .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation li.tab-header a.tab-title:hover { text-decoration: none; } div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title .tab-drag-handle, .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation li.tab-header a.tab-title .tab-drag-handle { height: 100%; left: 2px; opacity: 0; position: absolute; top: 0; transition: all .3s; visibility: hidden; width: 14px; } div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title .tab-drag-handle.disabled:before, .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation li.tab-header a.tab-title .tab-drag-handle.disabled:before { color: #dddddd; cursor: not-allowed; } div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title .tab-drag-handle.disabled:active:before, .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation li.tab-header a.tab-title .tab-drag-handle.disabled:active:before { cursor: not-allowed; } div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title .tab-drag-handle:before, .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation li.tab-header a.tab-title .tab-drag-handle:before { -webkit-font-smoothing: antialiased; font-family: 'Admin Icons'; font-style: normal; font-weight: normal; line-height: 1; speak: none; color: #7f7c7a; content: '\e617'; cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; display: block; font-size: 16px; position: absolute; top: 50%; transform: translateY(-50%); } div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title .tab-drag-handle:active:before, .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation li.tab-header a.tab-title .tab-drag-handle:active:before { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } div[data-content-type='tabs'] .tabs-navigation li.tab-header.sortable-placeholder, .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation li.tab-header.sortable-placeholder { opacity: .3; } div[data-content-type='tabs'] .tabs-navigation li.tab-header.ui-sortable-helper, .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation li.tab-header.ui-sortable-helper { box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); opacity: .7; white-space: nowrap; } div[data-content-type='tabs'] .tabs-navigation li.tab-header.ui-sortable-helper a.tab-title .tab-drag-handle:before, .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation li.tab-header.ui-sortable-helper a.tab-title .tab-drag-handle:before { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } div[data-content-type='tabs'] .tabs-navigation li.tab-header:last-child, .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation li.tab-header:last-child { border-right: 1px solid #cccccc; } div[data-content-type='tabs'] .tabs-navigation li.tab-header.ui-state-active, .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation li.tab-header.ui-state-active { background: #ffffff; z-index: 19; } div[data-content-type='tabs'] .tabs-navigation li.tab-header.ui-state-active:after, .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation li.tab-header.ui-state-active:after { border-bottom: 1px solid #ffffff; bottom: -1px; content: ''; left: 0; position: absolute; width: 100%; } div[data-content-type='tabs'] .tabs-navigation li.tab-header.ui-state-active a.tab-title, .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation li.tab-header.ui-state-active a.tab-title { position: relative; transition: all .3s; } div[data-content-type='tabs'] .tabs-navigation li.tab-header.focused a.tab-title .tab-drag-handle, .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation li.tab-header.focused a.tab-title .tab-drag-handle { opacity: 1; visibility: visible; } div[data-content-type='tabs'] .tabs-navigation li.tab-header.focused .pagebuilder-options, .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation li.tab-header.focused .pagebuilder-options { opacity: 1; visibility: visible; } div[data-content-type='tabs'] .tabs-content, .pagebuilder-content-type.pagebuilder-tabs .tabs-content { border: 1px solid transparent; position: relative; } div[data-content-type='tabs'] .tabs-content > .element-children, .pagebuilder-content-type.pagebuilder-tabs .tabs-content > .element-children { min-height: inherit; padding: 0; } div[data-content-type='tabs'] .tabs-content > .element-children > .pagebuilder-content-type-wrapper, .pagebuilder-content-type.pagebuilder-tabs .tabs-content > .element-children > .pagebuilder-content-type-wrapper { display: block; } div[data-content-type='tabs'] .tabs-content > .element-children > .pagebuilder-content-type-wrapper ~ .pagebuilder-content-type-wrapper, .pagebuilder-content-type.pagebuilder-tabs .tabs-content > .element-children > .pagebuilder-content-type-wrapper ~ .pagebuilder-content-type-wrapper { display: none; } div[data-content-type='tabs'].tab-align-left .tabs-content, .pagebuilder-content-type.pagebuilder-tabs.tab-align-left .tabs-content { border-top-left-radius: 0 !important; } div[data-content-type='tabs'].tab-align-right .tabs-content, .pagebuilder-content-type.pagebuilder-tabs.tab-align-right .tabs-content { border-top-right-radius: 0 !important; } div[data-content-type='tabs'] .tabs-navigation { border: none; } div[data-content-type='tabs'] .tabs-navigation .tab-header:not(:first-child) { margin-left: -1px !important; } div[data-content-type='tabs'] .tabs-content { border: 1px solid #cccccc; border-top: none; } [data-content-type='tab-item'] div[data-content-type='tabs'] .tabs-content:not(.empty-placeholder) { box-sizing: content-box; min-height: inherit; } [data-content-type='tab-item'] div[data-content-type='tabs'] .tabs-content:not(.empty-placeholder):not(:first-child) { display: none; } [data-content-type='tab-item'] div[data-content-type='tabs'] .tabs-content:not(.empty-placeholder) > * { min-height: inherit; } .pagebuilder-content-type-wrapper.ui-tabs-panel { margin-top: 0; min-height: inherit; padding: 0; } .pagebuilder-stage.focus-child .pagebuilder-content-type.pagebuilder-tabs .tabs-content { z-index: auto; } .pagebuilder-content-type-hidden .pagebuilder-content-type.pagebuilder-tabs .tabs-navigation li.tab-header.ui-state-active { z-index: 10; } .pagebuilder-content-type.pagebuilder-text { border-width: 0; } .pagebuilder-content-type.pagebuilder-text .tox-tinymce-inline { left: -1px !important; right: -1px; z-index: 20; } .pagebuilder-content-type.pagebuilder-text > .inline-wysiwyg { line-height: 1.3; min-height: 3rem; overflow: auto; } .pagebuilder-content-type.pagebuilder-text > .inline-wysiwyg + .placeholder-text { left: 0; pointer-events: none; position: absolute; top: 0; } .pagebuilder-content-type.pagebuilder-text > .inline-wysiwyg img { height: auto; } .pagebuilder-content-type.pagebuilder-text > .mce-edit-focus ~ .pagebuilder-options, .pagebuilder-content-type.pagebuilder-text > .mce-edit-focus ~ .placeholder-text { display: none; } .pagebuilder-content-type.pagebuilder-text .inline-wysiwyg-textarea { border: 0; margin: 2px 0; padding: 5px; resize: none; width: 100%; } .pagebuilder-content-type.pagebuilder-text .inline-wysiwyg-textarea:focus { resize: vertical; } .pagebuilder-stage.interacting .pagebuilder-content-type.pagebuilder-text:not(.pagebuilder-toolbar-active) { pointer-events: none; } [data-content-type='text'] { overflow-wrap: break-word; word-wrap: break-word; } .pagebuilder-content-type .pagebuilder-video-placeholder { align-items: center; background-color: #fafafa; display: flex; justify-content: center; } .pagebuilder-content-type .icon-pagebuilder-video:before { color: #aaa6a0; font-size: 80px; } .pagebuilder-content-type div[data-content-type='video'], .pagebuilder-content-type .pagebuilder-video { font-size: 0; } .pagebuilder-content-type div[data-content-type='video'] .pagebuilder-video-inner, .pagebuilder-content-type .pagebuilder-video .pagebuilder-video-inner { box-sizing: border-box; display: inline-block; width: 100%; } .pagebuilder-content-type div[data-content-type='video'] .pagebuilder-video-container, .pagebuilder-content-type .pagebuilder-video .pagebuilder-video-container { border-radius: inherit; overflow: hidden; padding-top: 56.25%; position: relative; } .pagebuilder-content-type div[data-content-type='video'] iframe, .pagebuilder-content-type .pagebuilder-video iframe, .pagebuilder-content-type div[data-content-type='video'] video, .pagebuilder-content-type .pagebuilder-video video, .pagebuilder-content-type div[data-content-type='video'] .pagebuilder-video-placeholder, .pagebuilder-content-type .pagebuilder-video .pagebuilder-video-placeholder { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; } .pagebuilder-stage.interacting .pagebuilder-content-type.pagebuilder-toolbar-active:hover { box-shadow: 0 0 0 1px #999999; } .pagebuilder-toolbar-active.pagebuilder-content-type { box-shadow: 0 0 0 1px #999999; } .pagebuilder-toolbar-active .pagebuilder-toolbar-options { opacity: 1; visibility: visible; } .pagebuilder-toolbar-container { overflow: hidden; } .pagebuilder-toolbar-options { -moz-transition: transform 200ms, opacity 200ms, visibility 200ms; -o-transition: transform 200ms, opacity 200ms, visibility 200ms; -webkit-transition: transform 200ms, opacity 200ms, visibility 200ms; background-color: #ffffff; border: 1px solid #bfbfbf; left: -2px; opacity: 0; position: absolute; transition: transform 200ms, opacity 200ms, visibility 200ms; visibility: hidden; width: calc(100% + 4px); z-index: 32; } .pagebuilder-toolbar-options .pagebuilder-toolbar-options-wrapper { display: flex; flex-wrap: wrap; } .pagebuilder-toolbar-options .pagebuilder-toolbar-options-wrapper .pagebuilder-toolbar-options-links { display: flex; flex-wrap: wrap; list-style: none; margin: 0; vertical-align: middle; } .pagebuilder-toolbar-options .pagebuilder-toolbar-options-wrapper .pagebuilder-toolbar-options-links:not(:first-child):before { background-color: #dddddd; content: ''; left: 0; position: relative; width: 1px; } .pagebuilder-toolbar-options .pagebuilder-toolbar-options-wrapper .pagebuilder-toolbar-options-links .pagebuilder-toolbar-options-link { display: flex; margin: 2px; } .pagebuilder-toolbar-options .pagebuilder-toolbar-options-wrapper .pagebuilder-toolbar-options-links .pagebuilder-toolbar-options-link > a { border: 1px solid transparent; color: #373330; display: block; height: 32px; text-align: center; text-decoration: none; width: 34px; } .pagebuilder-toolbar-options .pagebuilder-toolbar-options-wrapper .pagebuilder-toolbar-options-links .pagebuilder-toolbar-options-link > a:hover, .pagebuilder-toolbar-options .pagebuilder-toolbar-options-wrapper .pagebuilder-toolbar-options-links .pagebuilder-toolbar-options-link > a.toolbar-active { background-color: #dddddd; border: 1px solid #cccccc; } .pagebuilder-toolbar-options .pagebuilder-toolbar-options-wrapper .pagebuilder-toolbar-options-links .pagebuilder-toolbar-options-link > a i { font-size: 18px; font-style: normal; line-height: 30px; } .pagebuilder-toolbar-options .pagebuilder-toolbar-options-wrapper .pagebuilder-toolbar-options-links .pagebuilder-toolbar-options-link > a span { font-size: 15px; font-weight: 600; line-height: 32px; } .google-map-auth-failure-placeholder { align-items: center; background: #e0e0e0; display: flex; height: 100%; justify-content: center; width: 100%; } .google-map-auth-failure-placeholder p { color: #7e7e7e; margin-bottom: 0; max-width: 80%; text-align: center; } .single-select-cell .selection-indicator-text { padding: .8rem 0; } .pagebuilder-stage.capture .pagebuilder-canvas { margin: -10px; padding: 10px; transition: none; } .pagebuilder-stage.capture .pagebuilder-canvas .pagebuilder-content-type { border: 0 !important; box-shadow: none !important; } .pagebuilder-stage.capture .pagebuilder-canvas .pagebuilder-content-type.type-container { border: 1px solid #e0e0e0 !important; box-shadow: none !important; } .pagebuilder-stage.capture .pagebuilder-canvas .pagebuilder-content-type.pagebuilder-video .pagebuilder-video-container { background-color: #fafafa; } .pagebuilder-stage.capture .pagebuilder-canvas .pagebuilder-content-type.pagebuilder-video .pagebuilder-video-container:before { color: #aaa6a0; content: '\e904'; display: block; font-size: 80px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .pagebuilder-stage.capture .pagebuilder-canvas .pagebuilder-content-type.pagebuilder-video .pagebuilder-video-container iframe { display: none; } .pagebuilder-stage-wrapper.stage-full-screen .pagebuilder-stage.capture .pagebuilder-canvas { margin-top: 20px; padding-top: 10px; } .modal-popup.template-manager-save .modal-inner-wrap { max-width: 50rem; } .modal-popup.template-manager-save .modal-inner-wrap .template-manager-preview-spinner, .modal-popup.template-manager-save .modal-inner-wrap .template-manager-preview-image { background: #f8f8f8; font-size: 0; height: 300px; overflow: hidden; overflow-y: auto; position: relative; width: 100%; } .modal-popup.template-manager-save .modal-inner-wrap .template-manager-preview-spinner .spinner { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .modal-popup.template-manager-save .modal-inner-wrap .template-manager-preview-image img { width: 100%; } .preview-image-preview .preview-image-preview-image { border: 1px solid #d6d6d6; margin-top: .5rem; padding: .5rem; } .pagebuilder_stage_template_pagebuilder_stage_template_modal_pagebuilder_stage_template_grid .data-grid th:nth-child(1), .pagebuilder-template-index .admin__data-grid-wrap .data-grid th:nth-child(1) { width: 6rem; } .pagebuilder_stage_template_pagebuilder_stage_template_modal_pagebuilder_stage_template_grid .data-grid th:nth-child(2), .pagebuilder-template-index .admin__data-grid-wrap .data-grid th:nth-child(2) { width: 20rem; } .pagebuilder_stage_template_pagebuilder_stage_template_modal_pagebuilder_stage_template_grid .data-grid td.data-grid-preview-image-cell, .pagebuilder-template-index .admin__data-grid-wrap .data-grid td.data-grid-preview-image-cell { font-size: 0; } .pagebuilder_stage_template_pagebuilder_stage_template_modal_pagebuilder_stage_template_grid .data-grid td.data-grid-preview-image-cell img, .pagebuilder-template-index .admin__data-grid-wrap .data-grid td.data-grid-preview-image-cell img { background: #ffffff; border: 1px solid #d6d6d6; cursor: pointer; max-height: 150px; object-fit: cover; object-position: top; padding: 5px; width: 100%; } .pagebuilder_stage_template_pagebuilder_stage_template_modal_pagebuilder_stage_template_grid .data-grid td.data-grid-preview-image-cell img:hover, .pagebuilder-template-index .admin__data-grid-wrap .data-grid td.data-grid-preview-image-cell img:hover { border-color: #736963; } .pagebuilder_stage_template_pagebuilder_stage_template_modal_pagebuilder_stage_template_grid .data-grid th:nth-child(4), .pagebuilder-template-index .admin__data-grid-wrap .data-grid th:nth-child(4) { width: 20rem; } .pagebuilder_stage_template_pagebuilder_stage_template_modal_pagebuilder_stage_template_grid .data-grid th:nth-child(5), .pagebuilder-template-index .admin__data-grid-wrap .data-grid th:nth-child(5) { width: 20rem; } .preview-image-preview-image-block { padding-bottom: 3rem; } .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close { padding: 0; } .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close:before, .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .modal-slide.pagebuilder_stage_template_pagebuilder_stage_template_modal .admin__action-multiselect-crumb .action-close:before { font-size: inherit; } .mobile-viewport.pagebuilder-stage-wrapper.stage-content-snapshot .pagebuilder-stage .pagebuilder-canvas, .mobile-viewport.pagebuilder-stage-wrapper.stage-full-screen .pagebuilder-stage .pagebuilder-canvas { left: 50%; margin: 0; transform: translateX(-50%); width: 768px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .recaptcha_backend_type_for_recaptcha_backend_info_heading_notice strong, .recaptcha_frontend_type_for_recaptcha_frontend_info_heading_notice strong { color: #e22626; } .hosted-control { height: 3.4rem; position: relative; } .hosted-control.braintree-hosted-fields-focused { border-color: #007bdb; } .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) { border-color: #ee7d7d; } .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error { height: auto; opacity: 1; } .hosted-control.braintree-hosted-fields-valid { border-color: #79a22e; } .hosted-control.hosted-date { float: left; margin-bottom: .2rem; width: 5rem; } .hosted-control.hosted-date:first-of-type { margin-right: 50px; } .hosted-control.hosted-date:first-of-type:after { content: '/'; display: inline; padding-bottom: inherit; padding-top: inherit; position: absolute; right: -28.57142857px; top: 0; } .hosted-control.hosted-cid { width: 6rem; } .hosted-control .icon-type { background-image: url('../images/cards.png'); background-position: -1000px 0; background-repeat: no-repeat; height: 26px; position: absolute; right: 5px; top: 3px; width: 40px; } .hosted-control .icon-type.icon-type-discover { background-position: 0 0; } .hosted-control .icon-type.icon-type-visa { background-position: 0 -29px; } .hosted-control .icon-type.icon-type-master-card { background-position: 0 -58px; } .hosted-control .icon-type.icon-type-maestro { background-position: 0 -87px; } .hosted-control .icon-type.icon-type-american-express { background-position: 0 -114px; } .hosted-control .icon-type.icon-type-unionpay { background-position: 0 -140px; } .hosted-control .icon-type.icon-type-diners-club { background-position: 0 -168px; } .hosted-error { clear: both; color: #ee7d7d; height: 0; opacity: 0; } .paypal-styling-buttons button, .paypal-styling-buttons .block-footer .action-add { margin: 5px; } .admin-usage-notification { -webkit-transition: visibility 0s .5s, opacity .5s ease; transition: visibility 0s .5s, opacity .5s ease; } .admin-usage-notification._show { -webkit-transition: opacity .5s ease; opacity: 1; transition: opacity .5s ease; visibility: visible; } .admin-usage-notification .modal-inner-wrap { -webkit-transform: translateX(0); -webkit-transition: -webkit-transform 0s; transition: transform 0s; transform: translateX(0); margin-top: 13rem; max-width: 75rem; } .admin-usage-notification .modal-inner-wrap .modal-content, .admin-usage-notification .modal-inner-wrap .modal-header { padding-left: 4rem; padding-right: 4rem; } .admin-usage-notification .modal-inner-wrap .modal-content .action-close, .admin-usage-notification .modal-inner-wrap .modal-header .action-close { display: none; } .admin-usage-notification .modal-inner-wrap .modal-list { margin-left: 0; padding-left: 40px; padding-top: 5px; } .admin-usage-notification .admin__fieldset { padding: 0; } .message-system-inner { background: #fffbbb; border: solid #d1d1d1; border-width: 0 0.1rem 0.1rem; position: relative; } .message-system-inner .message-error { background: none; } .message-system-inner .message, .message-system-inner .order-errors .admin__fieldset-wrapper .title { background: none; margin: 0 0 -3px; overflow: hidden; padding: 1.5rem 0 1.5rem 3.3rem; } .message-system-inner .message:before, .message-system-inner .order-errors .admin__fieldset-wrapper .title:before { left: .3rem; } .message-system-inner .action-menu-item { float: right; padding: 1.5rem 0 0; vertical-align: top; } .message-system-inner .action-menu-item.action-close-wrapper { width: 3.5rem; } .message-system-inner .action-menu-item .action-close { float: right; } .message-system-list { border-bottom: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; list-style: none; margin: 0 0 1.5rem; } .message-system-list li + li { border-top: 1px dashed #d1d1d1; } .message-system-short { min-height: 5rem; } .message-system-short .action-close-wrapper { display: none; } .message-system-short-wrapper { overflow: hidden; padding: 0 1.5rem 0 1rem; } .message-system-collapsible { background: #fffbbb; border: 0.1rem solid #d1d1d1; border-top: 0; display: none; left: -1px; padding: 0 3rem 1.5rem; position: absolute; right: -1px; top: 100%; z-index: 498; } ._active .message-system-collapsible { display: block; } .message-system-action-dropdown { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; float: right; margin: 1.5rem 0; position: relative; padding-right: 3rem; } .message-system-action-dropdown:focus, .message-system-action-dropdown:active { background: none; border: none; } .message-system-action-dropdown:hover { background: none; border: none; } .message-system-action-dropdown.disabled, .message-system-action-dropdown[disabled], fieldset[disabled] .message-system-action-dropdown { pointer-events: none; opacity: 0.5; } .message-system-action-dropdown._active:after, .message-system-action-dropdown.active:after { transform: rotate(180deg); } .message-system-action-dropdown:after { border-color: #333333 transparent transparent transparent; border-style: solid; border-width: 0.5rem 0.4rem 0 0.4rem; content: ''; height: 0; margin-top: -0.2rem; position: absolute; right: 1.1rem; top: 50%; transition: all .2s linear; width: 0; } ._active .message-system-action-dropdown:after, .active .message-system-action-dropdown:after { transform: rotate(180deg); } .message-system-action-dropdown:hover:after { border-color: #1a1a1a transparent transparent transparent; } .message-system-summary { text-align: right; } .message-system-summary .action__message-log { border-right: 1px solid #d1d1d1; display: inline-block; margin: 0 0.2rem 0 0.5rem; padding-right: 0.5rem; } .message-system-summary .action__message-log:last-child { border-right: 0; margin: 0; padding: 0; } .notices-wrapper .admin__data-grid-loading-mask { display: none; min-height: 5.1rem; z-index: 499; } .notices-wrapper .admin__data-grid-outer-wrap { min-height: 0; } .accordion .add-by-sku-wrapper { margin: 0 0 2rem; } .add-by-sku-wrapper .add-sku-csv .admin__field-label:before { display: none; } .order-search-items .col-select { text-align: center; } .order-search-items .col-select .data-grid-checkbox-cell-inner { text-align: center; } .order-discounts .action-secondary:not(:first-of-type) { margin-right: 1rem; } .order-errors .admin__fieldset-wrapper .title { display: block; margin: 0 0 2rem; } .dashboard-advanced-reports { display: -webkit-flex; display: -ms-flexbox; display: flex; border-color: #e3e3e3; border-style: solid; border-width: 1px 0; margin-bottom: 3rem; padding: 2.5rem 0; } .dashboard-advanced-reports-title { margin-bottom: 1rem; } .dashboard-advanced-reports-content { line-height: 1.7; } .dashboard-advanced-reports-actions { -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; flex-shrink: 1; align-self: center; margin-left: 2.5rem; margin-right: 1.5rem; text-align: right; } .action-advanced-reports { background-color: #007dbd; border-color: #007dbd; color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; } .action-advanced-reports:after { content: '\e644'; font-size: 1rem; vertical-align: super; } .action-advanced-reports:hover, .action-advanced-reports:active, .action-advanced-reports:focus { background-color: #0073ae; border-color: #007dbd; box-shadow: 0 0 0 1px #007bdb; color: #ffffff; text-decoration: none; } .action-advanced-reports.disabled, .action-advanced-reports[disabled] { cursor: default; opacity: 0.5; pointer-events: none; } .advanced-reports-subscription-modal .modal-inner-wrap { margin-top: 13rem; max-width: 75rem; } .advanced-reports-subscription-modal .modal-inner-wrap .modal-content, .advanced-reports-subscription-modal .modal-inner-wrap .modal-header { padding-left: 4rem; padding-right: 4rem; } .advanced-reports-subscription-modal .modal-inner-wrap .modal-content .action-close, .advanced-reports-subscription-modal .modal-inner-wrap .modal-header .action-close { display: none; } .advanced-reports-subscription-modal .admin__fieldset { padding: 0; } .advanced-reports-subscription-text { line-height: 1.7; padding-bottom: 8rem; } .advanced-reports-subscription-close { display: block; float: right; } .advanced-reports-subscription-modal h1:first-of-type { background: url("../Magento_Analytics/images/analytics-icon.svg") no-repeat; background-size: 55px 49.08px; padding: 1.5rem 0 2rem 7rem; } .config-additional-comment { border-color: #cccccc; border-style: solid; border-width: 1px 0; margin: 3rem 0; padding: 2.5rem; } .config-additional-comment-title { margin-bottom: 0.5rem; } .config-additional-comment-content { line-height: 1.5; } .config-vertical-title { clear: both; color: #303030; font-size: 1.7rem; font-weight: 600; letter-spacing: .025em; padding: 1.9rem 2.8rem 1.9rem 0; position: relative; } .config-vertical-comment { line-height: 1.5; margin-bottom: .5em; margin-top: 1rem; } /** * @codingStandardsIgnoreStart */ #row_analytics_general_vertical > td.config-vertical-label > label.admin__field-label { padding-right: 0; } /** * @codingStandardsIgnoreStart */ .menu-wrapper { display: inline-block; position: relative; width: 8.800000000000001rem; z-index: 700; } .menu-wrapper:before { background-color: #373330; bottom: 0; content: ''; left: 0; position: fixed; top: 0; width: 8.800000000000001rem; z-index: 699; } .menu-wrapper._fixed { left: 0; position: fixed; top: 0; } .menu-wrapper._fixed ~ .page-wrapper { margin-left: 8.800000000000001rem; } .menu-wrapper .logo { display: block; height: 7.5rem; padding: 1.7rem 0 1.7rem; position: relative; text-align: center; z-index: 700; } ._keyfocus .menu-wrapper .logo:focus { background-color: #4a4542; box-shadow: none; } ._keyfocus .menu-wrapper .logo:focus + .admin__menu .level-0:first-child > a { background-color: #373330; } ._keyfocus .menu-wrapper .logo:focus + .admin__menu .level-0:first-child > a:after { display: none; } .menu-wrapper .logo:hover .logo-img { -webkit-filter: brightness(1.1); filter: brightness(1.1); } .menu-wrapper .logo:active .logo-img { transform: scale(0.95); } .menu-wrapper .logo .logo-img { height: 4.1rem; transition: -webkit-filter 0.2s linear, filter 0.2s linear, transform 0.1s linear; width: 3.5rem; } .abs-menu-separator, .admin__menu .level-0:first-child > a:after, .admin__menu .item-partners > a:after { background-color: #736963; content: ''; display: block; height: 1px; left: 0; margin-left: 16%; position: absolute; top: 0; width: 68%; } .admin__menu li { display: block; } .admin__menu [target='_blank']:after { content: '\e644'; font-size: .5rem; margin-left: 0.5rem; vertical-align: super; } .admin__menu .level-0:first-child > a { position: relative; } .admin__menu .level-0:first-child._active > a:after { display: none; } .admin__menu .level-0._active > a, .admin__menu .level-0:hover > a { color: #f7f3eb; } .admin__menu .level-0._active > a { background-color: #524d49; } .admin__menu .level-0:hover > a { background-color: #4a4542; } .admin__menu .level-0 > a { color: #aaa6a0; display: block; font-size: 1rem; letter-spacing: .025em; min-height: 6.2rem; padding: 1.2rem .5rem .5rem; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; transition: background-color 0.1s linear; word-wrap: break-word; z-index: 700; } .admin__menu .level-0 > a:focus { box-shadow: none; } .admin__menu .level-0 > a:before { content: '\e63a'; display: block; font-size: 2.2rem; height: 2.2rem; margin-bottom: .3rem; } .admin__menu .level-0 > .submenu { background-color: #4a4542; box-shadow: 0 0 3px #000000; left: 100%; padding: 2rem 0 0; position: absolute; top: 0; transform: translateX(-100%); transition-duration: .3s; transition-property: transform, visibility; transition-timing-function: ease-in-out; visibility: hidden; z-index: 697; } .ie11 .admin__menu .level-0 > .submenu { height: 100%; } .admin__menu .level-0 > .submenu > ul[role='menu'] { max-width: calc(100vw - 8.800000000000001rem); min-height: 720px; overflow-x: auto; overflow-y: hidden; } .admin__menu .level-0._show > .submenu { transform: translateX(0); visibility: visible; z-index: 698; } .admin__menu .level-1 { margin-left: 1.5rem; margin-right: 1.5rem; } .admin__menu [class*='level-']:not(.level-0) a { display: block; padding: 1.25rem 1.5rem; } .admin__menu [class*='level-']:not(.level-0) a:hover { background-color: #403934; } .admin__menu [class*='level-']:not(.level-0) a:active { background-color: #322c29; padding-bottom: 1.15rem; padding-top: 1.35rem; } .admin__menu .submenu li { min-width: 23.8rem; } .admin__menu .submenu a { color: #fcfcfc; transition: background-color 0.1s linear; } .admin__menu .submenu a:hover, .admin__menu .submenu a:focus { box-shadow: none; text-decoration: none; } ._keyfocus .admin__menu .submenu a:focus { background-color: #403934; } ._keyfocus .admin__menu .submenu a:active { background-color: #322c29; } .admin__menu .submenu .parent { margin-bottom: 4.5rem; } .admin__menu .submenu .parent .submenu-group-title { color: #a79d95; display: block; font-size: 1.6rem; font-weight: 600; margin-bottom: .7rem; padding: 1.25rem 1.5rem; pointer-events: none; } .admin__menu .submenu .column { display: table-cell; } .admin__menu .submenu-title { color: #ffffff; display: block; font-size: 2.2rem; font-weight: 600; margin-bottom: 4.2rem; margin-left: 3rem; margin-right: 5.8rem; } .admin__menu .submenu-sub-title { color: #ffffff; display: block; font-size: 1.2rem; margin: -3.8rem 5.8rem 3.8rem 3rem; } .admin__menu .action-close { padding: 2.4rem 2.8rem; position: absolute; right: 0; top: 0; } .admin__menu .action-close:before { color: #a79d95; font-size: 1.7rem; } .admin__menu .action-close:hover:before { color: #ffffff; } .admin__menu .item-dashboard > a:before { content: '\e604'; font-size: 1.8rem; padding-top: 0.4rem; } .admin__menu .item-sales > a:before { content: '\e60b'; } .admin__menu .item-catalog > a:before { content: '\e608'; } .admin__menu .item-customer > a:before { content: '\e603'; font-size: 2.6rem; position: relative; top: -0.4rem; } .admin__menu .item-marketing > a:before { content: '\e609'; font-size: 2rem; padding-top: 0.2rem; } .admin__menu .item-content > a:before { content: '\e602'; font-size: 2.4rem; position: relative; top: -0.2rem; } .admin__menu .item-report > a:before { content: '\e60a'; } .admin__menu .item-stores > a:before { content: '\e60d'; font-size: 1.9rem; padding-top: 0.3rem; } .admin__menu .item-system > a:before { content: '\e610'; } .admin__menu .item-system._current + .item-partners > a:after { display: none; } .admin__menu .item-partners._active > a:after { display: none; } .admin__menu .item-partners > a { padding-bottom: 1rem; } .admin__menu .item-partners > a:before { content: '\e612'; } .admin__menu .level-0 > .submenu > ul > .level-1:only-of-type > .submenu-group-title { display: none; } .admin__menu-overlay { bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 697; } .admin-user { float: right; line-height: 1.36; margin-left: .3rem; z-index: 490; } .admin-user._active .admin__action-dropdown, .admin-user.active .admin__action-dropdown { border-color: #007bdb; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); } .admin-user .admin__action-dropdown { padding-right: 2.8rem; height: 3.3rem; padding-bottom: 0.4rem; padding-left: 4rem; padding-top: 0.7rem; } .admin-user .admin__action-dropdown._active:after, .admin-user .admin__action-dropdown.active:after { transform: rotate(180deg); } .admin-user .admin__action-dropdown:after { border-color: #41362f transparent transparent transparent; border-style: solid; border-width: 0.5rem 0.4rem 0 0.4rem; content: ''; height: 0; margin-top: -0.2rem; position: absolute; right: 1.3rem; top: 50%; transition: all .2s linear; width: 0; } ._active .admin-user .admin__action-dropdown:after, .active .admin-user .admin__action-dropdown:after { transform: rotate(180deg); } .admin-user .admin__action-dropdown:hover:after { border-color: #060504 transparent transparent transparent; } .admin-user .admin__action-dropdown:before { color: #41362f; content: '\e600'; font-size: 2rem; left: 1.1rem; margin-top: -1.1rem; position: absolute; top: 50%; } .admin-user .admin__action-dropdown:hover:before { color: #41362f; } .admin-user .admin__action-dropdown-menu { min-width: 20rem; padding-left: 1rem; padding-right: 1rem; } .admin-user .admin__action-dropdown-menu > li > a { padding-left: .5em; padding-right: 1.8rem; transition: background-color 0.1s linear; white-space: nowrap; } .admin-user .admin__action-dropdown-menu > li > a:hover { background-color: #e0f6fe; color: #41362f; } .admin-user .admin__action-dropdown-menu > li > a:active { background-color: #c7effd; bottom: -1px; position: relative; } .admin-user .admin__action-dropdown-menu .admin-user-name { text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 20rem; overflow: hidden; vertical-align: top; } .admin-user-account-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 11.2rem; } .search-global { float: right; margin-right: -.3rem; position: relative; z-index: 480; } .search-global-field { min-width: 5rem; } .search-global-field._active .search-global-input { background-color: #ffffff; border-color: #007bdb; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); padding-right: 4rem; width: 25rem; } .search-global-field._active .search-global-action { display: block; height: 3.3rem; position: absolute; right: 0; text-indent: -100%; top: 0; width: 5rem; z-index: 3; } .search-global-field .autocomplete-results { height: 3.3rem; position: absolute; right: 0; top: 0; width: 25rem; } .search-global-field .search-global-menu { border: 1px solid #007bdb; border-top-color: transparent; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); left: 0; margin-top: -2px; max-height: 80vh; overflow: auto; padding: 0; position: absolute; right: 0; top: 100%; word-break: break-word; word-wrap: break-word; z-index: 2; } .search-global-field .search-global-menu:after { background-color: #ffffff; content: ''; height: 5px; left: 0; position: absolute; right: 0; top: -5px; } .search-global-field .search-global-menu > li { background-color: #ffffff; border-top: 1px solid #dddddd; display: block; font-size: 1.2rem; padding: 0.75rem 1.4rem 0.55rem; } .search-global-field .search-global-menu > li._active { background-color: #e0f6fe; } .search-global-field .search-global-menu .title { display: block; font-size: 1.4rem; } .search-global-field .search-global-menu .type { color: #231d1a; display: block; } .search-global-label { cursor: pointer; height: 3.3rem; padding: 0.75rem 1.4rem 0.55rem; position: absolute; right: 0; top: 0; z-index: 2; } .search-global-label:active { transform: scale(0.9); } .search-global-label:hover:before { color: #060504; } .search-global-label:before { color: #41362f; content: '\e60c'; font-size: 2rem; } .search-global-input { background-color: transparent; border: 1px solid transparent; font-size: 1.4rem; height: 3.5rem; padding: 0.75rem 1.4rem 0.55rem; position: absolute; right: 0; top: 0; transition: all .1s linear, width .3s linear; width: 5rem; z-index: 1; } .search-global-action { display: none; } .notifications-wrapper { float: right; line-height: 1; position: relative; } .notifications-wrapper.active { z-index: 500; } .notifications-wrapper.active .notifications-action { border-color: #007bdb; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); } .notifications-wrapper.active .notifications-action:after { background-color: #ffffff; border: none; content: ''; display: block; height: 6px; left: -6px; margin-top: 0; position: absolute; right: 0; top: 100%; width: auto; } .notifications-wrapper .admin__action-dropdown-menu { padding: 1rem 0 0; width: 32rem; } .notifications-action { color: #41362f; height: 3.3rem; padding: 0.75rem 2rem 0.65rem; } .notifications-action:after { display: none; } .notifications-action:before { content: '\e607'; font-size: 1.9rem; margin-right: 0; } .notifications-action:active:before { position: relative; top: 1px; } .notifications-action .notifications-counter { background-color: #e22626; border-radius: 1em; color: #ffffff; display: inline-block; font-size: 1.1rem; font-weight: 700; height: 20px; left: 50%; line-height: 20px; margin-left: .3em; margin-top: -1.1em; min-width: 20px; position: absolute; text-align: center; top: 50%; } .notifications-entry { line-height: 1.36; padding: 0.6rem 2rem 0.8rem; position: relative; transition: background-color 0.1s linear; } .notifications-entry:hover { background-color: #e0f6fe; } .notifications-entry.notifications-entry-last { margin: 0 2rem; padding: .3rem 0 1.3rem; text-align: center; } .notifications-entry.notifications-entry-last:hover { background-color: transparent; } .notifications-entry + .notifications-entry-last { border-top: 1px solid #dddddd; padding-bottom: .6rem; } .notifications-entry ._cutted { cursor: pointer; } .notifications-entry ._cutted .notifications-entry-description-start:after { content: '...'; } .notifications-entry-title { color: #ef672f; display: block; font-size: 1.1rem; font-weight: 700; margin-bottom: .7rem; margin-right: 1em; } .notifications-entry-description { color: #333333; font-size: 1.1rem; margin-bottom: .8rem; } .notifications-entry-description-end { display: none; } .notifications-entry-description-end._show { display: inline; } .notifications-entry-time { color: #777777; font-size: 1.1rem; } .notifications-close { line-height: 1; padding: 1rem; position: absolute; right: 0; top: .6rem; } .notifications-close:before { color: #cccccc; content: '\e620'; transition: color 0.1s linear; } .notifications-close:hover:before { color: #b3b3b3; } .notifications-close:active { transform: scale(0.95); } .page-header-actions { padding-top: 1.1rem; } .page-header-hgroup { padding-right: 1.5rem; } .page-title-wrapper { margin-top: 1.6rem; } .page-title { color: #41362f; font-size: 2.8rem; margin-bottom: 0; word-break: break-all; } .page-header { margin-bottom: 1.2rem; padding: 1.5rem 3rem; } .page-footer { background-color: #f5f5f5; border-top: 0.1rem solid #dddddd; color: #777777; margin-top: auto; padding: 2.6rem 3rem 6rem; } .page-footer a { color: #ef672f; text-decoration: underline; } .page-footer a:hover { color: #ef672f; } .page-footer .admin__control-select, .page-footer .ui-datepicker .ui-datepicker-title select { max-width: 52rem; width: 100%; } .magento-version { margin-bottom: .5rem; } .magento-version strong { color: #666666; } .copyright { margin-bottom: -.2rem; position: relative; text-align: left; } .copyright .link-copyright { display: inline-block; margin-right: .5rem; text-decoration: none; vertical-align: top; } .copyright .link-copyright:hover:before { color: #f38a5e; } .copyright .link-copyright:before { transition: color 0.1s linear; color: #eb5202; content: '\e606'; display: block; font-size: 2.5rem; position: relative; top: -.2rem; } .copyright .link-copyright:active:before { transform: scale(0.9); } .footer-legal { padding-top: 1rem; } .footer-legal-system { text-align: right; } .store-switcher { color: #41362f; float: left; font-size: 1.3rem; margin-top: .59rem; } .store-switcher .admin__action-dropdown { background-color: #f8f8f8; margin-left: .5em; } .store-switcher .dropdown { display: inline-block; position: relative; } .store-switcher .dropdown:before, .store-switcher .dropdown:after { content: ''; display: table; } .store-switcher .dropdown:after { clear: both; } .store-switcher .dropdown .action.toggle { cursor: pointer; display: inline-block; text-decoration: none; } .store-switcher .dropdown .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 2; color: #41362f; content: '\e607'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .store-switcher .dropdown .action.toggle:hover:after { color: #41362f; } .store-switcher .dropdown .action.toggle:active:after { color: #41362f; } .store-switcher .dropdown .action.toggle.active { display: inline-block; text-decoration: none; } .store-switcher .dropdown .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 2; color: #41362f; content: '\e618'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .store-switcher .dropdown .action.toggle.active:hover:after { color: #41362f; } .store-switcher .dropdown .action.toggle.active:active:after { color: #41362f; } .store-switcher .dropdown .dropdown-menu { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #aaa6a0; margin-top: 4px; min-width: 19.5rem; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); } .store-switcher .dropdown .dropdown-menu li { margin: 0; padding: 0; } .store-switcher .dropdown .dropdown-menu li:hover { background: transparent; cursor: pointer; } .store-switcher .dropdown.active { overflow: visible; } .store-switcher .dropdown.active .dropdown-menu { display: block; } .store-switcher .dropdown-menu { left: 0; margin-top: .5em; max-height: 250px; overflow-y: auto; padding-top: .25em; } .store-switcher .dropdown-menu::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .store-switcher .dropdown-menu::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); border-radius: 4px; } .store-switcher .dropdown-menu li { border: 0; cursor: default; } .store-switcher .dropdown-menu li:hover { cursor: default; } .store-switcher .dropdown-menu li a, .store-switcher .dropdown-menu li span { color: #41362f; display: block; padding: .5rem 1.3rem; } .store-switcher .dropdown-menu li a { text-decoration: none; } .store-switcher .dropdown-menu li a:hover { background: #e9e9e9; } .store-switcher .dropdown-menu li span { color: #adadad; cursor: default; } .store-switcher .dropdown-menu li.current span { background: #eeeeee; color: #41362f; } .store-switcher .dropdown-menu .store-switcher-store a, .store-switcher .dropdown-menu .store-switcher-store span { padding-left: 2.6rem; } .store-switcher .dropdown-menu .store-switcher-store-view a, .store-switcher .dropdown-menu .store-switcher-store-view span { padding-left: 3.9rem; } .store-switcher .dropdown-menu .dropdown-toolbar { border-top: 1px solid #ebebeb; margin-top: 1rem; } .store-switcher .dropdown-menu .dropdown-toolbar a:before { content: '\e610'; margin-right: .25em; position: relative; top: 1px; } .store-switcher-label { font-weight: 700; } .store-switcher-alt { display: inline-block; position: relative; } .store-switcher-alt.active .dropdown-menu { display: block; } .store-switcher-alt .dropdown-menu { margin-top: 2px; white-space: nowrap; } .store-switcher-alt .dropdown-menu ul { list-style: none; margin: 0; padding: 0; } .store-switcher-alt strong { color: #a79d95; display: block; font-size: 14px; font-weight: 500; line-height: 1.333; padding: 5px 10px; } .store-switcher-alt .store-selected { color: #676056; cursor: pointer; font-size: 12px; font-weight: 400; line-height: 1.333; } .store-switcher-alt .store-selected:after { -webkit-font-smoothing: antialiased; color: #afadac; content: '\e02c'; font-style: normal; font-weight: normal; margin: 0 0 0 3px; speak: none; vertical-align: text-top; } .store-switcher-alt .store-switcher-website, .store-switcher-alt .store-switcher-store { padding: 0; } .store-switcher-alt .store-switcher-website:hover, .store-switcher-alt .store-switcher-store:hover { background: none; } .store-switcher-alt .store-switcher-store-view { padding: 0; } .store-switcher-alt .store-switcher-all, .store-switcher-alt .manage-stores { padding: 0; } .store-switcher-alt .store-switcher-all > a, .store-switcher-alt .manage-stores > a { color: #676056; display: block; font-size: 12px; padding: 8px 15px; text-decoration: none; } .store-switcher-website { margin: 5px 0 0; } .store-switcher-website > strong { padding-left: 13px; } .store-switcher-store { margin: 1px 0 0; } .store-switcher-store > strong { padding-left: 20px; } .store-switcher-store > ul { margin-top: 1px; } .store-switcher-store-view:first-child { border-top: 1px solid #e5e5e5; } .store-switcher-store-view > a { color: #333333; display: block; font-size: 13px; padding: 5px 15px 5px 24px; text-decoration: none; } .store-view:not(.store-switcher) { float: left; margin-top: 1.10rem; } .store-view .store-switcher-label { display: inline-block; } .tooltip { display: inline-block; margin-left: .5em; } .tooltip .help span, .tooltip .help a { cursor: pointer; display: inline-block; height: 22px; position: relative; vertical-align: middle; width: 22px; z-index: 2; } .tooltip .help span:before, .tooltip .help a:before { color: #41362f; content: '\e633'; font-size: 1.7rem; } .tooltip .help a:hover { text-decoration: none; } .tooltip .tooltip-content { background: rgba(49, 48, 43, 0.8); background: #000000; border-radius: 3px; color: #ffffff; display: none; margin-left: -19px; margin-top: 10px; max-width: 200px; padding: 4px 8px; position: absolute; text-shadow: none; z-index: 20; } .tooltip .tooltip-content:before { border-bottom: 5px solid #000000; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ''; height: 0; left: 20px; opacity: .8; position: absolute; top: -5px; width: 0; } .tooltip .tooltip-content.loading { position: absolute; } .tooltip .tooltip-content.loading:before { border-bottom-color: rgba(0, 0, 0, 0.3); } .tooltip:hover > .tooltip-content { display: block; } .page-main-actions:not(._hidden), .page-actions._fixed { background: #f8f8f8; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; padding: 1.5rem; } .page-main-actions { margin: 0 0 3rem; } .page-main-actions._hidden .store-switcher { display: none; } .page-main-actions._hidden .page-actions-placeholder { min-height: 50px; } .page-main-actions .page-actions._fixed { left: 8.800000000000001rem; position: fixed; right: 0; top: 0; z-index: 501; } .page-main-actions .page-actions._fixed .page-actions-inner:before { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #41362f; content: attr(data-title); float: left; font-size: 2.8rem; margin-top: .3rem; max-width: 50%; } .page-actions > button, .page-actions .page-actions-buttons > button, .page-actions .page-actions-buttons > .action, .page-actions .page-actions.floating-header > button, .page-actions .page-actions.floating-header > .action, .page-actions > .block-footer .action-add, .page-actions .page-actions-buttons > .block-footer .action-add { float: right; margin-left: 1.3rem; } .page-actions > button.back, .page-actions .page-actions-buttons > button.back, .page-actions .page-actions-buttons > .action.back, .page-actions > button.action-back, .page-actions .page-actions-buttons > button.action-back, .page-actions .page-actions-buttons > .action.action-back, .page-actions .page-actions.floating-header > button.back, .page-actions .page-actions.floating-header > .action.back, .page-actions .page-actions.floating-header > button.action-back, .page-actions .page-actions.floating-header > .action.action-back, .page-actions > .block-footer .action-add.back, .page-actions .page-actions-buttons > .block-footer .action-add.back, .page-actions > .block-footer .action-add.action-back, .page-actions .page-actions-buttons > .block-footer .action-add.action-back { float: left; -ms-flex-order: -1; -webkit-order: -1; order: -1; } .page-actions > button.back:before, .page-actions .page-actions-buttons > button.back:before, .page-actions .page-actions-buttons > .action.back:before, .page-actions > button.action-back:before, .page-actions .page-actions-buttons > button.action-back:before, .page-actions .page-actions-buttons > .action.action-back:before, .page-actions .page-actions.floating-header > button.back:before, .page-actions .page-actions.floating-header > .action.back:before, .page-actions .page-actions.floating-header > button.action-back:before, .page-actions .page-actions.floating-header > .action.action-back:before, .page-actions > .block-footer .action-add.back:before, .page-actions .page-actions-buttons > .block-footer .action-add.back:before, .page-actions > .block-footer .action-add.action-back:before, .page-actions .page-actions-buttons > .block-footer .action-add.action-back:before { content: '\e626'; margin-right: .5em; position: relative; top: 1px; } .page-actions > button.action-primary, .page-actions .page-actions-buttons > button.action-primary, .page-actions .page-actions-buttons > .action.action-primary, .page-actions > button.primary, .page-actions .page-actions-buttons > button.primary, .page-actions .page-actions-buttons > .action.primary, .page-actions .page-actions.floating-header > button.action-primary, .page-actions .page-actions.floating-header > .action.action-primary, .page-actions .page-actions.floating-header > button.primary, .page-actions .page-actions.floating-header > .action.primary, .page-actions > .block-footer .action-add.action-primary, .page-actions .page-actions-buttons > .block-footer .action-add.action-primary, .page-actions > .block-footer .action-add.primary, .page-actions .page-actions-buttons > .block-footer .action-add.primary { -ms-flex-order: 2; -webkit-order: 2; order: 2; } .page-actions > button.save:not(.primary), .page-actions .page-actions-buttons > button.save:not(.primary), .page-actions .page-actions-buttons > .action.save:not(.primary), .page-actions .page-actions.floating-header > button.save:not(.primary), .page-actions .page-actions.floating-header > .action.save:not(.primary), .page-actions > .block-footer .action-add.save:not(.primary), .page-actions .page-actions-buttons > .block-footer .action-add.save:not(.primary) { -ms-flex-order: 1; -webkit-order: 1; order: 1; } .page-actions > button.delete, .page-actions .page-actions-buttons > button.delete, .page-actions .page-actions-buttons > .action.delete, .page-actions .page-actions.floating-header > button.delete, .page-actions .page-actions.floating-header > .action.delete, .page-actions > .block-footer .action-add.delete, .page-actions .page-actions-buttons > .block-footer .action-add.delete { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .page-actions .page-actions-buttons > .action-element, .page-actions .page-actions.floating-header > .action-element { float: right; margin-left: 1.3rem; } .page-actions .actions-split { float: right; margin-left: 1.3rem; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .page-actions .actions-split .dropdown-menu .item { display: block; } .page-actions-buttons, .page-actions.floating-header { float: right; justify-content: flex-end; display: -webkit-flex; display: -ms-flexbox; display: flex; } .customer-index-edit .page-actions-buttons, .customer-index-edit .page-actions.floating-header { background-color: transparent; } .admin__page-nav, .order-sidebar { background: #f1f1f1; border: 1px solid #e3e3e3; } .admin__page-nav._collapsed:first-child { border-bottom: none; } .admin__page-nav._collapsed._show { border-bottom: 1px solid #e3e3e3; } .admin__page-nav._collapsed._show ._collapsible { background: #f1f1f1; } .admin__page-nav._collapsed._show ._collapsible:after { content: '\e62b'; } .admin__page-nav._collapsed._show ._collapsible + .admin__page-nav-items { display: block; } .admin__page-nav._collapsed._hide .admin__page-nav-title-messages { display: inline-block; } .admin__page-nav._collapsed._hide .admin__page-nav-title-messages ._active { display: inline-block; } .admin__page-nav + ._collapsed { border-bottom: none; border-top: none; } .admin__page-nav-title { border-bottom: 1px solid #e3e3e3; color: #303030; display: block; font-size: 1.4rem; line-height: 1.2; margin: 0 0 -1px; padding: 1.8rem 1.5rem; position: relative; text-transform: uppercase; } .admin__page-nav-title._collapsible { background: #ffffff; cursor: pointer; margin: 0; padding-right: 3.5rem; transition: border-color 0.1s ease-out, background-color 0.1s ease-out; } .admin__page-nav-title._collapsible + .admin__page-nav-items { display: none; margin-top: -1px; } .admin__page-nav-title._collapsible:after { content: '\e628'; font-size: 1.3rem; font-weight: 700; position: absolute; right: 1.8rem; top: 2rem; } .admin__page-nav-title._collapsible:hover { background: #f1f1f1; } .admin__page-nav-title._collapsible:last-child { margin: 0 0 -1px; } .admin__page-nav-title strong { font-weight: 700; } .admin__page-nav-title .admin__page-nav-title-messages { display: none; } .admin__page-nav-items { list-style-type: none; margin: 0; padding: 1rem 0 1.3rem 0; } .admin__page-nav-item { border-left: 3px solid transparent; margin-left: 0.7rem; padding: 0; position: relative; transition: border-color 0.1s ease-out, background-color 0.1s ease-out; } .admin__page-nav-item:hover { border-color: #e4e4e4; } .admin__page-nav-item:hover .admin__page-nav-link { background: #e4e4e4; color: #303030; text-decoration: none; } .admin__page-nav-item._active, .admin__page-nav-item.ui-state-active { border-color: #eb5202; } .admin__page-nav-item._active .admin__page-nav-link, .admin__page-nav-item.ui-state-active .admin__page-nav-link { background: #ffffff; border-color: #e3e3e3; border-right: 1px solid #ffffff; color: #303030; margin-right: -1px; } .admin__page-nav-item._active .admin__page-nav-link, .admin__page-nav-item.ui-state-active .admin__page-nav-link { font-weight: 600; } .admin__page-nav-item._loading:before, .admin__page-nav-item.ui-tabs-loading:before { display: none; } .admin__page-nav-item._loading .admin__page-nav-item-message-loader, .admin__page-nav-item.ui-tabs-loading .admin__page-nav-item-message-loader { display: inline-block; } .admin__page-nav-link { border: 1px solid transparent; border-width: 1px 0; color: #303030; display: block; font-weight: 500; line-height: 1.2; margin: 0 0 -1px; padding: 2rem 0 2rem 1rem; transition: border-color 0.1s ease-out, background-color 0.1s ease-out; word-wrap: break-word; } .admin__page-nav-item-messages { display: inline-block; } .admin__page-nav-item-messages .admin__page-nav-item-message-tooltip { background: #f1f1f1; border: 1px solid #f1f1f1; border-radius: 1px; bottom: 3.7rem; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3); display: none; font-size: 1.4rem; font-weight: 400; left: -1rem; line-height: 1.36; padding: 1.5rem; position: absolute; text-transform: none; width: 27rem; word-break: normal; z-index: 2; } .admin__page-nav-item-messages .admin__page-nav-item-message-tooltip:after, .admin__page-nav-item-messages .admin__page-nav-item-message-tooltip:before { border: 15px solid transparent; height: 0; width: 0; border-top-color: #f1f1f1; content: ''; display: block; left: 2rem; position: absolute; top: 100%; z-index: 3; } .admin__page-nav-item-messages .admin__page-nav-item-message-tooltip:after { border-top-color: #f1f1f1; margin-top: -1px; z-index: 4; } .admin__page-nav-item-messages .admin__page-nav-item-message-tooltip:before { border-top-color: #bfbfbf; margin-top: 1px; } .admin__page-nav-item-message-loader { display: none; margin-top: -1rem; position: absolute; right: 0; top: 50%; } .admin__page-nav-item-message-loader .spinner { font-size: 2rem; margin-right: 1.5rem; } ._loading > .admin__page-nav-item-messages .admin__page-nav-item-message-loader { display: inline-block; } .admin__page-nav-item-message { position: relative; } .admin__page-nav-item-message:hover { z-index: 500; } .admin__page-nav-item-message:hover .admin__page-nav-item-message-tooltip { display: block; } .admin__page-nav-item-message._error, .admin__page-nav-item-message._changed { display: none; } .admin__page-nav-item-message .admin__page-nav-item-message-icon { display: inline-block; font-size: 1.4rem; padding-left: .8em; vertical-align: baseline; } .admin__page-nav-item-message .admin__page-nav-item-message-icon:after { color: #666666; content: '\e631'; } ._changed:not(._error) > .admin__page-nav-item-messages ._changed { display: inline-block; } ._error .admin__page-nav-item-message-icon:after { color: #eb5202; content: '\e623'; } ._error > .admin__page-nav-item-messages ._error { display: inline-block; } ._error > .admin__page-nav-item-messages ._error .spinner { font-size: 2rem; margin-right: 1.5rem; } ._error .admin__page-nav-item-message-tooltip { background: #f1f1f1; border: 1px solid #f1f1f1; border-radius: 1px; bottom: 3.7rem; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3); display: none; font-weight: 400; left: -1rem; line-height: 1.36; padding: 2rem; position: absolute; text-transform: none; width: 27rem; word-break: normal; z-index: 2; } ._error .admin__page-nav-item-message-tooltip:after, ._error .admin__page-nav-item-message-tooltip:before { border: 15px solid transparent; height: 0; width: 0; border-top-color: #f1f1f1; content: ''; display: block; left: 2rem; position: absolute; top: 100%; z-index: 3; } ._error .admin__page-nav-item-message-tooltip:after { border-top-color: #f1f1f1; margin-top: -1px; z-index: 4; } ._error .admin__page-nav-item-message-tooltip:before { border-top-color: #bfbfbf; } .admin__collapsible-block-wrapper { border-bottom: 1px solid #cccccc; } .admin__collapsible-block-wrapper .admin__collapsible-title[aria-expanded='true']:before { content: '\e615'; } .admin__fieldset > .admin__collapsible-block-wrapper:last-child { border-bottom-width: 0; } .admin__collapsible-block-wrapper .admin__collapsible-title { clear: both; color: #303030; cursor: pointer; display: block; font-size: 1.7rem; font-weight: 600; letter-spacing: .025em; padding: 1.9rem 2.8rem 1.9rem 0; position: relative; text-decoration: none; transition: color .15s linear; } .admin__collapsible-block-wrapper .admin__collapsible-title:hover, .admin__collapsible-block-wrapper .admin__collapsible-title:visited, .admin__collapsible-block-wrapper .admin__collapsible-title:focus { color: #0a0a0a; text-decoration: none; } .admin__collapsible-block-wrapper .admin__collapsible-title:active:before { transform: scale(0.9); } .admin__collapsible-block-wrapper .admin__collapsible-title._disabled, .admin__collapsible-block-wrapper .admin__collapsible-title.disabled { color: #7d7d7d; cursor: default; } .admin__collapsible-block-wrapper .admin__collapsible-title:before { content: '\e616'; font-size: 1.8rem; position: absolute; right: 1.3rem; top: 2.3rem; } .admin__collapsible-block-wrapper .admin__collapsible-title._loading:before { content: ''; } .admin__collapsible-block-wrapper.opened > .fieldset-wrapper-title .admin__collapsible-title:before, .admin__collapsible-block-wrapper._show > .fieldset-wrapper-title .admin__collapsible-title:before { content: '\e615'; } .admin__collapsible-block-wrapper.opened.fieldset-wrapper .fieldset-wrapper-title .actions, .admin__collapsible-block-wrapper._show.fieldset-wrapper .fieldset-wrapper-title .actions { display: block; } .admin__collapsible-block-wrapper.opened td.admin__collapsible-block-wrapper .admin__collapsible-title:before, .admin__collapsible-block-wrapper._show td.admin__collapsible-block-wrapper .admin__collapsible-title:before { content: '\e616'; } .admin__collapsible-block-wrapper.opened td.admin__collapsible-block-wrapper._show .admin__collapsible-title:before, .admin__collapsible-block-wrapper._show td.admin__collapsible-block-wrapper._show .admin__collapsible-title:before { content: '\e615'; } .admin__collapsible-block-wrapper.fieldset-wrapper { border-bottom: 1px solid #cccccc; padding: 0; } .admin__collapsible-block-wrapper.fieldset-wrapper .fieldset-wrapper-title { border: 0; margin: 0; padding: 0; } .admin__collapsible-block-wrapper.fieldset-wrapper .fieldset-wrapper-content { padding-bottom: 1.9rem; } .admin__collapsible-block-wrapper.collapsible-block-wrapper-last { border-bottom: 0; } .admin__collapsible-block-wrapper .admin__dynamic-rows.admin__control-collapsible td.admin__collapsible-block-wrapper { border-bottom: none; } .admin__collapsible-content { max-height: 0; transform: scaleY(0); transform-origin: 0 0; transition: transform 100ms ease-in-out, max-height 100ms ease-in-out, visibility 100ms ease-in-out; visibility: hidden; } .admin__collapsible-content._show { max-height: 100%; transform: none; visibility: visible; } .admin__collapsible-content .admin__collapsible-title { font-size: 1.6rem; padding-left: 2.8rem; } .admin__collapsible-content .admin__collapsible-title:before { left: 0; right: auto; top: 2rem; } .admin__collapsible-content .admin__collapsible-title._loading .admin__page-nav-item-message-loader { left: 0; right: auto; } .admin__collapsible-content .admin__collapsible-block-wrapper { margin-left: 4rem; } .fieldset-wrapper .admin__collapsible-block-wrapper .fieldset-wrapper-title { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fieldset-wrapper .admin__collapsible-block-wrapper .fieldset-wrapper-title .actions { position: absolute; right: 1.3rem; top: 1.4rem; } .fieldset-wrapper .admin__collapsible-block-wrapper .fieldset-wrapper-title .draggable-handle { top: 2.4rem; } .modal-slide .fieldset-wrapper .admin__collapsible-title { clear: both; color: #303030; cursor: pointer; display: block; font-size: 1.7rem; font-weight: 600; letter-spacing: .025em; padding: 1.9rem 2.8rem 1.9rem 0; position: relative; text-decoration: none; transition: color .15s linear; } .modal-slide .fieldset-wrapper .admin__collapsible-title:hover, .modal-slide .fieldset-wrapper .admin__collapsible-title:visited, .modal-slide .fieldset-wrapper .admin__collapsible-title:focus { color: #0a0a0a; text-decoration: none; } .modal-slide .fieldset-wrapper .admin__collapsible-title:active:before { transform: scale(0.9); } .modal-slide .fieldset-wrapper .admin__collapsible-title._disabled, .modal-slide .fieldset-wrapper .admin__collapsible-title.disabled { color: #7d7d7d; cursor: default; } .modal-slide .fieldset-wrapper .admin__collapsible-title:before { content: '\e616'; font-size: 1.8rem; position: absolute; right: 1.3rem; top: 2.3rem; } .modal-slide .fieldset-wrapper .admin__collapsible-title._loading:before { content: ''; } .modal-slide .fieldset-wrapper .admin__collapsible-title:before { left: auto; } .admin__collapsible-block .comment { line-height: 1.5; margin-bottom: .5em; margin-top: 1rem; } .admin__collapsible-block .admin__collapsible-block { border: 0; } .admin__collapsible-block .admin__collapsible-block .entry-edit-head > a { padding-left: 2.8rem; padding-right: 0; } .admin__collapsible-block .admin__collapsible-block .entry-edit-head > a:before { left: 0; right: auto; } .admin__collapsible-block ~ .admin__collapsible-block { border: 0; padding: 0 0 2.6rem; } .section-config > .admin__collapsible-block > a, .accordion > dt a, .accordion .admin__collapsible-block > a { clear: both; color: #303030; cursor: pointer; display: block; font-size: 1.7rem; font-weight: 600; letter-spacing: .025em; padding: 1.9rem 2.8rem 1.9rem 0; position: relative; text-decoration: none; transition: color .15s linear; } .section-config > .admin__collapsible-block > a:hover, .accordion > dt a:hover, .accordion .admin__collapsible-block > a:hover, .section-config > .admin__collapsible-block > a:visited, .accordion > dt a:visited, .accordion .admin__collapsible-block > a:visited, .section-config > .admin__collapsible-block > a:focus, .accordion > dt a:focus, .accordion .admin__collapsible-block > a:focus { color: #0a0a0a; text-decoration: none; } .section-config > .admin__collapsible-block > a:active:before, .accordion > dt a:active:before, .accordion .admin__collapsible-block > a:active:before { transform: scale(0.9); } .section-config > .admin__collapsible-block > a._disabled, .accordion > dt a._disabled, .accordion .admin__collapsible-block > a._disabled, .section-config > .admin__collapsible-block > a.disabled, .accordion > dt a.disabled, .accordion .admin__collapsible-block > a.disabled { color: #7d7d7d; cursor: default; } .section-config > .admin__collapsible-block > a:before, .accordion > dt a:before, .accordion .admin__collapsible-block > a:before { content: '\e616'; font-size: 1.8rem; position: absolute; right: 1.3rem; top: 2.3rem; } .section-config > .admin__collapsible-block > a._loading:before, .accordion > dt a._loading:before, .accordion .admin__collapsible-block > a._loading:before { content: ''; } .section-config > .admin__collapsible-block > a > i, .accordion > dt a > i, .accordion .admin__collapsible-block > a > i { display: block; font-size: 1.4rem; font-style: italic; font-weight: 400; padding-top: .4rem; } .section-config.active > .admin__collapsible-block > a:before, .accordion > dt.open a:before, .accordion .admin__collapsible-block.open a:before { content: '\e615'; } .section-config.active > .admin__collapsible-block + input + fieldset, .accordion > dt + dd.open, .accordion .admin__collapsible-block.open + input + fieldset { display: block; margin: 0; } .sortable-wrapper { margin-bottom: 1.5rem; } .accordion { margin: 0 0 .8rem; padding: 0; } .accordion dt { border-bottom: 1px solid #cccccc; } .accordion dt.open { border-bottom: none; } .accordion dd { border-bottom: 1px solid #cccccc; display: none; } .accordion dd.open:empty { background: #ffffff url(../../../../../../web/mui/images/ajax-loader-big.gif) no-repeat center; height: 100px; } .accordion dt:last-of-type, .accordion dd:last-of-type { border-bottom: none; } .accordion .form-inline .config td { padding: 2.2rem 1.5rem 0 0; } .accordion .form-inline .config .scope-label { padding: 31px 1.5rem 0 0; } .accordion .form-inline .config .use-default { padding: 29px 1.5rem 0 0; } .accordion .form-inline .config .value { padding-right: 2rem; } .accordion .form-inline > .section-config:last-child { border-bottom: 0; } .accordion .config .comment a, .accordion .config .link-more { color: #007bdb; font-size: 1.4rem; font-weight: 400; } .accordion .config .comment a:focus, .accordion .config .link-more:focus, .accordion .config .comment a:hover, .accordion .config .link-more:hover { text-decoration: underline; } .accordion .config legend { display: none; } .accordion .config table { width: 100%; } .accordion .config td { padding: 2.2rem 1.5rem 0 0; vertical-align: top; } .accordion .config td[colspan] { padding: 0; } .accordion .config .admin__control-table { margin: 0 0 0.5rem; } .accordion .config .admin__control-table td { padding: 1.3rem 2.5rem 1.3rem 0; } .accordion .config .admin__control-table td:first-child { padding-left: 1.5rem; } .accordion .config .admin__control-table .cc-type-select { min-width: 20rem; } .accordion .config input[type='text'], .accordion .config input[type='password'], .accordion .config select, .accordion .config textarea { width: 100%; } .accordion .config input.input-file { margin-top: 4px; } .accordion .config select.select-date { width: 27%; } .accordion .config .label { color: #303030; float: none; font-size: 14px; font-weight: 600; padding-right: 30px; text-align: right; width: 33%; } .accordion .config .label label { padding-top: 7px; } .accordion .config .label span[data-config-scope] { display: inline-block; position: relative; } .accordion .config .scope-label { color: #999999; font-size: 1.2rem; letter-spacing: .05em; padding: 31px 1.5rem 0 0; } .accordion .config .note { color: #303030; font-size: 12px; margin: 5px 0; } .accordion .config .note a { color: #007bdb; font-size: 12px; font-weight: 400; } .accordion .config .note a:focus, .accordion .config .note a:hover { text-decoration: underline; } .accordion .config ._with-tooltip select, .accordion .config ._with-tooltip input[type='text'], .accordion .config ._with-tooltip input[type='password'] { float: left; } .accordion .config ._with-tooltip .note { clear: both; margin: 0; padding: 0.5rem 0; } .accordion .config .system-tooltip-box { position: absolute; } .accordion .config .value { padding-right: 40px; vertical-align: middle; width: 44%; } .accordion .config .value.with-tooltip { font-size: 0; } .accordion .config .value.with-tooltip .tooltip { bottom: 0; float: right; left: 0; margin: 6px -28px 0 0; position: relative; right: 0; top: 0; } .accordion .config .value.with-tooltip .time-separator { font-size: 14px; padding-left: 5px; } .accordion .config .value.with-tooltip .tooltip-content { background: #35302c; background: rgba(49, 48, 43, 0.8); border-radius: 5px; bottom: 100%; font-size: 13px; line-height: 1.4; margin: 0 -17px 10px 0; max-width: 239px; padding: 18px; right: 0; width: 239px; } .accordion .config .value.with-tooltip .tooltip-content:before { border-bottom: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #35302c; bottom: -5px; content: ''; height: 0; left: auto; opacity: .8; position: absolute; right: 20px; top: auto; width: 0; } .accordion .config .value.with-tooltip .help { margin: 0; position: relative; width: auto; } .accordion .config .value .checkboxes { list-style: none; margin: -3px 0 0; padding: 0; } .accordion .config .value .checkboxes li { margin: 7px 0; } .accordion .config .value .checkboxes input, .accordion .config .value .checkboxes label { vertical-align: middle; } .accordion .config .value .checkboxes label { margin-left: 5px; } .accordion .config .value .label { padding: 6px 5px 0 1.5rem; vertical-align: top; width: auto; } .accordion .config .value .label:first-child { padding-left: 0; } .accordion .paypal-selection-simplified { padding-left: 30px; } .accordion .paypal-selection { border-bottom: 2px solid #bfbfbf; margin: 10px; width: 98%; } .accordion .paypal-selection th { padding: 6px 10px 7px; } .accordion .paypal-selection input[type='checkbox'] { margin: -4px 7px 0 0; } .accordion .paypal-payment-notice { margin: 10px; } .accordion .custom-options { border: 1px solid #999999; margin: 0 0 20px; padding: 0 10px; } .tree-store-scope.admin__fieldset { padding: 0; } .tree-store-scope.admin__fieldset > .admin__field { margin-left: -30px; } .tree-store-scope [class*='field-w'].admin__field, .tree-store-scope [class*='field-sg'].admin__field { margin: 0 0 0 -30px; } .tree-store-scope [class*='field-w'] .admin__field-label, .tree-store-scope [class*='field-sg'] .admin__field-label { text-align: left; } .tree-store-scope [class*='field-website_label'] .admin__field-label { text-align: right; } .tree-store-scope [class*='field-website_label'] .admin__field-tooltip { margin: -0.2rem 0 0 -2.5rem; } .store-scope .admin__legend .admin__field-tooltip { margin-left: 0; margin-top: .5rem; } .no-margin-top-tooltip .admin__legend .admin__field-tooltip { margin-top: 0; } .page-separator { border-bottom: 0; border-top: 1px solid #e3e3e3; display: block; margin-bottom: 2rem; margin-top: 2rem; } .page-sub-title { font-size: 2.4rem; margin-bottom: 1.2rem; } .page-sub-sub-title { font-size: 1.7rem; font-weight: 600; } .dashboard-data { background: #ffffff; font-size: 1.3rem; width: 100%; } .dashboard-data tr._clickable { cursor: pointer; } .dashboard-data th, .dashboard-data td { padding: 1rem 0 1rem 1rem; } .dashboard-data th:first-child, .dashboard-data td:first-child { padding-left: 0; } .dashboard-data.admin__table-primary th { border-top: 0; } .dashboard-main .dashboard-data th, .dashboard-main .dashboard-data td { text-align: right; white-space: nowrap; width: 15%; } .dashboard-main .dashboard-data .col-name { text-align: left; white-space: normal; width: 55%; } .dashboard-main .dashboard-data .col-product { width: 70%; } .dashboard-main .dashboard-data .col-orders { text-align: left; } .dashboard-secondary .dashboard-data .col-popularity, .dashboard-secondary .dashboard-data .col-total { text-align: right; width: 21.27659574%; } .dashboard-secondary .dashboard-data .col-customer, .dashboard-secondary .dashboard-data .col-search-query { width: 57.44680851%; } .dashboard-container .empty-text { background: #ffffff; font-size: 1.3rem; } .dashboard-container .ui-tabs-panel { border-top: 1px solid #adadad; } .dashboard-diagram-disabled { padding: .5rem 2rem 2rem; } .dashboard-diagram-switcher { border-top: 1px solid #adadad; margin-top: -1px; padding: 2rem 2rem 0; } .dashboard-diagram-switcher + .dashboard-diagram-tab-content > .ui-tabs-panel { border-top: 0 none; } .dashboard-totals { margin: 1rem 2rem 6rem; } .dashboard-totals-list { display: table; width: 100%; } .dashboard-totals-item { display: table-cell; padding: 0 1rem 0 0; width: 25%; } .dashboard-totals-item:first-child .price { color: #eb5202; } .dashboard-totals-label { display: block; font-size: 1.3rem; font-weight: 700; } .dashboard-totals-value { font-size: 2.4rem; font-weight: 600; } .dashboard-store-stats .ui-tabs { margin-bottom: 0; position: relative; } .dashboard-store-stats .ui-tabs:before { background-color: rgba(255, 255, 255, 0); background-repeat: repeat-x; background-image: -webkit-linear-gradient(left, color-stop(rgba(255, 255, 255, 0) 0%), color-stop(#ffffff 100%)); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 0)', endColorstr='#ffffff', GradientType=1); content: ''; height: 4.8rem; position: absolute; right: 0; top: 0; width: 2rem; } .dashboard-store-stats .ui-tabs-panel { background: url(../images/ajax-loader-small.gif) no-repeat 50% 50%; min-height: 4.5rem; } .dashboard-store-stats .tabs-horiz { border-right: 1px solid #ffffff; float: left; overflow-x: auto; white-space: nowrap; width: 100%; } .dashboard-store-stats .tabs-horiz .ui-state-default { display: inline-block; float: none; margin-right: .1rem; } .dashboard-container .dashboard-secondary { padding-right: 3.5rem; } .dashboard-item { margin-bottom: 3rem; } .dashboard-item-title, .dashboard-advanced-reports-title { font-size: 1.8rem; font-weight: 700; } .dashboard-item-primary:first-child .dashboard-sales-value { color: #eb5202; } .dashboard-sales-value { font-size: 2.4rem; font-weight: 600; } .login-header { margin: 0 0 3rem; } .page-layout-admin-login { -webkit-align-items: center; -ms-align-items: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #373330; height: 101%; max-height: 100%; min-width: 50rem; } .page-layout-admin-login .page-wrapper { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; background-color: #ffffff; border: 1px solid #e3e3e3; box-shadow: 0 5px 30px 0 #000000; display: block; float: none; margin: auto; max-width: 45rem; min-height: 30rem; min-width: 0; padding: 40px 80px 50px; position: relative; width: 100%; z-index: 1; } .page-layout-admin-login :-ms-input-placeholder { color: transparent; } .page-layout-admin-login ::-webkit-input-placeholder { color: transparent; } .page-layout-admin-login ::-moz-placeholder { color: transparent; } .page-layout-admin-login .admin__legend { color: #eb5202; font-size: 2.6rem; font-weight: 300; line-height: 1.2; margin: -1rem 0 2.5rem; } .page-layout-admin-login .admin__field-info { margin-bottom: 3rem; } .page-layout-admin-login .messages { margin-top: .5rem; } .page-layout-admin-login .messages + form .admin__legend { display: none; } .page-layout-admin-login .actions { padding: 0 0 3rem; } .login-footer { color: #989287; font-size: 1rem; font-weight: 400; left: 0; margin: 5rem 0 2rem; position: absolute; text-align: center; top: 100%; width: 100%; } .login-footer .link-copyright:before { display: none; } .adminhtml-auth-login .form-actions { display: table; margin-top: -2rem; } .adminhtml-auth-login .form-actions .links { display: table-header-group; } .adminhtml-auth-login .form-actions .actions { padding: 3rem 0 0; } .grid-severity-critical, .grid-severity-major, .grid-severity-notice, .grid-severity-minor { background: #feeee1 none repeat scroll 0 0; border: 1px solid #ed4f2e; color: #ed4f2e; display: block; font-weight: bold; line-height: 17px; padding: 0 3px; text-align: center; text-transform: uppercase; } .grid-severity-critical, .grid-severity-major { background: #f9d4d4 none repeat scroll 0 0; border-color: #e22626; color: #e22626; } .grid-severity-notice { background: #d0e5a9 none repeat scroll 0 0; border-color: #5b8116; color: #185b00; } .additional-cache-management { margin-bottom: 0; } .additional-cache-management h2 { border-bottom: 1px solid #cac3b4; box-sizing: border-box; float: left; margin: 0 0 18px; padding: 0; position: static; width: 100%; } .additional-cache-management h2 span { color: #303030; display: inline-block; font-size: 1.7rem; font-weight: 600; padding: 7px 0 10px; } .additional-cache-management span { color: #303030; font-size: 14px; font-weight: 600; margin: 5px 0 6px; } .access-denied-hr { height: 0.2rem; border: 0; box-shadow: 0 10px 10px -10px #b4b3b3 inset; } .access-denied-page { margin: 3.5rem 0 10rem 0; } .access-denied-page h2 { margin-bottom: 3rem; } .access-denied-page ul li { font-size: 1.2rem; margin: 2rem 0 2rem 3rem; } .access-denied-page ul li span { font-size: 1.4rem; margin-left: 1rem; } input[type='checkbox'].banner-content-checkbox { position: absolute; top: .8rem; } input[type='checkbox'].banner-content-checkbox + .addafter { line-height: 3.2rem; padding-left: 2.6rem; } .tree-store-scope .field .banner-content-checkbox + .addafter { padding: 0 0 0 2.6rem; } .adminhtml-widget_instance-edit .admin__fieldset .admin__field-control .data-grid-actions-cell input[type='checkbox'], .adminhtml-cms_page-edit .admin__fieldset .admin__field-control .data-grid-actions-cell input[type='checkbox'], .adminhtml-banner-edit .admin__fieldset .admin__field-control .data-grid-actions-cell input[type='checkbox'], .adminhtml-widget_instance-edit .admin__fieldset .admin__field-control .data-grid-checkbox-cell-inner input[type='checkbox'], .adminhtml-cms_page-edit .admin__fieldset .admin__field-control .data-grid-checkbox-cell-inner input[type='checkbox'], .adminhtml-banner-edit .admin__fieldset .admin__field-control .data-grid-checkbox-cell-inner input[type='checkbox'] { margin-top: 0; } .catalog-product-index .admin__data-grid-wrap .data-row { cursor: pointer; } .catalog-category-edit .admin__grid-control .admin__grid-control-value { display: none; } .admin__field-complex-attributes .admin__field-complex-content { font-size: 2.4rem; padding: .5rem 0; } .attributes-summary .attributes-selected, .attributes-summary .attributes-found { display: block; } .sidebar-actions { margin-bottom: 2rem; } .sidebar-actions [class*='action-'] { margin-bottom: 0.5rem; } .catalog-category-edit .x-tree.tree-wrapper, .catalog-category-add .x-tree.tree-wrapper { overflow-x: auto; } .admin__field-use-config .admin__field { margin-top: -2rem; } .admin__control-fields .control-grouped { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .admin__control-fields .control-grouped .admin__field + .admin__field { margin-left: 1rem; margin-top: 0; } .admin__control-fields .control-grouped .admin__field + .admin__field .admin__field-control .admin__control-addon .admin__control-text { min-width: 6rem; } .admin__field-control .attribute-change-checkbox input[type='checkbox'].checkbox { margin-top: 0; } .permissions-custom-options { margin: 0 0 2rem; } .permissions-custom-options .admin__control-table { margin: 0 0 0.5rem; } .permissions-custom-options .col-grants .admin__field-label { display: block; text-align: left; } .warning-enable-permissions { color: #f00; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .modal-slide .media-gallery-modal .page-main-actions { margin-bottom: 3rem; } .modal-slide .media-gallery-modal .page-main-actions .page-action-buttons { text-align: right; } .modal-slide .media-gallery-modal .new_folder { margin-right: 10px; } .tree-actions a { cursor: pointer; } .section-config { border-bottom: 1px solid #cccccc; } .admin__fieldset > .section-config:last-child { border-bottom-width: 0; } .section-config .admin__collapsible-block tr:last-child > td > .section-config { border-bottom-color: transparent; padding-bottom: 0; } .section-config .admin__collapsible-block tr:last-child > td > .section-config > .config { padding-bottom: 0; } .section-config .section-config { margin-left: 4rem; } .section-config .section-config .entry-edit-head > a { padding-left: 2.8rem; padding-right: 0; } .section-config .section-config .entry-edit-head > a:before { left: 0; right: auto; } .section-config.complex .section-config.with-button.enabled > .entry-edit-head:before, .section-config .config td.label label.enabled:before { background-color: #79a22e; border-radius: 100%; color: #ffffff; content: '\e62d'; display: block; float: left; font-size: 1.6rem; font-weight: 400; height: 1em; margin-left: -25px; margin-top: .2rem; overflow: hidden; width: 1em; } .section-config.config-advanced { padding-top: 2.6rem; } .section-config.config-advanced .section-config { padding-top: 2.6rem; } .section-config.with-button { padding: 2rem 0; } .section-config.with-button.active { padding-bottom: 0; } .section-config.with-button.active .config-heading { margin-bottom: 2rem; } .section-config.with-button .section-config { margin-left: 0; } .section-config.with-button .section-config .section-config { margin-left: 4rem; } .section-config.with-button .config-heading strong { display: block; font-size: 1.4rem; font-weight: 700; margin-bottom: .5rem; } .section-config.with-button .config-heading .button-container { margin: 1.5rem 0 0; } .section-config.with-button .button-container { line-height: 28px; } .section-config.with-button .button-container a { margin-left: 20px; } .section-config.with-button .action-configure.open .state-opened { height: auto; overflow: auto; visibility: visible; } .section-config.with-button .action-configure.open .state-closed, .section-config.with-button .action-configure .state-opened { height: 0; overflow: hidden; visibility: hidden; } .section-config.with-button .action-configure span { display: block; position: relative; text-align: center; } .section-config .config { padding-bottom: 2.6rem; } .section-config .config h4 { color: #303030; font-size: 1.7rem; font-weight: 600; margin-bottom: 0; padding-left: 2.8rem; padding-top: 2.6rem; } .section-config > .config.admin__collapsible-block { display: none; } .product-create-configuration { padding: 1rem 0; } .product-create-configuration .product-create-configuration-info { float: left; width: 60%; } .product-create-configuration .product-create-configuration-actions { float: right; text-align: right; width: 40%; } .product-create-configuration .product-create-configuration-action { float: right; margin-left: 1rem; } .product-create-configuration .action-menu-item { padding-right: 0; } .steps-wizard { position: relative; } .steps-wizard .steps-wizard-navigation { background: #f8f8f8; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; margin: 0 0 2rem; padding: 1.5rem; text-align: center; } .steps-wizard .steps-wizard-title { font-size: 2.4rem; margin: 0 0 1rem; } .steps-wizard .steps-wizard-info { margin: 0 0 2rem; } .steps-wizard .admin__data-grid-wrap .action-multicheck-wrap { position: static; } .steps-wizard .admin__data-grid-wrap .action-multicheck-wrap .action-menu, .steps-wizard .admin__data-grid-wrap .action-multicheck-wrap .abs-action-menu .action-submenu, .steps-wizard .admin__data-grid-wrap .action-multicheck-wrap .action-menu .action-submenu, .steps-wizard .admin__data-grid-wrap .action-multicheck-wrap .actions-split .dropdown-menu .action-submenu, .steps-wizard .admin__data-grid-wrap .action-multicheck-wrap .actions-split .action-menu .action-submenu { left: 0; margin-top: 16px; right: auto; top: auto; z-index: 2; } .steps-wizard .admin__data-grid-wrap .note { margin: 2rem 0; } .nav { background-color: #f8f8f8; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; display: none; padding: 2.2rem 1.5rem 0 0; } .nav-bar-outer-actions { margin-bottom: 1.7rem; } .nav-bar-outer-actions .action-wrap { display: inline-block; margin-left: .5rem; margin-right: .5rem; } .nav-bar-outer-actions { margin-top: -10.6rem; padding-right: 1.5rem; } .nav-bar { counter-reset: i; float: left; margin: 0 1rem 1.7rem 0; padding: 0; position: relative; white-space: nowrap; } .nav-bar:before { background-color: #d4d4d4; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, #d1d1d1 0%, #d4d4d4 100%); background-image: linear-gradient(to bottom, #d1d1d1 0%, #d4d4d4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#d4d4d4', GradientType=0); border-bottom: 1px solid #d9d9d9; border-top: 1px solid #bfbfbf; content: ''; height: .8rem; left: 5.15rem; position: absolute; right: 5.15rem; top: 0.7rem; } .nav-bar > li { display: inline-block; font-size: 0; position: relative; vertical-align: top; width: 10.3rem; } .nav-bar > li:first-child:after { display: none; } .nav-bar > li:after { background-color: #514943; content: ''; height: .5rem; left: calc(-50% + .25rem); position: absolute; right: calc(50% + .7rem); top: .9rem; } .nav-bar > li.disabled:before, .nav-bar > li.ui-state-disabled:before { bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .nav-bar > li.active ~ li:after, .nav-bar > li.ui-state-active ~ li:after { display: none; } .nav-bar > li.active ~ li a:after, .nav-bar > li.ui-state-active ~ li a:after { background-color: transparent; border-color: transparent; color: #a6a6a6; } .nav-bar > li.active a, .nav-bar > li.ui-state-active a { color: #000000; } .nav-bar > li.active a:hover, .nav-bar > li.ui-state-active a:hover { cursor: default; } .nav-bar > li.active a:after, .nav-bar > li.ui-state-active a:after { background-color: #ffffff; content: ''; } .nav-bar a { color: #514943; display: block; font-size: 1.2rem; font-weight: 600; line-height: 1.2; overflow: hidden; padding: 3rem .5em 0; position: relative; text-align: center; text-overflow: ellipsis; } .nav-bar a:hover { text-decoration: none; } .nav-bar a:after { background-color: #514943; border: 4px solid #514943; border-radius: 100%; color: #ffffff; content: counter(i); counter-increment: i; height: 0.7rem; left: 50%; line-height: .6; margin-left: -0.8rem; position: absolute; right: auto; text-align: center; top: 0.4rem; width: 0.7rem; } .nav-bar a:before { background-color: #d6d6d6; border: 1px solid transparent; border-radius: 100%; content: ''; height: 2.1rem; left: 50%; line-height: 1; margin-left: -1.2rem; position: absolute; top: 0; width: 2.1rem; } .steps-wizard .nav-bar { margin: 0.5rem 0 0; } .steps-wizard .nav-bar a { text-overflow: initial; white-space: normal; } .steps-wizard .nav-bar :after, .steps-wizard .nav-bar :before { box-sizing: content-box; } .steps-wizard .nav-bar-outer-actions { margin-top: 1rem; padding-right: 0; } .action-wrap-prev, .action-wrap-next { min-width: 8.5rem; } .data-grid-configurable .col-image { padding: 1rem; width: 6rem; } .data-grid-configurable .images-uploaded { display: inline-block; position: relative; } .data-grid-configurable .images-uploaded span { font-size: 1.1rem; background: #ffffff; border: 1px solid #a3a3a3; border-radius: 10px; line-height: 10px; min-width: 20px; padding: .4rem; position: absolute; right: -8px; text-align: center; top: -8px; } .currency-addon { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; border: 1px solid #adadad; flex-flow: row nowrap; position: relative; width: 100%; } .currency-addon .admin__control-text { -ms-flex-order: 1; -webkit-appearance: none; -webkit-flex-grow: 1; -webkit-flex-shrink: 1; -webkit-order: 1; appearance: none; background-color: transparent; border-color: transparent; box-shadow: none; flex-grow: 1; flex-shrink: 1; order: 1; vertical-align: top; } .currency-addon .admin__control-text:focus + .currency-symbol { border-color: #007bdb; } .currency-addon label.error { left: 0; position: absolute; top: 33px; } .currency-addon .currency-symbol { -webkit-flex-basis: auto; -webkit-flex-grow: 0; -webkit-flex-shrink: 0; border: solid #adadad; border-width: 0; box-sizing: border-box; color: #858585; flex-basis: auto; flex-grow: 0; flex-shrink: 0; height: 3.2rem; order: 0; padding: 7px 0 0 0.5rem; position: static; transition: border-color 0.1s linear; z-index: 1; } ._error .currency-addon .admin__control-text, ._error .currency-addon .currency-symbol { border-color: #e22626; } .affected-attribute-set .admin__fieldset { margin: 2rem 0 0 3rem; } .affected-attribute-set .admin__field-option .addafter:before { margin-right: 1rem; } .affected-attribute-set .admin__field-option .addafter:after { top: 3px; } .steps-wizard .select-attributes-block { margin: 0 0 2rem; } .steps-wizard .select-attributes-actions { float: right; margin-bottom: 1rem; } .steps-wizard .attribute-entity { background: #ffffff; border: 1px solid #d1d1d1; margin: 0 0 3rem; max-width: 70rem; padding: 1rem; transition: border-color 0.3s; } .steps-wizard .attribute-entity.ui-sortable-helper { border-color: #1979c3; cursor: -moz-grabbing; cursor: -webkit-grabbing; } .steps-wizard .attribute-entity.ui-sortable-helper .draggable-handle { cursor: -moz-grabbing; cursor: -webkit-grabbing; } .steps-wizard .attribute-entity .action-select-all, .steps-wizard .attribute-entity .action-deselect-all { display: inline-block; font-weight: 400; line-height: 1; margin: 0.5rem 0 0; padding: 0 0 0 0.5rem; } .steps-wizard .attribute-entity .action-deselect-all { border-left: 1px solid #d1d1d1; } .steps-wizard .attribute-entity .action-remove-all { padding: 0; vertical-align: top; display: inline-block; text-decoration: none; } .steps-wizard .attribute-entity .action-remove-all > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .steps-wizard .attribute-entity .action-remove-all:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.8rem; line-height: inherit; color: #575757; content: '\e630'; font-family: 'Admin Icons'; margin: -2px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .steps-wizard .attribute-entity .action-remove-all:hover:before { color: #858585; } .steps-wizard .attribute-entity-top { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 1rem; } .steps-wizard .attribute-entity-title { display: inline; font-size: 1.8rem; } .steps-wizard .attribute-options-block { display: inline-block; margin-left: 1rem; } .steps-wizard .attribute-entity-actions { margin-left: auto; white-space: nowrap; } .steps-wizard .attribute-options { font-size: 0; margin: 0 0 1rem; } .steps-wizard .attribute-options .admin__field + .admin__field { margin-top: 0; } .steps-wizard .attribute-option { box-sizing: border-box; display: inline-block; font-size: 1.4rem; padding: 0 0.5rem 1rem 0; width: 33.33333333%; } .steps-wizard .attribute-option .action-save, .steps-wizard .attribute-option .action-remove { background-color: transparent; border-color: transparent; box-shadow: none; padding: 0 0.5rem; } .steps-wizard .attribute-option .action-save:hover, .steps-wizard .attribute-option .action-remove:hover { background-color: transparent; border-color: transparent; box-shadow: none; } .steps-wizard .attribute-option .action-save:before, .steps-wizard .attribute-option .action-remove:before { content: '\e625'; } .steps-wizard .attribute-option .action-save:hover, .steps-wizard .attribute-option .action-remove:hover { color: #35302c; } .steps-wizard .attribute-option .action-save > span, .steps-wizard .attribute-option .action-remove > span { display: none; } .steps-wizard .attribute-option .action-remove:before { content: '\e630'; } .steps-wizard .attribute-option .admin__field-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .steps-wizard .attribute-option .admin__field-create-new .admin__field-control { display: inline-block; width: 50%; } .steps-wizard .admin__field-create-new .admin__control-text { width: 100%; } .steps-wizard .action-create-new { font-weight: 400; padding-left: 0; } .steps-wizard .steps-wizard-section-list { margin: 0 0 3rem; } .steps-wizard .steps-wizard-section-list > li { margin: 0 0 1rem; } .steps-wizard .steps-wizard-section { margin: 0 0 3rem; } .steps-wizard .steps-wizard-section .admin__field-control .admin__control-select, .steps-wizard .steps-wizard-section .admin__field-control .ui-datepicker .ui-datepicker-title select { min-width: 100%; } .steps-wizard .steps-wizard-section-title { border-bottom: 1px solid #e3e3e3; font-size: 1.8rem; margin: 0 0 1rem; padding: 0 0 1rem; } .steps-wizard .gallery-image-wrapper { background: #f8f8f8; padding: 14px 2rem; position: relative; } .steps-wizard .attribute-image-selector .attribute-label { display: block; margin: 0 0 1rem; } .steps-wizard .attribute-image-selector .attributes-selector-list { border: 1px solid #f4f4f4; list-style-type: none; margin: 0 0 2.5rem; padding: 2.5rem 1rem; } .steps-wizard .attribute-image-selector .attributes-selector-list:empty { display: none; } .steps-wizard .attribute-image-selector .attributes-selector-list > .item + .item { margin-top: 2.5rem; } .steps-wizard .attribute-image-selector .attribute-label { font-size: 1.6rem; margin-bottom: 0.5rem; } .steps-wizard .attribute-image-selector .image-panel { margin: 0; } .steps-wizard .bulk-attribute-values { max-width: 700px; } .steps-wizard .bulk-attribute-values .admin__field-label { padding-left: 2.6rem; text-align: left; } .steps-wizard .button-assign-sources { margin-left: 0; } .steps-wizard .button-assign-sources .admin__field-control { display: block; float: right; } .steps-wizard .data-grid-configurable .col-image img { max-width: 5rem; } .admin__fieldset-import-service { margin: 0 0 2rem; } .admin__fieldset-import-service .admin__field { margin: 0 0 2rem; } .admin__fieldset-import-service > .action-default { margin-left: calc( (100%) * 0.25 + 30px ); } .customer_form_areas_address_address_customer_address_update_modal_update_customer_address_form_loader .admin__field .admin__field .admin__field-label { background: none; } .customer-address-form *, .customer-address-form *:after, .customer-address-form *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .customer-address-form address { font-style: normal; } .customer-address-form .customer-default-address-wrapper { align-items: flex-start; display: flex; float: left; position: relative; width: 50%; } .customer-address-form .customer-default-address-wrapper .action-additional { margin: 2px 0 0 8px; } .customer-address-form .customer_form_areas_address_address_customer_address_listing { clear: both; } .customer-address-form .add-new-address-button { clear: both; float: right; margin-bottom: 30px; position: relative; } .customer-address-form .address-information { float: left; margin-bottom: 20px; } .customer-address-form .address-information address { float: left; } .customer-address-form .address-information address .address_caption { font-size: 18px; font-weight: bold; margin-bottom: 16px; } .customer-newsletter-fieldset.admin__fieldset.multi-website > .admin__field > .admin__field-control { width: calc(100% * 0.75 - 30px); } .customer-newsletter-fieldset.admin__fieldset.multi-website > .admin__field > .admin__field-control table th.subscriber-status { text-align: center; } .customer-newsletter-fieldset.admin__fieldset.multi-website > .admin__field > .admin__field-control table td.subscriber-status { text-align: center; } .customer-newsletter-fieldset.admin__fieldset.multi-website > .admin__field > .admin__field-control table td select.admin__control-select, .customer-newsletter-fieldset.admin__fieldset.multi-website > .admin__field > .admin__field-control table td select.ui-datepicker .ui-datepicker-title select { width: 100%; } .field-refund-store-credit .admin__control-text { margin-left: 1rem; width: 8rem; } .admin__field-is-downloaodable { margin-bottom: 3rem; } .downloadable-form .admin__legend { font-size: 1.8rem; } .downloadable-form .admin__legend + .note { margin-bottom: 3rem; } .downloadable-form .admin__control-table th { padding-bottom: 1.3rem; vertical-align: top; } .downloadable-form .admin__control-table tbody tr:first-child td { padding-top: 0; } .downloadable-form .admin__control-table td { vertical-align: top; } .downloadable-form .admin__control-table td.col-sort { padding-right: 15px; width: 15px; } .downloadable-form th.col-sort span { display: none; } .downloadable-form td.col-actions-add { background: #ffffff; padding: 0; } .downloadable-form .col-actions { width: 15px; } .downloadable-form .draggable-handle { margin-top: .3rem; } .downloadable-form.admin__fieldset .draggable-handle { background: none; height: inherit; line-height: inherit; } .downloadable-form .action-delete { margin-top: .4rem; padding: 0; } .downloadable-form .action-delete:before { color: #999999; font-size: 1.8rem; } .downloadable-form .action-add { padding: 0.5rem 0 0; } .downloadable-form .admin__field-file-url { padding-left: 2.6rem; } .downloadable-form .admin__field-file-url .admin__field-label span { display: none; } .downloadable-form .admin__field-file-url .admin__field-label { margin-left: -2.6rem; } .downloadable-form .admin__field-uploader { display: inline-block; margin-left: 0.5rem; vertical-align: top; } .downloadable-form .fileinput-button { color: #007bdb; cursor: pointer; display: inline-block; } .downloadable-form .fileinput-button:hover { color: #007bdb; text-decoration: underline; } .downloadable-form .file-info-size { font-size: 1.2rem; } .downloadable-form .note { margin-top: .8rem; } .downloadable-form.admin__fieldset { padding: 0; } .downloadable-form.admin__fieldset .admin__control-radio { position: absolute; } @-moz-document url-prefix() { .downloadable-form { display: table-column; } } .admin__dynamic-rows.admin__control-table .file-uploader-filename { max-width: 170px; } .admin__field-amount .admin__control-table { width: auto; } .admin__field-amount tbody .admin__control-text { min-width: 15rem; } .form-sharing-info .admin__legend { border-bottom: 1px solid #cccccc; margin-bottom: 1.7rem; padding: 1.4rem 0 .5rem; } .form-sharing-info .admin__legend span { float: left; margin: 0; } .form-sharing-info .sharing-info-textarea { display: block; height: 50px; margin-bottom: 2.5rem; } .order-create-gift-wrapping { float: left; width: calc( (100%) * 0.5 - 30px ); } .order-create-gift-wrapping .admin__field { margin: 1.5rem 0; } .order-create-gift-wrapping .gift-wrapping-design { display: none; } .order-create-gift-wrapping .gift-wrapping-design._active { display: block; } .giftmessage-order-create + .order-create-gift-wrapping { float: right; } .order-create-gift-wrapping .gift-wrapping-design .image-box, .order-gift-options .gift-wrapping-design .image-box, .gift-options-popup .gift-wrapping-design .image-box { float: left; margin-right: 1.5rem; max-height: 7.5rem; max-width: 7.5rem; } .order-gift-options .admin__field { margin: 1.5rem 0; } .gift-options-popup .admin__field { margin-bottom: 1.5rem; } .gift-options-popup .price { font-weight: 700; } .gift-options-popup .image-box { display: none; } .gift-options-popup .image-box._active { display: block; } .ui-dialog .gift-wrapping-form .admin__legend { margin: 0; } [class*='adminhtml-giftwrapping-'] .field-base_price .admin__field-control { max-width: 15rem; } [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon > .addafter { -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; position: relative; z-index: 1; } [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon [class*='admin__control-'][class] ~ .addafter:last-child { padding-left: 1rem; position: static !important; z-index: 0; } [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon [class*='admin__control-'][class] ~ .addafter:last-child > * { position: relative; vertical-align: top; z-index: 1; } [class*='adminhtml-giftwrapping-'] .field-base_price .admin__control-addon [class*='admin__control-'][class] ~ .addafter:last-child:before { bottom: 0; box-sizing: border-box; content: ''; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } [class*='adminhtml-giftwrapping-'] .field-image .admin__field-control { padding-top: .8rem; } [class*='adminhtml-giftwrapping-'] .field-image .admin__field-control > a { display: inline-block; vertical-align: middle; } .adminhtml-integration-index .data-grid .action[disabled] { color: #bbbbbb; cursor: not-allowed; opacity: 0.6; } .adminhtml-integration-index .data-grid .action:hover:before { color: #7e807e; } .adminhtml-integration-index .data-grid .action.edit:before { content: '\e631'; } .adminhtml-integration-index .data-grid .action.info:before { content: '\e61a'; } .adminhtml-integration-index .data-grid .action.delete:before { content: '\e630'; } .adminhtml-integration-index .security-notice { color: #b30000; font-size: 1.1rem; margin-left: 1.5rem; vertical-align: middle; } .adminhtml-integration-index .security-notice:before { content: '\e623'; margin-right: 0.5rem; } .adminhtml-integration-index input[readonly] { cursor: copy; } .adminhtml-integration-index .ui-dialog .ui-dialog-buttonpane { float: none; } .adminhtml-integration-index .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { text-align: right; } .adminhtml-integration-index .no-close .ui-dialog-titlebar-close { display: none; } .page-partners { border-top: 1px solid #e3e3e3; padding-top: 2.5rem; } .page-partners .partners-block { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .page-partners .partner { margin-bottom: 4rem; padding: 0 2.5rem; width: 33.33333333%; } .partners-description, .partner-description { line-height: 1.7; } .partners-description { margin-bottom: 2em; } .partner-title { font-size: 1.7rem; font-weight: 600; margin-bottom: .8rem; } .partner-image { margin-bottom: 2.2rem; margin-top: .8rem; max-height: 12rem; max-width: 12rem; } .partner-description { margin-bottom: 1rem; } .partners-footer .magento-marketplace-logo { float: right; margin-bottom: 1px; } .partners-footer p { line-height: 1.7; } .partners-search { padding-left: 7.7rem; position: relative; } .partners-search:before { content: '\e63f'; font-size: 4.5rem; left: .9rem; position: absolute; top: .6rem; } .pp-buttons-container > div { margin-top: -2.2rem; } .pp-buttons-container > div a[data-paypal-button=true] { display: inline-block; margin-top: 2.2rem; } .abs-video-gallery-icon, .video-item .product-image-wrapper, .mage-new-video-dialog .video-player-container { display: block; text-decoration: none; } .abs-video-gallery-icon > span, .video-item .product-image-wrapper > span, .mage-new-video-dialog .video-player-container > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-video-gallery-icon:before, .video-item .product-image-wrapper:before, .mage-new-video-dialog .video-player-container:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 4rem; line-height: inherit; color: #000000; content: '\e641'; font-family: 'Admin Icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-video-gallery-icon:hover:before, .video-item .product-image-wrapper:hover:before, .mage-new-video-dialog .video-player-container:hover:before { color: #000000; } .abs-video-gallery-icon:before, .video-item .product-image-wrapper:before, .mage-new-video-dialog .video-player-container:before { left: 0; margin-top: -2rem; opacity: .5; position: absolute; right: 0; top: 50%; z-index: 2; } .image.video-placeholder { display: inline-block; position: relative; text-decoration: none; } .image.video-placeholder:before { background: url(../Magento_ProductVideo/images/gallery-sprite.png) no-repeat left bottom; content: ''; height: 49px; left: 50%; margin-left: -24px; opacity: .7; position: absolute; top: 18px; width: 49px; z-index: 1; } .image.video-placeholder .image-placeholder-text { font-weight: 400; } .preview-image-hidden-input { display: none; } .video-item .product-image-wrapper:hover:before { opacity: .3; } .mage-new-video-dialog form.admin__scope-old { float: left; width: 65%; } .mage-new-video-dialog .video-player-sidebar { float: left; width: 34.99999%; } .mage-new-video-dialog .video-player-container { border: 1px solid #e3e3e3; height: 20vw; margin-bottom: 30px; position: relative; width: 100%; } .mage-new-video-dialog .video-information { display: none; margin-bottom: 7px; } .mage-new-video-dialog .video-information:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } .mage-new-video-dialog .video-information label { display: block; float: left; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; font-weight: 600; text-align: right; width: 25%; } .mage-new-video-dialog .video-information span { display: block; float: left; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; font-weight: 300; padding-left: 20px; width: 74.9999%; } .mage-new-video-dialog .product-video { height: 100%; position: relative; width: 100%; z-index: 20; } .mage-new-video-dialog .admin__scope-old .admin__field.field-role .admin__field-control, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_image .admin__field-control, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_small_image .admin__field-control, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_thumbnail .admin__field-control, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_swatch_image .admin__field-control, .mage-new-video-dialog .admin__scope-old .admin__field.field-new_video_disabled .admin__field-control { width: calc( (100%) * 0.25 - 30px ); margin-left: 30px; float: left; margin-left: 80px; position: relative; } .mage-new-video-dialog .admin__scope-old .admin__field.field-role .admin__field-control input, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_image .admin__field-control input, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_small_image .admin__field-control input, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_thumbnail .admin__field-control input, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_swatch_image .admin__field-control input, .mage-new-video-dialog .admin__scope-old .admin__field.field-new_video_disabled .admin__field-control input { float: right; } .mage-new-video-dialog .admin__scope-old .admin__field.field-role .admin__field-label, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_image .admin__field-label, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_small_image .admin__field-label, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_thumbnail .admin__field-label, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_swatch_image .admin__field-label, .mage-new-video-dialog .admin__scope-old .admin__field.field-new_video_disabled .admin__field-label { cursor: pointer; left: 0; margin-left: 26%; padding-left: 45px; position: absolute; width: 250px; } .mage-new-video-dialog .admin__scope-old .admin__field.field-role .admin__field-label:before, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_image .admin__field-label:before, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_small_image .admin__field-label:before, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_thumbnail .admin__field-label:before, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_swatch_image .admin__field-label:before, .mage-new-video-dialog .admin__scope-old .admin__field.field-new_video_disabled .admin__field-label:before { content: none; } .mage-new-video-dialog .admin__scope-old .admin__field.field-role .admin__field-label span, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_image .admin__field-label span, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_small_image .admin__field-label span, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_thumbnail .admin__field-label span, .mage-new-video-dialog .admin__scope-old .admin__field.field-video_swatch_image .admin__field-label span, .mage-new-video-dialog .admin__scope-old .admin__field.field-new_video_disabled .admin__field-label span { float: left; } .mage-new-video-dialog .admin__scope-old .admin__field.field-new_video_disabled { margin-top: 32px; } .mage-new-video-dialog .admin__scope-old .admin__field.field.field-new_video_screenshot { margin-bottom: 5px; } .mage-new-video-dialog .admin__scope-old .admin__field.field.field-new_video_screenshot_preview { margin-bottom: 50px; } .mage-new-video-dialog .admin__scope-old .admin__field.field-role-label { height: 0; } .mage-new-video-dialog .admin__scope-old .admin__field.field-role-label .admin__field-control { width: calc( (100%) * 0.25 - 30px ); margin-left: 30px; float: left; margin-left: 80px; position: relative; } .mage-new-video-dialog .admin__scope-old .admin__field.field-role-label .admin__field-control .control-value { color: #000000; float: right; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; font-weight: 600; position: relative; right: 50px; top: 21px; } .mage-new-video-dialog .admin__scope-old .admin__field label > input[type='checkbox'] { margin: -3px 3px 0 0; vertical-align: middle; } .mage-new-video-dialog .admin__scope-old .admin__field input[type='checkbox'] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: #ffffff; border: 1px solid #adadad; border-radius: 2px; cursor: pointer; display: inline-block; height: 16px; margin: 0 5px 0 0; position: relative; transition: all 0.1s ease-in; vertical-align: middle; width: 16px; } .mage-new-video-dialog .admin__scope-old .admin__field input[type='checkbox']:focus { border-color: #007bdb; box-shadow: none; outline: 0; } .mage-new-video-dialog .admin__scope-old .admin__field input[type='checkbox'][disabled] { background-color: #e9e9e9; border-color: #adadad; opacity: .5; } .mage-new-video-dialog .admin__scope-old .admin__field input[type='checkbox']:checked:after { color: #514943; content: '\e62d'; display: inline-block; font-family: 'Admin Icons'; font-size: 11px; font-weight: 400; left: 0; line-height: 13px; position: absolute; text-align: center; top: 0; width: 14px; } .mage-new-video-dialog .admin__scope-old .admin__field .control > input[type='checkbox'] { padding: 0; width: 16px; } .image.video-placeholder > button[data-role='add-video-button'], .image.video-placeholder > button, .image.video-placeholder > .block-footer .action-add[data-role='add-video-button'], .image.video-placeholder > .block-footer .action-add { background: transparent; border: 0; height: 100%; position: relative; width: 100%; z-index: 10; } .add-video-button-container { float: right; } .image-upload-error { background: #f5d6c7; color: #303030; font-size: 12px; font-weight: 400; padding: 7px 7px 7px 35px; position: relative; } .image-upload-error .image-upload-error-cross { height: 20px; left: 8px; position: absolute; top: 9px; width: 20px; } .image-upload-error .image-upload-error-cross:before, .image-upload-error .image-upload-error-cross:after { background-color: #ff0101; content: ' '; height: 20px; left: 8px; position: absolute; width: 4px; } .image-upload-error .image-upload-error-cross:before { transform: rotate(45deg); } .image-upload-error .image-upload-error-cross:after { transform: rotate(-45deg); } .release-notification-modal { -webkit-transition: visibility 0s .5s, opacity .5s ease; transition: visibility 0s .5s, opacity .5s ease; } .release-notification-modal._show { -webkit-transition: opacity .5s ease; opacity: 1; transition: opacity .5s ease; visibility: visible; } .release-notification-modal .modal-inner-wrap { -webkit-transform: translateX(0); -webkit-transition: -webkit-transform 0s; height: 50rem; transition: transform 0s; transform: translateX(0); margin-top: 13rem; max-width: 75rem; } .release-notification-modal .modal-inner-wrap .modal-content, .release-notification-modal .modal-inner-wrap .modal-header { padding-left: 4rem; padding-right: 4rem; } .release-notification-modal .modal-inner-wrap .modal-content .action-close, .release-notification-modal .modal-inner-wrap .modal-header .action-close { display: none; } .release-notification-modal .admin__fieldset { padding: 0; } .release-notification-title-with-image { background-repeat: no-repeat; background-size: 55px 49.08px; padding: 1.5rem 0 2rem 7rem; } .release-notification-text { line-height: 1.5; } .release-notification-text ul { margin: 2rem 0 2rem 0; } .release-notification-text ul li { font-size: 1rem; margin: 1.5rem 0 1.5rem 2rem; } .release-notification-text ul li span { font-size: 1.4rem; vertical-align: middle; position: relative; left: 1rem; } .release-notification-button-next, .release-notification-button-back { bottom: 4rem; display: block; float: right; position: absolute; } .release-notification-button-next { line-height: 1.36; margin: 0; padding: 0; color: #007bdb; text-decoration: none; background: none; border: 0; display: inline; font-weight: 400; right: 4rem; } .release-notification-button-next:visited { color: #007bdb; text-decoration: none; } .release-notification-button-next:hover { color: #007bdb; text-decoration: underline; } .release-notification-button-next:active { color: #ff5501; text-decoration: underline; } .release-notification-button-next:hover, .release-notification-button-next:active, .release-notification-button-next:focus { background: none; border: 0; } .release-notification-button-next.disabled, .release-notification-button-next[disabled], fieldset[disabled] .release-notification-button-next { color: #007bdb; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .release-notification-button-back { line-height: 1.36; margin: 0; padding: 0; color: #007bdb; text-decoration: none; background: none; border: 0; display: inline; font-weight: 400; left: 4rem; } .release-notification-button-back:visited { color: #007bdb; text-decoration: none; } .release-notification-button-back:hover { color: #007bdb; text-decoration: underline; } .release-notification-button-back:active { color: #ff5501; text-decoration: underline; } .release-notification-button-back:hover, .release-notification-button-back:active, .release-notification-button-back:focus { background: none; border: 0; } .release-notification-button-back.disabled, .release-notification-button-back[disabled], fieldset[disabled] .release-notification-button-back { color: #007bdb; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .highlight-item { background-size: 65px 58px; background-repeat: no-repeat; padding: 0 0 2rem 8.5rem; margin-left: 1rem; } .highlight-item h3 { margin: 0; } .highlight-item h3 span { font-size: 1.2rem; font-style: italic; font-weight: 300; } .highlight-item-no-image { padding: 0 0 2rem 0; } .highlight-item-no-image h3 { margin: 0; } .hide-release-notification { display: none; } .field-detailed-rating .admin__field-rating { margin: 15px 0 0; } .field-detailed-rating .admin__field-rating:first-child { margin-top: 0; } .field-detailed-rating .admin__field-rating .admin__field-label { display: inline-block; line-height: 1.36; text-align: left; vertical-align: top; width: 75px; } .field-detailed-rating .admin__field-rating .admin__field-control { direction: rtl; display: inline-block; margin: -1px 0 0; unicode-bidi: bidi-override; vertical-align: top; width: 125px; } .field-detailed-rating .admin__field-rating .admin__field-control label { color: #cccccc; cursor: pointer; float: right; font-size: 18px; overflow: hidden; transition: color 150ms linear; white-space: nowrap; width: 18px; } .field-detailed-rating .admin__field-rating .admin__field-control label:before { display: none; } .field-detailed-rating input[type='radio'] { display: none; } .field-summary-rating .rating-box { background: url('../images/rating-bg.png') repeat-x 0 0; font-size: 0; height: 13px; line-height: 0; margin: 4px 0 0; overflow: hidden; width: 90px; } .field-summary-rating .rating-box .rating { background: url('../images/rating-bg.png') repeat-x 0 -13px; height: 13px; } .adminhtml-reward-rate-edit .field-rate .boundary { float: left; width: 125px; } .adminhtml-reward-rate-edit .field-rate .boundary-upper { margin-left: 30px; position: relative; } .adminhtml-reward-rate-edit .field-rate .boundary-upper:before { content: '»'; left: -17.14285714px; position: absolute; top: 25%; } .adminhtml-reward-rate-edit .field-rate .boundary-upper label { height: 0; visibility: hidden; display: block; } .rma-items .col-actions .action-item-details, .rma-items .col-actions .action-item-split-line { margin: 0 0 0.5rem; } .rma-items .col-actions .action { margin-right: 0.5rem; } .rma-items .admin__control-select, .rma-items .ui-datepicker .ui-datepicker-title select { max-width: 10rem; } .rma-items-block .col-actions a { margin: 0 0 0.5rem; } .rma-items-block .col-reason .admin__control-select + .admin__control-text, .rma-items-block .col-reason .ui-datepicker .ui-datepicker-title select + .admin__control-text { margin-top: 0.5rem; } .select-order-items-block .admin__page-section-title .actions, .rma-items-block .admin__page-section-title .actions { float: right; margin-bottom: 1.7rem; margin-top: -.3rem; } .col-rma-product a { float: right; } .order-details .order-items .admin__page-section-title .actions, .order-details .order-search-items .admin__page-section-title .actions, .order-details .order-additional-area .admin__page-section-title .actions { float: right; margin-bottom: 1.7rem; margin-top: -.3rem; } .order-details .order-items .admin__page-section-title .action-secondary, .order-details .order-search-items .admin__page-section-title .action-secondary, .order-details .order-additional-area .admin__page-section-title .action-secondary { margin-left: 2rem; } .order-details .admin__field-option .admin__field-label { display: block; width: auto; } .field-vat-number .action-default { font-weight: 400; margin-top: 1rem; padding: 0; } .admin__fieldset > .admin__field-shipping-same-as-billing { margin-bottom: 1rem; margin-top: -2rem; } .order-billing-address .order-choose-address { margin-top: 14px; } .order-discounts { margin-top: 2rem; } .order-discounts .action-secondary { float: right; margin-top: 2.1rem; } .order-discounts .order-coupons { float: left; } .order-discounts .admin__field { display: inline-block; margin: 0 3.5rem 0 0; vertical-align: top; } .order-discounts .admin__field .admin__field-control { padding-right: 32px; position: relative; } .order-discounts .admin__field .action-default { position: absolute; right: 0; top: 7px; } .order-discounts .admin__field .action-default:before { content: '\e625'; } .order-discounts .admin__field .action-default:hover { color: #35302c; } .order-discounts .admin__field p { margin: 1rem 0 0; } .order-discounts .action-remove { color: #514943; margin-left: 0.5rem; } .order-discounts .action-remove:hover { color: #35302c; text-decoration: none; } .order-discounts .action-remove:before { content: '\e630'; } .order-gift-options .card-price-box { display: none; } .order-gift-options .card-price-box._active { display: block; } .order-gift-options .price-box .price { font-weight: 700; } .order-gift-options > .giftmessage-order-create { float: left; width: calc( (100%) * 0.5 - 30px ); } .order-gift-options .admin__field._required[class]:not(.admin__field-option) > .admin__field-label span:after { margin-left: 0; } .giftmessage-order-create .field-sender { margin-top: 1.4rem; } .giftmessage-order-create .admin__field { margin-bottom: 3rem; position: relative; } .giftmessage-order-create .admin__field + .admin__field { margin-top: 1.5rem; } .order-items > .admin__page-section-title { margin: 0; } .order-items .actions-update { margin: 2rem 0; text-align: right; } .order-search-items .data-grid .action-configure { float: right; } .order-search-items .data-grid .action-configure.disabled { display: none; } .order-search-items .data-grid .col-id, .order-search-items .data-grid .col-price, .order-search-items .data-grid .col-select { width: 10rem; } .abs-order-tables, .order-creditmemo-tables, .order-tables, .order-invoice-tables, .edit-order-table, .order-shipment-table { margin: 0 0 1.7rem; width: 100%; } .abs-order-tables th, .order-creditmemo-tables th, .order-tables th, .order-invoice-tables th, .edit-order-table th, .order-shipment-table th { border-top: 0; font-size: 1.3rem; } .abs-order-tables td, .order-creditmemo-tables td, .order-tables td, .order-invoice-tables td, .edit-order-table td, .order-shipment-table td { border-bottom: none; } .abs-order-tables tbody tr.row-messages-error td, .abs-order-tables tbody tr.row-gift-options td, .order-creditmemo-tables tbody tr.row-messages-error td, .order-creditmemo-tables tbody tr.row-gift-options td, .order-tables tbody tr.row-messages-error td, .order-tables tbody tr.row-gift-options td, .order-invoice-tables tbody tr.row-messages-error td, .order-invoice-tables tbody tr.row-gift-options td, .edit-order-table tbody tr.row-messages-error td, .edit-order-table tbody tr.row-gift-options td, .order-shipment-table tbody tr.row-messages-error td, .order-shipment-table tbody tr.row-gift-options td { padding-top: 0; } .abs-order-tables tfoot td, .order-creditmemo-tables tfoot td, .order-tables tfoot td, .order-invoice-tables tfoot td, .edit-order-table tfoot td, .order-shipment-table tfoot td { border-bottom: 1px solid #e3e3e3; border-top: none; } .abs-order-tables .col-actions .admin__control-select, .abs-order-tables .col-actions .ui-datepicker .ui-datepicker-title select, .order-creditmemo-tables .col-actions .admin__control-select, .order-tables .col-actions .admin__control-select, .order-invoice-tables .col-actions .admin__control-select, .edit-order-table .col-actions .admin__control-select, .order-shipment-table .col-actions .admin__control-select { width: 13rem; } .abs-order-tables .price, .order-creditmemo-tables .price, .order-tables .price, .order-invoice-tables .price, .edit-order-table .price, .order-shipment-table .price { display: inline-block; margin: 0 0 0.5rem; } .abs-order-tables .item-options, .order-creditmemo-tables .item-options, .order-tables .item-options, .order-invoice-tables .item-options, .edit-order-table .item-options, .order-shipment-table .item-options { margin: 1rem 0 0; } .abs-order-tables .item-options dt, .order-creditmemo-tables .item-options dt, .order-tables .item-options dt, .order-invoice-tables .item-options dt, .edit-order-table .item-options dt, .order-shipment-table .item-options dt { clear: left; float: left; margin: 0 0.5rem 0.5rem 0; } .abs-order-tables .item-options dd, .order-creditmemo-tables .item-options dd, .order-tables .item-options dd, .order-invoice-tables .item-options dd, .edit-order-table .item-options dd, .order-shipment-table .item-options dd { display: inline-block; float: left; margin: 0 0 0.5rem; } .abs-order-tables .custom-price-block, .abs-order-tables .discount-price-block, .order-creditmemo-tables .custom-price-block, .order-creditmemo-tables .discount-price-block, .order-tables .custom-price-block, .order-tables .discount-price-block, .order-invoice-tables .custom-price-block, .order-invoice-tables .discount-price-block, .edit-order-table .custom-price-block, .edit-order-table .discount-price-block, .order-shipment-table .custom-price-block, .order-shipment-table .discount-price-block { font-size: 1.1rem; margin: 0 0 0.5rem; } .abs-order-tables .custom-price-block .admin__field-label, .abs-order-tables .discount-price-block .admin__field-label, .order-creditmemo-tables .custom-price-block .admin__field-label, .order-creditmemo-tables .discount-price-block .admin__field-label, .order-tables .custom-price-block .admin__field-label, .order-tables .discount-price-block .admin__field-label, .order-invoice-tables .custom-price-block .admin__field-label, .order-invoice-tables .discount-price-block .admin__field-label, .edit-order-table .custom-price-block .admin__field-label, .edit-order-table .discount-price-block .admin__field-label, .order-shipment-table .custom-price-block .admin__field-label, .order-shipment-table .discount-price-block .admin__field-label { line-height: 1.6rem; } .abs-order-tables .product-configure-block, .order-creditmemo-tables .product-configure-block, .order-tables .product-configure-block, .order-invoice-tables .product-configure-block, .edit-order-table .product-configure-block, .order-shipment-table .product-configure-block { margin: 1rem 0 0; } .abs-order-tables .product-configure-block .disabled, .order-creditmemo-tables .product-configure-block .disabled, .order-tables .product-configure-block .disabled, .order-invoice-tables .product-configure-block .disabled, .edit-order-table .product-configure-block .disabled, .order-shipment-table .product-configure-block .disabled { display: none; } .abs-order-tables .product-sku-block, .order-creditmemo-tables .product-sku-block, .order-tables .product-sku-block, .order-invoice-tables .product-sku-block, .edit-order-table .product-sku-block, .order-shipment-table .product-sku-block { margin: 1rem 0 0; } .order-account-information .admin__field { margin-bottom: 0; } .order-account-information [class*='field-group'] { float: left; } .order-account-information .field-email { display: inline-block; margin: 0; overflow: hidden; width: 50%; } .page-create-order .order-details:not(.order-details-existing-customer) .order-account-information .field-email { margin-left: -30px; } .page-create-order .order-details:not(.order-details-existing-customer) .order-account-information .field-group_id { margin-right: 30px; } .admin__payment-method-wrapper { margin: 0; width: calc(50% - 3rem); } .admin__payment-method-wrapper .admin__field { margin-left: 0; } .admin__payment-method-wrapper .admin__field:first-child { margin-top: 1.5rem; } .admin__payment-method-wrapper .admin__payment-methods { margin: 0; } .admin__order-shipment-methods-title { font-weight: 700; margin: 0 0 0.5rem; } .admin__order-shipment-methods-options { margin: 0 0 2rem; } .admin__order-shipment-methods-options-list { list-style: none; margin: 0; } .order-billing-method-summary, .order-shipping-method-summary { padding-top: 0.7rem; } .order-shipping-method, .order-billing-method { position: relative; } .order-billing-method-summary .action-default, .order-shipping-method-summary .action-default, .order-shipping-method-info .action-default { font-weight: 400; padding: 0; } .order-methods-overlay { background-color: rgba(255, 255, 255, 0.5); bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .order-methods-overlay span { background-color: #ffffff; display: block; font-weight: 700; left: 0; padding: 0.5rem 0; position: absolute; top: 43px; } .order-shipping-address .order-methods-overlay span { top: 0; } .shipping-description-wrapper .price { font-weight: 700; } .shipping-description-title { font-weight: 700; } .action-create-label { margin: 1rem 0; } .order-payment-method-title + .order-payment-currency { margin-top: 1rem; } .order-payment-method-title .admin__table-secondary { margin-top: 1rem; } .order-sidebar { color: #666666; padding: 3rem 2rem; } .order-sidebar .order-currency { float: none; font-size: 1.4rem; margin: 0 0 2.4rem; } .order-sidebar .order-currency .admin__field-label { display: block; margin: 0 0 1rem; text-align: left; } .order-sidebar .customer-activity-title { border-bottom: 1px solid #e3e3e3; font-size: 1.9rem; font-weight: 700; margin: 0 0 2.4rem; padding: 0 0 2.4rem; } .order-sidebar .admin__control-select, .order-sidebar .ui-datepicker .ui-datepicker-title select { margin: 0 0 0.5rem; width: 100%; } .order-sidebar .order-sidebar-block { border-bottom: 1px solid #e3e3e3; margin: 0 0 2.4rem; padding: 0 0 2.4rem; } .order-sidebar .admin__table-primary { color: #666666; width: 100%; } .order-sidebar .admin__table-primary th:first-child, .order-sidebar .admin__table-primary td:first-child { padding-left: 2rem; } .order-sidebar .admin__table-primary .icon { display: inline-block; font-size: 1.6rem; text-decoration: none; vertical-align: middle; } .order-sidebar .admin__table-primary .icon:after { color: #666666; } .order-sidebar .admin__table-primary .icon.icon-remove { margin-left: -3px; } .order-sidebar .admin__table-primary .icon.icon-remove:after { content: '\e630'; } .order-sidebar .admin__table-primary .icon.icon-add:after { content: '\e625'; } .order-sidebar .admin__table-primary .icon.icon-configure:after { content: '\e610'; } .order-sidebar .admin__table-primary .icon.icon-configure:hover:after { color: #35302c; } .order-sidebar .admin__table-primary .col-add { text-align: right; } .order-sidebar .admin__table-primary .col-add .icon-configure, .order-sidebar .admin__table-primary .col-add .icon-add { margin-right: 1rem; } .order-sidebar .action-refresh { display: table-cell; font-size: 2rem; padding-right: 1rem; vertical-align: middle; } .order-sidebar .action-refresh:after { color: #d4d4d4; content: '\e61f'; } .order-sidebar .action-refresh:hover { text-decoration: none; } .order-sidebar .action-refresh:hover:after { color: #bbbbbb; } .order-sidebar .create-order-sidebar-block .sidebar-title-block { margin: 0 0 2.4rem; } .order-sidebar .create-order-sidebar-block .auto-scroll { margin: 0 -2rem 0.5rem; max-height: 24rem; overflow: auto; position: relative; } .order-sidebar .create-order-sidebar-block .auto-scroll::-webkit-scrollbar { -webkit-appearance: none; height: 4px; } .order-sidebar .create-order-sidebar-block .auto-scroll::-webkit-scrollbar-thumb { -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); background-color: rgba(0, 0, 0, 0.5); border-radius: 4px; } .order-sidebar .create-order-sidebar-block .auto-scroll + .action-default { margin-top: 1.7rem; } .order-sidebar .create-order-sidebar-block .auto-scroll .no-items { padding-left: 2rem; } .order-sidebar .create-order-sidebar-block .admin__field-option { padding-top: 0; } .order-sidebar .create-order-sidebar-label { display: table-cell; font-size: 1.5rem; font-weight: 400; margin: 0; vertical-align: middle; } .order-sidebar .create-order-sidebar-label + .admin__control-select, .order-sidebar .create-order-sidebar-label + .ui-datepicker .ui-datepicker-title select { margin-top: 1.7rem; } .order-sidebar .actions .action-secondary { width: 100%; } .add-by-sku-wrapper .add-by-sku { margin: 0 0 2rem; } .add-by-sku-wrapper .admin__field-note { margin: 1.4rem 0; } .add-by-sku-wrapper .action-reset { display: inline-block; font-size: 1.6rem; margin: -0.4rem 0 0; opacity: .5; vertical-align: middle; } .add-by-sku-wrapper .action-reset:after { color: '\e620'; content: '\e620'; } .add-by-sku-wrapper .action-reset:hover { opacity: 1; } .add-by-sku-wrapper .action-reset:hover:after { color: #35302c; } .add-by-sku-wrapper .col-qty { width: 8rem; } .order-subtotal-table .admin__control-text { width: 5.4rem; } .order-subtotal-table .admin__total-amount { text-align: right; } .order-totals .admin__total-amount { text-align: right; } .totals-actions { text-align: right; } .order-totals-actions { margin-top: 1rem; } .order-totals-actions .actions { margin-top: 3rem; text-align: right; } .order-totals-actions .primary + .primary { margin-left: 1rem; } .edit-order-comments .note-list { font-size: 1.2rem; list-style: none; margin: 0 0 2.4rem; } .edit-order-comments .note-list-item { margin: 0 0 0.5rem; } .edit-order-comments .note-list-date, .edit-order-comments .note-list-time { padding: 0 1rem 0 0; } .edit-order-comments .note-list-status, .edit-order-comments .note-list-customer { border-left: 1px solid #a6a6a6; padding: 0 1rem; } .edit-order-comments .note-list-customer-notapplicable, .edit-order-comments .note-list-customer-not-notified, .edit-order-comments .note-list-customer-notified { font-weight: 700; padding: 0 1rem 0 0; } .edit-order-comments .note-list-comment { margin: 0 0 1.7rem; } .edit-order-comments .comments-block-item { margin: 0 0 2.4rem; } .edit-order-comments .comments-block-item-comment { margin: 0 0 0.5rem; } .edit-order-comments .comments-block-item-date-time { font-size: 1.1rem; } .edit-order-comments-block-title { margin: 0 0 2.4rem; color: #41362f; font-weight: 600; line-height: 1.2; font-size: 1.9rem; } .order-view > .ui-tabs-panel { border: 0; margin: 0; padding: 0; } .order-view .admin__data-grid-pager-wrap .selectmenu { margin-bottom: 10px; } .order-view .data-grid-search-control-wrap { margin-bottom: 10px; } .admin__page-section { margin-bottom: 5rem; } .admin__page-section .admin__control-table-wrapper { margin-top: 2rem; } .admin__page-section address { font-style: normal; } .admin__page-subsection + .admin__page-subsection { margin-top: 2.5rem; } .admin__page-section-title { border-bottom: 1px solid #cccccc; margin-bottom: 1.7rem; padding: 1.4rem 0 .5rem; } .admin__page-section-title strong, .admin__page-section-title .title { float: left; margin: 0; } .admin__page-section-title .actions { display: inline-block; margin-left: 0.5rem; } .admin__page-section-title .actions._primary { float: right; } .admin__page-section-item-title, .admin__page-section-content .admin__page-section-title { border-bottom: 0; margin-bottom: 1.5rem; padding: 0; } .admin__page-section-item-title .title, .admin__page-section-content .admin__page-section-title .title { margin: 0; } .admin__page-section-item-title .actions, .admin__page-section-content .admin__page-section-title .actions { display: inline-block; margin-left: 0.5rem; } .order-customer-selector .admin__page-section-title .title { margin: 0 0 2rem; } .order-customer-selector .admin__page-section-title .actions { float: right; margin-top: -.5rem; } .tree-store-scope .admin__field { margin: 0 0 1rem; } .abs-qty-table th, .abs-qty-table td, .abs-order-tables .qty-table th, .abs-order-tables .qty-table td, .order-creditmemo-tables .qty-table th, .order-creditmemo-tables .qty-table td, .order-tables .qty-table th, .order-tables .qty-table td, .order-invoice-tables .qty-table th, .order-invoice-tables .qty-table td, .edit-order-table .qty-table th, .edit-order-table .qty-table td, .order-shipment-table .qty-table th, .order-shipment-table .qty-table td { border: none; font-weight: 400; padding: 0 0.5rem 0.5rem 0; } .abs-order-tbody-border tbody, .order-creditmemo-tables tbody, .order-tables tbody, .order-invoice-tables tbody, .edit-order-table tbody, .order-shipment-table tbody { border-bottom: 1px solid #e3e3e3; } .abs-order-tbody-border tbody:last-of-type, .order-creditmemo-tables tbody:last-of-type, .order-tables tbody:last-of-type, .order-invoice-tables tbody:last-of-type, .edit-order-table tbody:last-of-type, .order-shipment-table tbody:last-of-type { border-bottom: none; } .product-configure-popup .weee .price-excluding-tax, .product-configure-popup .weee .price-including-tax { display: block; font-size: 1.3rem; } .product-configure-popup .weee .price-excluding-tax:before, .product-configure-popup .weee .price-including-tax:before { content: attr(data-label) ': '; } .options-list.nested .admin__field-option .admin__field-label > span:after { content: none; } .summary-total { cursor: pointer; } .summary-total .summary-collapse { display: inline-block; padding: 0 0 0 2.3rem; position: relative; } .summary-total .summary-collapse:before { content: '\e616'; font-size: 1.8rem; left: 0; position: absolute; top: 0; } .summary-total .summary-collapse:active:before { transform: scale(0.9); } .show-details .summary-collapse:before { content: '\e615'; } .summary-details .label, .summary-details .admin__total-mark { padding-left: 3.3rem; } #sales_order_create_search_grid .col-in_products .data-grid-checkbox-cell-inner { position: relative; } #sales_order_create_search_grid .col-in_products .checkbox { width: 1.6rem; height: 1.6rem; left: 0; right: 0; margin: auto; } #product_composite_configure_form_fields .admin__field.required .admin__field-label:after { color: #e22626; content: '*'; display: inline-block; font-size: 1.6rem; font-weight: 500; line-height: 1; margin-left: 10px; margin-top: .2rem; position: absolute; z-index: 1; } #product_composite_configure_form_fields .admin__field.required .price-container:after, #product_composite_configure_form_fields .admin__field.required .price-notice:after, #product_composite_configure_form_fields .admin__field.required .price-wrapper:after { color: unset; content: unset; display: unset; font-size: unset; font-weight: unset; line-height: unset; margin-left: unset; margin-top: unset; position: unset; z-index: unset; } .abs-admin__table-secondary-edit-order th, .order-payment-method-title .admin__table-secondary th, .order-information-table th, .order-account-information-table th { font-weight: 400; text-align: left; vertical-align: top; } .abs-admin__table-secondary-edit-order td, .order-payment-method-title .admin__table-secondary td, .order-information-table td, .order-account-information-table td { text-align: right; } .abs-admin__table-secondary-edit-order tr:last-child td, .order-payment-method-title .admin__table-secondary tr:last-child td, .order-information-table tr:last-child td, .order-account-information-table tr:last-child td { border: none; } .edit-order-table { margin-bottom: 5rem; } .edit-order-table tfoot._hide { display: none; } .edit-order-table tfoot td { padding-top: 1rem; } .edit-order-table tfoot .col-total { text-align: right; } .edit-order-table .edit-total-price-block { padding-left: 3rem; } .order-subtotal-table tr td:last-child { text-align: right; } .order-history-block { margin: 0 0 5rem; } .order-history-comments-actions { margin-top: 1.7rem; } .block-schedule { border: 1px solid #bbbbbb; margin-bottom: 4rem; position: relative; z-index: 1; } .block-schedule .block-title { background: #f8f8f8; padding: 2rem 2.5rem; } .block-schedule .block-title .title { font-size: 2rem; font-weight: 200; } .block-schedule .block-title .subtitle { font-style: italic; } .block-schedule .block-title .subtitle:before { content: ' ('; } .block-schedule .block-title .subtitle:after { content: ')'; } .block-schedule .block-title-actions { float: right; line-height: 3.2rem; text-align: right; white-space: nowrap; } .block-schedule .block-title-actions .action-secondary { float: right; margin-left: 2.5rem; } .block-schedule .admin__data-grid-outer-wrap { min-height: 0; } .block-schedule .admin__data-grid-outer-wrap { position: relative; } .block-content-actions { padding: 0 0 1.2rem 1.8rem; position: relative; text-align: center; } .block-content-actions:before { background: linear-gradient(to top, #ffffff 30%, rgba(255, 255, 255, 0) 100%); content: ''; height: 20px; left: -12px; position: absolute; top: -20px; width: 24px; } .block-schedule-table .block-content { border-top: 1px solid #bbbbbb; } .block-schedule-table .block-content .schedule-table-wrapper { margin: 2.5rem; } .block-schedule-table .ui-resizable-s { cursor: ns-resize; } .schedule-table { border-collapse: collapse; width: 100%; } .schedule-table td { line-height: 2rem; padding: 0 1rem 1rem; vertical-align: top; } .schedule-table td:first-child { border-left: 3px solid #514943; } .schedule-table em { color: #666666; } .schedule-table .schedule-date { font-weight: 700; padding-left: 2rem; white-space: nowrap; width: 10rem; } .schedule-table .schedule-date:before { background: #ffffff; border: 3px solid #514943; border-radius: 50%; box-sizing: content-box; content: ''; display: inline-block; height: 17px; margin-left: -33px; margin-top: -1px; position: absolute; width: 17px; } .schedule-table .schedule-date time { white-space: nowrap; } .schedule-table .schedule-date.schedule-date-empty:before { display: none; } .schedule-table .schedule-end .schedule-date:before { background: #514943; border: 0; margin-left: -30px; margin-top: 2px; } .schedule-table .schedule-time { white-space: nowrap; width: 7rem; } .schedule-table .schedule-label { color: #666666; font-size: 1.2rem; width: 1%; } .schedule-table tr:last-child td { padding-bottom: 3rem; } .schedule-table .schedule-actions { padding-right: 0; white-space: nowrap; width: 10%; } .schedule-table .schedule-actions a + a:before { color: #666666; content: '|'; display: inline-block; margin: 0 .3rem 0 .4rem; } .schedule-table .schedule-actions .action-menu-item { cursor: pointer; } .schedule-name { font-weight: 700; } .limited-text { display: inline-block; line-height: 1.4em; max-height: 4.4em; overflow: hidden; position: relative; vertical-align: top; } .limited-text:after { background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%); content: '...'; height: 1.2em; position: absolute; right: 0; text-align: right; top: 1.2em; width: 5rem; } .limited-text + .limited-text { line-height: 1.6rem; margin: .8rem 0 0; } @supports (-webkit-line-clamp: 3) { .limited-text { -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; height: auto; max-height: 4.4em; } .limited-text:after { display: none; } } .limited-text-changes { font-size: 1.2rem; } .block-nodata { padding: 2.5rem; } .fieldset-schedule:last-child { border-bottom: 1px solid #cccccc; } .fieldset-schedule .admin__fieldset { padding: 0; } .fieldset-schedule .admin__fieldset > :last-child { margin-bottom: 3rem; } .fieldset-schedule .admin__fieldset > .fieldset-wrapper:last-child { border-bottom: 1px solid #cccccc; margin-bottom: 0; } .fieldset-schedule .fieldset-wrapper-title { border-bottom: 0; line-height: 1.2; margin: 2rem 0 1rem; padding: 0; } .fieldset-schedule .fieldset-wrapper-title strong { font-size: 2rem; font-weight: 400; } .fieldset-schedule ._has-datepicker.admin__control-text { width: 19rem; } .schedule-summary { display: table; list-style: none; width: 100%; } .schedule-summary .schedule-summary-name, .schedule-summary .schedule-summary-date { display: table-cell; padding-right: .5rem; } .schedule-summary .schedule-summary-name { width: 50%; } .schedule-summary .schedule-summary-date { width: 25%; } .staging-preview-header { background-color: #373330; color: #c3bbb1; position: relative; } .staging-preview-header .logo { float: left; margin: 1.5rem 2.5rem; } .staging-preview-item-title { cursor: pointer; float: left; font-size: 1.3rem; min-height: 8.5rem; padding: 1.5rem 4rem 2.5rem; position: relative; } .staging-preview-item-title:hover { background-color: #45403d; } .staging-preview-item-title._active { background-color: #524d49; cursor: default; } .staging-preview-item-title._active:hover { background-color: #524d49; } .staging-preview-item-title .title { margin: 0 0 1rem; text-transform: uppercase; } .staging-preview-item-title .subtitle { font-size: 1.1rem; font-style: italic; max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .staging-preview-item-calendar:before { background: #736963; content: ''; height: 55px; left: -1px; position: absolute; top: 1rem; width: 1px; } .staging-preview-item-calendar:focus:before, .staging-preview-item-calendar._active:before { display: none; } .staging-preview-item-calendar .title { display: inline-block; text-decoration: none; } .staging-preview-item-calendar .title:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2rem; line-height: 2rem; color: inherit; content: '\e627'; font-family: 'Admin Icons'; margin: -0.2rem 1rem 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .staging-preview-item-screen .title { display: inline-block; text-decoration: none; } .staging-preview-item-screen .title:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.6rem; line-height: 2rem; color: inherit; content: '\e640'; font-family: 'Admin Icons'; margin: -0.2rem 1rem 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .staging-preview-item-customer .title { display: inline-block; text-decoration: none; } .staging-preview-item-customer .title:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2.2rem; line-height: 2rem; color: inherit; content: '\e603'; font-family: 'Admin Icons'; margin: -0.2rem 1rem 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .staging-preview-item-content-wrapper { background-color: #524d49; display: none; left: 0; position: absolute; right: 0; top: 100%; } .staging-preview-item-content-wrapper > .actions-toolbar { border-bottom: 1px solid #8a837f; padding: 1.5rem 2rem 2rem; text-align: right; } .staging-preview-item-content-wrapper > .actions-toolbar .action-close { color: #c3bbb1; font-size: 2rem; margin-left: 1.5rem; vertical-align: middle; } .staging-preview-item-content-wrapper > .actions-toolbar .action-close:hover { color: #ada294; } .staging-preview-item-content-wrapper > .actions-toolbar .action-close:focus { background: transparent; } .staging-preview-item-content { padding: 4rem; } .staging-preview-item-content .admin__fieldset > .admin__legend { font-size: 2rem; font-weight: 300; } .staging-preview-item-content .admin__field > .admin__field-label { color: #c3bbb1; } .staging-preview-item-content .admin__control-text { background-color: #5b5652; border-color: #c3bbb1; color: #ffffff; } .staging-preview-item-content .admin__control-text:hover { border-color: #ada294; } .staging-preview-item-content .admin__control-text:focus { border-color: #007bdb; } .staging-preview-item-content .admin__control-select, .staging-preview-item-content .ui-datepicker .ui-datepicker-title select { background-image: url('../images/arrows-bg-light.svg'), linear-gradient(#373330, #373330), linear-gradient(#c3bbb1, #c3bbb1); background-position: calc(100% - 12px) -34px, 100%, calc(100% - 3.2rem) 0; background-size: auto, 3.2rem 100%, 1px 100%; background-color: #5b5652; background-repeat: no-repeat; border-color: #c3bbb1; color: #ffffff; } .staging-preview-item-content .admin__control-select:hover, .staging-preview-item-content .ui-datepicker .ui-datepicker-title select:hover { border-color: #ada294; } .staging-preview-item-content .admin__control-select:focus, .staging-preview-item-content .ui-datepicker .ui-datepicker-title select:focus { background-image: url('../images/arrows-bg-light.svg'), linear-gradient(#373330, #373330), linear-gradient(#007bdb, #007bdb); background-position: calc(100% - 12px) 13px, 100%, calc(100% - 3.2rem) 0; border-color: #007bdb; } .staging-preview-item-content .ui-datepicker-trigger:after { color: #c3bbb1; } .staging-preview-item-segment .admin__field:last-child { margin-bottom: 0; } .staging-preview-item-segment .admin__field > .admin__field-label { width: 12rem; } .staging-preview-item-segment .admin__control-select, .staging-preview-item-segment .ui-datepicker .ui-datepicker-title select { min-width: 275px; } .staging-preview-content { bottom: 0; height: 400px; left: 0; overflow: auto; right: 0; top: 0; } .staging-preview-content iframe { border: none; display: block; height: 100%; width: 100%; } .staging-preview-content-dynamic { border: 1px solid #999999; height: 100%; margin: 0 auto; transition: width 1s, height 1s; width: 100%; } .staging-update-preview > .data-grid._dragging-copy .data-grid-th { background-color: #373330; color: #ffffff; } .staging-update-preview > .data-grid._dragging-copy td { background-color: #524d49; border-bottom: 1px solid #7f7c7a; color: #ffffff; } .staging-preview-item-content-wrapper .row-gutter { margin-left: 0; margin-right: 0; } .staging-preview-item-content-wrapper .row-gutter > [class*='col-'] { padding-left: 0; padding-right: 0; } .staging-preview-item-content-wrapper .view-specific-date .admin__control-text { width: auto; } .staging-preview-item-content-wrapper .admin__data-grid-outer-wrap { border-top: 1px solid #666666; max-height: 400px; overflow-y: auto; padding: 15px 1rem 0 0; } .staging-preview-item-content-wrapper .data-grid:not(._dragging-copy) ._odd-row td._dragging { background-color: #45403d; color: rgba(255, 255, 255, 0.95); } .staging-preview-item-content-wrapper .data-grid:not(._dragging-copy) td._dragging { background-color: #45403d; color: rgba(255, 255, 255, 0.95); } .staging-preview-item-content-wrapper .data-grid .data-grid-th { background-color: #373330; color: #ffffff; } .staging-preview-item-content-wrapper .data-grid .data-grid-th._sortable:focus { background-color: #0e0d0c; } .staging-preview-item-content-wrapper .data-grid .data-grid-th._sortable:hover { background-color: #1c1a18; } .staging-preview-item-content-wrapper .data-grid tr._odd-row td { background-color: #524d49; } .staging-preview-item-content-wrapper .data-grid tr:active td, .staging-preview-item-content-wrapper .data-grid tr:hover td { background-color: #6d6661; } .staging-preview-item-content-wrapper .data-grid tr:not(.data-grid-editable-row):last-child td { border-bottom-color: #7f7c7a; } .staging-preview-item-content-wrapper .data-grid td { background-color: #524d49; border-bottom: 1px solid #7f7c7a; border-left-color: #999999; border-right-color: #999999; color: #ffffff; } .staging-preview-item-content-wrapper .data-grid td:first-child { border-left: none; } .staging-preview-item-content-wrapper .data-grid td:last-child { border-right: none; } .staging-preview-item-content-wrapper .admin__data-grid-loading-mask { background-color: rgba(0, 0, 0, 0.3); } .staging-preview-item-content-wrapper .selectmenu { background-color: #524d49; } .staging-preview-item-content-wrapper .selectmenu._active { border-color: #c3bbb1; } .staging-preview-item-content-wrapper .selectmenu._active .selectmenu-toggle:before { border-color: #c3bbb1; } .staging-preview-item-content-wrapper .selectmenu .selectmenu-value input[type='text'] { background-color: #524d49; color: #ffffff; } .staging-preview-item-content-wrapper .selectmenu .selectmenu-toggle:before { background: #373330; } .staging-preview-item-content-wrapper .selectmenu .selectmenu-toggle:after { border-color: #c3bbb1 transparent transparent transparent; } .staging-preview-item-content-wrapper .selectmenu .selectmenu-items { background-color: inherit; border-color: #c3bbb1; } .staging-preview-item-content-wrapper .selectmenu .selectmenu-items li:hover { background-color: #6d6661; } .staging-preview-item-content-wrapper .selectmenu .selectmenu-items li:last-child .selectmenu-item-action { color: #ffffff; text-decoration: none; } .staging-preview-item-content-wrapper .selectmenu .action-delete, .staging-preview-item-content-wrapper .selectmenu .action-edit, .staging-preview-item-content-wrapper .selectmenu .action-save { color: #ffffff; } .staging-preview-item-content-wrapper .selectmenu .action-delete, .staging-preview-item-content-wrapper .selectmenu .action-edit { border-color: #c3bbb1; } .staging-preview-item-content-wrapper .selectmenu .selectmenu-item-action { color: #ffffff; } .staging-preview-item-content-wrapper .selectmenu .selectmenu-item-action:hover { background-color: #6d6661; } .staging-preview-item-content-wrapper .admin__data-grid-actions-wrap .admin__action-dropdown-wrap:after { border-color: #c3bbb1; } .staging-preview-item-content-wrapper .admin__action-dropdown { background-color: #524d49; color: #ffffff; } .staging-preview-item-content-wrapper .admin__action-dropdown:after { border-color: #c3bbb1 transparent transparent; } .staging-preview-item-content-wrapper .admin__action-dropdown-menu { background-color: #524d49; color: #ffffff; } .staging-preview-item-content-wrapper .admin__action-dropdown-wrap._active .admin__action-dropdown-text:after { background-color: #524d49; } .staging-preview-item-content-wrapper .admin__data-grid-action-columns-menu .admin__field-label { color: #ffffff; } .staging-preview-item-content-wrapper .admin__data-grid-action-bookmarks .admin__action-dropdown-menu > li:not(.action-dropdown-menu-action):hover { background-color: #6d6661; } .staging-preview-item-content-wrapper .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-action > a { color: #ffffff; } .staging-preview-item-content-wrapper .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-action > a:hover { color: #ffffff; } .staging-preview-item-content-wrapper .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-link { color: #ffffff; } .staging-preview-item-content-wrapper .admin__data-grid-action-bookmarks .action-submit, .staging-preview-item-content-wrapper .admin__data-grid-action-bookmarks .action-delete, .staging-preview-item-content-wrapper .admin__data-grid-action-bookmarks .action-edit { color: #ffffff; } .staging-preview-item-content-wrapper .admin__control-radio:checked + label:before, .staging-preview-item-content-wrapper .admin__control-checkbox:checked + label:before { color: #ffffff; } .staging-preview-item-content-wrapper .admin__control-radio + label:before, .staging-preview-item-content-wrapper .admin__control-checkbox + label:before { background-color: #524d49; } .staging-preview-item-content-wrapper .action-tertiary, .staging-preview-item-content-wrapper .downloadable-form .action-add, .staging-preview-item-content-wrapper .field-vat-number .action-default, .staging-preview-item-content-wrapper .order-billing-method-summary .action-default, .staging-preview-item-content-wrapper .order-shipping-method-summary .action-default, .staging-preview-item-content-wrapper .order-shipping-method-info .action-default { color: #ffffff; } .staging-preview-item-content-wrapper .action-select-wrap .action-select { color: #ffffff; } .staging-preview-item-content-wrapper .action-select-wrap .action-select:hover { color: #ffffff; } .staging-preview-item-content-wrapper .action-select-wrap .action-select:hover:after { border-color: #ffffff transparent transparent transparent; } .staging-preview-item-content-wrapper .action-select-wrap .action-select:after { border-color: #ffffff transparent transparent transparent; } .staging-preview-item-content-wrapper .action-select-wrap .action-select._active:hover:after { border-color: #ffffff transparent transparent transparent; } .staging-preview-item-content-wrapper .action-select-wrap .action-menu, .staging-preview-item-content-wrapper .action-select-wrap .abs-action-menu .action-submenu, .staging-preview-item-content-wrapper .action-select-wrap .action-menu .action-submenu, .staging-preview-item-content-wrapper .action-select-wrap .actions-split .dropdown-menu .action-submenu, .staging-preview-item-content-wrapper .action-select-wrap .actions-split .action-menu .action-submenu { background-color: #524d49; border-color: #6d6661; color: #ffffff; } .staging-preview-item-content-wrapper .action-select-wrap .action-menu > li:hover, .staging-preview-item-content-wrapper .action-select-wrap .abs-action-menu .action-submenu > li:hover, .staging-preview-item-content-wrapper .action-select-wrap .action-menu .action-submenu > li:hover, .staging-preview-item-content-wrapper .action-select-wrap .actions-split .dropdown-menu .action-submenu > li:hover, .staging-preview-item-content-wrapper .action-select-wrap .actions-split .action-menu .action-submenu > li:hover { background-color: #6d6661; } .staging-preview-item-content-wrapper .action-select-wrap .action-menu > li > a, .staging-preview-item-content-wrapper .action-select-wrap .abs-action-menu .action-submenu > li > a, .staging-preview-item-content-wrapper .action-select-wrap .action-menu .action-submenu > li > a, .staging-preview-item-content-wrapper .action-select-wrap .actions-split .dropdown-menu .action-submenu > li > a, .staging-preview-item-content-wrapper .action-select-wrap .actions-split .action-menu .action-submenu > li > a { color: #ffffff; } .staging-preview-item-content-wrapper .action-select-wrap .action-menu > li > a:hover, .staging-preview-item-content-wrapper .action-select-wrap .abs-action-menu .action-submenu > li > a:hover, .staging-preview-item-content-wrapper .action-select-wrap .action-menu .action-submenu > li > a:hover, .staging-preview-item-content-wrapper .action-select-wrap .actions-split .dropdown-menu .action-submenu > li > a:hover, .staging-preview-item-content-wrapper .action-select-wrap .actions-split .action-menu .action-submenu > li > a:hover { color: #ffffff; } .staging-preview-item-screen-sizes .admin__control-checkbox + .admin__field-label, .staging-preview-item-screen-sizes .admin__control-radio + .admin__field-label { color: #ffffff; } .staging-preview-item-screen-sizes ul { display: table; margin: 2.5rem 0; overflow: hidden; width: 100%; } .staging-preview-item-screen-sizes li { display: table-cell; max-width: 30rem; padding: 0 2rem; position: relative; vertical-align: top; } .staging-preview-item-screen-sizes li:first-child { padding-left: 0; } .staging-preview-item-screen-sizes li:last-child { border-right: none; } .staging-preview-item-screen-sizes li:last-child .admin__field-option { padding-left: 2rem; white-space: nowrap; } .staging-preview-item-screen-sizes li:last-child .admin__field-option:after { color: #c3bbb1; content: 'px'; margin-left: 1rem; } .staging-preview-item-screen-sizes li:last-child .admin__field-label { display: inline-block; width: 5rem; } .staging-preview-item-screen-sizes li:last-child .admin__control-text { width: 6rem; } .staging-preview-item-screen-sizes li:last-child .platform:after { content: none; } .staging-preview-item-screen-sizes li .platform { display: inline-block; margin-bottom: 1rem; } .staging-preview-item-screen-sizes li .platform:after { background: repeating-linear-gradient(0deg, #999999, #999999 1px, transparent 1px, transparent 5px); content: ''; display: block; height: 100%; position: absolute; right: 0; top: 3rem; width: 1px; } .ie11 .staging-preview-item-screen-sizes li .platform:after { height: 1000px; } .abs-staging-events-item, .staging-events-actions, .staging-events-summary, .staging-events-campaign { border-bottom: 1px solid #cccccc; padding: 0 0 2rem; } .abs-staging-events-count-icon, .staging-events-campaign-objects-count { border-radius: 10px; display: inline-block; line-height: 2.4rem; padding: 0 1rem; } .abs-staging-events-count-icon:before, .staging-events-campaign-objects-count:before { content: '\e643'; display: inline-block; font-size: 1.4rem; margin-right: 0.5rem; } .staging-events-actions { margin: 1rem 0 0; text-align: right; } .staging-events-actions .action-secondary { margin-left: 1rem; } .staging-events-summary { margin: 0 0 1.5rem; } .staging-events-summary dt { clear: left; float: left; font-weight: 700; margin: 1.5rem 0 0; } .staging-events-summary dd { float: left; margin: 1.5rem 0 0 1rem; } .staging-events-summary dd span { color: #999999; } .staging-events-campaign .items { margin-left: 2rem; } .staging-events-campaign-objects { margin: 0 0 1rem; } .staging-events-campaign-objects-count { background-color: #eeeeee; margin-left: 1rem; } .timeline-item .staging-events-campaign-objects-count { background: #86de00; } .timeline-item._active .staging-events-campaign-objects-count { background: #77dcff; } .staging-events-delete { margin-top: 1rem; text-align: right; } .staging-events-delete .action-delete { font-weight: 400; } .scheduled-changes-modal-slide .page-actions { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .scheduled-changes-modal-slide .page-actions .store-switcher { -ms-flex-order: -1; -webkit-order: -1; order: -1; -ms-flex: 1; -webkit-flex: 1; flex: 1; } .scheduled-changes-modal-slide .page-actions .store-switcher .admin__action-dropdown { font-size: 1.3rem; letter-spacing: -.025em; } .block-footer .action-add { -webkit-appearance: none; } .import-export-tax-rates { padding-top: 2rem; } .block.mselect-list.paginated .admin__action-multiselect-search-wrap { border: 1px solid #cccccc; border-bottom: none; border-radius: 3px; margin: 0; padding: 1rem; } .block.mselect-list.paginated .admin__action-multiselect-search-count { font-size: 1.3rem; } .translate-table-container table { width: 100%; } .translate-table-container td { background: none; padding: 0.5rem; text-align: left; } .translate-table-container td.value .input-text { width: 100%; } .translate-table-container th.label { border: none; font-weight: 700; padding: 0.5rem; text-align: left; width: 150px; } .translate-inline-title { display: block; left: 0; position: absolute; top: 0; z-index: 701; } .menu-wrapper ~ .translate-inline-script { display: block; left: 8.800000000000001rem; position: absolute; top: 0; z-index: 701; } /** * @codingStandardsIgnoreStart */ .admin__data-grid-wrap-static .data-grid { box-sizing: border-box; } .admin__data-grid-wrap-static .data-grid thead { color: #41362f; } .admin__data-grid-wrap-static .data-grid tr:nth-child(even) td { background-color: #f5f5f5; } .admin__data-grid-wrap-static .data-grid tr:nth-child(even) td._dragging { background-color: rgba(245, 245, 245, 0.95); } .admin__data-grid-wrap-static .data-grid ul { margin-left: 1rem; padding-left: 1rem; } .admin__data-grid-wrap-static .admin__data-grid-loading-mask { background: rgba(255, 255, 255, 0.5); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 399; } .admin__data-grid-wrap-static .admin__data-grid-loading-mask .grid-loader { background: url('../images/loader-2.gif') 50% 50% no-repeat; bottom: 0; height: 149px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 218px; } .data-grid-filters-actions-wrap { float: right; } .data-grid-search-control-wrap { float: left; max-width: 45.5rem; position: relative; width: 35%; } .data-grid-search-control-wrap :-ms-input-placeholder { font-style: italic; } .data-grid-search-control-wrap ::-webkit-input-placeholder { font-style: italic; } .data-grid-search-control-wrap ::-moz-placeholder { font-style: italic; } .data-grid-search-control-wrap .action-submit { background-color: transparent; border: none; border-radius: 0; box-shadow: none; margin: 0; padding: 0; padding: .6rem 2rem .2rem; position: absolute; right: 0; top: 1px; } .data-grid-search-control-wrap .action-submit:hover { background-color: transparent; border: none; box-shadow: none; } .data-grid-search-control-wrap .action-submit:active { transform: scale(0.9); } .data-grid-search-control-wrap .action-submit:hover:before { color: #231d1a; } ._keyfocus .data-grid-search-control-wrap .action-submit:focus { box-shadow: 0 0 0 1px #008bdb; } .data-grid-search-control-wrap .action-submit:before { content: '\e60c'; font-size: 2rem; transition: color 0.1s linear; } .data-grid-search-control-wrap .action-submit > span { clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; display: none; visibility: hidden; } .data-grid-search-control-wrap .action-menu, .data-grid-search-control-wrap .abs-action-menu .action-submenu, .data-grid-search-control-wrap .action-menu .action-submenu, .data-grid-search-control-wrap .actions-split .dropdown-menu .action-submenu, .data-grid-search-control-wrap .actions-split .action-menu .action-submenu { max-height: 19.25rem; overflow-y: auto; z-index: 398; } .data-grid-search-control-wrap .action-menu-item._selected { background-color: #e0f6fe; } .data-grid-search-control-wrap .data-grid-search-label { display: none; } .data-grid-search-control { padding-right: 6rem; width: 100%; } .data-grid-filters-action-wrap { float: left; padding-left: 2rem; } .data-grid-filters-action-wrap .action-default { font-size: 1.3rem; margin-bottom: 1rem; padding-left: 1.7rem; padding-right: 2.1rem; padding-top: 0.7rem; } .data-grid-filters-action-wrap .action-default._active { background-color: #ffffff; border-bottom-color: #ffffff; border-right-color: #cccccc; font-weight: 600; margin: -0.1rem 0 0; padding-bottom: 1.6rem; padding-top: 0.8rem; position: relative; z-index: 281; } .data-grid-filters-action-wrap .action-default._active:after { background-color: #eb5202; bottom: 100%; content: ''; height: 3px; left: -1px; position: absolute; right: -1px; } .data-grid-filters-action-wrap .action-default:before { color: #41362f; content: '\e605'; font-size: 1.8rem; margin-right: .4rem; position: relative; top: -1px; vertical-align: top; } .data-grid-filters-action-wrap .filters-active { display: none; } .admin__action-grid-select .admin__control-select, .admin__action-grid-select .ui-datepicker .ui-datepicker-title select { margin: -0.5rem 0.5rem 0 0; padding-bottom: .6rem; padding-top: .6rem; } .admin__data-grid-filters-wrap { opacity: 0; visibility: hidden; clear: both; font-size: 1.3rem; transition: opacity .3s ease; } .admin__data-grid-filters-wrap._show { opacity: 1; visibility: visible; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; margin-bottom: .7rem; padding: 3.6rem 0 3rem; position: relative; top: -1px; z-index: 280; } .admin__data-grid-filters-wrap._show .admin__data-grid-filters-footer, .admin__data-grid-filters-wrap._show .admin__data-grid-filters { display: block; } .admin__data-grid-filters-wrap .admin__form-field-legend, .admin__data-grid-filters-wrap .admin__form-field-label { display: block; font-weight: bold; margin: 0 0 .3rem; text-align: left; } .admin__data-grid-filters-wrap .admin__form-field { display: inline-block; margin-bottom: 2em; margin-left: 0; padding-left: 2rem; padding-right: 2rem; vertical-align: top; width: calc(100% / 4 - 4px); } .admin__data-grid-filters-wrap .admin__form-field .admin__form-field { display: block; float: none; margin-bottom: 1.5rem; padding-left: 0; padding-right: 0; width: auto; } .admin__data-grid-filters-wrap .admin__form-field .admin__form-field:last-child { margin-bottom: 0; } .admin__data-grid-filters-wrap .admin__form-field .admin__form-field .admin__form-field-label { border: 1px solid transparent; float: left; font-weight: normal; line-height: 1.36; margin-bottom: 0; padding-bottom: 0.6rem; padding-right: 1em; padding-top: 0.6rem; width: 25%; } .admin__data-grid-filters-wrap .admin__form-field .admin__form-field .admin__form-field-control { margin-left: 25%; } .admin__data-grid-filters-wrap .admin__form-field-label, .admin__data-grid-filters-wrap .admin__control-text, .admin__data-grid-filters-wrap .admin__control-select, .admin__data-grid-filters-wrap .admin__action-multiselect, .admin__data-grid-filters-wrap .ui-datepicker .ui-datepicker-title select { font-size: 1.3rem; } .admin__data-grid-filters-wrap .admin__control-select, .admin__data-grid-filters-wrap .ui-datepicker .ui-datepicker-title select { height: 3.2rem; padding-top: 0.5rem; } .admin__data-grid-filters-wrap .admin__action-multiselect:before { height: 3.2rem; width: 3.2rem; } .admin__data-grid-filters-wrap .admin__control-text._has-datepicker, .admin__data-grid-filters-wrap .admin__control-select, .admin__data-grid-filters-wrap .ui-datepicker .ui-datepicker-title select { width: 100%; } .admin__data-grid-filters { display: none; margin-left: -2rem; margin-right: -2rem; } .admin__filters-legend { clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; display: none; visibility: hidden; } .admin__data-grid-filters-footer { display: none; font-size: 1.4rem; } .admin__data-grid-filters-footer .admin__footer-main-actions { margin-left: 25%; text-align: right; } .admin__data-grid-filters-footer .admin__footer-secondary-actions { float: left; width: 50%; } .admin__data-grid-filters-current { border-bottom: 0.1rem solid #cccccc; border-top: 0.1rem solid #cccccc; display: none; font-size: 1.3rem; margin-bottom: 0.9rem; padding-bottom: .8rem; padding-top: 1.1rem; width: 100%; } .admin__data-grid-filters-current._show { display: table; position: relative; top: -1px; z-index: 3; } .admin__data-grid-filters-current._show + .admin__data-grid-filters-wrap._show { margin-top: -1rem; } .admin__current-filters-list-wrap, .admin__current-filters-title-wrap, .admin__current-filters-actions-wrap { display: table-cell; vertical-align: top; } .admin__current-filters-title { margin-right: 1em; white-space: nowrap; } .admin__current-filters-list-wrap { width: 100%; word-break: break-all; } .admin__current-filters-list { margin-bottom: 0; } .admin__current-filters-list > li { display: inline-block; font-weight: 600; margin: 0 1rem .5rem; padding-right: 2.6rem; position: relative; } .admin__current-filters-list .action-remove { background-color: transparent; border: none; border-radius: 0; box-shadow: none; margin: 0; padding: 0; line-height: 1; position: absolute; right: 0; top: 1px; } .admin__current-filters-list .action-remove:hover { background-color: transparent; border: none; box-shadow: none; } .admin__current-filters-list .action-remove:hover:before { color: #949494; } .admin__current-filters-list .action-remove:active { transform: scale(0.9); } .admin__current-filters-list .action-remove:before { color: #adadad; content: '\e620'; font-size: 1.6rem; transition: color 0.1s linear; } .admin__current-filters-list .action-remove > span { clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; display: none; visibility: hidden; } .admin__current-filters-actions-wrap .action-clear { border: none; padding-bottom: 0; padding-top: 0; white-space: nowrap; } .admin__data-grid-pager-wrap { float: right; text-align: right; } .admin__data-grid-pager { display: inline-block; margin-left: 3rem; } .admin__data-grid-pager .admin__control-text::-webkit-outer-spin-button, .admin__data-grid-pager .admin__control-text::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .admin__data-grid-pager .admin__control-text { -moz-appearance: textfield; text-align: center; width: 4.4rem; } .action-previous, .action-next { width: 4.4rem; } .action-previous:before, .action-next:before { font-weight: 700; } .action-previous > span, .action-next > span { clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; display: none; visibility: hidden; } .action-previous { margin-right: 2.5rem; text-indent: -.25em; } .action-previous:before { content: '\e629'; } .action-next { margin-left: 1.5rem; text-indent: .1em; } .action-next:before { content: '\e62a'; } .admin__data-grid-action-bookmarks { opacity: 0.98; } .admin__data-grid-action-bookmarks .admin__action-dropdown-text:after { left: 0; right: -6px; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu { left: 0; right: auto; } .admin__data-grid-action-bookmarks._active { z-index: 290; } .admin__data-grid-action-bookmarks .admin__action-dropdown .admin__action-dropdown-text { display: inline-block; max-width: 15rem; min-width: 4.9rem; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .admin__data-grid-action-bookmarks .admin__action-dropdown:before { content: '\e60f'; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu { font-size: 1.3rem; left: 0; padding: 1rem 0 1rem; right: auto; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu > li { padding: 0 5rem 0 0; position: relative; white-space: nowrap; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu > li:not(.action-dropdown-menu-action) { transition: background-color 0.1s linear; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu > li:not(.action-dropdown-menu-action):hover { background-color: #e3e3e3; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-item { max-width: 23rem; min-width: 18rem; white-space: normal; word-break: break-all; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-item-edit { display: none; padding-bottom: 1rem; padding-left: 1rem; padding-top: 1rem; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-item-edit .action-dropdown-menu-item-actions { padding-bottom: 1rem; padding-top: 1rem; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-action { padding-left: 1rem; padding-top: 1rem; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-action + .action-dropdown-menu-item-last { padding-top: .5rem; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-action > a { color: #007bdb; text-decoration: none; display: inline-block; padding-left: 1.1rem; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-action > a:hover { color: #007bdb; text-decoration: underline; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-item-last { padding-bottom: 0; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu ._edit .action-dropdown-menu-item { display: none; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu ._edit .action-dropdown-menu-item-edit { display: block; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu ._active .action-dropdown-menu-link { font-weight: 600; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .admin__control-text { font-size: 1.3rem; min-width: 15rem; width: calc(100% - 4rem); } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-item-actions { border-left: 1px solid #ffffff; bottom: 0; position: absolute; right: 0; top: 0; width: 5rem; } .admin__data-grid-action-bookmarks .admin__action-dropdown-menu .action-dropdown-menu-link { color: #41362f; display: block; text-decoration: none; padding: 1rem 1rem 1rem 2.1rem; } .admin__data-grid-action-bookmarks .action-submit, .admin__data-grid-action-bookmarks .action-delete, .admin__data-grid-action-bookmarks .action-edit { background-color: transparent; border: none; border-radius: 0; box-shadow: none; margin: 0; padding: 0; vertical-align: top; } .admin__data-grid-action-bookmarks .action-submit:hover, .admin__data-grid-action-bookmarks .action-delete:hover, .admin__data-grid-action-bookmarks .action-edit:hover { background-color: transparent; border: none; box-shadow: none; } .admin__data-grid-action-bookmarks .action-submit:before, .admin__data-grid-action-bookmarks .action-delete:before, .admin__data-grid-action-bookmarks .action-edit:before { font-size: 1.7rem; } .admin__data-grid-action-bookmarks .action-submit > span, .admin__data-grid-action-bookmarks .action-delete > span, .admin__data-grid-action-bookmarks .action-edit > span { clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; display: none; visibility: hidden; } .admin__data-grid-action-bookmarks .action-delete, .admin__data-grid-action-bookmarks .action-edit { padding: 0.6rem 1.4rem; } .admin__data-grid-action-bookmarks .action-delete:active, .admin__data-grid-action-bookmarks .action-edit:active { transform: scale(0.9); } .admin__data-grid-action-bookmarks .action-submit { padding: 0.6rem 1rem 0.6rem 0.8rem; } .admin__data-grid-action-bookmarks .action-submit:active { position: relative; right: -1px; } .admin__data-grid-action-bookmarks .action-submit:before { content: '\e625'; } .admin__data-grid-action-bookmarks .action-delete:before { content: '\e630'; } .admin__data-grid-action-bookmarks .action-edit { padding-top: 0.8rem; } .admin__data-grid-action-bookmarks .action-edit:before { content: '\e631'; } .admin__data-grid-action-columns._active { opacity: 0.98; z-index: 290; } .admin__data-grid-action-columns .admin__action-dropdown:before { content: '\e610'; font-size: 1.8rem; margin-right: 0.7rem; vertical-align: top; } .admin__data-grid-action-columns-menu { color: #303030; font-size: 1.3rem; overflow: hidden; padding: 2.2rem 3.5rem 1rem; z-index: 1; } .admin__data-grid-action-columns-menu._overflow .admin__action-dropdown-menu-header { border-bottom: 1px solid #d1d1d1; } .admin__data-grid-action-columns-menu._overflow .admin__action-dropdown-menu-content { width: 49.2rem; } .admin__data-grid-action-columns-menu._overflow .admin__action-dropdown-menu-footer { border-top: 1px solid #d1d1d1; padding-top: 2.5rem; } .admin__data-grid-action-columns-menu .admin__action-dropdown-menu-content { max-height: 22.85rem; overflow-y: auto; padding-top: 1.5rem; position: relative; width: 47.4rem; } .admin__data-grid-action-columns-menu .admin__field-option { float: left; height: 1.9rem; margin-bottom: 1.5rem; padding: 0 1rem 0 0; width: 15.8rem; } .admin__data-grid-action-columns-menu .admin__field-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .admin__data-grid-action-columns-menu .admin__action-dropdown-menu-header { padding-bottom: 1.5rem; } .admin__data-grid-action-columns-menu .admin__action-dropdown-menu-footer { padding: 1rem 0 2rem; } .admin__data-grid-action-columns-menu .admin__action-dropdown-footer-main-actions { margin-left: 25%; text-align: right; } .admin__data-grid-action-columns-menu .admin__action-dropdown-footer-secondary-actions { float: left; margin-left: -1em; } .admin__data-grid-action-export._active { opacity: 0.98; z-index: 290; } .admin__data-grid-action-export .admin__action-dropdown:before { content: '\e635'; font-size: 1.7rem; left: .3rem; margin-right: 0.7rem; vertical-align: top; } .admin__data-grid-action-export-menu { padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; } .admin__data-grid-action-export-menu .admin__action-dropdown-footer-main-actions { padding-bottom: 2rem; padding-top: 2.5rem; white-space: nowrap; } .sticky-header { background-color: #f8f8f8; border-bottom: 1px solid #e3e3e3; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25); left: 8.800000000000001rem; margin-top: -1px; padding: 0.5rem 3rem 0; position: fixed; right: 0; top: 77px; z-index: 398; } .sticky-header .admin__data-grid-wrap { margin-bottom: 0; overflow-x: visible; padding-bottom: 0; } .sticky-header .admin__data-grid-header-row { position: relative; text-align: right; } .sticky-header .admin__data-grid-header-row:last-child { margin: 0; } .sticky-header .data-grid-search-control-wrap, .sticky-header .data-grid-filters-actions-wrap, .sticky-header .admin__data-grid-filters-wrap, .sticky-header .admin__data-grid-pager-wrap, .sticky-header .admin__data-grid-actions-wrap { display: inline-block; float: none; vertical-align: top; } .sticky-header .action-select-wrap { float: left; margin-right: 1.5rem; width: 16.66666667%; } .sticky-header .admin__control-support-text { float: left; } .sticky-header .data-grid-search-control-wrap { margin: -0.5rem 0 0 1.1rem; width: auto; } .sticky-header .data-grid-search-control-wrap .data-grid-search-label { box-sizing: border-box; cursor: pointer; display: block; min-width: 3.8rem; padding: 1.2rem 0.6rem 1.7rem; position: relative; text-align: center; } .sticky-header .data-grid-search-control-wrap .data-grid-search-label:before { color: #41362f; content: '\e60c'; font-size: 2rem; transition: color 0.1s linear; } .sticky-header .data-grid-search-control-wrap .data-grid-search-label:hover:before { color: #060504; } .sticky-header .data-grid-search-control-wrap .data-grid-search-label span { display: none; } .sticky-header .data-grid-filters-actions-wrap { margin: -0.5rem 0 0 1.1rem; padding-left: 0; position: relative; } .sticky-header .data-grid-filters-actions-wrap .action-default { background-color: transparent; border: 1px solid transparent; box-sizing: border-box; min-width: 3.8rem; padding: 1.2rem 0.6rem 1.7rem; text-align: center; transition: all 0.15s ease; } .sticky-header .data-grid-filters-actions-wrap .action-default span { display: none; } .sticky-header .data-grid-filters-actions-wrap .action-default:before { margin: 0; } .sticky-header .data-grid-filters-actions-wrap .action-default._active { background-color: #ffffff; border-bottom-color: #ffffff; border-left-color: #adadad; border-right-color: #adadad; border-top-color: #adadad; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); z-index: 210; } .sticky-header .data-grid-filters-actions-wrap .action-default._active:after { background-color: #ffffff; content: ''; height: 6px; left: -2px; position: absolute; right: -6px; top: 100%; } .sticky-header .data-grid-filters-action-wrap { padding: 0; } .sticky-header .admin__data-grid-filters-wrap { background-color: #ffffff; border: 1px solid #adadad; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25); left: 0; padding-left: 3.5rem; padding-right: 3.5rem; position: absolute; top: 100%; width: 100%; z-index: 209; } .sticky-header .admin__data-grid-filters-current + .admin__data-grid-filters-wrap._show { margin-top: -6px; } .sticky-header .filters-active { background-color: #e04f00; border-radius: 10px; color: #ffffff; display: block; font-size: 1.4rem; font-weight: 700; padding: .1rem .7rem; position: absolute; right: -7px; top: 0; z-index: 211; } .sticky-header .filters-active:empty { padding-bottom: 0; padding-top: 0; } .sticky-header .admin__data-grid-actions-wrap { margin: -0.5rem 0 0 1.1rem; padding-right: .3rem; } .sticky-header .admin__data-grid-actions-wrap .admin__action-dropdown { background-color: transparent; box-sizing: border-box; min-width: 3.8rem; padding-left: 0.6rem; padding-right: 0.6rem; text-align: center; } .sticky-header .admin__data-grid-actions-wrap .admin__action-dropdown .admin__action-dropdown-text { display: inline-block; max-width: 0; min-width: 0; overflow: hidden; } .sticky-header .admin__data-grid-actions-wrap .admin__action-dropdown:before { margin: 0; } .sticky-header .admin__data-grid-actions-wrap .admin__action-dropdown-wrap { margin-right: 1.1rem; } .sticky-header .admin__data-grid-actions-wrap .admin__action-dropdown-wrap:after, .sticky-header .admin__data-grid-actions-wrap .admin__action-dropdown:after { display: none; } .sticky-header .admin__data-grid-actions-wrap ._active .admin__action-dropdown { background-color: #ffffff; } .sticky-header .admin__data-grid-action-bookmarks .admin__action-dropdown:before { position: relative; top: -3px; } .sticky-header .admin__data-grid-filters-current { border-bottom: 0; border-top: 0; margin-bottom: 0; padding-bottom: 0; padding-top: 0; } .sticky-header .data-grid-search-control-wrap .data-grid-search-control, .sticky-header .data-grid-search-control-wrap .action-submit, .sticky-header .admin__data-grid-pager .admin__control-text, .sticky-header .admin__data-grid-pager-wrap .admin__control-support-text { display: none; } .sticky-header .action-next { margin: 0; } .sticky-header .data-grid { margin-bottom: -1px; } .data-grid-cap-left, .data-grid-cap-right { background-color: #f8f8f8; bottom: -2px; position: absolute; top: 6rem; width: 3rem; z-index: 201; } .data-grid-cap-left { left: 0; } .admin__data-grid-header { font-size: 1.4rem; } .admin__data-grid-header-row + .admin__data-grid-header-row { margin-top: 1.1rem; } .admin__data-grid-header-row:last-child { margin-bottom: 0; } .admin__data-grid-header-row .action-select-wrap { display: block; } .admin__data-grid-header-row .action-select { width: 100%; } .admin__data-grid-actions-wrap { float: right; margin-left: 1.1rem; margin-top: -0.5rem; text-align: right; } .admin__data-grid-actions-wrap .admin__action-dropdown-wrap { position: relative; text-align: left; vertical-align: middle; } .admin__data-grid-actions-wrap .admin__action-dropdown-wrap._active:after, .admin__data-grid-actions-wrap .admin__action-dropdown-wrap._active + .admin__action-dropdown-wrap:after, .admin__data-grid-actions-wrap .admin__action-dropdown-wrap._hide + .admin__action-dropdown-wrap:after, .admin__data-grid-actions-wrap .admin__action-dropdown-wrap:first-child:after { display: none; } .admin__data-grid-actions-wrap .admin__action-dropdown-wrap._active .admin__action-dropdown, .admin__data-grid-actions-wrap .admin__action-dropdown-wrap._active .admin__action-dropdown-menu { border-color: #adadad; } .admin__data-grid-actions-wrap .admin__action-dropdown-wrap:after { border-left: 1px solid #cccccc; content: ''; height: 3.2rem; left: 0; position: absolute; top: 0.5rem; z-index: 3; } .admin__data-grid-actions-wrap .admin__action-dropdown { padding-bottom: 1.7rem; padding-top: 1.2rem; } .admin__data-grid-actions-wrap .admin__action-dropdown:after { margin-top: -.4rem; } .admin__data-grid-outer-wrap { min-height: 8rem; position: relative; } .admin__data-grid-wrap { margin-bottom: 2rem; max-width: 100%; padding-bottom: 1rem; padding-top: 2rem; } .admin__data-grid-loading-mask { background: rgba(255, 255, 255, 0.5); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 399; } .admin__data-grid-loading-mask .spinner { font-size: 4rem; left: 50%; margin-left: -2rem; margin-top: -2rem; position: absolute; top: 50%; } .data-grid-cell-content { display: inline-block; overflow: hidden; width: 100%; } .data-grid-cell-content.white-space-preserved { white-space: pre-wrap; } body._in-resize { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; cursor: col-resize; user-select: none; } body._in-resize .data-grid-th, body._in-resize .data-grid-th._sortable, body._in-resize .data-grid-th._draggable { cursor: col-resize !important; } body._in-resize * { cursor: col-resize !important; } ._layout-fixed { table-layout: fixed; } .data-grid { border: none; font-size: 1.3rem; margin-bottom: 0; width: 100%; } .data-grid:not(._dragging-copy) ._odd-row td._dragging { background-color: #d0d0d0; } .data-grid:not(._dragging-copy) ._dragging { background-color: #d9d9d9; color: rgba(48, 48, 48, 0.95); } .data-grid:not(._dragging-copy) ._dragging a { color: rgba(0, 123, 219, 0.95); } .data-grid:not(._dragging-copy) ._dragging a:hover { color: rgba(0, 123, 219, 0.95); } .data-grid._dragged { outline: 1px solid #007bdb; } .data-grid thead { background-color: transparent; } .data-grid tfoot th { padding: 1rem 1rem; } .data-grid tr._odd-row td { background-color: #f5f5f5; } .data-grid tr._odd-row td._update-status-active { background: #89e1ff; } .data-grid tr._odd-row td._update-status-upcoming { background: #b7ee63; } .data-grid tr:hover td._update-status-active, .data-grid tr:hover td._update-status-upcoming { background-color: #e5f7fe; } .data-grid tr.data-grid-tr-no-data td { font-size: 1.6rem; padding: 3rem; text-align: center; } .data-grid tr.data-grid-tr-no-data:hover td { background-color: #ffffff; cursor: default; } .data-grid tr:active td { background-color: #e0f6fe; } .data-grid tr:hover td { background-color: #e5f7fe; } .data-grid tr._dragged td { background: #d0d0d0; } .data-grid tr._dragover-top td { box-shadow: inset 0 3px 0 0 #008bdb; } .data-grid tr._dragover-bottom td { box-shadow: inset 0 -3px 0 0 #008bdb; } .data-grid tr:not(.data-grid-editable-row):last-child td { border-bottom: 0.1rem solid #d6d6d6; } .data-grid tr._clickable, .data-grid tr ._clickable { cursor: pointer; } .data-grid tr._disabled { pointer-events: none; } .data-grid th, .data-grid td { font-size: 1.3rem; line-height: 1.36; transition: background-color 0.1s linear; vertical-align: middle; } .data-grid th._resizing, .data-grid td._resizing { border-left: 1px solid #007bdb; border-right: 1px solid #007bdb; } .data-grid th._hidden, .data-grid td._hidden { display: none; } .data-grid th._fit, .data-grid td._fit { width: 1%; } .data-grid td { background-color: #ffffff; border-left: 0.1rem dashed #d6d6d6; border-right: 0.1rem dashed #d6d6d6; color: #303030; padding: 1rem 1rem; } .data-grid td:first-child { border-left-style: solid; } .data-grid td:last-child { border-right-style: solid; } .data-grid td .action-select-wrap { position: static; } .data-grid td .action-select { color: #007bdb; text-decoration: none; background-color: transparent; border: none; font-size: 1.3rem; padding: 0 3rem 0 0; position: relative; } .data-grid td .action-select:hover { color: #007bdb; text-decoration: underline; } .data-grid td .action-select:hover:after { border-color: #007bdb transparent transparent transparent; } .data-grid td .action-select:after { border-color: #007bdb transparent transparent transparent; margin: .6rem 0 0 .7rem; right: auto; top: auto; } .data-grid td .action-select:before { display: none; } .data-grid td .action-menu, .data-grid td .abs-action-menu .action-submenu, .data-grid td .action-menu .action-submenu, .data-grid td .actions-split .dropdown-menu .action-submenu, .data-grid td .actions-split .action-menu .action-submenu { left: auto; min-width: 10rem; right: 0; text-align: left; top: auto; z-index: 1; } .data-grid td._update-status-active { background: #bceeff; } .data-grid td._update-status-upcoming { background: #ccf391; } .data-grid th { background-color: #514943; border: 0.1rem solid #8a837f; border-left-color: transparent; color: #ffffff; font-weight: 600; padding: 0; text-align: left; } .data-grid th:first-child { border-left-color: #8a837f; } .data-grid th._dragover-left { box-shadow: inset 3px 0 0 0 #ffffff; z-index: 2; } .data-grid th._dragover-right { box-shadow: inset -3px 0 0 0 #ffffff; } .data-grid .shadow-div { cursor: col-resize; height: 100%; margin-right: -5px; position: absolute; right: 0; top: 0; width: 10px; } .data-grid .data-grid-th { background-clip: padding-box; color: #ffffff; padding: 1rem 1rem; position: relative; vertical-align: middle; } .data-grid .data-grid-th._resize-visible .shadow-div { cursor: auto; display: none; } .data-grid .data-grid-th._draggable { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .data-grid .data-grid-th._sortable { cursor: pointer; transition: background-color 0.1s linear; z-index: 1; } .data-grid .data-grid-th._sortable:focus, .data-grid .data-grid-th._sortable:hover { background-color: #5f564f; } .data-grid .data-grid-th._sortable:active { padding-bottom: 0.9rem; padding-top: 1.1rem; } .data-grid .data-grid-th.required > span:after { color: #f38a5e; content: '*'; margin-left: .3rem; } .data-grid .data-grid-checkbox-cell { overflow: hidden; padding: 0; vertical-align: middle; width: 5.2rem; } .data-grid .data-grid-checkbox-cell:hover { cursor: default; } .data-grid .data-grid-thumbnail-cell { text-align: center; width: 7rem; } .data-grid .data-grid-thumbnail-cell img { border: 1px solid #d6d6d6; width: 5rem; } .data-grid .data-grid-multicheck-cell { padding: 1rem 1rem 0.9rem; text-align: center; vertical-align: middle; } .data-grid .data-grid-onoff-cell { text-align: center; width: 12rem; } .data-grid .data-grid-actions-cell { padding-left: 2rem; padding-right: 2rem; position: relative; text-align: center; width: 1%; } .data-grid._hidden { display: none; } .data-grid._dragging-copy { box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); left: 0; opacity: .95; position: fixed; top: 0; z-index: 1000; } .data-grid._dragging-copy .data-grid-th { border: 1px solid #007bdb; border-bottom: none; } .data-grid._dragging-copy .data-grid-th, .data-grid._dragging-copy .data-grid-th._sortable { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .data-grid._dragging-copy tr:last-child td { border-bottom: 1px solid #007bdb; } .data-grid._dragging-copy td { border-left: 1px solid #007bdb; border-right: 1px solid #007bdb; } .data-grid._dragging-copy._in-edit .data-grid-editable-row.data-grid-bulk-edit-panel:hover td { background-color: rgba(255, 251, 230, 0.95); } .data-grid._dragging-copy._in-edit .data-grid-editable-row.data-grid-bulk-edit-panel td { background-color: rgba(255, 251, 230, 0.95); } .data-grid._dragging-copy._in-edit .data-grid-editable-row.data-grid-bulk-edit-panel td:before { background-color: rgba(255, 251, 230, 0.95); } .data-grid._dragging-copy._in-edit .data-grid-editable-row:hover td { background-color: rgba(255, 255, 255, 0.95); } .data-grid._dragging-copy._in-edit .data-grid-editable-row td { background-color: rgba(255, 255, 255, 0.95); } .data-grid._dragging-copy._in-edit .data-grid-editable-row td:before, .data-grid._dragging-copy._in-edit .data-grid-editable-row td:after { left: 0; right: 0; } .data-grid._dragging-copy._in-edit .data-grid-editable-row td:before { background-color: rgba(255, 255, 255, 0.95); } .data-grid._dragging-copy._in-edit .data-grid-editable-row td:only-child { border-left: 1px solid #007bdb; border-right: 1px solid #007bdb; left: 0; } .data-grid._dragging-copy._in-edit .data-grid-editable-row .admin__control-text, .data-grid._dragging-copy._in-edit .data-grid-editable-row .admin__control-select, .data-grid._dragging-copy._in-edit .data-grid-editable-row .ui-datepicker .ui-datepicker-title select { opacity: 0.5; } .data-grid .data-grid-controls-row td { padding-top: 1.6rem; } .data-grid .data-grid-controls-row td.data-grid-checkbox-cell { padding-top: 0.6rem; } .data-grid .data-grid-controls-row td button, .data-grid .data-grid-controls-row td [class*='admin__control-'], .data-grid .data-grid-controls-row td .block-footer .action-add { margin-top: -1.7rem; } .data-grid._in-edit tr:hover td { background-color: #e6e6e6; } .data-grid._in-edit ._odd-row.data-grid-editable-row:hover td { background-color: #ffffff; } .data-grid._in-edit ._odd-row.data-grid-editable-row td { background-color: #ffffff; } .data-grid._in-edit ._odd-row:hover td { background-color: #dcdcdc; } .data-grid._in-edit ._odd-row td { background-color: #dcdcdc; } .data-grid._in-edit .data-grid-editable-row-actions:hover td { background-color: #ffffff; } .data-grid._in-edit .data-grid-editable-row-actions td { background-color: #ffffff; } .data-grid._in-edit td { background-color: #e6e6e6; pointer-events: none; } .data-grid._in-edit .data-grid-checkbox-cell { pointer-events: auto; } .data-grid._in-edit .data-grid-editable-row { border: 0.1rem solid #adadad; border-bottom-color: #c2c2c2; } .data-grid._in-edit .data-grid-editable-row:hover td { background-color: #ffffff; } .data-grid._in-edit .data-grid-editable-row td { background-color: #ffffff; border-bottom-color: #ffffff; border-left-style: hidden; border-right-style: hidden; border-top-color: #ffffff; pointer-events: auto; vertical-align: middle; } .data-grid._in-edit .data-grid-editable-row td:first-child { border-left-color: #adadad; border-left-style: solid; } .data-grid._in-edit .data-grid-editable-row td:first-child:after { left: 0; } .data-grid._in-edit .data-grid-editable-row td:first-child:before { left: 0; } .data-grid._in-edit .data-grid-editable-row td:last-child { border-right-color: #adadad; border-right-style: solid; left: -0.1rem; } .data-grid._in-edit .data-grid-editable-row td:last-child:after { right: 0; } .data-grid._in-edit .data-grid-editable-row td:last-child:before { right: 0; } .data-grid._in-edit .data-grid-editable-row .admin__control-text, .data-grid._in-edit .data-grid-editable-row .admin__control-select, .data-grid._in-edit .data-grid-editable-row .ui-datepicker .ui-datepicker-title select { width: 100%; } .data-grid._in-edit .data-grid-bulk-edit-panel td { vertical-align: bottom; } .data-grid .data-grid-editable-row td { border-left-color: #ffffff; border-left-style: solid; position: relative; z-index: 1; } .data-grid .data-grid-editable-row td:after { bottom: 0; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25); content: ''; height: 0.9rem; left: 0; margin-top: -1rem; position: absolute; right: 0; } .data-grid .data-grid-editable-row td:before { background-color: #ffffff; bottom: 0; content: ''; height: 1rem; left: -10px; position: absolute; right: -10px; z-index: 1; } .data-grid .data-grid-editable-row.data-grid-editable-row-actions:hover td { background-color: #ffffff; } .data-grid .data-grid-editable-row.data-grid-editable-row-actions td { background-color: #ffffff; } .data-grid .data-grid-editable-row.data-grid-editable-row-actions td:first-child { border-left-color: #ffffff; border-right-color: #ffffff; } .data-grid .data-grid-editable-row.data-grid-editable-row-actions td:last-child { left: 0; } .data-grid .data-grid-editable-row.data-grid-bulk-edit-panel td { background-color: #fffbe6; } .data-grid .data-grid-editable-row.data-grid-bulk-edit-panel td:before { background-color: #fffbe6; } .data-grid .data-grid-editable-row.data-grid-bulk-edit-panel:hover td { background-color: #fffbe6; } .data-grid .data-grid-editable-row-actions { left: 50%; margin-left: -12.5rem; margin-top: -2px; position: absolute; text-align: center; } .data-grid .data-grid-editable-row-actions td { width: 25rem; } .data-grid .data-grid-editable-row-actions [class*='action-'] { min-width: 9rem; } .data-grid .data-grid-draggable-row-cell { width: 1%; } .data-grid .data-grid-draggable-row-cell .draggable-handle { padding: 0; } .data-grid-th._sortable._ascend, .data-grid-th._sortable._descend { padding-right: 2.7rem; } .data-grid-th._sortable._ascend:before, .data-grid-th._sortable._descend:before { margin-top: -1em; position: absolute; right: 1rem; top: 50%; } .data-grid-th._sortable._ascend:before { content: '\2193'; } .data-grid-th._sortable._descend:before { content: '\2191'; } .data-grid-checkbox-cell-inner { display: block; padding: 1.1rem 1.8rem 0.9rem; text-align: right; } .data-grid-checkbox-cell-inner:hover { cursor: pointer; } .data-grid-state-cell-inner { display: block; padding: 1.1rem 1.8rem 0.9rem; text-align: center; } .data-grid-state-cell-inner > span { display: inline-block; font-style: italic; padding: .6rem 0; } .data-grid-row-parent._active > td .data-grid-checkbox-cell-inner:before { content: '\e62b'; } .data-grid-row-parent > td .data-grid-checkbox-cell-inner { padding-left: 3.7rem; position: relative; } .data-grid-row-parent > td .data-grid-checkbox-cell-inner:before { content: '\e628'; font-size: 1rem; font-weight: 700; left: 1.35rem; position: absolute; top: 1.6rem; } .data-grid-th._col-xs { width: 1%; } .data-grid-info-panel { box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); margin: 2rem 0.1rem -2rem; } .data-grid-info-panel .messages { overflow: hidden; } .data-grid-info-panel .messages .message, .data-grid-info-panel .messages .order-errors .admin__fieldset-wrapper .title { margin: 1rem; } .data-grid-info-panel .messages .message:last-child, .data-grid-info-panel .messages .order-errors .admin__fieldset-wrapper .title:last-child { margin-bottom: 1rem; } .data-grid-info-panel-actions { padding: 1rem; text-align: right; } .data-grid-editable-row .admin__field-control { position: relative; } .data-grid-editable-row .admin__field-control._error:after { border-color: transparent #ee7d7d transparent transparent; border-style: solid; border-width: 0 12px 12px 0; content: ''; position: absolute; right: 0; top: 0; } .data-grid-editable-row .admin__field-control._error .admin__control-text { border-color: #ee7d7d; } .data-grid-editable-row .admin__field-control._focus:after { display: none; } .data-grid-editable-row .admin__field-error { bottom: 100%; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); left: 0; margin: 0 auto 1.5rem; max-width: 32rem; position: absolute; right: 0; } .data-grid-editable-row .admin__field-error:after, .data-grid-editable-row .admin__field-error:before { border-style: solid; content: ''; left: 50%; position: absolute; top: 100%; } .data-grid-editable-row .admin__field-error:after { border-color: #fffbbb transparent transparent transparent; border-width: 10px 10px 0 10px; margin-left: -10px; z-index: 1; } .data-grid-editable-row .admin__field-error:before { border-color: #ee7d7d transparent transparent transparent; border-width: 11px 12px 0 12px; margin-left: -12px; } .data-grid-bulk-edit-panel .admin__field-label-vertical { display: block; font-size: 1.2rem; margin-bottom: .5rem; text-align: left; } .data-grid-row-changed { cursor: default; display: block; opacity: .5; position: relative; width: 100%; z-index: 1; } .data-grid-row-changed:after { content: '\e631'; display: inline-block; } .data-grid-row-changed .data-grid-row-changed-tooltip { background: #f1f1f1; border: 1px solid #f1f1f1; border-radius: 1px; bottom: 100%; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.3); display: none; font-weight: 400; line-height: 1.36; margin-bottom: 1.5rem; padding: 1rem; position: absolute; right: -1rem; text-transform: none; width: 27rem; word-break: normal; z-index: 2; } .data-grid-row-changed._changed { opacity: 1; z-index: 3; } .data-grid-row-changed._changed:hover .data-grid-row-changed-tooltip { display: block; } .data-grid-row-changed._changed:hover:before { background: #f1f1f1; border: 1px solid #f1f1f1; bottom: 100%; box-shadow: 4px 4px 3px -1px rgba(0, 0, 0, 0.15); content: ''; display: block; height: 1.6rem; left: 50%; margin: 0 0 0.7rem -0.8rem; position: absolute; transform: rotate(45deg); width: 1.6rem; z-index: 3; } .data-grid-column-tooltip { z-index: 100; } .data-grid-column-tooltip .data-tooltip { background-color: #fffbbb; border-color: #afadac; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); min-width: 24rem; padding: 1.5rem; } .data-grid-column-tooltip .data-tooltip .action-close { padding: 1.5rem; right: 0; top: 0; } .data-grid-column-tooltip .data-tooltip-tail:before { background-color: #fffbbb; border-color: #afadac; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); } .data-grid-column-tooltip .data-tooltip-tail:after { background-color: #fffbbb; } .data-grid-column-tooltip .data-tooltip-content .items { max-height: 24rem; overflow-y: auto; } .data-grid-column-tooltip .data-tooltip-content .items .item { margin-bottom: .5rem; } .data-grid-column-tooltip .admin__tooltip-title { font-weight: 700; margin-bottom: 1rem; } .admin__control-short-label { margin-bottom: 1rem; } .admin__data-grid-outer-wrap .data-grid-checkbox-cell { overflow: hidden; } .admin__data-grid-outer-wrap .data-grid-checkbox-cell-inner { position: relative; } .admin__data-grid-outer-wrap .data-grid-checkbox-cell-inner:before { bottom: 0; content: ''; height: 500%; left: 0; position: absolute; right: 0; top: 0; } .admin__data-grid-wrap-static .data-grid-checkbox-cell:hover { cursor: pointer; } .admin__data-grid-wrap-static .data-grid-checkbox-cell-inner { margin: 0 1.8rem 0; padding: 0; text-align: center; } .adminhtml-cms-hierarchy-index .admin__data-grid-wrap-static .data-grid-actions-cell:first-child { padding: 0; } .adminhtml-export-index .admin__data-grid-wrap-static .data-grid-checkbox-cell-inner { margin: 0; padding: 1.1rem 1.8rem 1.9rem; } .masonry-image-grid { margin: 10px -10px; overflow: hidden; position: relative; } .masonry-image-grid .no-data-message-container, .masonry-image-grid .error-message-container { font-size: 1.6rem; padding: 3rem; text-align: center; } .masonry-image-column { background-color: #ffffff; float: left; margin: 10px; overflow: hidden; } .masonry-image-column .masonry-image-block.active img { border: 2px #558dd6 solid; padding: 1px; } .masonry-image-column img { cursor: pointer; height: 100%; width: 100%; } .masonry-image-overlay { background-color: #507dc8; color: #ffffff; opacity: 1; padding: .5rem; position: absolute; text-align: center; width: 80px; z-index: 10; } .masonry-image-preview { background-color: #ffffff; display: table; left: 0; position: absolute; right: 0; width: 100%; } .masonry-image-preview .container { margin: auto; max-width: 880px; padding-top: 10px; } .masonry-image-preview .container .action-buttons { text-align: right; } .masonry-image-preview .container .action-buttons .action-close { padding: 30px; position: static; } .masonry-image-preview .container .action-buttons .action-previous, .masonry-image-preview .container .action-buttons .action-next { background: transparent; border: none; margin: 0; white-space: nowrap; } .masonry-image-preview .container .action-buttons .action-close, .masonry-image-preview .container .action-buttons .action-previous, .masonry-image-preview .container .action-buttons .action-next { font-size: 2rem; } .masonry-image-preview .container .preview-row-content { display: flex; } .masonry-image-preview .container .preview-row-content:after { clear: both; content: ''; display: table; } .masonry-image-preview .container .preview-row-content img.preview { display: block; flex-basis: 300px; float: left; margin-bottom: 20px; max-height: 500px; max-width: 60%; width: auto; } .masonry-image-sortby select { background-image: url(../images/arrows-bg.svg); border: none; padding-right: 3.2rem; } .masonry-image-sortby select:active { background-image: url('../images/arrows-bg.svg'); } .order-billing-method .payment-icon { display: inline-block; margin-right: 0.5rem; vertical-align: middle; } .cms-hierarchy .cms-hierarchy-tree, .cms-hierarchy .cms-hierarchy-node { float: left; width: 50%; } .cms-hierarchy .cms-page-grid-container { clear: both; } .cms-hierarchy .admin__page-section-title .actions { float: right; } .cms-hierarchy .buttons-set { margin: 0 0 1.14rem; } .cms-hierarchy .buttons-set button, .cms-hierarchy .buttons-set .block-footer .action-add { margin-right: .36rem; } .version-fieldset .grid-actions { border-bottom: 1px solid #fffbe6; margin: 0 0 15px; padding: 0 0 15px; } .merchandiser-app ul.tabs { float: right; } .merchandiser-app .merchandiser-tab { padding: 0; } .merchandiser-app .tabs { list-style: none; overflow: hidden; } .merchandiser-app .tabs li { background-color: #f0f0f0; float: left; } .merchandiser-app .tabs li > a { border: 1px solid #cccccc; color: #777777; display: block; padding: 7px 10px; text-decoration: none; } .merchandiser-app .tabs li:last-child > a { border-left: 0; } .merchandiser-app .tabs li.ui-tabs-active { background-color: #d9d9d9; } .merchandiser-app .catalog-category-merchandiser-list { overflow: hidden; } .merchandiser-app .catalog-category-merchandiser-list > li { background-color: #ffffff; border: 1px solid #d9d9d9; float: left; height: 340px; list-style: none; margin: 0 25px 20px 0; padding: 10px; width: 190px; } .merchandiser-app .catalog-category-merchandiser-list .image-holder { text-align: center; } .merchandiser-app .catalog-category-merchandiser-list .image-holder img { max-height: 130px; } .merchandiser-app .catalog-category-merchandiser-list .controlbar-top { overflow: hidden; } .merchandiser-app .catalog-category-merchandiser-list .controlbar-top a { color: #d9d9d9; cursor: move; display: block; float: left; text-decoration: none; } .merchandiser-app .catalog-category-merchandiser-list .controlbar-top a:last-child { cursor: pointer; float: right; } .merchandiser-app .catalog-category-merchandiser-list .info-block { height: 100px; } .merchandiser-app .catalog-category-merchandiser-list .info-block > span { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .merchandiser-app .catalog-category-merchandiser-list .controlbar-bottom .position { border-top: 1px solid #d9d9d9; margin-top: 6px; padding-top: 4px; } .merchandiser-app .catalog-category-merchandiser-list .controlbar-bottom .position input { float: left; height: 25px; margin-right: 5px; width: 50px; } .merchandiser-app .catalog-category-merchandiser-list .controlbar-bottom .position a { color: #d9d9d9; display: block; float: left; margin-right: 5px; margin-top: -2px; text-decoration: none; } .merchandiser-app .catalog-category-merchandiser-list .selected { background-color: #f5d6c7; } .merchandiser-app table.data-grid th.col-draggable-position { margin: 0 auto; width: 10px; } .merchandiser-app table.data-grid td.col-position > * { float: left; margin-right: 5px; } .merchandiser-app table.data-grid td.col-position .position input { text-align: center; width: 40px; } .merchandiser-app table.data-grid td.col-position a { color: #d9d9d9; text-decoration: none; } .merchandiser-app table.data-grid .selected td { background-color: #f5d6c7; } .merchandiser-app table.data-grid tr.on-mouse td { background-color: #e0f6fe; } .merchandiser-app .mode-tile:before, .merchandiser-app .mode-grid:before, .merchandiser-app .icon-gripper:before, .merchandiser-app .icon-close-mage:before, .merchandiser-app .icon-backward:before, .merchandiser-app .icon-forward:before, .merchandiser-app .block-search .label:before { -webkit-font-smoothing: antialiased; font-family: 'Admin Icons'; font-size: 17px; speak: none; } .merchandiser-app .mode-grid > span, .merchandiser-app .mode-tile > span, .merchandiser-app .icon-backward > span, .merchandiser-app .icon-forward > span, .merchandiser-app .icon-close-mage > span, .merchandiser-app .icon-gripper > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .merchandiser-app .mode-tile:before { content: '\e63d'; } .merchandiser-app .mode-grid:before { content: '\e63e'; } .merchandiser-app .icon-gripper:before { content: '\e617'; } .merchandiser-app .icon-close-mage:before { content: '\e62f'; } .merchandiser-app .icon-backward:before { content: '\e619'; } .merchandiser-app .icon-forward:before { content: '\e618'; } .merchandiser-app .hidden { display: none; } .merchandiser-app .automatic-sorting { margin-bottom: 5px; margin-top: 5px; } .catalog-category-add-product-tabs-content .admin__data-grid-header .admin__data-grid-pager-wrap { float: right; } .catalog-category-add-product-tabs-content .data-grid-search-control-wrap .massassign-textarea, .catalog-category-add-product-tabs-content .data-grid-search-control-wrap .massassign-buttons, .catalog-category-add-product-tabs-content .data-grid-search-control-wrap .massassign-messages { display: block; margin: 5px; } .manage-rules-panel { box-sizing: border-box; margin: 2rem 0 0; } .manage-rules-panel .message, .manage-rules-panel .order-errors .admin__fieldset-wrapper .title { margin: 0 0 2rem; } .manage-rules-panel .admin__data-grid-wrap { padding-bottom: 0; } .manage-rules-panel .smart-category-table .action-delete { background-color: transparent; border-color: transparent; box-shadow: none; } .manage-rules-panel .smart-category-table .action-delete:hover { background-color: transparent; border-color: transparent; box-shadow: none; } .manage-rules-panel .smart-category-table .action-delete:before { content: '\e630'; } .manage-rules-panel .smart-category-table .action-delete > span { display: none; } .manage-rules-panel .hidden + .action-secondary { margin-top: 2rem; } .regular-category-settings { margin: 0 0 2rem; } .regular-category-settings .actions { float: right; } .merchandiser-toolbar { float: left; width: 80%; } .merchandiser-toolbar .admin__field { display: inline-block; margin-right: 1rem; } .merchandiser-toolbar .admin__field > .admin__field-label, .manage-rules-sorting .admin__field > .admin__field-label { margin-right: 0.5rem; text-align: left; } .merchandiser-toolbar .admin__field > .admin__field-label span, .manage-rules-sorting .admin__field > .admin__field-label span { white-space: nowrap; } .smart-category-switcher { margin: 0 0 2rem; } .smart-category-switcher .admin__actions-switch { margin-left: 0.5rem; } .merchandiser-tabs { border-top: 1px solid #cccccc; padding: 2rem 0 0; } .merchandiser-tabs .merchandiser-tab { border-top: 0 !important; clear: both; } .attribute-popup .page-wrapper { margin-left: 0; width: 100%; } .attribute-popup .menu-wrapper, .attribute-popup .page-header-hgroup, .attribute-popup .page-header-actions { display: none; } [class*='admin__'] + label, [class*='admin__'] + label:after, [class*='admin__'] + label:before, [class*='admin__']:before, [class*='admin__']:after { box-sizing: border-box; } td.col-date.col-date-min-width.col-created_at { min-width: 14rem; } .colorRed { color: red; } .rule-tree-wrapper { line-height: 28px; } .admin__field-control .rule-tree { padding-top: .3rem; } .rule-tree ul { border-left: 1px dotted #858585; list-style: none; padding-left: 16px; } .rule-tree li { margin: 0 0 10px; } .rule-tree .x-tree ul { border-left: none !important; padding-left: 0 !important; } .rule-tree .x-tree li { margin-bottom: 0 !important; line-height: normal !important; } .rule-tree .legend { font-weight: 600; } .rule-tree .fieldset { border: 0; margin: 0; min-width: 0; padding: 0; } @-moz-document url-prefix() { .rule-tree .fieldset { display: table-cell; } } .rule-param .label { color: #000000; float: none; padding: 0; text-align: left; vertical-align: baseline; width: auto; } .rule-param .label-disabled { color: #eeeeee; cursor: default; text-decoration: none; } .rule-chooser, .rule-param .element, .rule-param-edit .label { display: none; } .rule-chooser .field-row { display: block; margin-bottom: 17px; } .rule-chooser .field-row:before, .rule-chooser .field-row:after { content: ''; display: table; } .rule-chooser .field-row:after { clear: both; } .rule-chooser .field-row .input-text { margin-top: 5px; } .rule-chooser .field-row .ui-datepicker-trigger { margin-left: 5px; margin-top: -2px; } .rule-param input, .rule-param select { margin: 0; min-width: 170px; width: auto !important; } .rule-param-edit .element { display: inline; } .rule-param-edit .element .addafter { padding-left: 5px; } [class^='rule-param-'] img, .rule-chooser-trigger img { vertical-align: middle; } .rule-chooser { border: 1px solid #cccccc; margin: 20px; overflow: auto; padding: 15px 10px 5px; } .rule-param-wait { background: url(../mui/images/ajax-loader-small.gif) no-repeat left center; padding-left: 20px; } @media all and (max-width: 1023px) { .admin__data-grid-toolbar .admin__data-grid-header-row .admin__filter-actions { float: none; margin-bottom: 2rem; } .admin__data-grid-toolbar .admin__data-grid-header-row .admin__control-support-text { margin-left: 0; } .admin__menu .submenu li { min-width: 19.8rem; } .nav { padding-bottom: 5.284rem; padding-left: 1.5rem; text-align: center; } .nav-bar { display: inline-block; float: none; margin-right: 0; vertical-align: top; } .nav .btn-group, .nav-bar-outer-actions { display: inline-block; float: none; margin-top: -8.384rem; text-align: center; vertical-align: top; width: 100%; } .nav-bar-outer-actions { padding-right: 0; } .nav-bar-outer-actions .outer-actions-inner-wrap { display: inline-block; } .order-details .order-search-items .action-configure { display: block; float: none; } } @media all and (min-width: 768px) { .col-m-1, .col-m-2, .col-m-3, .col-m-4, .col-m-5, .col-m-6, .col-m-7, .col-m-8, .col-m-9, .col-m-10, .col-m-11, .col-m-12 { float: left; } .col-m-12 { width: 100%; } .col-m-11 { width: 91.66666667%; } .col-m-10 { width: 83.33333333%; } .col-m-9 { width: 75%; } .col-m-8 { width: 66.66666667%; } .col-m-7 { width: 58.33333333%; } .col-m-6 { width: 50%; } .col-m-5 { width: 41.66666667%; } .col-m-4 { width: 33.33333333%; } .col-m-3 { width: 25%; } .col-m-2 { width: 16.66666667%; } .col-m-1 { width: 8.33333333%; } .col-m-pull-12 { right: 100%; } .col-m-pull-11 { right: 91.66666667%; } .col-m-pull-10 { right: 83.33333333%; } .col-m-pull-9 { right: 75%; } .col-m-pull-8 { right: 66.66666667%; } .col-m-pull-7 { right: 58.33333333%; } .col-m-pull-6 { right: 50%; } .col-m-pull-5 { right: 41.66666667%; } .col-m-pull-4 { right: 33.33333333%; } .col-m-pull-3 { right: 25%; } .col-m-pull-2 { right: 16.66666667%; } .col-m-pull-1 { right: 8.33333333%; } .col-m-pull-0 { right: auto; } .col-m-push-12 { left: 100%; } .col-m-push-11 { left: 91.66666667%; } .col-m-push-10 { left: 83.33333333%; } .col-m-push-9 { left: 75%; } .col-m-push-8 { left: 66.66666667%; } .col-m-push-7 { left: 58.33333333%; } .col-m-push-6 { left: 50%; } .col-m-push-5 { left: 41.66666667%; } .col-m-push-4 { left: 33.33333333%; } .col-m-push-3 { left: 25%; } .col-m-push-2 { left: 16.66666667%; } .col-m-push-1 { left: 8.33333333%; } .col-m-push-0 { left: auto; } .col-m-offset-12 { margin-left: 100%; } .col-m-offset-11 { margin-left: 91.66666667%; } .col-m-offset-10 { margin-left: 83.33333333%; } .col-m-offset-9 { margin-left: 75%; } .col-m-offset-8 { margin-left: 66.66666667%; } .col-m-offset-7 { margin-left: 58.33333333%; } .col-m-offset-6 { margin-left: 50%; } .col-m-offset-5 { margin-left: 41.66666667%; } .col-m-offset-4 { margin-left: 33.33333333%; } .col-m-offset-3 { margin-left: 25%; } .col-m-offset-2 { margin-left: 16.66666667%; } .col-m-offset-1 { margin-left: 8.33333333%; } .col-m-offset-0 { margin-left: 0%; } .page-layout-admin-2columns-left .page-columns { margin-left: -30px; } .page-layout-admin-2columns-left .page-columns:after { clear: both; content: ''; display: table; } .page-layout-admin-2columns-left .page-columns .main-col { width: calc( (100%) * 0.75 - 30px ); float: right; } .page-layout-admin-2columns-left .page-columns .side-col { width: calc( (100%) * 0.25 - 30px ); float: left; margin-left: 30px; } .gift-registry-info { float: left; width: calc( (100%) * 0.5 - 30px ); } .gift-registry-address { float: right; width: calc( (100%) * 0.5 - 30px ); } .rma-request-details, .rma-wrapper .order-shipping-address { float: left; /** * @codingStandardsIgnoreStart */ width: calc( (100%) * 0.5 - 30px ); } .rma-confirmation, .rma-wrapper .order-return-address, .rma-wrapper .order-shipping-method { float: right; /** * @codingStandardsIgnoreStart */ width: calc( (100%) * 0.5 - 30px ); } .order-details { float: right; width: calc( (100%) * 0.75 - 30px ); margin-left: 0; } .order-sidebar { width: calc( (100%) * 0.25 - 30px ); float: left; margin-left: 30px; margin-left: 0; } .order-billing-address, .order-billing-method, .order-history, .order-information, .order-payment-method, .order-comments-history { float: left; width: calc( (100%) * 0.5 - 30px ); } .order-shipping-address, .order-shipping-method, .order-totals, .order-view-account-information .order-account-information { float: right; width: calc( (100%) * 0.5 - 30px ); } } @media all and (min-width: 1024px) { .col-l-1, .col-l-2, .col-l-3, .col-l-4, .col-l-5, .col-l-6, .col-l-7, .col-l-8, .col-l-9, .col-l-10, .col-l-11, .col-l-12 { float: left; } .col-l-12 { width: 100%; } .col-l-11 { width: 91.66666667%; } .col-l-10 { width: 83.33333333%; } .col-l-9 { width: 75%; } .col-l-8 { width: 66.66666667%; } .col-l-7 { width: 58.33333333%; } .col-l-6 { width: 50%; } .col-l-5 { width: 41.66666667%; } .col-l-4 { width: 33.33333333%; } .col-l-3 { width: 25%; } .col-l-2 { width: 16.66666667%; } .col-l-1 { width: 8.33333333%; } .col-l-pull-12 { right: 100%; } .col-l-pull-11 { right: 91.66666667%; } .col-l-pull-10 { right: 83.33333333%; } .col-l-pull-9 { right: 75%; } .col-l-pull-8 { right: 66.66666667%; } .col-l-pull-7 { right: 58.33333333%; } .col-l-pull-6 { right: 50%; } .col-l-pull-5 { right: 41.66666667%; } .col-l-pull-4 { right: 33.33333333%; } .col-l-pull-3 { right: 25%; } .col-l-pull-2 { right: 16.66666667%; } .col-l-pull-1 { right: 8.33333333%; } .col-l-pull-0 { right: auto; } .col-l-push-12 { left: 100%; } .col-l-push-11 { left: 91.66666667%; } .col-l-push-10 { left: 83.33333333%; } .col-l-push-9 { left: 75%; } .col-l-push-8 { left: 66.66666667%; } .col-l-push-7 { left: 58.33333333%; } .col-l-push-6 { left: 50%; } .col-l-push-5 { left: 41.66666667%; } .col-l-push-4 { left: 33.33333333%; } .col-l-push-3 { left: 25%; } .col-l-push-2 { left: 16.66666667%; } .col-l-push-1 { left: 8.33333333%; } .col-l-push-0 { left: auto; } .col-l-offset-12 { margin-left: 100%; } .col-l-offset-11 { margin-left: 91.66666667%; } .col-l-offset-10 { margin-left: 83.33333333%; } .col-l-offset-9 { margin-left: 75%; } .col-l-offset-8 { margin-left: 66.66666667%; } .col-l-offset-7 { margin-left: 58.33333333%; } .col-l-offset-6 { margin-left: 50%; } .col-l-offset-5 { margin-left: 41.66666667%; } .col-l-offset-4 { margin-left: 33.33333333%; } .col-l-offset-3 { margin-left: 25%; } .col-l-offset-2 { margin-left: 16.66666667%; } .col-l-offset-1 { margin-left: 8.33333333%; } .col-l-offset-0 { margin-left: 0%; } .steps-wizard .steps-wizard-navigation { text-align: left; } .nav-bar-outer-actions { float: right; } } @media all and (min-width: 1440px) { .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; } .col-xl-12 { width: 100%; } .col-xl-11 { width: 91.66666667%; } .col-xl-10 { width: 83.33333333%; } .col-xl-9 { width: 75%; } .col-xl-8 { width: 66.66666667%; } .col-xl-7 { width: 58.33333333%; } .col-xl-6 { width: 50%; } .col-xl-5 { width: 41.66666667%; } .col-xl-4 { width: 33.33333333%; } .col-xl-3 { width: 25%; } .col-xl-2 { width: 16.66666667%; } .col-xl-1 { width: 8.33333333%; } .col-xl-pull-12 { right: 100%; } .col-xl-pull-11 { right: 91.66666667%; } .col-xl-pull-10 { right: 83.33333333%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-8 { right: 66.66666667%; } .col-xl-pull-7 { right: 58.33333333%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-5 { right: 41.66666667%; } .col-xl-pull-4 { right: 33.33333333%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-2 { right: 16.66666667%; } .col-xl-pull-1 { right: 8.33333333%; } .col-xl-pull-0 { right: auto; } .col-xl-push-12 { left: 100%; } .col-xl-push-11 { left: 91.66666667%; } .col-xl-push-10 { left: 83.33333333%; } .col-xl-push-9 { left: 75%; } .col-xl-push-8 { left: 66.66666667%; } .col-xl-push-7 { left: 58.33333333%; } .col-xl-push-6 { left: 50%; } .col-xl-push-5 { left: 41.66666667%; } .col-xl-push-4 { left: 33.33333333%; } .col-xl-push-3 { left: 25%; } .col-xl-push-2 { left: 16.66666667%; } .col-xl-push-1 { left: 8.33333333%; } .col-xl-push-0 { left: auto; } .col-xl-offset-12 { margin-left: 100%; } .col-xl-offset-11 { margin-left: 91.66666667%; } .col-xl-offset-10 { margin-left: 83.33333333%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-8 { margin-left: 66.66666667%; } .col-xl-offset-7 { margin-left: 58.33333333%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-5 { margin-left: 41.66666667%; } .col-xl-offset-4 { margin-left: 33.33333333%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-2 { margin-left: 16.66666667%; } .col-xl-offset-1 { margin-left: 8.33333333%; } .col-xl-offset-0 { margin-left: 0%; } .pagebuilder-products .product-item { margin-left: calc((100% - 5 * (100%/6)) / 4); } .pagebuilder-products .product-item:nth-child(4n + 1) { margin-left: calc((100% - 5 * (100%/6)) / 4); } .pagebuilder-products .product-item:nth-child(5n + 1) { margin-left: 0; } } @media all and (max-width: 767px) { .abs-clearer-mobile:after { clear: both; content: ''; display: table; } .modal-popup.modal-slide { left: 14.8rem; z-index: 900; } .modal-popup.modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-popup.modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .modal-popup.modal-slide .modal-inner-wrap { margin: 0; max-height: 90vh; /** iOS webkit fix height problem when added long content **/ } .media-gallery-image-details-modal .image-details { display: block; } .media-gallery-image-details-modal .image-details .image-details-sidebar { margin-top: 20px; padding-left: 0; } .media-gallery-image-details-modal .image-details .image-details-image img { max-height: 450px; } .footer-legal { padding-top: 3rem; text-align: left; } .dashboard-totals-item { float: left; margin-bottom: 1rem; width: 50%; } .nav { padding-bottom: 0; padding-left: 0; padding-right: 0; } .nav-bar-outer-actions { margin-top: 0; } .nav-bar { display: block; margin-bottom: 0; margin-left: auto; margin-right: auto; width: 41.2rem; } .nav-bar > li { float: left; min-height: 9rem; } .nav-bar > li:after { display: none; } .nav-bar a { line-height: 1.4; } } @media all and (max-width: 639px) { .nav-bar:before { display: none; } } @media all and (max-width: 479px) { .nav-bar { width: 23.175rem; } .nav-bar > li { width: 10rem; } .nav .btn-group .btn-wrap-try-again, .nav-bar-outer-actions .btn-wrap-try-again { clear: both; display: block; float: none; margin-left: auto; margin-right: auto; margin-top: 1rem; padding-top: 1rem; } }