@syncfusion/ej2-angular-documenteditor 20.1.60 → 20.2.36

package/styles/document-editor/_fabric-dark-definition.scss

@@ -0,0 +1,546 @@
+$de-padding-half: 6px;
+$de-padding-half-bigger: 8px;
+$de-padding-full: 12px;
+$de-padding-full-bigger: 16px;
+
+$de-cmt-author-nme-padding-left: 8px;
+$de-cmt-author-nme-padding-left-big: $de-cmt-author-nme-padding-left;
+$de-cmt-textbox-top-margin: 12px;
+$de-cmt-textbox-top-margin-big: $de-cmt-textbox-top-margin;
+$de-cmt-sub-container-padding: 8px;
+$de-cmt-sub-container-padding-big: $de-cmt-sub-container-padding;
+$de-cmt-sub-container-padding-left: 6px;
+$de-cmt-sub-container-padding-left-big: $de-cmt-sub-container-padding-left;
+$de-cmt-sub-container-hover-padding-left: 7px;
+$de-cmt-sub-container-hover-padding-left-big: $de-cmt-sub-container-hover-padding-left;
+$de-cmt-avatar-height: 24px;
+$de-cmt-avatar-width: 24px;
+$de-rp-sub-div-padding: 12px;
+$de-rp-sub-div-padding-big: $de-rp-sub-div-padding;
+$de-rp-whole-header-padding: 12px;
+$de-rp-whole-header-padding-big: $de-rp-whole-header-padding;
+$de-rp-enforce-padding: 12px;
+$de-rp-enforce-padding-big: $de-rp-enforce-padding;
+$de-rp-close-icon-right: -8px;
+$de-rp-close-icon-right-bigger: -11px;
+$de-rp-close-icon-top-bigger: -9px;
+$de-rp-close-icon-right-rtl: 8px;
+$de-rp-close-icon-right-bigger-rtl: 11px;
+$de-table-row-height-padding: 28px;
+$de-table-alignment-icon-width: 54px;
+$de-table-alignment-icon-height: 54px;
+$de-table-alignment-icon-margin: 2px;
+$de-table-dia-align-height: 52px;
+$de-table-dia-align-width: 52px;
+$de-table-dia-align-icon-height: 46px;
+$de-border-dlg-clr-padding-right: 19px;
+$de-border-dlg-clr-padding-bottom: 7px;
+$de-td-table-border-left: 5px;
+$de-border-dlg-preview-padding-left: 66px;
+$de-tbl-dlg-align-padding-bottom: 5px;
+
+$de-background: $neutral-white !default;
+$search-result-highlight-bg-color: transparent !default;
+$search-result-hightlight-bdr-clr-hvr: $theme-light !default;
+$search-result-item-padding-top: 15px !default;
+$search-result-item-padding-bottom: 15px !default;
+$search-result-hightlight-bdr-clr: $theme-secondary !default;
+$search-icon-bdr-clr: #ddd !default;
+$search-icon-hvr: #ddd !default;
+$spin-down-bdr-clr: #ddd !default;
+$spin-down-hvr: #ddd !default;
+$spin-up-bdr-clr: #ddd !default;
+$spin-up-hvr: #ddd !default;
+$de-font-dlg-width-big: max-content;
+$de-style-font-size: 13px !default;
+$de-dlg-heading-main-header: $neutral-light-font !default;
+$de-spellcheck-listview-border-color: #e4e4e4;
+$de-spellcheck-container-height: 140px !default;
+$de-spellcheck-container-gap: 25px !default;
+$de-para-dlg-heading-font-size: 16px !default;
+$de-para-dlg-small-heading-font-size: 14px !default;
+$de-para-dlg-heading-font-weight: 600 !default;
+$de-para-title-bottom-margin: 10px !default;
+$de-para-dlg-height: auto !default;
+$de-para-dlg-width: 405px !default;
+$de-toc-dlg-right-container-left: 1px !default;
+$de-toc-dlg-heading-font-size: 14px !default;
+$de-toc-dlg-heading-font-weight: 400 !default;
+$de-toc-dlg-main-heading-font-weight: 500 !default;
+$de-toc-title-bottom-margin: 5px !default;
+$de-title-bottom-margin: 10px !default;
+$de-toc-dlg-height: 464px !default;
+$de-toc-dlg-container-margin: 6px !default;
+$de-toc-dlg-width: 550px !default;
+$de-toc-sub-container-bottom: 10px !default;
+$de-toc-list-view-border-color: #c8c8c8 !default;
+$de-toc-reset-button-margin-top: 10px !default;
+$de-toc-modify-button-margin-top: 10px !default;
+$de-toc-list-view-font-size: 12px !default;
+$de-toc-list-view-height: 200px !default;
+$de-toc-list-view-width: 100% !default;
+$de-toc-table-list-view-height: 200px !default;
+$de-toc-dlg-sub-margin: 10px 15px 10px 15px !default;
+$de-toc-dlg-style-label-left: 38px !default;
+$de-toc-dlg-style-label-top: 42px !default;
+$de-para-sub-title-bottom-margin: 8px !default;
+$de-para-sub-title-top-margin: 5px !default;
+$de-para-sub-container-bottom: 15px !default;
+$de-hyperlink-dlg-margin-bottom: 8px !default;
+$de-hyperlink-dlg-margin-top: 8px !default;
+$de-hyperlink-dlg-input-bottom: 7px !default;
+$de-hyperlink-dlg-input-width: 230px !default;
+$de-hyperlink-dlg-input-height: 32px !default;
+$de-font-dlg-header-margin-bottom: 8px !default;
+$de-font-dlg-main-header-margin-right: 20px !default;
+$de-font-style-margin: 10px !default;
+$e-de-font-dlg-cb-margin-right: 20px !default;
+$de-dropdown-margin-right: 20px !default;
+$de-op-border-clr: $neutral-quintenaryalt !default;
+$de-op-padding-left: 16px !default;
+$de-op-padding-top: 20px !default;
+$de-op-title-clr: $neutral-light-font !default;
+$de-op-header-font-family: 'Segoe UI' !default;
+$de-op-header-font-weight: 100 !default;
+$de-op-header-bottm-margin: 12px !default;
+$de-op-header-padding-top: 12px !default;
+$de-op-tab-height: 40px !default;
+$de-cell-margin-dlg-margin-top: 5px !default;
+$de-layout-margin-dlg-padding-top: 10px !default;
+$de-op-icon-color: rgba(0, 0, 0, .54) !default;
+$de-op-close-icon-clr: $neutral-light-font !default;
+$de-op-close-icon-width: 22px !default;
+$de-op-close-button-top: 20px !default;
+$search-result-hightlight-bdr-item: #ddd !default;
+$de-op-search-txt: $theme-secondary !default;
+$de-cell-margin-dia-common-font: 12px !default;
+$de-cell-margin-dia-common-margin-bottom: 8px !default;
+$de-cell-margin-dia-common-margin-top: 8px !default;
+$de-cell-margin-dia-common-width: 150px !default;
+$de-cell-margin-dia-options-font: 14px !default;
+$de-border-dlg-border-label-fontsize: 14px !default;
+$de-border-dlg-border-label-fontweight: normal !default;
+$de-border-dlg-border-preview-div-width: 1px !default;
+$de-border-dlg-border-label-paddingbottom: 20px !default;
+$de-border-dlg-setting-label-fontsize: 14px !default;
+$de-border-dlg-setting-label-paddingbottom: 20px !default;
+$de-border-dlg-settinglabels-fontsize: 12px !default;
+$de-border-dlg-border-preview-div-opacity: rgba(0, 0, 0, .54) !default;
+$de-border-dlg-preview-inside-divs-opacity: .54 !default;
+$de-table-align-border-width: 1px !default;
+$de-table-align-border-color: #ddd !default;
+$de-table-align-height: 60px !default;
+$de-table-align-margin-right: 10px !default;
+$de-table-align-width: 60px !default;
+$de-table-alignment-label-font-size: 12px !default;
+$de-table-alignment-label-margin-top: 8px !default;
+$de-table-alignment-label-margin-left: 10px !default;
+$de-table-separator-line-color: $neutral-quintenaryalt !default;
+$de-table-separator-line-height: 1px !default;
+$de-table-separator-line-left: 1px !default;
+$de-table-separator-line-opacity: .12 !default;
+$de-table-separtor-line-top: 62px !default;
+$de-table-separtor-line-top-touch: 0 !default;
+$de-table-separator-line-width: 100% !default;
+$de-table-options-font-size: 16px !default;
+$de-table-options-font-weight: 600 !default;
+$de-table-options-padding-bottom: 10px !default;
+$de-table-options-padding-top: 10px !default;
+$de-page-setup-dlg-height: 265px !default;
+$de-page-setup-dlg-width: 354px !default;
+$de-page-setup-ppty-tab-border: 0 !default;
+$de-page-setup-sub-container-bottom: 22px !default;
+$de-page-setup-sub-container-port-bottom: 22px !default;
+$de-page-setup-dlg-left-container-top: 17px !default;
+$de-page-setup-dlg-right-container-top: 17px !default;
+$de-page-setup-margin-dia-common-font: 12px !default;
+$de-page-setup-margin-dia-common-margin-bottom: 4px !default;
+$de-page-setup-margin-dia-common-margin-top: 3px !default;
+$de-page-setup-common-margin-top: 12px !default;
+$de-page-setup-sub-container-height-style: 55px !default;
+$de-page-setup-dlg-sub-label-font-size: 13px !default;
+$de-page-setup-dlg-sub-label-font-weight: 500 !default;
+$de-page-setup-dlg-orientation-prop-margin-top: 13px !default;
+$de-page-setup-sub-size-container-height: 65px !default;
+$de-page-setup-sub-size-container-bottom: 25px !default;
+$de-page-setup-layout-sub-container-height: 55px !default;
+$de-page-setup-layout-sub-container-bottom: 25px !default;
+$de-page-setup-layout-sub-container-top: 17px !default;
+$de-page-setup-checkbox-label-font-size: 12px !default;
+$de-page-setup-dlg-layout-container-top: 8px !default;
+$de-list-dlg-header-font-weight: normal !default;
+$de-list-dlg-header-margin-bottom: 15px !default;
+$de-list-dlg-header-margin-top: 15px !default;
+$de-tbl-dlg-footer: 23px !default;
+$de-row-ht-padding-top: 11px !default;
+$de-cell-width-padding-top: 6px !default;
+$de-tbl-opt-btn-left: 410px !default;
+$de-tbl-opt-btn-top: 275px !default;
+$de-list-dlg-subheader-font-weight: normal !default;
+$de-list-dlg-subheader-margin-bottom: 10px !default;
+$de-list-dlg-subheader-margin-top: 10px !default;
+$e-de-list-subdiv-margin-top: 43px !default;
+$e-de-list-div-margin-top: 41px !default;
+$de-ok-insert-button-margin-right: 8px !default;
+$de-options-buttons-left: 310px !default;
+$de-op-btn-icon-hover-clr: $theme-darker !default;
+$de-tooltip-bg-clr: $neutral-lighter-alt !default;
+$de-tooltip-shadow: 0 3px 8px 0 rgba(0, 0, 0, .26) !default;
+$de-op-btn-icon-bg: transparent !default;
+$de-op-btn-icon-border: transparent !default;
+$de-op-btn-icon-active-clr: $neutral-light !default;
+$de-input-color: #fff !default;
+$de-dlg-btn-height: 32px !default;
+$de-dlg-header-font-size: 16px !default;
+$de-dlg-header-font-weight: 400 !default;
+$de-dlg-header-margin-top: 4px !default;
+$de-dlg-footer-margin-top: 10px !default;
+$de-dlg-footer-padding-top: 10px !default;
+$de-dlg-header-content-padding: 20px 25px 8px 25px !default;
+$de-dlg-content-padding: 28px 25px 20px 25px !default;
+$de-dlg-footer-padding-right: 25px !default;
+$de-dlg-footer-content-padding-top: 1px !default;
+$de-dlg-close-font-size: 16px !default;
+$e-de-dlg-border-radius: 1px !default;
+$de-dlg-close-icon-left: 12px !default;
+$de-dlg-clr-pkr-top: 166px !default;
+$de-op-result-container-margin-top: 12px !default;
+$de-op-bg-color: $de-background !default;
+$de-op-tab-header-padding: 25px !default;
+$de-op-tab-header-margin-bottom: 28px !default;
+$de-op-tab-header-margin-top: 1px !default;
+$de-font-color-border: 1px $neutral-tertiary-alt !default;
+$de-font-color-border-radius: 1px !default;
+$de-icon-table-row-above-top: 10px !default;
+$de-icon-table-row-below-top: 49px !default;
+$de-icon-table-column-left-top: 89px !default;
+$de-icon-table-column-right-top: 127px !default;
+$de-icon-table-delete-top: 10px !default;
+$de-icon-table-row-delete-top: 49px !default;
+$de-icon-table-column-delete-top: 89px !default;
+$de-bullet-list-hover-color: rgba(0, 0, 0, .12) !default;
+$de-number-list-hover-color: rgba(0, 0, 0, .12) !default;
+$de-multilevel-list-hover-color: rgba(0, 0, 0, .12) !default;
+$de-list-dialog-hover-color: rgba(0, 0, 0, .12) !default;
+$de-cell-options-left: 313px !default;
+$de-cell-options-top: 303px !default;
+$de-font-color-margin-bottom: 5px !default;
+$de-font-color-margin-top: 10px !default;
+$de-font-dlg-effect-margin-left: 20px !default;
+$de-font-dlg-margin-right: 1px !default;
+$de-font-dlg-color-margin-right: 10px !default;
+$de-font-dlg-color-margin-top: 8px !default;
+$de-font-content-checkbox-left: 46px !default;
+$de-font-content-checkbox-left-bg: 48px !default;
+$de-font-content-checkbox-right: 55px !default;
+$de-font-content-checkbox-right-bg: 48px !default;
+$de-font-checkbox-left: 60px !default;
+$de-font-dlg-margin-top: 15px !default;
+$de-table-container-margin-top: 15px !default;
+$de-table-header-padding-top: 3px !default;
+$de-table-subheader-padding-top: 20px !default;
+$de-cell-subheader-top: 61px !default;
+$de-cell-margin-header-left: -7px !default;
+$de-cell-margin-header-top: 319px !default;
+$de-tbl-margin-sub-header: 5px !default;
+$de-tbl-btn-separator: 62% !default;
+$de-op-container-messagediv-color: $neutral-light-font !default;
+$de-save-dlg-format-type-padding: 1px !default;
+$de-op-search-tab-content-margin-top: 12px !default;
+$de-op-search-text-box-container-width: 269px !default;
+$de-font-dlg-height: 253px !default;
+$de-font-dlg-width: max-content !default;
+$de-hyper-link-height: auto !default;
+$de-hyper-link-width: 250px !default;
+$de-insert-table-height: 130px !default;
+$de-insert-table-width: 230px !default;
+$de-insert-footnote-height: 139px !default;
+$de-insert-footnote-width: 247px !default;
+$de-insert-spellchecker-height: 350px !default;
+$de-insert-spellchecker-width: 513px !default;
+$de-insert-big-spellchecker-width: 600px !default;
+$de-spellcheck-listview-height: 122px !default;
+$de-spellcheck-list-width: 100% !default;
+$de-spellcheck-btn-container-width: 100% !default;
+$de-spellcheck-btn-width: 100% !default;
+$de-insert-table-title-bottom-margin: 8px !default;
+$de-insert-table-title-top-margin: 8px !default;
+$de-insert-table-dlg-input-bottom: 14px !default;
+$de-list-dlg-height: 400px !default;
+$de-list-dlg-width: 400px !default;
+$de-save-dlg-height: 135px !default;
+$de-save-dlg-width: 230px !default;
+$de-table-ppty-dlg-height: 375px !default;
+$de-table-ppty-dlg-width: 406px !default;
+$de-table-border-shading-dlg-height: 432px !default;
+$de-table-border-shading-dlg-width: 450px !default;
+$de-table-cell-margin-dlg-height: 210px !default;
+$de-table-cell-margin-dlg-width: 380px !default;
+$de-table-options-dlg-height: 256px !default;
+$de-table-options-dlg-width: 380px !default;
+$de-table-border-none-top: 25px !default;
+$de-table-border-box-top: 95px !default;
+$de-table-border-all-top: 165px !default;
+$de-table-border-custom-top: 235px !default;
+$de-table-shading-preview-top: 385px !default;
+$de-checkbox-wrapper-color: #c8c8c8 !default;
+$de-checkbox-height: 20px !default;
+$de-checkbox-line-height: 16px !default;
+$de-checkbox-width: 20px !default;
+$de-op-dlg-footer-margin-top: 20px !default;
+$de-op-search-input-width: 175px !default;
+$de-op-replacewith-width: 97% !default;
+$de-table-ppty-tab-border: 0 !default;
+$de-list-info-btn-padding: 3px 0 0 0 !default;
+$bookmark-listview-border-color: #c8c8c8 !default;
+$de-table-border-dlg-alignments-left: 48% !default;
+$de-table-border-preview-top: 75% !default;
+$de-table-border-dlg-alignments-transform: translate(-50%, -50%) !default;
+$de-style-dialog-height: 350px !default;
+$de-style-dialog-width: 433px !default;
+$de-style-heading-font-size: 16px !default;
+$de-style-heading-font-weight: 600 !default;
+$de-style-dialog-style-ppties-bottom-margin: 15px !default;
+$de-style-dialog-style-formatting-bottom-margin: 15px !default;
+$de-style-dialog-style-name-type-div-bottom-margin: 15px !default;
+$de-style-dialog-style-based-para-div-bottom-margin: 15px !default;
+$de-style-paragraph-width: 182px !default;
+$de-style-name-input-top: 125px !default;
+$de-style-type-div-top: 175px !default;
+$de-style-based-on-div-top: 227px !default;
+$de-style-paragraph-div-top: 278px !default;
+$de-style-font-margin-right: 20px !default;
+$de-style-font-margin-left: 3px !default;
+$de-style-para-margin-right: 15px !default;
+$de-style-para-margin-left: 5px !default;
+$de-style-list-margin-left: 10px !default;
+$de-style-template-top: 443px !default;
+$de-style-dialog-style-left-div-right-margin: 20px !default;
+$de-style-dialog-option-div-bottom-margin: 20px !default;
+$de-style-dialog-label-bottom-margin: 8px !default;
+$de-style-btn-active-bg-border-color: #c8c8c8 !default;
+$de-style-btn-active-text-color: #000 !default;
+$de-style-toggle-btn-color: '' !default;
+$e-de-style-input-text-height: 32px !default;
+$de-font-checkbox-label-font-size: 14px !default;
+$de-op-icon-font-size: 12px !default;
+$de-op-close-icon-size: 12px !default;
+$de-op-close-icon-margin-left: -4px !default;
+$de-table-align-hover-color: $theme-primary !default;
+$de-table-tab-hover-color: $de-table-align-hover-color !default;
+$de-cell-align-hover-color: $de-table-align-hover-color !default;
+$de-table-align-active-color: $theme-primary !default;
+$de-table-setting-hover-color: $de-table-align-hover-color !default;
+$de-table-preview-hover-color: $de-table-setting-hover-color !default;
+$de-table-setting-color: $de-table-align-active-color !default;
+$de-table-preview-setting-color: $de-table-setting-color !default;
+$de-table-alignment-font-size: 46px !default;
+$de-table-alignment-top: 145px !default;
+$de-tablecell-alignment-font-size: 51px !default;
+$de-border-dlg-border-setting-inside-border: $de-table-align-border-color !default;
+$de-border-dlg-border-setting-divs-color: $de-table-align-border-color !default;
+$de-border-dlg-border-preview-divs-color: $de-table-align-border-color !default;
+$de-border-none-setting-font-size: 38px !default;
+$de-border-setting-font-size: 34px !default;
+$de-td-table-border-top: -2px !default;
+$de-hyperlink-bookmark-check-margin-top: 15px !default;
+$de-table-ppty-dlg-measure-div-margin-left: 20px !default;
+$de-table-ppty-dlg-measure-div-margin-top: 13px !default;
+$de-table-ppty-dlg-left-indent-container-margin-right: 108px !default;
+$de-cell-width-top-margin-top: -6px !default;
+$de-cell-width-top-margin-left: 20px !default;
+$de-tbl-dlg-border-btn-margin-right: 124px !default;
+$de-tbl-dlg-border-btn-margin-top: 20px !default;
+$de-tbl-dlg-border-btn-margin-bottom: 0 !default;
+$de-table-subheader-div-margin-top: -37px !default;
+$de-table-subheader-div-margin-right: 135px !default;
+$de-table-ppty-dlg-row-height-label-margin-top: -62px !default;
+$de-table-ppty-dlg-row-height-label-margin-right: 181px !default;
+$de-table-ppty-dlg-preferred-width-margin-top: 13px !default;
+$de-table-ppty-dlg-preferred-width-margin-left: 20px !default;
+$de-table-ppty-options-break-margin-bottom: 10px !default;
+$de-table-cell-subheader-div-margin-right: 125px !default;
+$de-table-cell-subheader-div-margin-top: -37px !default;
+$de-table-ppty-dlg-cell-tab-measure-label-margin-right: 192px !default;
+$de-table-ppty-dlg-cell-tab-measure-label-margin-top: -64px !default;
+$de-table-ppty-dlg-table-header-padding: 12.5px !default;
+$styles-listview-border-color: #808080 !default;
+$de-table-ppty-dlg-table-header-padding-left: 1px !default;
+$de-table-prop-dialog-tab-width: 530px !default;
+$de-border-dlg-border-label-font-weight: 600 !default;
+$de-toc-dlg-build-table-margin-top: 30px !default;
+$de-toc-styles-table-div-margin-top: 10px !default;
+$de-toc-table-div-width: 100% !default;
+$de-toc-dlg-right-sub-container-margin-right: 2px !default;
+$de-toc-dlg-styles-margin-bottom: 13px !default;
+$de-toc-dlg-styles-margin-left: 35px !default;
+$de-toc-dlg-styles-margin-top: 30px !default;
+$de-toc-styles-table-div-border-radius: 1px !default;
+$de-toc-modify-button-margin-left: 150px !default;
+$de-toc-dlg-outline-levels-width: 148px !default;
+$de-bookmark-content-margin-top: 20px !default;
+$de-bookmark-textbox-margin-bottom: 6px !default;
+$de-bookmark-textbox-height: 32px !default;
+$de-bookmark-custom-btn-width: 84px !default;
+$de-bookmark-custom-btn-height: 32px !default;
+$de-bookmark-button-div-top-position: 0 !default;
+$de-bookmark-list-view-border-radius: 0 !default;
+$de-toc-dlg-style-input-margin-bottom: 3px !default;
+$de-toc-dlg-style-input-margin-left: 36px !default;
+$de-toc-dlg-style-input-width: 210px !default;
+$de-toc-list-view-margin-left: 3px !default;
+$e-de-toc-table-div-height: 160px !default;
+$de-toc-dlg-showlevel-div-margin-left: 255px !default;
+$de-toc-dlg-show-level-div-margin-left: 255px !default;
+$de-op-input-group-height: 32px !default;
+$de-op-tab-header-padding-left: 1px !default;
+$de-op-tab-header-padding: 12.5px !default;
+$de-list-dlg-font-margin-left: 1px !default;
+$de-bookmark-listview-margin-right: 20px !default;
+$de-bookmark-dlgfields-margin-bottom: 6px !default;
+$de-numbering-list-line-color: #ccc !default;
+$de-numbering-list-span-color: #aaa !default;
+$de-numbering-list-border-color: #ebebeb !default;
+$de-numbering-list-background-color: $neutral-lighter-alt !default;
+$de-table-ppty-dlg-tabs-height: 341px !default;
+$de-toc-dlg-toc-level-margin-left: 34px !default;
+$e-de-table-ppty-dlg-left-indent-container-bottom: 8px !default;
+$de-cell-options-rtl: 127px !default;
+$de-font-checkbox-ltr: 58px !default;
+$de-font-content-label-width: 82px !default;
+$de-font-label-width: 130px !default;
+$de-font-label-width-bg: 130px !default;
+$de-toc-dlg-right-sub-container-margin-top: 125px !default;
+$e-de-list-div-margin-top-rtl: -139px !default;
+$e-de-list-subdiv-margin-top-rtl: -137px !default;
+$de-toc-modify-button-margin-rtl: 150px !default;
+$de-hght-type-top: -24px !default;
+$de-bigger-style-button-height: 37px !default;
+$de-bigger-style-button-width: 100px !default;
+$de-table-border-margin-right: 20px !default;
+$de-table-border-margin-top: 5px !default;
+$de-table-dlg-separator-line-top: 5px !default;
+$de-bookmark-list-margin-right: 14px !default;
+$de-bookmark-list-margin-right: 20px !default;
+$de-bkmrk-list-margin-left: 20px !default;
+$de-paradialog-dir-div: .4 !default;
+$de-list-view: #e4e4e4 !default;
+$de-rp-btn-bg-color: '' !default;
+$de-rp-btn-nav-box-shadow: rgba(0, 0, 0, .14) !default;
+$de-rp-btn-nav-box-shadow-next: rgba(0, 0, 0, .5) !default;
+$de-cmt-selection: $theme-primary !default;
+$de-cmt-selection-rslv: rgba($de-cmt-selection, .5) !default;
+$de-cmt-opt-size: auto;
+$de-cmt-pant-content-font: $neutral-secondary !default;
+$de-cmt-post-btn-ht: 32px;
+$de-cmt-post-btn-wt: $de-cmt-post-btn-ht !default;
+$de-cmt-post-btn-wt-big: 40px !default;
+$de-cmt-post-btn-ht-big: 40px !default;
+$de-cmt-separator: $neutral-quintenaryalt !default;
+$de-reply-footer-margin-top: 8px !default;
+$de-rp-btn-enforce-margin: 15px;
+$de-rp-btn-enforce-padding-big: 10px;
+$e-de-cmt-textarea-padding-top: 5px;
+$e-de-cmt-textarea-padding-top-big: 3px;
+$de-dlg-table-options-content-div: 514px !default;
+$dialog-btn-bg-color: transparent;
+$dialog-btn-border-color: transparent;
+$dialog-headericon-border-radius: 50%;
+$dialog-closeicon-btn-active-color: transparent;
+$dialog-closeicon-btn-hover-color: transparent;
+$dialog-active-icon-color: #0074cc;
+$e-de-close-icon-cursor: default;
+$dialog-btn-clr: #fff;
+$de-tooltip-color: $neutral-secondary-alt;
+$de-blink-cursor-clr: rgba(0, 0, 0, .87);
+$de-check-exactnumbr-width: 110px;
+$de-tc-btn-padding: 6px;
+$de-avatar-clr:  #fff !default;
+$de-tc-tlbr-padding-btm: 3px;
+$de-pane-color-border:  $theme-secondary !default;
+$de-font-dlg-font-size: 12px;
+$de-tbl-measure-lbl-font-size: 11px;
+$de-toc-lbl-mrgn-left: 4px;
+$de-toc-lbl-mrgn-rgt: 4px;
+$de-floating-menu-width: 70px;
+$de-floating-menu-height: 65px;
+$de-floating-menu-padding: 10px;
+$de-cmt-container-padding: 0 8px;
+$de-cmt-sub-container-margin: 8px 0;
+$de-rply-cmt-sub-container-margin: 11.5px 8px 0 8px;
+$de-cmt-view-mrgn-top: 11.5px;
+$de-ui-floating-menu-padding: 10px 4px 5px 10px;
+$de-ui-list-header-presetmenu-min-width: 50px;
+$de-ui-wfloating-menu: 0 5px 5px 0;
+$de-bullet-number-width: 272px;
+$de-rp-content-ln-ht: none;
+$de-rp-font-size: 12px;
+$de-rp-format-font-size: 13px;
+$de-header-font-weight: normal;
+$de-dlg-bkm-fld-fnt-size: 12px;
+$de-ff-dlg-hdg-small-mrgn-btm: 4px;
+$de-ff-seperate-div-mrgn-btm: 15.5px;
+$de-ff-dlg-heading-mrgn-btm: 12px;
+$de-ff-radio-div-mrgn-btm: 26px;
+$de-ff-radio-scnd-div-mrgn-btm: 18px;
+$de-fnt-dlg-header-effects-mrgn-btm: $de-font-dlg-header-margin-bottom;
+$de-para-dlg-cs-check-box-mrgn-btm: 8px;
+$de-bullet-numbered-dlg-width: 272px;
+$de-bullet-numbered-dlg-height: 270px;
+$de-tbl-indent-lb-fnt-size: 11px;
+$de-font-clr-div-mrgn-top: 14px;
+$de-para-dlg-cs-check-box-mrgn-top: 8px;
+$de-insert-footnote-dlg-header-mrg-btm: 25px;
+$de-table-options-dlg-div-mrgn-btm: 14px;
+$de-tbl-indent-lbl-mrgn-btm: 18px;
+$de-tbl-indent-lbl-top: 10px;
+$de-cmt-date-fnt-size: 13px;
+$de-cmt-author-nme-fnt-size: 13px;
+$de-cmt-date-mrgn-top: 12px;
+$de-ff-drpdwn-dlg-scndiv-mrgn-botton: 16px;
+$de-drp-dwn-frst-div-mrgn-btm: 23.5px;
+$de-ff-dlg-lft-hlf-mrgn-rgt: 5%;
+$de-ff-dlg-lft-hlf-wdth: 47.5%;
+$de-para-dlg-cs-check-box: 8px;
+$de-op-close-button-top: 8px;
+$de-table-row-cell-pdng: 20px;
+$de-table-prop-left-indnt-cntr-pos: 69px;
+$de-track-chngs-sucs-bg-color: #4d841e;
+$de-track-chngs-rejct-bg-color: #d74113;
+$de-avatar-width: 90%;
+$de-op-more-less-mrgn-top: 14px;
+$de-enforce-dlg-title-mrgn-top: 8px;
+$de-enforce-dlg-title-fnt-size: 14px;
+$de-enforce-btn-mrng-btm: 8px;
+$de-unprotect-dlg-title-fnt-size: 14px;
+$de-unprotect-dlg-title-mrgn-btm: 8px;
+$de-user-dlg-textbox-input-mrgn-right: 16px;
+$de-user-dlg-list-mrgn-btm: 15px;
+$de-user-dlg-user-mrgn-btm: 12px;
+$de-trckchanges-inner-mrgn: 8px 0 8px 7.5px !default;
+$de-rp-width: 268px !default;
+$de-rp-close-icon-top: -7px;
+$de-rp-btn-enforce-prtct-margin: 0 46px;
+$de-rp-nav-lbl: 0 28px;
+$de-rp-nav-btn-mrgn: 0 12px;
+$de-rp-btn-enforce-bx-shadow: 0 2px 2px 0 $de-rp-btn-nav-box-shadow, 0 2px 4px 0 $de-rp-btn-nav-box-shadow-next;
+$de-para-dlg-right-sub-container-top-margin: 0;
+
+
+//New Implementation
+
+$de-par-dlg-hdr-weight: 700 !default;
+$de-para-dlg-hdr-margin-bottom: 15px;
+$de-para-dlg-hdr-margin-top: 17px;
+$de-dlg-heading-opacity: 87%;
+$de-para-dlg-right-contaner-top: 0;
+$de-para-dlg-sub-title-bottom-margin: 8px !default;
+$de-para-dlg-sub-title-top-margin: 0 !default;
+$de-para-dlg-rtl-btn-margin-right: 24px;
+$de-para-dlg-rtl-btn-font-size: 12px;
+$de-para-dlg-rtl-btn-width: 200px;
+$de-de-rtl-btn-div-e-de-rtl-margin-right: 24px;
+$de-de-rtl-btn-div-e-de-rtl-margin-left: 12px;
+$de-para-dlg-spacing-div-mrgn-left: 40px;
+// Table properties
+$de-row-height-bottom-margin: 8px;