UNPKG

@syncfusion/ej2-documenteditor

Version:

Feature-rich document editor control with built-in support for context menu, options pane and dialogs.

2,975 lines (2,446 loc) 73.9 kB
.e-documenteditor .e-close::before { content: "\e825"; font-family: "e-icons"; font-size: 14px; } .e-documenteditor .e-de-op-search-icon::before { content: "\e275"; font-family: "e-icons"; font-size: 10px; } .e-documenteditor .e-arrow-up::before { content: "\e834"; font-family: "e-icons"; font-size: 10px; } .e-documenteditor .e-arrow-down::before { content: "\e83d"; font-family: "e-icons"; font-size: 10px; } .e-documenteditor .e-de-op-close-icon { height: 20px; } .e-documenteditor .e-de-op-close-icon::before { content: "\e7fc"; } .e-documenteditor .e-de-op-search-close-icon::before { content: "\e7fc"; font-family: "e-icons"; font-size: 10px; } .e-de-table-properties-alignment:hover { border-color: #f17eb8; } .e-de-table-properties-alignment { border: 1px solid transparent; } .e-de-tablecell-alignment { border: 1px solid transparent; } .e-de-tablecell-alignment:hover { border-color: #f17eb8; } .e-de-table-left-alignment::before { content: "\e517"; font-size: 46px; position: absolute; top: 137px; } .e-de-table-center-alignment::before { content: "\e518"; font-size: 46px; position: absolute; top: 137px; } .e-de-table-right-alignment::before { content: "\e515"; font-size: 46px; position: absolute; top: 137px; } .e-de-tablecell-top-alignment::before { content: "\e527"; font-size: 51px; } .e-de-tablecell-center-alignment::before { content: "\e526"; font-size: 51px; } .e-de-tablecell-bottom-alignment::before { content: "\e525"; font-size: 51px; } .e-de-table-alignment-active { border: 1px solid #ff4081; } .e-de-table-border-setting { border: 1px solid rgb(0, 0, 0); height: 48px; left: 5px; position: relative; top: 5px; width: 48px; } .e-de-table-border-setting-genral { border: 1px solid rgba(0, 0, 0, 0.26); display: inline-block; height: 60px; width: 60px; } .e-de-table-border-preview-genral { border: 1px solid rgba(0, 0, 0, 0.26); display: inline-block; height: 25px; width: 25px; } .e-de-table-border-inside-setting:hover { border: 1px solid #f17eb8; } .e-de-table-border-preview { height: 24px; width: 24px; } .e-de-table-border-inside-preview:hover { border: 1px solid #f17eb8; } .e-de-table-border-inside-setting-click { border: 1px solid #ff4081; } .e-de-table-border-inside-preview-click { border: 1px solid #ff4081; } .e-de-table-border-none-setting::before { content: "\e507"; font-size: 38px; position: absolute; } .e-de-table-border-box-setting::before { content: "\e509"; font-size: 34px; left: 2px; position: absolute; top: 2px; } .e-de-table-border-all-setting::before { content: "\e511"; font-size: 34px; left: 2px; position: absolute; top: 2px; } .e-de-table-border-custom-setting::before { content: "\e516"; font-size: 34px; left: 2px; position: absolute; top: 2px; } .e-de-table-border-toptop-alignment::before { content: "\e281"; font-size: 16px; left: 4px; position: absolute; top: -2px; } .e-de-table-border-topcenter-alignment::before { content: "\e276"; font-size: 16px; left: 4px; position: absolute; top: -2px; } .e-de-table-border-topbottom-alignment::before { content: "\e298"; font-size: 16px; left: 4px; position: absolute; top: -2px; } .e-de-table-border-diagionalup-alignment::before { content: "\e262"; font-size: 16px; left: 4px; position: absolute; top: -2px; } .e-de-table-border-diagionaldown-alignment::before { content: "\e265"; font-size: 16px; left: 4px; position: absolute; top: -2px; } .e-de-table-border-bottomleft-alignment::before { content: "\e291"; font-size: 16px; left: 4px; position: absolute; top: -2px; } .e-de-table-border-bottomcenter-alignment::before { content: "\e287"; font-size: 16px; left: 4px; position: absolute; top: -2px; } .e-de-table-border-bottomright-alignment::before { content: "\e288"; font-size: 16px; left: 4px; position: absolute; top: -2px; } .e-menu-item .e-de-cut::before { content: "\e279"; } .e-menu-item .e-de-copy::before { content: "\e280"; } .e-menu-item .e-de-paste::before { content: "\e501"; } .e-menu-item .e-de-continue-numbering::before { content: "\e503"; } .e-menu-item .e-de-restart-at::before { content: "\e277"; } .e-menu-item .e-de-insertlink::before { content: "\e290"; } .e-menu-item .e-de-open-hyperlink::before { content: "\e278"; } .e-menu-item .e-de-copy-hyperlink::before { content: "\e295"; } .e-menu-item .e-de-edit-hyperlink::before { content: "\e289"; } .e-menu-item .e-de-remove-hyperlink::before { content: "\e286"; } .e-menu-item .e-de-fonts::before { content: "\e273"; } .e-menu-item .e-de-paragraph::before { content: "\e75e"; } .e-menu-item .e-de-table::before { content: "\e294"; } .e-menu-item .e-de-insertabove::before { content: "\e506"; } .e-menu-item .e-de-insertbelow::before { content: "\e505"; } .e-menu-item .e-de-insertleft::before { content: "\e285"; } .e-menu-item .e-de-insertright::before { content: "\e284"; } .e-menu-item .e-de-delete-table::before { content: "\e292"; } .e-menu-item .e-de-deleterow::before { content: "\e283"; } .e-menu-item .e-de-deletecolumn::before { content: "\e282"; } .e-de-bold::before { content: "\e339"; font-family: "e-icons"; font-size: 16px; font-weight: normal; } .e-de-italic::before { content: "\e35a"; font-family: "e-icons"; font-size: 16px; font-weight: normal; } .e-de-underline::before { content: "\e343"; font-family: "e-icons"; font-size: 16px; font-weight: normal; } .e-de-indent::before { content: "\e35d"; font-family: "e-icons"; font-size: 16px; font-weight: normal; } .e-de-outdent::before { content: "\e33f"; font-family: "e-icons"; font-size: 16px; font-weight: normal; } .e-de-align-left::before { content: "\e33a"; font-family: "e-icons"; font-size: 16px; font-weight: normal; } .e-de-align-center::before { content: "\e35e"; font-family: "e-icons"; font-size: 16px; font-weight: normal; } .e-de-align-right::before { content: "\e34d"; font-family: "e-icons"; font-size: 16px; font-weight: normal; } .e-de-justify::before { content: "\e334"; font-family: "e-icons"; font-size: 16px; font-weight: normal; } .e-de-single-spacing::before { content: "\e520"; font-family: "e-icons"; font-size: 16px; } .e-de-double-spacing::before { content: "\e521"; font-family: "e-icons"; font-size: 16px; } .e-de-one-point-five-spacing::before { content: "\e522"; font-family: "e-icons"; font-size: 16px; } .e-de-before-spacing::before { content: "\e523"; font-family: "e-icons"; font-size: 16px; } .e-de-after-spacing::before { content: "\e274"; font-family: "e-icons"; font-size: 16px; } .e-de-icon-bullet-list-dot::before { content: "\e270"; font-family: "e-icons"; font-size: 42px; } .e-de-icon-bullet-list-circle::before { content: "\e254"; font-family: "e-icons"; font-size: 42px; } .e-de-icon-bullet-list-square::before { content: "\e271"; font-family: "e-icons"; font-size: 42px; } .e-de-icon-bullet-list-tick::before { content: "\e259"; font-family: "e-icons"; font-size: 42px; } .e-de-icon-bullet-list-flower::before { content: "\e267"; font-family: "e-icons"; font-size: 42px; } .e-de-icon-bullet-list-arrow::before { content: "\e253"; font-family: "e-icons"; font-size: 42px; } .e-de-icon-bullet-list-none::before { content: "\e256"; font-family: "e-icons"; font-size: 42px; } .e-de-blink-cursor { border-left: 1px solid; pointer-events: none; position: absolute; z-index: 3; } .e-de-cursor-animation { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: FadeInFadeOut; animation-name: FadeInFadeOut; } @-webkit-keyframes FadeInFadeOut { from { opacity: 1; } 13% { opacity: 0; } 50% { opacity: 0; } 63% { opacity: 1; } to { opacity: 1; } } @keyframes FadeInFadeOut { from { opacity: 1; } 13% { opacity: 0; } 50% { opacity: 0; } 63% { opacity: 1; } to { opacity: 1; } } .e-documenteditor .e-checkbox-wrapper .e-frame { height: 14px; line-height: 6px; width: 14px; } .e-documenteditor .e-checkbox-wrapper .e-label { font-size: 12px; } .e-documenteditor .e-de-op-close-button { left: 267px; position: absolute; top: 8px; } .e-de-background { background-color: #ccc; } .e-de-result-list-block .e-de-search-result-hglt { background: transparent; border-bottom: 2px solid #bdbdbd; cursor: default; padding: 20px 1px 20px 5px; } .e-de-result-list-block .e-de-op-search-txt .e-de-op-search-word-text { color: #3f51b5; } .e-de-search-result-item { cursor: default; padding: 20px 1px 20px 5px; } .e-de-search-result-item:hover { border-bottom: 1px solid #bdbdbd; cursor: default; } .e-de-search-result-item:focus { border-bottom: 2px solid #bdbdbd; cursor: default; padding: 20px 1px 20px 5px; } .e-de-search-tab-content .e-input-group .e-de-op-search-icon:focus { border: 1px solid #ddd; } .e-de-op-search-icon:hover { background: #ddd; } .e-de-search-tab-content .e-input-group .e-de-op-search-close-icon:focus { border: 1px solid #ddd; border-right-width: 0; } .e-de-op-search-close-icon:hover { background: #ddd; } .e-spin-down:focus { border: 1px solid #ddd; border-right-width: 0; } .e-spin-down:hover { background: #ddd; } .e-spin-up:focus { border: 1px solid #ddd; border-right-width: 0; } .e-spin-up:hover { background: #ddd; } .e-de-para-dlg-heading { color: rgba(0, 0, 0, 0.87); display: block; font-size: 14px; font-weight: 400; margin-bottom: 5px; } .e-de-para-dlg-container { height: 450px; width: 400px; } .e-de-toc-dlg-heading { color: rgba(0, 0, 0, 0.87); display: block; font-size: 14px; font-weight: 400; margin-bottom: 5px; } .e-de-toc-dlg-main-heading { color: rgba(0, 0, 0, 0.87); display: block; font-size: 14px; font-weight: 500; margin-bottom: 5px; } .e-de-toc-reset-button { margin-top: 10px; } .e-de-toc-modify-button { margin-left: 150px; margin-top: 10px; } .e-de-toc-dlg-container { height: 471px; width: 520px; } .e-de-toc-dlg-sub-container { margin-bottom: 20px; } .e-de-toc-list-view { border: 1px solid #808080; border-radius: 4px; font-size: 12px; height: 200px; margin-left: 36px; overflow-y: scroll; width: 211px; } .e-de-toc-dlg-sub-heading { color: rgba(0, 0, 0, 0.87); display: block; font-size: 14px; font-weight: 400; margin: 10px 15px 5px 15px; } .e-de-toc-dlg-style-label { margin-left: 50px; margin-top: 58px; } .e-de-toc-dlg-style-label.e-de-rtl { margin-left: 0; margin-right: 50px; } .e-de-pagesetup-dlg-container { height: 246px; width: 354px; } .e-de-page-setup-ppty-tab { border: 0; } .e-de-page-setup-dlg-sub-container { margin-bottom: 25px; } .e-de-page-setup-dlg-left-sub-container { float: left; position: relative; top: 17px; } .e-de-page-setup-dlg-right-sub-container { float: right; position: relative; top: 17px; } .e-de-page-setup-dlg-sub-header { display: block; font-size: 12px; font-weight: normal; margin-bottom: 3px; margin-top: 8px; } .e-de-page-setup-dlg-sub-title-header { display: block; font-size: 12px; font-weight: normal; margin-bottom: 3px; margin-top: 12px; } .e-de-page-setup-dlg-sub-container-port { height: 40px; margin-bottom: 25px; } .e-de-page-setup-dlg-sub-label { font-size: 13px; font-weight: 500; } .e-de-page-setup-dlg-orientation-prop { margin-top: 13px; } .e-de-page-setup-dlg-sub-size-container { height: 65px; margin-bottom: 20px; } .e-de-page-setup-dlg-layout-sub-container { height: 60px; margin-bottom: 20px; position: relative; top: 17px; } .e-de-page-setup-dlg-first-page-prop .e-label, .e-de-page-setup-dlg-odd-or-even-prop .e-label { font-size: 12px; } .e-de-page-setup-dlg-first-page-prop .e-frame, .e-de-page-setup-dlg-odd-or-even-prop .e-frame { height: 15px; line-height: 11px; width: 15px; } .e-de-page-setup-dlg-left-layout-container { float: left; position: relative; top: 10px; } .e-de-page-setup-dlg-right-layout-container { float: right; position: relative; top: 10px; } .e-de-dlg-sub-header { display: block; font-size: 12px; font-weight: normal; margin-bottom: 15px; margin-top: 8px; } .e-de-para-dlg-sub-container { margin-bottom: 25px; } .e-de-para-dlg-right-sub-container { top: 17px; } .e-de-dlg-footer .e-btn { margin-left: 10px; } .e-de-hyperlink-dlg-title { font-size: 12px; font-weight: normal; margin-bottom: 8px; margin-top: 8px; } .e-de-hyperlink .e-de-hyperlink-dlg-input { height: 16px; margin-bottom: 20px; width: 230px; } .e-de-font-dlg-header { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; font-weight: normal; margin-bottom: 8px; } .e-de-font-dlg-header-effects, .e-de-font-dlg-header-font-color { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: normal; margin-bottom: 8px; } .e-de-font-dlg-main-header { color: rgba(0, 0, 0, 0.87); font-size: 14px; font-weight: normal; margin-right: 15px; } .e-de-font-dlg-cb-right { margin-left: 40px; } .e-de-font-dlg-cb-right-div { margin-left: 20px; } .e-de-dropdown { margin-right: 40px; } .e-de-op { border-right: 1px solid #e1e1e1; padding-left: 16px; padding-right: 16px; padding-top: 24px; position: relative; width: 300px; } .e-de-op-header { color: rgba(0, 0, 0, 0.87); font-family: "Roboto"; font-size: 15px; font-weight: 500; margin-bottom: 20px; } .e-de-op-tab { border: 0; height: 36px; } .e-de-op-icon { color: rgba(0, 0, 0, 0.54); height: 20px; width: 20px; } .e-de-op-close-icon { color: rgba(0, 0, 0, 0.54); } .e-de-op-nav-btn { height: 20px; width: 20px; } .e-de-op-search-txt { border-bottom: 1px solid #ddd; color: rgba(0, 0, 0, 0.87); font-size: 14px; } .e-de-op-search-txt .e-de-op-search-word { color: #3f51b5; } .e-de-op-more-less { display: block; margin-top: 15px; } .e-de-op-replacetabcontentdiv { height: 82px; margin-top: 15px; } label[for=container_wholeWord] { left: 35px; } .e-de-cell-dia-label-common { display: inline-block; font-size: 12px; font-weight: normal; margin-bottom: 8px; margin-top: 8px; width: 150px; } .e-de-cell-dia-options-label { font-size: 14px; font-weight: 400; } .e-de-table-border-heading { font-size: 14px; font-weight: 400; padding-bottom: 20px; } .e-de-table-setting-heading { font-size: 14px; font-weight: normal; padding-bottom: 20px; } .e-de-layout-setting-heading { font-size: 14px; font-weight: normal; padding-bottom: 20px; } .e-de-table-setting-labels-heading { font-size: 12px; font-weight: normal; } .e-de-table-element-subheading { font-size: 12px; font-weight: normal; } .e-de-border-dlg-preview-div { border: 1px solid rgba(0, 0, 0, 0.54); } .e-de-border-dlg-preview-inside-divs { opacity: 0.54; } .e-de-table-dia-align-div { border: 1px solid #ddd; display: inline-block; height: 60px; margin-right: 10px; width: 60px; } .e-de-table-dia-align-label { display: inline-block; font-size: 12px; font-weight: normal; margin-left: 10px; margin-top: 8px; } .e-de-table-dialog-separator-line { background-color: rgb(0, 0, 0); height: 1px; left: 1px; opacity: 0.12; position: absolute; top: 371px; width: 100%; } .e-de-table-dialog-options-label { font-size: 14px; font-weight: 400; padding-bottom: 15px; padding-top: 20px; } .e-de-list-ddl-header { font-size: 14px; font-weight: normal; margin-bottom: 20px; margin-top: 20px; } .e-de-list-ddl-header-list-level { font-size: 14px; font-weight: normal; margin-bottom: 20px; } .e-de-tbl-dlg-footer { padding-top: 27px; } .e-de-row-ht-top { display: inline-block; margin-left: 20px; } .e-de-cell-width-top { margin-left: 20px; margin-top: -23px; } .e-de-tbl-dlg-border-btn { float: right; margin-right: 103px; margin-top: 32px; } .e-de-tbl-dlg-op-btn { left: 425px; position: absolute; top: 300px; } .e-de-insert-table-dlg-sub-header { display: block; font-size: 12px; font-weight: normal; margin-bottom: 8px; margin-top: 8px; } .e-de-insert-table-dlg-input { margin-bottom: 15px; } .e-de-insert-footnote-dlg-sub-header { display: block; font-size: 12px; font-weight: normal; margin-bottom: 8px; margin-top: 8px; } .e-de-list-ddl-subheader, .e-de-list-ddl-subheaderbottom { font-size: 12px; font-weight: normal; margin-bottom: 10px; margin-top: 10px; } .e-de-list-dlg-subdiv { float: right; margin-top: 51px; position: relative; } .e-de-list-dlg-div { float: right; margin-top: 46px; position: relative; } .e-de-ok-button { margin-right: 10px; } .e-de-options-setter { left: 415px; } .e-de-op-close-icon:hover { color: rgba(0, 0, 0, 0.54); } .e-de-tooltip { background-color: #fff; -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26); color: #000; cursor: text; max-width: 200px; padding: 5px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; word-wrap: break-word; } .e-btn.e-de-op-icon-btn { background-color: transparent; border-color: transparent; } .e-btn.e-de-op-close-button:hover { background-color: transparent; border-color: transparent; color: rgba(0, 0, 0, 0.54); } .e-btn.e-de-op-close-button:focus { background-color: transparent; border-color: transparent; color: rgba(0, 0, 0, 0.54); } .e-btn.e-de-op-close-button:active { background-color: transparent; border-color: transparent; color: rgba(0, 0, 0, 0.54); } .e-documenteditor .e-input { color: #000; font-size: 14px; } .e-de-dlg-target .e-footer-content .e-control.e-btn.e-flat:not(.e-icon-btn) { height: 36px; } .e-de-tbl-dlg-border-btn .e-control.e-btn.e-flat:not(.e-icon-btn) { height: 36px; } .e-de-dlg-target .e-dlg-header, .e-de-dlg-target .e-dlg-header * { font-weight: normal; } .e-de-dlg-target .e-dlg-header { font-size: 16px; font-weight: 400; margin-top: 4px; } .e-de-dlg-target .e-de-dlg-footer { margin-top: 19px; padding-top: 13px; } .e-de-dlg-target .e-dlg-header-content { padding: 20px 25px 13px 25px; } .e-de-dlg-target .e-dlg-content { padding: 28px 25px 15px 25px; } .e-de-dlg-target .e-footer-content { padding-right: 25px; padding-top: 1px; } .e-de-dlg-target .e-btn .e-btn-icon.e-icon-dlg-close { font-size: 14px; } .e-de-dlg-target .e-dlg-header-content, .e-de-dlg-target .e-footer-content { border: 1px; border-radius: 4px; } .e-de-dlg-target .e-dlg-header-content .e-btn.e-dlg-closeicon-btn { left: 6px; } .e-de-dlg-target .e-dlg-clr-pkr-top { top: 159px; } .e-de-op-result-container { margin-top: 12px; } .e-de-op { background-color: #fff; } .e-de-op .e-tab-header .e-toolbar-items { margin-bottom: 20px; margin-top: 1px; } .e-de-font-dlg-color { border: 1px #ddd; border-radius: 4px; font-size: 12px; height: 16px; margin-left: 15px; width: 25px; } .e-de-icon-table-row-above { top: 7px; } .e-de-icon-table-row-below { top: 41px; } .e-de-icon-table-column-left { top: 75px; } .e-de-icon-table-column-right { top: 109px; } .e-de-icon-table-delete { top: 7px; } .e-de-icon-table-row-delete { top: 41px; } .e-de-icon-table-column-delete { top: 75px; } .e-de-list-bullet-none { height: 40px; width: 40px; } .e-de-list-bullet-dot { height: 40px; width: 40px; } .e-de-list-bullet-circle { height: 40px; width: 40px; } .e-de-list-bullet-square { height: 40px; width: 40px; } .e-de-list-bullet-flower { height: 40px; width: 40px; } .e-de-list-bullet-arrow { height: 40px; width: 40px; } .e-de-list-bullet-tick { height: 40px; width: 40px; } .e-de-bullet:hover { background: #ddd; } .e-de-list-numbered-none { height: 80px; width: 80px; } .e-de-list-numbered-number-dot { height: 80px; width: 80px; } .e-de-list-numbered-number-brace { height: 80px; width: 80px; } .e-de-list-numbered-up-roman { height: 80px; width: 80px; } .e-de-list-numbered-up-letter { height: 80px; width: 80px; } .e-de-list-numbered-low-letter-brace { height: 80px; width: 80px; } .e-de-numbered-low-letter-dot { height: 80px; width: 80px; } .e-de-list-numbered-low-roman { height: 80px; width: 80px; } .e-de-numbered:hover { background: #ddd; } .e-de-list-multilevel-none { height: 80px; width: 80px; } .e-de-list-multilevel-list-normal { height: 80px; width: 80px; } .e-de-list-multilevel-list-multilevel { height: 80px; width: 80px; } .e-de-list-multilevel-list-bullets { height: 80px; width: 80px; } .e-de-multilevel-list:hover { background: #ddd; } .e-de-list-dialog-open:hover { background: #ddd; } .e-de-cell-options { left: 339px; top: 229px; } .e-de-font-color-label { margin-bottom: 7px; margin-top: 18px; } .e-de-font-content-label { margin-left: 15px; margin-right: 6px; } .e-de-font-color-margin { margin-right: 10px; margin-top: 6px; } .e-de-font-content-checkbox-label { margin-left: 43px; } .e-de-font-checkbox { margin-left: 67px; } .e-de-font-dlg-padding { margin-top: 15px; } .e-de-table-container-div { margin-top: 20px; } .e-de-table-header-div { padding-top: 6px; } .e-de-table-subheader-div { float: right; margin-right: 115px; margin-top: -40px; } .e-de-table-cell-header-div { padding-top: 6px; } .e-de-table-cell-subheader-div { top: 57px; } .e-de-cell-margin-header { left: -7px; top: 310px; } .e-de-font-dlg-display { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .e-de-tbl-margin-sub-header { margin-top: 20px; } .e-de-tbl-btn-separator { width: 57%; } .e-de-op-msg { color: #000; top: 79px; } .e-de-save-dlg-file-name { height: 25px; margin-bottom: 8px; } .e-de-save-dlg-format-type { height: 25px; margin-bottom: 8px; padding-top: 10px; } .e-de-search-tab-content { margin-top: 12px; width: 267px; } .e-de-font-dlg { height: 239px; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .e-de-hyperlink { height: auto; width: 250px; } .e-de-insert-table { height: 131px; width: 230px; } .e-de-insert-table { height: 139px; width: 247px; } .e-de-list-dlg { height: 400px; width: 420px; } .e-de-save-dlg { height: 135px; width: 230px; } .e-de-table-properties-dlg { height: 300px; width: 426px; } .e-de-table-border-shading-dlg { height: 380px; width: 450px; } .e-de-table-cell-margin-dlg { height: 222px; width: 380px; } .e-de-table-options-dlg { height: 242px; width: 380px; } .e-de-table-border-none { position: absolute; top: 25px; } .e-de-table-border-box { position: absolute; top: 95px; } .e-de-table-border-all { position: absolute; top: 165px; } .e-de-table-border-custom { position: absolute; top: 235px; } .e-de-table-shading-preview { top: 385px; } .e-de-font-content-label span.e-label { color: rgba(0, 0, 0, 0.87); } .e-de-font-label span.e-label { color: rgba(0, 0, 0, 0.87); } .e-de-font-content-label:hover .e-label, .e-css.e-de-font-content-label:hover .e-label { color: rgba(0, 0, 0, 0.87); } .e-de-font-label:hover .e-label, .e-css.e-de-font-label:hover .e-label { color: rgba(0, 0, 0, 0.87); } .e-documenteditor .e-checkbox-wrapper .e-label { color: rgba(0, 0, 0, 0.87); font-size: 14px; } .e-documenteditor .e-checkbox-wrapper .e-frame { height: 15px; line-height: 11px; width: 15px; } .e-documenteditor .e-checkbox-wrapper .e-frame + .e-label { margin-right: 15px; } .e-de-op-dlg-footer { margin-top: 15px; } .e-de-op-dlg-footer .e-btn { height: 36px; padding-left: 6px; padding-right: 6px; } .e-de-search-tab-content .e-input-group .e-de-search-input { width: 185px; } .e-de-op-replacewith { width: 95%; } .e-de-table-ppty-tab { border: 0; } .e-de-table-container-div .e-checkbox-wrapper .e-label { color: rgba(0, 0, 0, 0.87); } .e-de-table-header-div .e-checkbox-wrapper .e-label { color: rgba(0, 0, 0, 0.87); } .e-de-table-ppty-options-break .e-checkbox-wrapper .e-label { color: rgba(0, 0, 0, 0.87); } .e-de-table-ppty-options-header-row .e-checkbox-wrapper .e-label { color: rgba(0, 0, 0, 0.87); } .e-de-table-cell-header-div .e-checkbox-wrapper .e-label { color: rgba(0, 0, 0, 0.87); } .e-de-tbl-margin-sub-header .e-label { color: rgba(0, 0, 0, 0.87); } .e-de-tbl-btn-separator .e-checkbox-wrapper .e-label { color: rgba(0, 0, 0, 0.87); } .e-de-list-format-info { border-radius: 50%; cursor: default; font-size: 12px; height: 15px; line-height: 1px; padding: 3px 0 0 0; text-transform: lowercase; width: 16px; } .e-button-custom { height: 34px; padding: 0; width: 80px; } .e-styles-listview, .e-bookmark-listview { border: 1px solid #c8c8c8; border-radius: 4px; height: 150px; overflow-y: scroll; } .e-bookmark-gotobutton, .e-bookmark-addbutton, .e-styles-addbutton, .e-bookmark-deletebutton { margin-bottom: 8px; } .e-bookmark-list { float: left; margin-right: 20px; width: 250px; } .e-bookmark-textboxdiv { margin-bottom: 10px; } .e-bookmark-listview .e-list-item { font-size: 13px; height: 30px; line-height: 27px; } .e-bookmark-common { display: -webkit-box; display: -ms-flexbox; display: flex; } .e-bookmark-button { position: relative; top: 15px; } .e-font { float: left; } .e-de-table-border-toptop-alignment, .e-de-table-border-topcenter-alignment, .e-de-table-border-topbottom-alignment, .e-de-table-border-diagionalup-alignment, .e-de-table-border-diagionaldown-alignment, .e-de-table-border-bottomleft-alignment, .e-de-table-border-bottomcenter-alignment, .e-de-table-border-bottomright-alignment { left: 48%; position: absolute; top: 48%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .e-de-style-properties, .e-de-style-formatting { font-size: 14px; font-weight: 400; } .e-de-style-formatting { margin-bottom: 20px; } .e-de-style-paragraph-indent-group-button .e-btn, .e-de-style-paragraph-group-button .e-btn, .e-de-style-font-group-button .e-btn { -webkit-box-shadow: none; box-shadow: none; } .e-de-style-paragraph-indent-group-button .e-btn.e-active, .e-de-style-paragraph-group-button .e-btn.e-active, .e-de-style-font-group-button .e-btn.e-active { background-color: #c8c8c8; border-color: #c8c8c8; -webkit-box-shadow: none; box-shadow: none; color: #000; } .e-de-style-properties { margin-bottom: 15px; } .e-de-style-nametype-div { margin-bottom: 20px; } .e-de-style-based-para-div { margin-bottom: 30px; } .e-de-style-name, .e-de-style-styletype, .e-de-style-style-based-on, .e-de-style-style-paragraph { font-size: 13px; font-weight: normal; margin-bottom: 8px; width: 180px; } .e-de-style-left-div { margin-right: 40px; } .e-de-style-font-color-picker, .e-de-style-icon-button-size, .e-de-style-icon-button-first-size, .e-de-style-icon-button-last-size { height: 30px; } .e-de-style-bold-button-size { height: 30px; margin-left: 6px; margin-right: 8px; } .e-de-style-font-color-picker, .e-de-style-icon-button-size { margin-right: 8px; } .e-de-style-icon-button-first-size { margin-left: 6px; margin-right: 3px; } .e-de-style-icon-button-last-size { margin-right: 6px; } .e-de-style-font-color-picker { margin-left: 8px; } .e-style-font-fmaily-right { margin-right: 8px; } .e-style-font { margin-left: 5px; margin-right: 15px; } .e-de-style-left-div .e-de-style-dlg-name-input { height: 30px; } .e-style-list { margin-left: 10px; } .e-de-style-dialog .e-de-style-only-this-document { margin-top: 25px; } .e-de-style-format-dropdwn { width: 135px; } .e-de-style-options-div { margin-bottom: 20px; padding: 5px; } .e-de-style-paragraph-group-button { border-right: 2px solid #e0e0e0; } .e-de-style-font-group-button { border-left: 2px solid #e0e0e0; border-right: 2px solid #e0e0e0; } .e-de-op-replace-messagediv { color: #000; position: absolute; top: 144px; } .e-de-font-content-label .e-label, .e-de-font-dlg-cb-right .e-label, .e-de-font-checkbox .e-label { font-size: 12px; } .e-de-font-content-label .e-frame, .e-de-font-dlg-cb-right .e-frame, .e-de-font-checkbox .e-frame { height: 15px; line-height: 11px; width: 15px; } .e-de-op-input-group, .e-de-op-replacewith { height: 32px; } .e-de-hyperlink-bookmark-check { margin-top: 20px; } .e-de-table-container-div .e-checkbox-wrapper .e-frame, .e-de-table-header-div .e-checkbox-wrapper .e-frame, .e-de-table-ppty-options-break .e-checkbox-wrapper .e-frame, .e-de-table-ppty-options-header-row .e-checkbox-wrapper .e-frame, .e-de-table-cell-header-div .e-checkbox-wrapper .e-frame, .e-de-tbl-btn-separator .e-checkbox-wrapper .e-frame, .e-de-hyperlink-bookmark-check .e-checkbox-wrapper .e-frame, .e-de-tbl-margin-sub-header .e-frame { height: 15px; line-height: 11px; width: 15px; } .e-de-table-container-div .e-checkbox-wrapper .e-label, .e-de-table-header-div .e-checkbox-wrapper .e-label, .e-de-table-ppty-options-break .e-checkbox-wrapper .e-label, .e-de-table-ppty-options-header-row .e-checkbox-wrapper .e-label, .e-de-table-cell-header-div .e-checkbox-wrapper .e-label, .e-de-tbl-btn-separator .e-checkbox-wrapper .e-label, .e-de-hyperlink-bookmark-check .e-checkbox-wrapper .e-label, .e-de-tbl-margin-sub-header .e-label { font-size: 14px; } .e-de-table-ppty-dlg-measure-div { float: right; margin-left: 40px; margin-top: -12px; } .e-de-table-ppty-dlg-measure-drop-down-div { float: right; margin-left: 40px; margin-top: 6px; } .e-de-table-ppty-dlg-left-indent-container { float: right; margin-right: 89px; } .e-de-table-ppty-dlg-row-height-label { float: right; margin-right: 161px; margin-top: -62px; } .e-de-table-ppty-dlg-preferred-width-div { float: right; margin-left: 20px; margin-top: 6px; } .e-de-table-ppty-options-break { margin-bottom: 15px; } .e-de-table-cell-subheader-div { margin-right: 125px; margin-top: -37px; } .e-de-table-ppty-dlg-cell-tab-measure-label { float: right; margin-right: 172px; margin-top: -64px; } .e-tab .e-tab-header .e-toolbar-item .e-de-table-ppty-dlg-row-header { padding-left: 24px; padding-right: 24px; } .e-tab .e-tab-header .e-toolbar-item .e-de-table-ppty-dlg-cell-header { padding-left: 24px; padding-right: 24px; } .e-tab .e-tab-header .e-toolbar-item .e-de-page-setup-dlg-margin-tab-header { padding-left: 1px; padding-right: 24px; } .e-styles-list { float: left; margin-right: 20px; width: 250px; } .e-styles-textboxdiv { padding-bottom: 15px; } .e-styles-listview .e-list-item { font-size: 13px; height: 30px; line-height: 27px; } .e-styles-common { padding-top: 5px; } .e-styles-button { float: right; } .e-de-toc-dlg-styles { margin-bottom: 11px; margin-left: 38px; margin-top: 30px; } .e-de-toc-dlg-build-table { margin-top: 30px; } .e-de-toc-table-div .e-de-toc-dlg-toc-level { height: 24px; margin-left: 36px; width: 44px; } .e-de-toc-styles-table-div { border: 1px solid #808080; border-radius: 4px; margin-top: 9px; width: 213px; } .e-de-toc-dlg-sub-level-heading { font-size: 12px; } .e-de-toc-table-div { height: 163px; overflow-y: scroll; width: 211px; } .e-de-toc-dlg-style-input { margin-bottom: 3px; margin-left: 36px; width: 210px; } .e-de-toc-dlg-outline-levels { margin-top: 15px; width: 150px; } .e-de-styles, .e-de-bookmark { margin-top: 24px; } .e-bookmark-textboxdiv .e-bookmark-textbox-input { height: 34px; } .e-styles-dlgfields { font-weight: normal; margin-bottom: 6px; } .e-tab .e-tab-header .e-toolbar-item .e-de-op-find-tab-header { padding-left: 1px; padding-right: 24px; } .e-tab .e-tab-header .e-toolbar-item .e-de-op-replace-tab-header { padding-left: 24px; padding-right: 24px; } .e-de-dlg-target .e-footer-content .e-list-dlg-font { margin-left: 16px; } .e-bookmark-dlgfields { font-weight: normal; margin-bottom: 0; } .e-de-ui-wfloating-menu.e-de-ui-bullets-menu .e-de-ui-wfloating-menuitem-md { height: 65px; padding: 10px; width: 70px; } .e-de-ui-wfloating-menu.e-de-ui-bullets-menu .e-de-ui-wfloating-bullet-menuitem-md { height: 45px; width: 45px; } .e-de-bullet-icon-size { height: 45px; width: 45px; } .e-de-ui-list-header-presetmenu { cursor: pointer; font-size: 11px; line-height: 14px; min-width: 50px; overflow: hidden; text-align: left; white-space: nowrap; width: 100%; } .e-de-ui-bullet { font-size: 42px; } .e-de-ui-list-header-presetmenu .e-de-ui-list-line { border-bottom: 1px solid #ccc; margin-left: 5px; width: 100%; } .e-de-ui-list-header-presetmenu div span { color: #aaa; display: inline-block; vertical-align: middle; } .e-de-ui-wfloating-menu .e-de-ui-wfloating-menuitem, .e-de-ui-wfloating-menu .e-de-ui-menuitem-none { border: 0; -webkit-box-shadow: inset 0 0 0 1px #ebebeb; box-shadow: inset 0 0 0 1px #ebebeb; cursor: pointer; height: 70px; margin: 0 5px 5px 0; padding: 0; width: 70px; } .e-de-ui-wfloating-menu { padding: 10px 4px 5px 10px; } .e-de-list-thumbnail .e-de-list-items { float: left; } .e-de-list-thumbnail .e-de-list-items { background: #fff; border: 1px solid transparent; clear: initial; display: inline-block; height: auto; margin: 5px; text-align: center; width: auto; } .e-de-list-items { background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; list-style: none; padding: 7px 10px; position: relative; } .e-de-list-item-size { font-size: 14px; } .e-de-ui-wfloating-menu { padding: 10px 4px 5px 10px; } .e-de-table-border-fill { margin-right: 25px; margin-top: 7px; } .e-de-table-ppty-dlg-tabs { height: 270px; position: relative; width: 530px; } .e-de-ui-bullet-list-header-presetmenu .e-de-list-thumbnail .e-de-list-active, .e-de-style-numbered-list .e-de-list-thumbnail .e-de-list-active { border-color: #ff4081; } .e-de-bullet-icons { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-43%, -43%); transform: translate(-43%, -43%); } .e-de-ctnr-close::before { content: "\eb68"; } .e-de-ctnr-linespacing::before { content: "\eb8a"; } .e-de-ctnr-undo::before { content: "\ebed"; } .e-de-ctnr-find::before { content: "\e275"; } .e-de-ctnr-lock::before { content: "\eb7d"; } .e-de-cnt-track::before { content: "\e20a"; font-family: "e-icons"; } .e-de-selected-spellcheck-item::before { content: "\e935"; font-family: "e-icons"; font-size: 10px; } .e-de-selected-underline-item::before { content: "\e935"; font-family: "e-icons"; font-size: 10px; } .e-de-ctnr-italic::before { content: "\eb99"; } .e-de-ctnr-link::before { content: "\e290"; } .e-de-ctnr-table::before { content: "\e294"; } .e-de-ctnr-download::before { content: "\eb97"; } .e-de-ctnr-justify::before { content: "\eb67"; } .e-de-ctnr-tableofcontent::before { content: "\eb98"; } .e-de-ctnr-pagenumber::before { content: "\eb74"; } .e-de-ctnr-highlight::before { content: "\eb6e"; } .e-de-ctnr-new::before { content: "\e7d5"; } .e-de-ctnr-paste::before { content: "\e601"; } .e-de-ctnr-bold::before { content: "\eb77"; } .e-de-ctnr-subscript::before { content: "\eb96"; } .e-de-ctnr-aligncenter::before { content: "\eb9e"; } .e-de-ctnr-fontcolor::before { content: "\eb87"; } .e-de-ctnr-change-case::before { content: "\e88c"; } .e-de-ctnr-pagesetup::before { content: "\eb6d"; } .e-de-ctnr-content-control::before { content: "\e9d4"; } .e-de-ctnr-strokestyle::before { content: "\eb62"; } .e-de-ctnr-strikethrough::before { content: "\eb7f"; } .e-de-ctnr-image::before { content: "\eb64"; } .e-de-ctnr-redo::before { content: "\ebfa"; } .e-de-ctnr-bookmark::before { content: "\eb63"; } .e-de-ctnr-increaseindent::before { content: "\eb76"; } .e-de-ctnr-header::before { content: "\eb7e"; } .e-de-ctnr-backgroundcolor::before { content: "\eb6b"; } .e-de-ctnr-open::before { content: "\e609"; } .e-de-ctnr-underline::before { content: "\ebf0"; } .e-de-ctnr-superscript::before { content: "\eb6f"; } .e-de-ctnr-alignleft::before { content: "\eb78"; } .e-de-ctnr-numbering::before { content: "\eb9c"; } .e-de-ctnr-bullets::before { content: "\eb92"; } .e-de-ctnr-borders::before { content: "\e93d"; } .e-de-ctnr-decreaseindent::before { content: "\eb69"; } .e-de-ctnr-showhide::before { content: "\eb8b"; font-size: 16px; } .e-de-ctnr-print::before { content: "\eb85"; } .e-de-ctnr-alignright::before { content: "\eb82"; } .e-de-ctnr-footer::before { content: "\eb79"; } .e-de-ctnr-clearall::before { content: "\eb80"; } .e-de-ctnr-outsideborder::before { content: "\eb66"; } .e-de-ctnr-allborders::before { content: "\eb95"; } .e-de-ctnr-insideborders::before { content: "\eb88"; } .e-de-ctnr-leftborders::before { content: "\eb9b"; } .e-de-ctnr-insideverticalborder::before { content: "\eb8c"; } .e-de-ctnr-rightborder::before { content: "\eb81"; } .e-de-ctnr-topborder::before { content: "\eb73"; } .e-de-ctnr-insidehorizondalborder::before { content: "\eb9a"; } .e-de-ctnr-bottomborder::before { content: "\eb8f"; } .e-de-ctnr-strokesize::before { content: "\eb84"; } .e-de-ctnr-highlightcolor::before { content: "\eb6e"; } .e-de-ctnr-mergecell::before { content: "\eb93"; } .e-de-ctnr-insertleft::before { content: "\eb7c"; } .e-de-ctnr-insertright::before { content: "\eb7a"; } .e-de-ctnr-insertabove::before { content: "\eb9f"; } .e-de-ctnr-insertbelow::before { content: "\eb72"; } .e-de-ctnr-deleterows::before { content: "\eb89"; } .e-de-ctnr-deletecolumns::before { content: "\eb94"; } .e-de-ctnr-aligntop::before { content: "\eb8d"; } .e-de-ctnr-alignbottom::before { content: "\eb6c"; } .e-de-ctnr-aligncenter-table::before { content: "\eb75"; } .e-de-ctnr-cellbg-clr-picker::before { content: "\eb6b"; } .e-de-ctnr-bullet-none::before { content: "\e256"; } .e-de-ctnr-bullet-dot::before { content: "\e270"; } .e-de-ctnr-bullet-circle::before { content: "\e254"; } .e-de-ctnr-bullet-square::before { content: "\e271"; } .e-de-ctnr-bullet-flower::before { content: "\e267"; } .e-de-ctnr-bullet-arrow::before { content: "\e253"; } .e-de-ctnr-bullet-tick::before { content: "\e259"; } .e-de-selected-item::before { content: "\e935"; } .e-de-ctnr-break::before { content: "\e58d"; } .e-de-ctnr-page-break::before { content: "\e590"; } .e-de-ctnr-section-break::before { content: "\e58e"; } .e-de-ctnr-upload::before { content: "\e706"; } .e-de-flip { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .e-de-cnt-cmt-add::before { content: "\e814"; font-family: "e-icons"; } .e-de-printlayout::before { content: "\e296"; font-family: "e-icons"; } .e-de-weblayout::before { content: "\e629"; font-family: "e-icons"; } .e-de-textform::before { content: "\e198"; font-family: "e-icons"; } .e-de-combo-box::before { content: "\e8ff"; font-family: "e-icons"; } .e-de-dropdown-list::before { content: "\e8fe"; font-family: "e-icons"; } .e-de-formproperties::before { content: "\e199"; font-family: "e-icons"; } .e-de-clearform::before { content: "\e19a"; font-family: "e-icons"; } .e-de-dropdownform::before { content: "\e19b"; font-family: "e-icons"; } .e-de-formfield::before { content: "\e19c"; font-family: "e-icons"; } .e-de-checkbox-form::before { content: "\e19d"; font-family: "e-icons"; } .e-de-arrow-up::before { content: "\e834"; font-family: "e-icons"; } .e-de-arrow-down::before { content: "\e83d"; font-family: "e-icons"; } .e-de-update-field::before { content: "\e19e"; font-family: "e-icons"; } .e-de-footnote::before { content: "\e435"; font-family: "e-icons"; } .e-de-endnote::before { content: "\e436"; font-family: "e-icons"; } .e-de-e-paragraph-mark::before { content: "\e353"; font-family: "e-icons"; } .e-de-e-paragraph-style-mark::before { content: "\e353"; font-family: "e-icons"; } .e-de-e-character-style-mark::before { content: "\e980"; font-family: "e-icons"; } .e-de-e-linked-style-mark::before { content: "\e981"; font-family: "e-icons"; } .e-de-ctnr-columns::before { content: "\e968"; font-family: "e-icons"; } .e-de-ctnr-page-size::before { content: "\e947"; font-family: "e-icons"; } .e-de-ctnr-page-break-column::before { content: "\e970"; font-family: "e-icons"; } .e-de-ctnr-page-break-text-wrapping::before { content: "\e94a"; font-family: "e-icons"; } .e-de-ctnr-section-break-continuous::before { content: "\e971"; font-family: "e-icons"; } .e-de-ctnr-section-break-even-page::before { content: "\e964"; font-family: "e-icons"; } .e-de-ctnr-section-break-odd-page::before { content: "\e967"; font-family: "e-icons"; } .e-de-ctnr-columns-one::before { content: "\e977"; font-family: "e-icons"; font-size: 60px; } .e-de-ctnr-columns-two::before { content: "\e978"; font-family: "e-icons"; font-size: 60px; } .e-de-ctnr-columns-three::before { content: "\e979"; font-family: "e-icons"; font-size: 60px; } .e-de-ctnr-columns-right::before { content: "\e974"; font-family: "e-icons"; font-size: 60px; } .e-de-ctnr-columns-left::before { content: "\e975"; font-family: "e-icons"; font-size: 60px; } .e-de-toolbar { height: 100%; } .e-documenteditorcontainer { display: block; } .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap { height: 0; line-height: 0; } .e-de-ctnr-file-picker { left: -110em; position: fixed; } .e-de-ctnr-rtl { direction: rtl; } .e-de-ctnr-hglt-btn { border: 0.5px solid transparent; display: inline-block; height: 25px; margin: 3px; width: 25px; } .e-color-selected, .e-de-ctnr-hglt-btn:hover { border-color: #fff; outline: #000 0.5px solid; } .e-hglt-no-color { height: 30px; padding-top: 1px; width: 157px; } .e-hglt-no-color:hover { background-color: #d3d3d3; cursor: pointer; } .e-de-ctnr-hglt-no-color { font-size: 12px; font-weight: normal; left: 40px; padding-top: 11px; position: absolute; top: 100px; } /* stylelint-disable */ .e-de-scrollbar-hide::-webkit-scrollbar { width: 0; } .e-de-scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; } /* stylelint-enable */ /* stylelint-disable */ .e-de-toolbar { height: 100%; } .e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline) { -webkit-box-shadow: none; box-shadow: none; height: 32px; } .e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):focus { -webkit-box-shadow: none; box-shadow: none; } .e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):active { -webkit-box-shadow: none; box-shadow: none; } .e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):hover { -webkit-box-shadow: none; box-shadow: none; } .e-de-ctnr-group-btn-middle button { border-radius: 0px; } .de-tbl-fill-clr .e-dropdown-btn.e-btn { -webkit-box-shadow: none; box-shadow: none; } .e-de-prop-pane .e-de-ctnr-group-btn button, .e-de-ctn .e-de-status-bar button { -webkit-box-shadow: none; box-shadow: none; height: 32px; } .e-de-prop-pane .e-de-ctnr-group-btn button:focus, .e-de-ctn .e-de-status-bar button:focus { -webkit-box-shadow: none; box-shadow: none; } .e-de-prop-pane .e-de-ctnr-group-btn button:active, .e-de-ctn .e-de-status-bar button:active { -webkit-box-shadow: none; box-shadow: none; } .e-de-prop-pane .e-de-ctnr-group-btn button:hover, .e-de-ctn .e-de-status-bar button:hover { -webkit-box-shadow: none; box-shadow: none; } .e-de-statusbar-pageweb { background: #fff; border: 0; -webkit-box-shadow: none; box-shadow: none; float: right; height: 33px; width: 33px; } .e-de-statusbar-pageweb:hover { -webkit-box-shadow: none; box-shadow: none; } .e-de-statusbar-pageweb .e-de-printlayout, .e-de-statusbar-pageweb .e-de-weblayout { font-size: 16px; } .e-de-statusbar-pageweb .e-de-printlayout:hover, .e-de-statusbar-pageweb .e-de-weblayout:hover { font-size: 16px; } .e-bigger .e-btn.e-de-statusbar-pageweb { padding: 0; } .e-bigger .e-de-statusbar-pageweb .e-de-printlayout, .e-bigger .e-de-statusbar-pageweb .e-de-weblayout { font-size: 16px; } .e-de-listview.e-de-listview-icon.e-icons.e-list-icon { height: 24px; width: 16px; margin-right: 12px; } .e-de-listview-icon { height: auto; width: auto; line-height: 22px; margin-right: 12px; } .e-de-linespacing { margin-top: 11px; } .e-de-statusbar-zoom { background: #fff; border: 0; color: #000; float: right; font-weight: 400; height: 33px; } .e-de-pagenumber-text { border: none !important; } .e-de-pagenumber-input { background: #fff; border: 1px solid #000; border-radius: 2px; color: #000; padding: 0px; text-align: center; width: 22px; } .e-btn-pageweb-toggle { background-color: #400074; -webkit-box-shadow: none; box-shadow: none; outline: #fafafa 0 solid; outline-offset: 0; } .e-btn-pageweb-spellcheck { border: 0; -webkit-box-shadow: none; box-shadow: none; float: right; margin-left: calc(100% - 362px); } .e-bigger .e-btn-pageweb-spellcheck { margin-left: calc(100% - 395px); } .e-de-ctn-title { background-color: #400074; border-bottom: none !important; color: #fff; } .e-de-tool-ctnr-properties-pane { display: -webkit-box; display: -ms-flexbox; display: flex; height: calc(100% - 113px); width: 100%; } .e-de-ctnr-properties-pane { display: -webkit-box; display: -ms-flexbox; display: flex; height: calc(100% - 38px); width: 100%; } .e-de-statusbar-separator { border-left: 1px solid #dadada; height: 16px; margin-left: 7.5px; margin-right: 7.5px; margin-top: 10px; } .e-bigger .e-de-statusbar-separator { border-left: 1px solid #dadada; height: 16px; margin-left: 7.5px; margin-right: 7.5px; margin-top: 10px; } .e-de-statusbar-spellcheck { border-radius: 2px; font-weight: 400; } .e-de-ctn { background-color: #fff; border: 1px solid #000; height: 100%; position: relative; width: 100%; } .e-bigger .e-de-statusbar-spellcheck { border-radius: 2px; } .e-de-ctnr-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; height: 82px; width: 100%; } .e-de-tlbr-wrapper .e-de-toolbar.e-toolbar, .e-de-tlbr-wrapper .e-de-ctnr-properties-pane-btn { border: 0; } .e-de-pane { border-left: 1px solid #000; } .e-de-pane-rtl { border-right: 1px solid #000; } .e-de-tool-ctnr-properties-pane, .e-de-ctnr-properties-pane { background: #fff; border-bottom: 1px solid #000; border-top: 1px solid #000; } .e-de-ctnr-segment { margin-bottom: 12px; } .e-de-ctnr-segment > div:first-child:not(.e-rtl), .e-de-ctnr-segment-list > div:last-child:not(.e-rtl), .e-de-ctnr-segment > button:first-child:not(.e-rtl) { margin-right: 12px; } .e-de-ctnr-segment.e-de-ctnr-segment-rtl > div:first-child, .e-de-ctnr-segment-list.e-de-ctnr-segment-list-rtl > div:last-child, .e-de-ctnr-segment.e-de-ctnr-segment-rtl > button:first-child { margin-left: 12px; margin-right: 0; } .e-de-tlbr-wrapper { background-color: #fff; height: 82px; width: calc(100% - 75px); } .e-de-ctnr-prop-label { color: #000; display: inline-block; font-size: 13px; font-weight: 500; letter-spacing: 0.05px; margin-bottom: 12px; opacity: 0.87; } .e-de-table-prop-label { margin-left: 12px; } .e-de-table-prop-label.e-de-rtl { margin-left: 0; margin-right: 12px; } .e-de-toolbar.e-toolbar { border-radius: 0; } .e-de-ctnr-toolbar .e-toolbar-item.e-de-toolbar-btn-first { margin-left: 0; margin-right: 6px; } .e-de-ctnr-toolbar.e-de-ctnr-rtl .e-toolbar-item.e-de-toolbar-btn-first { margin-left: 6px; margin-right: 0; } .e-bigger .e-de-ctnr-toolbar .e-toolbar-item.e-de-toolbar-btn-first { margin-left: 0; margin-right: 8px; } .e-bigger .e-de-ctnr-toolbar.e-de-ctnr-rtl .e-toolbar-item.e-de-toolbar-btn-first { margin-left: 8px; margin-right: 0; } .e-de-ctnr-toolbar .e-toolbar-item.e-de-toolbar-btn-last { margin-left: 6px; margin-right: 0; } .e-de-ctnr-toolbar.e-de-ctnr-rtl .e-toolbar-item.e-de-toolbar-btn-last { margin-left: 0; margin-right: 6px; } .e-bigger .e-de-ctnr-toolbar .e-toolbar-item.e-de-toolbar-btn-last { margin-left: 8px; margin-right: 0; } .e-bigger .e-de-ctnr-toolbar.e-de-ctnr-rtl .e-toolbar-item.e-de-toolbar-btn-last { margin-left: 0; margin-right: 8px; } .e-de-toolbar.e-toolbar .e-toolbar-items { height: 82px; } .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-separator { height: 59px; margin: 0 5.5px; } .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start { margin-left: 12px !important; margin-right: 6px; } .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle { margin-left: 6px; margin-right: 6px; } .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-end { margin-left: 6px; margin-right: 12px; } .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-image-focus :focus { background-color: #400074; } .e-de-toolbar.e-toolbar .e-toolbar-items .e-too