@import '../../base/material.scss';
@import '../../navigations/accordion/material.scss';
@import '../../dropdowns/drop-down-list/material.scss';
@import '../../inputs/input/material.scss';
@import '../../popups/popup/material.scss';
@import '../../popups/spinner/material.scss';
@import '../../dropdowns/drop-down-base/material.scss';
@import '../../dropdowns/auto-complete/material.scss';
@import '../../buttons/button/material.scss';
@import '../../buttons/floating-action-button/material.scss';
@import '../../buttons/speed-dial/material.scss';
@import '../../buttons/check-box/material.scss';
@import '../../buttons/chips/material.scss';
@import '../../splitbuttons/drop-down-button/material.scss';
@import '../../splitbuttons/split-button/material.scss';
@import '../../inputs/numerictextbox/material.scss';
@import '../../popups/tooltip/material.scss';
@import '../../inputs/slider/material.scss';
@import '../../inputs/color-picker/material.scss';
@import '../../dropdowns/combo-box/material.scss';
@import '../../navigations/context-menu/material.scss';
@import '../../buttons/radio-button/material.scss';
@import '../../buttons/switch/material.scss';
@import '../../lists/list-view/material.scss';
@import '../../lists/sortable/material.scss';
@import '../../inputs/maskedtextbox/material.scss';
@import '../../inputs/textbox/material.scss';
@import '../../inputs/uploader/material.scss';
@import '../../popups/dialog/material.scss';
@import '../../navigations/h-scroll/material.scss';
@import '../../navigations/v-scroll/material.scss';
@import '../../navigations/toolbar/material.scss';
@import '../../navigations/tab/material.scss';
@import '../../navigations/treeview/material.scss';
@import '../../navigations/sidebar/material.scss';
@import '../../navigations/menu/material.scss';
@import '../../dropdowns/drop-down-tree/material.scss';
@import '../../dropdowns/multi-select/material.scss';
@import '../../dropdowns/list-box/material.scss';
@import '../../dropdowns/mention/material.scss';
@import '../../navigations/appbar/material.scss';
$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: -7px;
$de-rp-close-icon-right-bigger: -10px;
$de-rp-close-icon-top-bigger: -8px;
$de-rp-close-icon-right-rtl: 7px;
$de-rp-close-icon-right-bigger-rtl: 10px;
$de-table-row-height-padding: 16px;
$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: 6px;
$de-td-table-border-left: 5px;
$de-border-dlg-preview-padding-left: 66px;
$de-tbl-dlg-align-padding-bottom: 4px;
$de-background: $grey-white !default;
$search-result-highlight-bg-color: transparent !default;
$search-result-hightlight-bdr-clr-hvr: #bdbdbd !default;
$search-result-item-padding-top: 20px !default;
$search-result-item-padding-bottom: 20px !default;
$search-result-hightlight-bdr-clr: #3f51b5 !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-dlg-heading-main-header: rgba(0, 0, 0, .87) !default;
$de-para-dlg-heading-font-size: 14px !default;
$de-para-dlg-small-heading-font-size: 14px !default;
$de-para-dlg-heading-font-weight: 400 !default;
$de-spellcheck-listview-border-color: #e4e4e4;
$de-spellcheck-container-height: 140px !default;
$de-spellcheck-container-gap: 25px !default;
$de-para-title-bottom-margin: 5px !default;
$de-para-dlg-height: auto !default;
$de-para-dlg-width: 400px !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: 471px !default;
$de-toc-dlg-container-margin: 6px !default;
$de-toc-dlg-width: 520px !default;
$de-toc-sub-container-bottom: 20px !default;
$de-toc-list-view-border-color: #808080 !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-dlg-sub-margin: 10px 15px 5px 15px !default;
$de-toc-dlg-style-label-left: 45px !default;
$de-toc-dlg-style-label-top: 58px !default;
$de-para-sub-title-bottom-margin: 15px !default;
$de-para-sub-title-top-margin: 8px !default;
$de-para-sub-container-bottom: 14px !default;
$de-hyperlink-dlg-margin-bottom: 8px !default;
$de-hyperlink-dlg-margin-top: 8px !default;
$de-hyperlink-dlg-input-bottom: 20px !default;
$de-hyperlink-dlg-input-width: 230px !default;
$de-hyperlink-dlg-input-height: 16px !default;
$de-font-dlg-header-margin-bottom: 8px !default;
$de-font-dlg-main-header-margin-right: 15px !default;
$e-de-font-dlg-cb-margin-right: 40px !default;
$de-dropdown-margin-right: 40px !default;
$de-op-border-clr: $grey-300 !default;
$de-op-padding-left: 16px !default;
$de-op-padding-top: 24px !default;
$de-op-title-clr: rgba(0, 0, 0, .87) !default;
$de-op-header-font-family: 'Roboto' !default;
$de-op-header-font-weight: 500 !default;
$de-op-header-bottm-margin: 12px !default;
$de-op-header-padding-top: 12px !default;
$de-op-tab-height: 36px !default;
$de-op-icon-color: rgba(0, 0, 0, .54) !default;
$de-op-close-icon-clr: rgba(0, 0, 0, .54) !default;
$de-op-close-icon-width: 20px !default;
$de-op-close-button-top: 18px !default;
$search-result-hightlight-bdr-item: #ddd !default;
$de-op-search-txt: #3f51b5 !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: $grey-300 !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: 50px !default;
$de-table-separtor-line-top-touch: 50px !default;
$de-table-separator-line-width: 100% !default;
$de-table-options-font-size: 14px !default;
$de-table-options-font-weight: 400 !default;
$de-table-options-padding-bottom: 15px !default;
$de-table-options-padding-top: 20px !default;
$de-page-setup-dlg-height: 246px !default;
$de-page-setup-dlg-width: 356px !default;
$de-page-setup-ppty-tab-border: 0 !default;
$de-page-setup-sub-container-bottom: 25px !default;
$de-page-setup-sub-container-port-bottom: 25px !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: 3px !default;
$de-page-setup-margin-dia-common-margin-top: 8px !default;
$de-page-setup-common-margin-top: 12px !default;
$de-page-setup-sub-container-height-style: 40px !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: 20px !default;
$de-page-setup-layout-sub-container-height: 60px !default;
$de-page-setup-layout-sub-container-bottom: 20px !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: 10px !default;
$de-list-dlg-header-font-weight: normal !default;
$de-list-dlg-header-margin-bottom: 20px !default;
$de-list-dlg-header-margin-top: 20px !default;
$de-tbl-dlg-footer: 27px !default;
$de-row-ht-padding-top: 15px !default;
$de-cell-width-padding-top: 11px !default;
$de-tbl-opt-btn-left: 425px !default;
$de-tbl-opt-btn-top: 300px !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: 51px !default;
$e-de-list-div-margin-top: 46px !default;
$de-ok-insert-button-margin-right: 10px !default;
$de-options-buttons-left: 415px !default;
$de-op-btn-icon-hover-clr: rgba(0, 0, 0, .54) !default;
$de-tooltip-bg-clr: #fff !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: rgba(0, 0, 0, .54) !default;
$de-input-color: #000 !default;
$de-dlg-btn-height: 36px !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: 19px !default;
$de-dlg-footer-padding-top: 13px !default;
$de-dlg-header-content-padding: 20px 25px 13px 25px !default;
$de-dlg-content-padding: 28px 25px 15px 25px !default;
$de-dlg-footer-padding-right: 25px !default;
$de-dlg-footer-content-padding-top: 1px !default;
$de-dlg-close-font-size: 14px !default;
$e-de-dlg-border-radius: 4px !default;
$de-dlg-close-icon-left: 6px !default;
$de-dlg-clr-pkr-top: 159px !default;
$de-op-result-container-margin-top: 12px !default;
$de-op-bg-color: #fff !default;
$de-op-tab-header-margin-bottom: 20px !default;
$de-op-tab-header-margin-top: 1px !default;
$de-font-color-border: 1px #ddd !default;
$de-font-color-border-radius: 4px !default;
$de-icon-table-row-above-top: 7px !default;
$de-icon-table-row-below-top: 41px !default;
$de-icon-table-column-left-top: 75px !default;
$de-icon-table-column-right-top: 109px !default;
$de-icon-table-delete-top: 7px !default;
$de-icon-table-row-delete-top: 41px !default;
$de-icon-table-column-delete-top: 75px !default;
$de-bullet-list-hover-color: #ddd !default;
$de-number-list-hover-color: #ddd !default;
$de-multilevel-list-hover-color: #ddd !default;
$de-list-dialog-hover-color: #ddd !default;
$de-cell-options-left: 339px !default;
$de-cell-options-top: 290px !default;
$de-font-color-margin-bottom: 7px !default;
$de-font-color-margin-top: 18px !default;
$de-font-dlg-effect-margin-left: 15px !default;
$de-font-dlg-margin-right: 6px !default;
$de-font-dlg-color-margin-right: 10px !default;
$de-font-dlg-color-margin-top: 6px !default;
$de-font-content-checkbox-left: 38px !default;
$de-font-content-checkbox-left-bg: 60px !default;
$de-font-content-checkbox-right: 47px !default;
$de-font-content-checkbox-right-bg: 60px !default;
$de-font-checkbox-left: 58px !default;
$de-font-dlg-margin-top: 15px !default;
$de-table-container-margin-top: 20px !default;
$de-table-header-padding-top: 6px !default;
$de-table-subheader-padding-top: 16px !default;
$de-cell-subheader-top: 57px !default;
$de-cell-margin-header-left: -7px !default;
$de-cell-margin-header-top: 310px !default;
$de-tbl-margin-sub-header: 20px !default;
$de-tbl-btn-separator: 57% !default;
$de-op-container-messagediv-color: #000 !default;
$de-save-dlg-format-type-padding: 10px !default;
$de-op-search-tab-content-margin-top: 12px !default;
$de-op-search-text-box-container-width: 267px !default;
$de-font-dlg-height: 239px !default;
$de-font-dlg-width: max-content !default;
$de-hyper-link-height: auto !default;
$de-hyper-link-width: 250px !default;
$de-insert-table-height: 131px !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: 132px !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: 15px !default;
$de-list-dlg-height: 400px !default;
$de-list-dlg-width: 420px !default;
$de-save-dlg-height: 135px !default;
$de-save-dlg-width: 230px !default;
$de-table-ppty-dlg-height: 353px !default;
$de-table-ppty-dlg-width: 426px !default;
$de-table-border-shading-dlg-height: 415px !default;
$de-table-border-shading-dlg-width: 450px !default;
$de-table-cell-margin-dlg-height: 222px !default;
$de-table-cell-margin-dlg-width: 382px !default;
$de-table-options-dlg-height: 242px !default;
$de-table-options-dlg-width: 382px !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: rgba(0, 0, 0, .87) !default;
$de-checkbox-height: 18px !default;
$de-checkbox-line-height: 10px !default;
$de-checkbox-width: 18px !default;
$de-op-dlg-footer-margin-top: 15px !default;
$de-op-search-input-width: 185px !default;
$de-op-replacewith-width: 95% !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: 48% !default;
$de-table-border-dlg-alignments-transform: translate(-50%, -50%) !default;
$de-style-dialog-height: 343px !default;
$de-style-dialog-width: 434px !default;
$de-style-heading-font-size: 14px !default;
$de-style-heading-font-weight: 400 !default;
$de-style-dialog-style-ppties-bottom-margin: 15px !default;
$de-style-dialog-style-formatting-bottom-margin: 20px !default;
$de-style-dialog-style-name-type-div-bottom-margin: 20px !default;
$de-style-dialog-style-based-para-div-bottom-margin: 30px !default;
$de-style-paragraph-width: 182px !default;
$de-style-name-input-top: 108px !default;
$de-style-type-div-top: 150px !default;
$de-style-based-on-div-top: 195px !default;
$de-style-paragraph-div-top: 239px !default;
$de-style-font-margin-right: 15px !default;
$de-style-font-margin-left: 5px !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: 405px !default;
$de-style-dialog-style-left-div-right-margin: 24px !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: #e0e0e0 !default;
$e-de-style-input-text-height: 18px !default;
$de-font-checkbox-label-font-size: 12px !default;
$de-op-icon-font-size: 10px !default;
$de-op-close-icon-size: 12px !default;
$de-op-close-icon-margin-left: 0 !default;
$de-table-align-hover-color: #f17eb8 !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: #ff4081 !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: 137px !default;
$de-tablecell-alignment-font-size: 51px !default;
$de-border-dlg-border-setting-inside-border: rgb(0, 0, 0) !default;
$de-border-dlg-border-setting-divs-color: rgba(0, 0, 0, .26) !default;
$de-border-dlg-border-preview-divs-color: rgba(0, 0, 0, .26) !default;
$de-border-none-setting-font-size: 38px !default;
$de-border-setting-font-size: 34px !default;
$de-td-table-border-top: 4px !default;
$de-context-menu-cut-icon: '\e279' !default;
$de-context-menu-copy-icon: '\e280' !default;
$de-context-menu-paste-icon: '\e501' !default;
$de-context-menu-insertlink: '\e290' !default;
$de-context-menu-open-hyperlink: '\e278' !default;
$de-context-menu-copy-hyperlink: '\e295' !default;
$de-context-menu-edit-hyperlink: '\e289' !default;
$de-context-menu-remove-hyperlink: '\e286' !default;
$de-context-menu-font-icon: '\e273' !default;
$de-context-menu-paragraph-icon: '\e75e' !default;
$de-context-menu-table-properties-icon: '\e294' !default;
$de-context-menu-insert-above-icon: '\e506' !default;
$de-context-menu-insert-below-icon: '\e505' !default;
$de-context-menu-insert-left-icon: '\e285' !default;
$de-context-menu-insert-right-icon: '\e284' !default;
$de-context-menu-delete-table-icon: '\e292' !default;
$de-context-menu-delete-row-icon: '\e283' !default;
$de-context-menu-delete-column-icon: '\e282' !default;
$de-context-menu-continue-numbering-icon: '\e503' !default;
$de-context-menu-restart-at-icon: '\e277' !default;
$de-hyperlink-bookmark-check-margin-top: 20px !default;
$de-table-ppty-dlg-measure-div-margin-left: 40px !default;
$de-table-ppty-dlg-measure-div-margin-top: 6px !default;
$de-table-ppty-dlg-left-indent-container-margin-right: 89px !default;
$de-cell-width-top-margin-top: -23px !default;
$de-cell-width-top-margin-left: 20px !default;
$de-tbl-dlg-border-btn-margin-right: 103px !default;
$de-tbl-dlg-border-btn-margin-top: 12px !default;
$de-tbl-dlg-border-btn-margin-bottom: 0 !default;
$de-table-subheader-div-margin-top: -40px !default;
$de-table-subheader-div-margin-right: 115px !default;
$de-table-ppty-dlg-row-height-label-margin-top: -62px !default;
$de-table-ppty-dlg-row-height-label-margin-right: 161px !default;
$de-table-ppty-dlg-preferred-width-margin-top: 6px !default;
$de-table-ppty-dlg-preferred-width-margin-left: 20px !default;
$de-table-ppty-options-break-margin-bottom: 15px !default;
$de-table-cell-subheader-div-margin-right: 105px !default;
$de-table-cell-subheader-div-margin-top: -40px !default;
$de-table-ppty-dlg-cell-tab-measure-label-margin-right: 172px !default;
$de-table-ppty-dlg-cell-tab-measure-label-margin-top: -64px !default;
$de-table-ppty-dlg-table-header-padding: 24px !default;
$styles-listview-border-color: #808080 !default;
$de-table-ppty-dlg-table-header-padding-left: 1px !default;
$de-border-dlg-border-label-font-weight: 400 !default;
$de-toc-dlg-build-table-margin-top: 30px !default;
$de-toc-styles-table-div-margin-top: 15px !default;
$de-toc-table-div-width: 100% !default;
$de-toc-dlg-right-sub-container-margin-right: 2px !default;
$de-toc-dlg-styles-margin-bottom: 11px !default;
$de-toc-dlg-styles-margin-left: 38px !default;
$de-toc-dlg-styles-margin-top: 30px !default;
$de-toc-list-view-width: 100% !default;
$de-toc-table-list-view-height: 200px !default;
$de-toc-styles-table-div-border-radius: 4px !default;
$de-toc-modify-button-margin-left: 150px !default;
$de-toc-dlg-outline-levels-width: 150px !default;
$de-bookmark-content-margin-top: 24px !default;
$de-bookmark-textbox-margin-bottom: 10px !default;
$de-bookmark-textbox-height: 34px !default;
$de-bookmark-custom-btn-width: 80px !default;
$de-bookmark-custom-btn-height: 34px !default;
$de-bookmark-button-div-top-position: 15px !default;
$de-bookmark-list-view-border-radius: 5px !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: 163px !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: 24px !default;
$de-list-dlg-font-margin-left: 16px !default;
$de-bookmark-list-view-border-radius: 4px !default;
$de-bookmark-listview-margin-right: 20px !default;
$de-bookmark-dlgfields-margin-bottom: 0 !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: #fff !default;
$de-table-ppty-dlg-tabs-height: 320px !default;
$de-toc-dlg-toc-level-margin-left: 36px !default;
$e-de-table-ppty-dlg-left-indent-container-bottom: 0 !default;
$de-cell-options-rtl: 105px !default;
$de-font-checkbox-ltr: 58px !default;
$de-font-content-label-width: 72px !default;
$de-font-label-width: 115px !default;
$de-font-label-width-bg: 132px !default;
$de-toc-dlg-right-sub-container-margin-top: 119px !default;
$e-de-list-div-margin-top-rtl: -139px !default;
$e-de-list-subdiv-margin-top-rtl: -138px !default;
$de-toc-modify-button-margin-rtl: 150px !default;
$de-hght-type-top: -22px !default;
$de-bigger-style-button-height: 37px !default;
$de-bigger-style-button-width: 86px !default;
$de-table-border-margin-right: 15px !default;
$de-table-border-margin-top: 5px !default;
$de-table-dlg-separator-line-top: 0 !default;
$de-bookmark-list-margin-right: 20px;
$de-bkmrk-list-margin-left: 20px !default;
$de-paradialog-dir-div: .4 !default;
$de-list-view: #e4e4e4 !default;
$de-rp-btn-bg-color: #fafafa !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: $accent !default;
$de-cmt-selection-rslv: rgba($de-cmt-selection, .5) !default;
$de-cmt-opt-size: 20px !default;
$de-cmt-pant-content-font: rgba(0, 0, 0, .87) !default;
$de-cmt-post-btn-ht: 28px !default;
$de-cmt-post-btn-wt: $de-cmt-post-btn-ht !default;
$de-cmt-post-btn-wt-big: 36px !default;
$de-cmt-post-btn-ht-big: 36px !default;
$de-cmt-separator: $grey-200 !default;
$de-reply-footer-margin-top: 4.5px !default;
$de-rp-btn-enforce-margin: 0;
$de-rp-btn-enforce-padding-big: 4px;
$e-de-cmt-textarea-padding-top: 7px;
$e-de-cmt-textarea-padding-top-big: 5px;
$de-dlg-table-options-content-div: 504px !default;
$dialog-btn-bg-color: transparent;
$dialog-btn-border-color: transparent;
$dialog-headericon-border-radius: 50%;
$dialog-closeicon-btn-active-color: #e0e0e0;
$dialog-closeicon-btn-hover-color: #e0e0e0;
$dialog-active-icon-color: rgba(0, 0, 0, .87);
$e-de-close-icon-cursor: pointer;
$dialog-btn-clr: rgba(0, 0, 0, .87);
$de-tooltip-color: rgba(0, 0, 0, .87);
$de-blink-cursor-clr: $de-tooltip-color;
$de-check-exactnumbr-width: 75px;
$de-tc-btn-padding: 6px;
$de-avatar-clr:  #fff !default;
$de-tc-tlbr-padding-btm: 0;
$de-pane-color-border: #3f51b5 !default;
$de-font-style-margin: 10px !default;
$de-font-dlg-font-size: 12px;
$de-font-dlg-width-big: max-content;
$de-tbl-measure-lbl-font-size: 11px;
$de-style-font-size: 13px;
$de-toc-lbl-mrgn-left: 194px;
$de-toc-lbl-mrgn-rgt: 180px;
$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;
$de-par-dlg-hdr-weight: 700 !default;
$de-para-dlg-hdr-margin-bottom: 20px;
$de-dlg-heading-opacity: 87%;
$de-para-dlg-hdr-margin-top: 24px;
$de-para-dlg-right-contaner-top: 0 !default;
$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;
$de-svg-border-stroke: rgba($grey-light-font, .87) !default;
$de-row-height-bottom-margin: 8px;
$de-column-presets-font-size: 60px !default;

@include export-module('documenteditor-layout') {
  .e-de-dlg-container {
    padding-bottom: $de-padding-full;
  }

  .e-de-dlg-row {
    display: flex;
  }

  .e-de-svg-border-color {
    stroke: $de-svg-border-stroke;
  }

  .e-de-svg-border-fill-color {
    fill: $de-svg-border-stroke;
  }

  .e-de-container-row {
    display: flex;
    padding-bottom: $de-padding-full;
  }

  .e-de-subcontainer-left {
    padding-right: $de-padding-half;
    width: 50%;
  }

  .e-de-subcontainer-right {
    padding-left: $de-padding-half;
    width: 50%;
  }

  .e-de-dlg-tab-first-child {
    padding-top: $de-padding-half;
  }

  .e-de-dlg-heading {
    display: block;
    font-size: $de-para-dlg-heading-font-size;
    font-weight: $de-para-dlg-heading-font-weight;
    margin-bottom: $de-ff-dlg-heading-mrgn-btm;
  }

  .e-rtl {
    .e-de-subcontainer-left {
      padding-left: $de-padding-half;
      padding-right: 0;
    }

    .e-de-subcontainer-right {
      padding-left: 0;
      padding-right: $de-padding-half;
      width: 50%;
    }
  }

  .e-de-blink-cursor {
    border-left: 1px solid $de-blink-cursor-clr;
    pointer-events: none;
    position: absolute;
    z-index: 3;
  }

  .e-de-cursor-animation {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: FadeInFadeOut;
  }

  @keyframes FadeInFadeOut {
    from {
      opacity: 1;
    }

    13% {
      opacity: 0;
    }

    50% {
      opacity: 0;
    }

    63% {
      opacity: 1;
    }

    to {
      opacity: 1;
    }
  }

  .e-de-text-target {
    border: 0;
    height: 1px;
    opacity: 0;
    outline-style: none;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: -10000px;
    width: 625px;
  }

  .e-de-txt-form {
    .e-de-txt-field {
      display: block;
    }

    .e-de-num-field {
      display: none;
    }

    .e-de-date-field {
      display: none;
    }

    .e-de-ddl-field {
      display: none;
    }
  }

  .e-de-num-form {
    .e-de-txt-field {
      display: none;
    }

    .e-de-num-field {
      display: block;
    }

    .e-de-date-field {
      display: none;
    }

    .e-de-ddl-field {
      display: none;
    }
  }

  .e-de-date-form {
    .e-de-txt-field {
      display: none;
    }

    .e-de-num-field {
      display: none;
    }

    .e-de-date-field {
      display: block;
    }

    .e-de-ddl-field {
      display: none;
    }
  }

  .e-de-ddl-form {
    .e-de-txt-field {
      display: none;
    }

    .e-de-num-field {
      display: none;
    }

    .e-de-date-field {
      display: none;
    }

    .e-de-ddl-field {
      display: block;
    }
  }

  .e-documenteditor {
    .e-de-op-close-button {
      left: 267px;
      position: absolute;
      top: $de-op-close-button-top;
    }

    .e-de-op-close-button.e-de-rtl {
      left: 14px;
    }
  }
}


@include export-module('documenteditor-theme') {
    /* stylelint-disable */
    .e-de-background {
        background-color: $de-background;
    }
    .e-de-column-label {
        font-size: $de-border-dlg-settinglabels-fontsize;
        font-weight: $de-border-dlg-border-label-fontweight;
        padding-left: 20px;
        padding-right: 20px;
    }

    .e-de-para-tab {
        float: left;
    }
    .e-de-para-tab.e-rtl {
        float: right;
    }
    
    .e-de-column-label.e-de-rtl {
        font-size: $de-border-dlg-settinglabels-fontsize;
        font-weight: $de-border-dlg-border-label-fontweight;
        padding-left: 50px;
        padding-right: 50px;
    }

    .e-de-font-dlg-display {
        display: inline-flex;
    }
   
    
    .e-de-ff-sub-header {
        display: block;
        font-size: 12px;
        font-weight: $de-header-font-weight;
        margin-top: 6px;
    }

    .e-de-check-exactnumbr-width {
        width: $de-check-exactnumbr-width !important;
    }

    .e-de-ff-dlg-heading {
        display: block;
        font-weight: $de-para-dlg-heading-font-weight;
        margin-bottom: $de-ff-dlg-heading-mrgn-btm;
        @if $skin-name=='Material3' {
            font-size: 14px;
        }
        @if $skin-name=='tailwind' {
            color: $de-dlg-heading-main-header;
        }
    }
    .e-de-ff-dlg-heading-small {
        display: block;
        font-weight: $de-para-dlg-heading-font-weight;
        margin-bottom: $de-ff-dlg-hdg-small-mrgn-btm;
    }
    .e-de-ff-dlg-drpdwn-heading {
        display: block;
        font-size: $de-para-dlg-heading-font-size;
        font-weight: $de-para-dlg-heading-font-weight;
        margin-bottom: 8px;
        @if $skin-name=='tailwind' {
            color: $de-dlg-heading-main-header;
        }
    }
    .e-de-ff-dlg-check {
        display: block;
        font-size: $de-para-dlg-heading-font-size;
        font-weight: $de-para-dlg-heading-font-weight;
        margin-bottom: -2px;
    }
    .e-de-div-seperate-dlg {
        display: inline-flex;
        margin-bottom: $de-ff-seperate-div-mrgn-btm;
        width: 100%;
    }
    .e-de-ff-radio-div {
        display: inline-flex;
        margin-right: 16px;
    }
    .e-de-ff-radio-div.e-de-rtl {
        margin-left: 16px;
        margin-right: 0;
    }
    .e-de-ff-radio-scnd-div {
        display: inline-flex;
        margin-bottom: $de-ff-radio-scnd-div-mrgn-btm;
        margin-right: 16px;
    }
    .e-de-ff-radio-scnd-div.e-de-rtl {
        margin-left: 16px;
        margin-right: 0;
    }
    .e-de-ff-dlg-lft-hlf {
        margin-right: $de-ff-dlg-lft-hlf-mrgn-rgt;
        width: $de-ff-dlg-lft-hlf-wdth;
    }
    .e-de-ff-dlg-lft-hlf.e-de-rtl {
        margin-left: $de-ff-dlg-lft-hlf-mrgn-rgt;
        margin-right: 0;
    }
    .e-de-ff-chck-exact {
        margin-left: 15px;
        margin-top: -6px;
    }
    .e-de-ff-chck-exact.e-de-rtl {
        margin-left: 0;
        margin-right: 15px;
    }
    .e-de-ff-dlg-rght-hlf {
        width: 47.5%;
    }
    .e-de-ff-drpdwn-dlg-scndiv {
        display: inline-flex;
        height: 168px;
        margin-bottom: $de-ff-drpdwn-dlg-scndiv-mrgn-botton;
        width: 100%;
    }
    .e-de-cmt-avatar {
        align-items: center;
        display: flex;
        width: $de-avatar-width;
    }
    .e-de-ff-cmt-avatar {
        align-items: center;
        border-radius: 50%;
        color: $de-avatar-clr;
        display: flex;
        font-size: 12px;
        height: $de-cmt-avatar-height;
        justify-content: center;
        letter-spacing: 0;
        line-height: 12px;
        opacity: 100%;
        user-select: none;
        width: $de-cmt-avatar-width;
        z-index: 1;
    }
    .e-de-ff-drpdwn-listview {
        margin-right: 12px;
        width: 100%;
    }
    .e-de-ff-drpdwn-listview.e-de-rtl {
        margin-left: 12px;
        margin-right: 0;
    }
    .e-de-ff-drpdwn-mvup {
        margin-right: 8px;
    }
    .e-de-ff-drpdwn-mvup.e-de-rtl {
        margin-left: 8px;
        margin-right: 0;
    }
    .e-de-drp-dwn-frst-div {
        margin-bottom: $de-drp-dwn-frst-div-mrgn-btm;
        width: 47.5%;
    }
    .e-de-result-list-block .e-de-search-result-hglt {
        background: $search-result-highlight-bg-color;
        border-bottom: 2px solid $search-result-hightlight-bdr-clr-hvr;
        cursor: default;
        padding: $search-result-item-padding-top 1px $search-result-item-padding-bottom 5px;
    }
    .e-de-result-list-block .e-de-op-search-txt .e-de-op-search-word-text {
        color: $search-result-hightlight-bdr-clr;
    }
    .e-de-search-result-item {
        cursor: default;
        padding: $search-result-item-padding-top 1px $search-result-item-padding-bottom 5px;
        word-break: break-word;
    }
    .e-de-search-result-item:hover {
        border-bottom: 1px solid $search-result-hightlight-bdr-clr-hvr;
        cursor: default;
    }
    .e-de-search-result-item:focus {
        border-bottom: 2px solid $search-result-hightlight-bdr-clr-hvr;
        cursor: default;
        padding: $search-result-item-padding-top 1px $search-result-item-padding-bottom 5px;
    }
    @if $skin-name !='tailwind' {
        .e-de-search-tab-content .e-input-group .e-de-op-search-icon:focus {
            border: 1px solid $search-icon-bdr-clr;
        }
        .e-de-op-search-icon:hover {
            background: $search-icon-hvr;
            @if $skin-name=='bootstrap5' or $skin-name=='bootstrap5.3' {
                color: var(--color-sf-secondary-text-color-pressed) !important;
            }
        }
        .e-de-search-tab-content .e-input-group .e-de-op-search-close-icon:focus {
            border: 1px solid $search-icon-bdr-clr;
            border-right-width: 0;
        }
        .e-de-op-search-close-icon:hover {
            background: $search-icon-hvr;
        }
        .e-spin-down:focus {
            border: 1px solid $spin-down-bdr-clr;
            border-right-width: 0;
        }
        .e-spin-down:hover {
            background: $spin-down-hvr;
        }
        .e-spin-up:focus {
            border: 1px solid $spin-up-bdr-clr;
            border-right-width: 0;
        }
        .e-spin-up:hover {
            background: $spin-up-hvr;
        }
        .e-de-search-tab-content {
            .e-de-op-input-group {
                .e-spin-up:hover,
                .e-spin-down:hover {
                    @if $skin-name=='bootstrap5.3' {
                        background: var(--color-sf-secondary-bg-color-pressed) !important;
                        color: var(--color-sf-secondary-text-color-pressed) !important;
                    }
                }
            }
        }
    }
    .e-de-toc-dlg-heading {
        display: block;
        color: $de-dlg-heading-main-header;
        font-size: $de-toc-dlg-heading-font-size;
        font-weight: $de-toc-dlg-heading-font-weight;
        margin-bottom: $de-toc-title-bottom-margin; 
    }
    .e-de-toc-dlg-main-heading {
        color: $de-dlg-heading-main-header;
        display: block;
        font-size: $de-toc-dlg-heading-font-size;
        font-weight: $de-toc-dlg-main-heading-font-weight;
        margin-bottom: $de-title-bottom-margin;
    }
    .e-content-placeholder.e-documenteditor.e-placeholder-documenteditor {
        background-size: 100%;
    }
    .e-de-toc-reset-button {
        margin-top: $de-toc-reset-button-margin-top;
    }
    .e-de-toc-reset-button.e-de-rtl {
        margin-right: 0;
    }
    .e-de-toc-modify-button {
        margin-left: $de-toc-modify-button-margin-left;
        margin-top: $de-toc-modify-button-margin-top;
    }
    .e-de-toc-modify-button.e-de-rtl {
        margin-left: 0;
        margin-right: $de-toc-modify-button-margin-rtl;
    }
    .e-de-toc-dlg-container {
        height: $de-toc-dlg-height;
        width: $de-toc-dlg-width;
    }
    .e-de-toc-dlg-sub-container {
        margin-bottom: $de-toc-sub-container-bottom;
    }
    .e-de-toc-list-view {
        border: 1px solid $de-toc-list-view-border-color;
        border-radius: $de-toc-styles-table-div-border-radius;
        font-size: $de-toc-list-view-font-size;
        height: $de-toc-list-view-height;
        overflow-y: scroll;
    }
    .e-de-toc-list-view.e-de-rtl {
        margin-left: 0;
    }
    .e-de-toc-dlg-sub-heading {
        color: $de-dlg-heading-main-header;
        display: block;
        font-size: $de-toc-dlg-heading-font-size;
        font-weight: $de-toc-dlg-heading-font-weight;
        margin: $de-toc-dlg-sub-margin;
    }
    .e-de-toc-dlg-style-label {
        margin-left: $de-toc-dlg-style-label-left;
        margin-top: $de-toc-dlg-style-label-top;
    }
    .e-de-toc-dlg-style-label .e-de-rtl {
        margin-left: 0;
        margin-right: $de-toc-dlg-style-label-left;
    }
    .e-de-pagesetup-dlg-container {
        height: $de-page-setup-dlg-height;
        width: $de-page-setup-dlg-width;
    }
    .e-de-page-setup-ppty-tab {
        border: $de-page-setup-ppty-tab-border;
    }
    .e-de-page-setup-dlg-sub-container {
        margin-bottom: $de-page-setup-sub-container-bottom;
    }
    .e-de-page-setup-dlg-left-sub-container {
        float: left;
        position: relative;
        top: $de-page-setup-dlg-left-container-top;
    }
    .e-de-page-setup-dlg-left-sub-container.e-de-rtl {
        float: right;
    }
    .e-de-page-setup-dlg-right-sub-container {
        float: right;
        position: relative;
        top: $de-page-setup-dlg-right-container-top;
    }
    .e-de-page-setup-dlg-right-sub-container.e-de-rtl {
        float: left;
    }
    .e-de-page-setup-dlg-sub-header {
        display: block;
        font-size: $de-page-setup-margin-dia-common-font;
        font-weight: $de-header-font-weight;
        margin-bottom: $de-page-setup-margin-dia-common-margin-bottom;
        margin-top: $de-page-setup-margin-dia-common-margin-top;
    }
    .e-de-page-setup-dlg-sub-title-header {
        display: block;
        font-size: $de-page-setup-margin-dia-common-font;
        font-weight: $de-header-font-weight;
        margin-bottom: $de-page-setup-margin-dia-common-margin-bottom;
        margin-top: $de-page-setup-common-margin-top;
    }
    .e-de-page-setup-dlg-sub-container-port {
        height: $de-page-setup-sub-container-height-style;
        margin-bottom: $de-page-setup-sub-container-port-bottom;
    }
    .e-de-page-setup-dlg-sub-label {
        font-size: $de-page-setup-dlg-sub-label-font-size;
        font-weight: $de-page-setup-dlg-sub-label-font-weight;
        @if $skin-name=='tailwind' {
            color: $de-dlg-heading-main-header;
        }
    }
    .e-de-page-setup-dlg-orientation-prop {
        margin-top: $de-page-setup-dlg-orientation-prop-margin-top;
    }
    .e-de-page-setup-dlg-sub-size-container {
        height: $de-page-setup-sub-size-container-height;
        margin-bottom: $de-page-setup-sub-size-container-bottom;
    }
    .e-de-page-setup-dlg-layout-sub-container {
        height: $de-page-setup-layout-sub-container-height;
        margin-bottom: $de-page-setup-layout-sub-container-bottom;
        position: relative;
        top: $de-page-setup-layout-sub-container-top;
    }
    .e-de-page-setup-dlg-first-page-prop {
        margin-bottom: 8px;
    }
    @if $skin-name !='tailwind' and $skin-name !='FluentUI'  {
        .e-de-page-setup-dlg-first-page-prop .e-label,
        .e-de-page-setup-dlg-odd-or-even-prop .e-label {
            font-size: $de-page-setup-checkbox-label-font-size;
        }
        .e-de-page-setup-dlg-first-page-prop .e-frame,
        .e-de-page-setup-dlg-odd-or-even-prop .e-frame {
            height: $de-checkbox-height;
            line-height: $de-checkbox-line-height;
            width: $de-checkbox-width;
        }
    }

    .e-de-page-setup-dlg-left-layout-container {
        float: left;
        position: relative;
        top: $de-page-setup-dlg-layout-container-top;
    }
    .e-de-page-setup-dlg-left-layout-container.e-de-rtl {
        float: right;
    }
    .e-de-page-setup-dlg-right-layout-container {
        float: right;
        position: relative;
        top: $de-page-setup-dlg-layout-container-top;
    }
    .e-de-page-setup-dlg-right-layout-container.e-de-rtl {
        float: left;
    }
    .e-de-dlg-footer .e-btn {
        margin-left: 10px;
    }
    .e-de-hyperlink-dlg-title {
        font-size: 12px;
        font-weight: $de-header-font-weight;
        margin-bottom: $de-hyperlink-dlg-margin-bottom;
        margin-top: $de-hyperlink-dlg-margin-top;
    }
    .e-de-hyperlink .e-de-hyperlink-dlg-input {
        height: $de-hyperlink-dlg-input-height;
        margin-bottom: $de-hyperlink-dlg-input-bottom;
        width: $de-hyperlink-dlg-input-width;
    }
    .e-de-font-dlg-header {
        display: flex;
        font-size: 12px;
        font-weight: $de-header-font-weight;
        margin-bottom: $de-font-dlg-header-margin-bottom;
        @if $skin-name=='tailwind' {
            line-height: 18px;
        }
    }
    .e-de-font-dlg-header-effects,
    .e-de-font-dlg-header-font-color {
        display: flex;
        font-size: $de-font-dlg-font-size;
        font-weight: $de-header-font-weight;
        margin-bottom: $de-fnt-dlg-header-effects-mrgn-btm;
    }
    .e-de-font-dlg-main-header {
        color: $de-dlg-heading-main-header;
        font-size: 14px;
        font-weight: $de-header-font-weight;
        margin-right: $de-font-dlg-main-header-margin-right;
    }
    .e-de-font-dlg-cb-right {
        margin-left: $e-de-font-dlg-cb-margin-right;
    }
    .e-de-font-dlg-cb-right.e-de-rtl {
        margin-left: 0;
        margin-right: $e-de-font-dlg-cb-margin-right;
    }
    .e-de-font-dlg-cb-right-div {
        margin-left: 20px;
    }
    .e-de-dropdown {
        margin-right: $de-dropdown-margin-right;
    }
    .e-de-restrict-pane{
        border-right: 1px solid $de-op-border-clr;
        padding-left: $de-op-padding-left;
        padding-top: $de-op-padding-top;
        padding-right: $de-op-padding-left;
        position: relative;
        width: 300px;
    }
    .e-de-op {
        border-right: 1px solid $de-op-border-clr;
        padding-left: $de-op-padding-left;
        padding-right: $de-op-padding-left;
        position: relative;
        width: 300px;
    }
    .e-de-op.e-de-rtl {
        padding-left: 0;
        padding-right: $de-op-padding-left;
    }
    .e-de-op-header {
        @if $skin-name=='fluent2' {
            color: $de-sub-header-color;
            font-size: 14px;
        }
        @else {
            color: $de-op-title-clr;
            font-size: 15px;
        }  
        font-family: $de-op-header-font-family;
        font-weight: $de-op-header-font-weight;
        margin-bottom: $de-op-header-bottm-margin;
        padding-top: $de-op-header-padding-top;
        @if $skin-name=='tailwind' {
            line-height: 24px;
        }
    }
    .e-de-op-header.e-de-rtl {
        direction: rtl;
        text-align: right;
    }
    .e-de-op-tab {
        border: 0;
        height: auto;
        @if $skin-name=='tailwind' {
            background: transparent;
        }
    }
    .e-de-op-icon {
        color: $de-op-icon-color;
        @if $skin-name !='tailwind' {
            height: 20px;
            width: 20px;
        }
    }
    .e-de-op-close-icon {
        @if $skin-name !='bootstrap' {
            color: $dialog-btn-clr;
        }
    }
    .e-de-op-nav-btn {
        @if $skin-name !='tailwind' {
            height: $de-op-close-icon-width;
            width: $de-op-close-icon-width;
        }
    }
    .e-de-op-search-txt {
        border-bottom: 1px solid $search-result-hightlight-bdr-item;
        color: $de-dlg-heading-main-header;
        font-size: 14px;
    }
    .e-de-op-search-txt .e-de-op-search-word {
        color: $de-op-search-txt;
    }
    .e-de-op-more-less {
        display: inline-flex;
        margin-top: $de-op-more-less-mrgn-top;
    }

    @if $skin-name == "FluentUI" {
        .e-de-rp-more-less{
            .e-label{
                font-size: 14px !important;
            }
        }
    }

    .e-de-op-replacetabcontentdiv {
        margin-top: $de-op-more-less-mrgn-top;
    }
    label[for*="_wholeWord_e-de-ltr"] {
      @if $skin-name == "FluentUI" {
        left: 15px;
      }
      @else {
        left: 35px;
      }
    }
    label[for*="_wholeWord_e-de-rtl"] {
      @if $skin-name == "FluentUI" {
        right: 15px;
      }
      @else {
        right: 35px;
      }
    }
    .e-de-cell-dia-label-common {
        display: inline-block;
        font-size: $de-cell-margin-dia-common-font;
        font-weight: $de-header-font-weight;
        margin-bottom: $de-cell-margin-dia-common-margin-bottom;
        margin-top: $de-cell-margin-dia-common-margin-top;
        width: $de-cell-margin-dia-common-width;
    }
    .e-de-cell-dia-options-label {
        font-weight: $de-para-dlg-heading-font-weight;
        @if $skin-name=='tailwind' {
            color: $de-dlg-heading-main-header;
        }
    }
    .e-de-table-border-heading {
        @if $skin-name=='fluent2' {
            font-size: $de-border-dlg-border-sub-heading-fontsize;
        }
        @else {
            font-size: $de-border-dlg-border-label-fontsize;
        }
        font-weight: $de-border-dlg-border-label-font-weight;
        padding-bottom: $de-border-dlg-border-label-paddingbottom;
        @if $skin-name=='tailwind' {
            color: $de-dlg-heading-main-header;
        }
    }
    .e-de-table-setting-heading {
        font-size: $de-border-dlg-setting-label-fontsize;
        font-weight: $de-border-dlg-border-label-fontweight;
        padding-bottom: $de-border-dlg-setting-label-paddingbottom;
    }
    .e-de-layout-setting-heading {
        font-size: $de-border-dlg-setting-label-fontsize;
        font-weight: $de-border-dlg-border-label-fontweight;
        padding-bottom: $de-border-dlg-setting-label-paddingbottom;
    }
    .e-de-table-setting-labels-heading {
        font-size: $de-border-dlg-settinglabels-fontsize;
        font-weight: $de-border-dlg-border-label-fontweight;
        margin-left: $de-table-alignment-label-margin-left;
    }
    .e-de-table-element-subheading {
        font-size: $de-border-dlg-settinglabels-fontsize;
        font-weight: $de-border-dlg-border-label-fontweight;
        @if $skin-name=='tailwind' {
            padding-bottom: 8px !important;
        }
    }
    .e-de-border-dlg-preview-div {
        border: $de-border-dlg-border-preview-div-width solid $de-border-dlg-border-preview-div-opacity;
        width: 80px;
        height: 80px;
    }
    .e-de-border-dlg-preview-inside-divs {
        opacity: $de-border-dlg-preview-inside-divs-opacity;
    }
    .e-de-tablecell-dia-align-div {
        border: $de-table-align-border-width solid $de-table-align-border-color;
        display: inline-block;
        height: $de-table-align-height;
        margin-right: $de-table-align-margin-right;
        width: $de-table-align-width;
    }
    .e-de-tablecell-dia-align-div.e-de-rtl {
        margin-left: $de-table-align-margin-right;
        margin-right: 0;
    }
    .e-de-table-dia-align-label {
        display: inline-block;
        font-size: $de-table-alignment-label-font-size;
        @if $skin-name !='Material3' {
            font-weight: $de-header-font-weight;
        }
        margin-left: $de-table-alignment-label-margin-left;
        margin-top: $de-table-alignment-label-margin-top;
    }
    .e-de-table-dialog-separator-line {
        background-color: $de-table-separator-line-color;
        bottom: $de-table-separtor-line-top;
        display: none;
        height: $de-table-separator-line-height;
        left: $de-table-separator-line-left;
        margin-top: $de-table-dlg-separator-line-top;
        position: absolute;
        width: $de-table-separator-line-width;
    }
    .e-de-table-alignment-active {
        border: 1px solid $de-table-align-active-color;
    }
    .e-de-table-dialog-options-label {
        @if $skin-name =='Material3' {
            font-size: $de-table-options-font-size;
            font-weight: $de-table-options-font-weight;
            padding-bottom: $de-table-options-padding-bottom;
        }
    }
    .e-de-table-dialog-size-label {
        padding-top: $de-table-options-padding-top !important;
        @if $skin-name =='Material3' {
            font-weight: 600;
            font-size: 12px;
        }
    }

    .e-de-list-ddl-header {
        font-size: 14px;
        font-weight: $de-list-dlg-header-font-weight;
        margin-bottom: $de-list-dlg-header-margin-bottom;
        margin-top: $de-list-dlg-header-margin-top;
        @if $skin-name=='tailwind' {
            color: $de-dlg-heading-main-header;
        }
    }
    .e-de-list-ddl-header-list-level {
        font-size: 14px;
        font-weight: $de-list-dlg-header-font-weight;
        margin-bottom: $de-list-dlg-header-margin-bottom;
        @if $skin-name=='tailwind' {
            color: $de-dlg-heading-main-header;
        }
    }
    .e-de-tbl-dlg-footer {
        padding-top: $de-tbl-dlg-footer;
    }
    .e-de-row-ht-top,
    .e-de-cell-ht-top {
        padding: 0 $de-table-row-cell-pdng;
        @if $skin-name=='bootstrap5' or $skin-name=='tailwind' {
            width: 144px;
        }
        @else {
            width: 160px;
        }
    }
    .e-de-ht-wdth-type {
        margin-top: $de-hght-type-top;
        width: 120px;
    }
    .e-de-row-ht-top.e-de-rtl,
    .e-de-cell-ht-top.e-de-rtl {
        margin-left: 0;
        margin-right: $de-table-row-cell-pdng;
    }
    .e-de-cell-width-top {
        margin-left: $de-cell-width-top-margin-left;
        margin-top: $de-cell-width-top-margin-top;
    }
    .e-de-cell-width-top.e-de-rtl {
        margin-left: 0;
        margin-right: $de-cell-width-top-margin-left;
    }
    .e-de-tbl-dlg-border-btn {
        float: right;
        margin-top: $de-tbl-dlg-border-btn-margin-top;
    }
    .e-de-tbl-dlg-border-btn.e-de-rtl {
        float: left;
        margin-right: 0;
    }
    .e-de-table-border-setting.e-de-rtl {
        right: 5px;
    }
    .e-de-tbl-dlg-op-btn {
        left: $de-tbl-opt-btn-left;
        position: absolute;
        top: $de-tbl-opt-btn-top;
    }
    .e-de-insert-table-dlg-sub-header {
        display: block;
        font-size: 12px;
        font-weight: $de-header-font-weight;
        margin-bottom: $de-insert-table-title-bottom-margin;
        margin-top: $de-insert-table-title-top-margin;
    }
    .e-de-insert-footnote-dlg-sub-header,
    .e-de-insert-footnote-dlg-header {
        display: block;
        font-size: 12px;
        font-weight: $de-header-font-weight;
        margin-bottom: $de-insert-table-title-bottom-margin;
        margin-top: $de-insert-table-title-top-margin;
    }
    .e-de-insert-footnote-dlg-header {
        margin-bottom: $de-insert-footnote-dlg-header-mrg-btm;
    }
    .e-de-insert-table-dlg-input {
        @if $skin-name == 'FluentUI' {
            display: inline-block;
        }
        margin-bottom: $de-insert-table-dlg-input-bottom;
    }
    .e-de-list-ddl-subheader,
    .e-de-list-ddl-subheaderbottom {
        font-size: 12px;
        font-weight: $de-list-dlg-subheader-font-weight;
        margin-bottom: $de-list-dlg-subheader-margin-bottom;
        margin-top: $de-list-dlg-subheader-margin-top;
    }
    .e-de-list-dlg-subdiv {
        float: right;
        margin-top: $e-de-list-subdiv-margin-top;
        position: relative;
    }
    .e-de-list-dlg-subdiv.e-de-rtl {
        float: left;
        margin-top: $e-de-list-subdiv-margin-top-rtl;
    }
    .e-de-list-dlg-div {
        float: right;
        margin-top: $e-de-list-div-margin-top;
        position: relative;
    }
    .e-de-list-dlg-div.e-de-rtl {
        float: left;
        margin-top: $e-de-list-div-margin-top-rtl;
    }
    .e-de-ok-button {
        margin-right: $de-ok-insert-button-margin-right;
    }
    .e-de-ok-button.e-de-rtl {
        margin-left: $de-ok-insert-button-margin-right;
    }
    .e-de-options-setter {
        left: $de-options-buttons-left;
    }
    .e-de-op-close-icon:hover {
        color: $de-op-btn-icon-hover-clr;
    }
    .e-de-tooltip {
        background-color: $de-tooltip-bg-clr;
        box-shadow: $de-tooltip-shadow;
        color: $de-tooltip-color;
        cursor: text;
        display: table;
        max-width: 200px;
        padding: 5px;
        word-wrap: break-word;
    }
    .e-de-form-popup {
        background-color: $de-tooltip-bg-clr;
        box-shadow: $de-tooltip-shadow;
        color: $de-tooltip-color;
        cursor: text;
        max-width: 350px;
        min-width: 300px;
        padding: 16px;
        position: absolute;
        width: fit-content;
        word-wrap: break-word;
    }
    .e-de-save,
    .e-de-cancel {
        margin-left: 8px;
    }
    .e-btn.e-de-op-icon-btn {
        background-color: $de-op-btn-icon-bg;
        border-color: $de-op-btn-icon-border;
    }
    .e-documenteditor .e-de-op-close-button {
        left: 250px;
        position: absolute;
        top: $de-op-close-button-top;
        @if $skin-name=='bootstrap4' {
            padding-top: 0px;
        }
    }
    @if $skin-name=='bootstrap4' or $skin-name=='bootstrap5' or $skin-name=='bootstrap5.3' {

        .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 {
            @if $skin-name !='tailwind' {
                background-color: $de-style-btn-bg-color;
                box-shadow: $de-toggle-btn-border;
                box-shadow: none;
                .e-btn-icon {
                  @if $skin-name !='bootstrap5' and $skin-name !='bootstrap5.3' {
                    color: $de-style-btn-color;
                  } @else if $skin-name =='bootstrap5.3' {
                    color: var(--color-sf-secondary-text-color-pressed);
                  }
                }
            }
        }

        .e-de-style-font-group-button,
        .e-de-style-paragraph-group-button,
        .e-de-style-paragraph-indent-group-button {
            .e-btn {
                background: $de-style-dlg-btn-bg-color;
                @if $skin-name !='Material3' {
                    border-color: $de-style-dlg-btn-border-color;
                }
                #{if(&, '&', '*')}:focus {
                    background-color: $de-style-btn-bg-color;
                    box-shadow: $de-toggle-btn-border;
                }
                #{if(&, '&', '*')}:active {
                    background-color: $de-style-btn-bg-color;
                    box-shadow: $de-toggle-btn-border;
                }
                #{if(&, '&', '*')}:hover {
                    background-color: $de-style-btn-bg-color;
                    box-shadow: $de-toggle-btn-border;
                }
            }
        }
        .e-de-style-font-group-button .e-btn:hover,
        .e-de-style-font-group-button .e-btn:focus,
        .e-de-style-font-group-button .e-btn:active,
        .e-de-style-font-group-button .e-btn:disabled,
        .e-de-style-paragraph-group-button .e-btn:hover,
        .e-de-style-paragraph-group-button .e-btn:focus,
        .e-de-style-paragraph-group-button .e-btn:active,
        .e-de-style-paragraph-group-button .e-btn:disabled {
            .e-btn-icon {
                @if $skin-name=='bootstrap5' or $skin-name=='bootstrap5.3' {
                    color: $de-style-btn-hover-color
                }
                @else {
                    color: $de-style-btn-color;
                }
            }
        }
        .e-de-style-font-group-button .e-btn-icon,
        .e-de-style-paragraph-group-button .e-btn-icon,
        .e-de-style-paragraph-indent-group-button .e-btn-icon {
            color: $de-prop-btn-icon-clr;
            font-size: $de-btn-font-size;
        }
        .e-de-style-paragraph-indent-group-button .e-btn:hover,
        .e-de-style-paragraph-indent-group-button .e-btn:focus,
        .e-de-style-paragraph-indent-group-button .e-btn:active,
        .e-de-style-paragraph-indent-group-button .e-btn:disabled {
            .e-btn-icon {
                color: $de-style-btn-color;
            }
        }
        .e-de-style-paragraph-indent-group-button .e-btn-icon {
            color: $de-prop-btn-icon-clr;
            font-size: $de-btn-font-size;
        }

        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap5.3' {
            .e-de-style-font-color-picker .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
            .e-de-style-font-color-picker .e-btn.e-icon-btn,
            .e-de-dlg-clr-picker .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
            .e-de-dlg-clr-picker .e-btn.e-icon-btn,
            .e-de-font-dlg-display .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
            .e-de-font-dlg-display .e-colorpicker-wrapper .e-btn.e-icon-btn {
                padding: 4px 8px !important;
            }

            .e-de-rp-close-icon.e-btn {
                background: $de-rp-btn-bg-color;
                border: 0;
                color: $de-cmt-pant-content-font;
                opacity: 1;
            }

            .e-de-toc-dlg-style-input {
                margin-top: 18px;
            }
            .e-de-list-container {
                background: $de-style-btn-color !important;
            }

            .e-documenteditor .e-de-op-close-button {
                top: 10px;
            }
            .e-de-styles,
            .e-de-bookmark {
                margin-top: 0 !important;
            }
            .e-de-bookmark .e-bookmark-textbox-input {
                box-sizing: border-box !important;
            }
            .e-de-cp-option {
                background: transparent;
            }

            .e-styles-common {
                padding-top: $de-style-list-top;
            }
            .e-styles-list {
                margin-right: $de-style-list-top;
            }
            .e-de-font-dlg-display .e-split-btn-wrapper .e-btn {
                border-color: $de-style-toggle-btn-color;
            }
        }
    }
    @if $skin-name=='bootstrap5' or $skin-name=='FluentUI' {
        .e-de-restrict-pane {
            color: $content-text-color;
        }
    }
    @if $skin-name=='tailwind' {
        
        .e-de-style-font-group-button .e-btn:not(button:last-child),
        .e-de-style-paragraph-group-button .e-btn:not(button:last-child),
        .e-de-style-paragraph-indent-group-button .e-btn:not(button:last-child) {
            margin-right: 3px;
        }
        .e-style-font-fmaily-right:not(.e-bigger .e-style-font-fmaily-right) {
            width: 148px !important;
        }
        .e-de-rp-enforce-nav.e-de-rp-nav-lbl .e-label {
            font-size: 12px;
        }
        .e-de-cell-margin-top {
            padding-bottom: 0;
        }
        .e-de-ctnr-prop-label.e-de-table-prop-label {
            margin-bottom: 8px;
        }
        .e-de-search-tab-content .e-input-group .e-de-op-search-icon:active,
        .e-de-op-search-close-icon:active {
            color: $search-icon-bdr-clr !important;
        }
        .e-de-op-search-icon:hover,
        .e-de-op-search-close-icon:hover {
            color: $search-icon-hvr !important;
        }
        .e-de-enforce {
            font-weight: 500;
        }
        .e-de-page-setup-dlg-first-page-prop {
            margin-bottom: 8px;
        }
        .e-de-pagesetup-dlg-container .e-input-group {
            width: 184px !important;
        }
        .e-de-table-options-dlg-div .e-input-group {
            width: 187px !important;
        }
        .e-de-font-dlg .e-input-group,
        .e-de-list-dlg .e-input-group,
        .e-de-list-dlg .e-input {
            width: max-content !important;
        }
        .e-de-list-ddl-subheaderbottom {
            margin-top: 12px;
        }
        .e-de-style-based-para-div .e-input-group,
        .e-de-style-nametype-div .e-input-group,
        .e-de-style-nametype-div .e-input {
            width: 256px !important;
        }
        .e-de-list-ddl-subheader {
            width: auto !important;
        }
        .e-de-table-measure-lbl {
            width: 80px !important;
        }
        .e-de-style-font-group-button>button:last-child {
            margin-right: 6px;
        }
        .e-de-hdr-ftr-frst-page-div,
        .e-de-page-setup-dlg-sub-container,
        .e-de-div-seperate-dlg {
            margin-bottom: 12px;
        }
        .e-de-toc-dlg-tab-div {
            margin-top: 16px;
        }
        .e-bookmark-textbox-input {
            margin-top: 0px !important;
        }
        .e-de-table-cell-header-div,
        .e-de-table-header-div {
            margin-top: 4px !important;
        }
        .e-documenteditor {
            .e-tab .e-content .e-item {
                padding: 0;
            }
        }
        .e-de-table-cell-margin-dlg .e-input-group {
            width: 188px !important;
        }
        .e-de-restrict-pane {
            line-height: $de-rp-content-ln-ht;
        }
    }
    .e-de-restrict-pane {
        color: $de-input-color;
    }
    .e-de-op.e-de-rtl .e-de-search-tab-content {
        margin-left: $de-op-search-tab-content-margin-top;
        margin-right: 0;
    }
    .e-documenteditor .e-de-op-close-button.e-de-rtl {
        right: 255px;
    }
    .e-de-table-measure-lbl {
        font-size: $de-tbl-measure-lbl-font-size;
        font-weight: $de-header-font-weight;
        display: block;
        margin-bottom: $de-row-height-bottom-margin;
    }
    .e-de-tbl-indent-lbl {
        font-weight: $de-header-font-weight;
        font-size: $de-tbl-indent-lb-fnt-size;
        position: relative;
        display: block;
        margin-bottom: $de-tbl-indent-lbl-mrgn-btm;
        top: $de-tbl-indent-lbl-top;
    }
    .e-btn.e-de-op-close-button:hover {
        background-color: $de-op-btn-icon-bg;
        border-color: $de-op-btn-icon-border;
        color: $de-op-btn-icon-hover-clr;
    }
    .e-btn.e-de-op-close-button:focus {
        background-color: $de-op-btn-icon-bg;
        border-color: $de-op-btn-icon-border;
        color: $de-op-btn-icon-hover-clr;
    }
    .e-btn.e-de-op-close-button:active {
        background-color: $de-op-btn-icon-bg;
        border-color: $de-op-btn-icon-border;
        color: $de-op-btn-icon-active-clr;
    }
    .e-documenteditor {
        .e-input {
            font-size: 14px;
        }
    }
    .e-de-dlg-target .e-footer-content {
        .e-control.e-btn.e-flat:not(.e-icon-btn) {
            height: $de-dlg-btn-height;
        }
    }
    .e-dialog .e-footer-content {
        @if $skin-name == 'tailwind3' {
            border: 0;
            border-bottom-left-radius: $de-border-dlg-clr-padding-bottom;
            border-bottom-right-radius: $de-border-dlg-clr-padding-bottom;
        }
    }
    .e-de-tbl-dlg-border-btn .e-control.e-btn.e-flat:not(.e-icon-btn) {
        height: auto;
    }
    .e-de-op-result-container {
        margin-top: $de-op-result-container-margin-top;
    }
    .e-de-restrict-pane,
    .e-de-op {
        background: $de-op-bg-color;
    }
    .e-de-restrict-pane,
    .e-de-op {
        .e-tab-header .e-toolbar-items {
            margin-bottom: $de-op-tab-header-margin-bottom;
            margin-top: $de-op-tab-header-margin-top;
        }
    }
    .e-de-font-dlg-color {
        border: $de-font-color-border;
        border-radius: $de-font-color-border-radius;
        font-size: 12px;
        height: 16px;
        margin-left: 15px;
        width: 25px;
    }
    .e-de-icon-table-row-above {
        top: $de-icon-table-row-above-top;
    }
    .e-de-icon-table-row-below {
        top: $de-icon-table-row-below-top;
    }
    .e-de-icon-table-column-left {
        top: $de-icon-table-column-left-top;
    }
    .e-de-icon-table-column-right {
        top: $de-icon-table-column-right-top;
    }
    .e-de-icon-table-delete {
        top: $de-icon-table-delete-top;
    }
    .e-de-icon-table-row-delete {
        top: $de-icon-table-row-delete-top;
    }
    .e-de-icon-table-column-delete {
        top: $de-icon-table-column-delete-top;
    }
    .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: $de-bullet-list-hover-color;
    }
    .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: $de-number-list-hover-color;
    }
    .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: $de-multilevel-list-hover-color;
    }
    .e-de-list-dialog-open:hover {
        background: $de-list-dialog-hover-color;
    }
    .e-de-cell-options {
        left: $de-cell-options-left;
        top: $de-cell-options-top;
    }
    .e-de-cell-options.e-de-rtl {
        left: $de-cell-options-rtl;
    }
    .e-de-font-color-label {
        margin-bottom: $de-font-color-margin-bottom;
        margin-right: $de-font-color-margin-top;
        margin-top: $de-font-color-margin-top;
    }
    .e-de-font-content-label {
        width: $de-font-label-width;
    }
    .e-de-font-color-margin {
        margin-right: $de-font-dlg-color-margin-right;
        margin-top: $de-font-dlg-color-margin-top;
    }
    .e-de-font-color-margin.e-de-rtl {
        margin-left: $de-font-dlg-color-margin-right;
        margin-right: 0;
    }
    .e-de-font-content-checkbox-label {
        margin-left: $de-font-content-checkbox-left;
    }
    .e-de-font-content-checkbox-label-rtl {
        margin-right: $de-font-content-checkbox-right;
    }
    .e-de-font-checkbox {
        margin-top: $de-font-style-margin;
    }
    .e-de-font-checkbox-transform {
        margin-left: $de-font-checkbox-ltr;
    }
    .e-de-font-checkbox-transform.e-de-rtl {
        margin-left: 0;
        margin-right: $de-font-checkbox-ltr;
    }
    .e-de-font-checkbox-transform-label {
        margin-bottom: $de-font-style-margin;
        margin-top: $de-font-style-margin;
    }
    .e-de-font-checkbox.e-de-rtl {
        margin-left: 0;
        margin-right: $de-font-checkbox-ltr;
    }
    .e-de-font-checkbox.e-de-rtl {
        margin-left: 0;
        margin-right: $de-font-checkbox-left;
    }
    .e-de-font-clr-div {
        margin-top: $de-font-clr-div-mrgn-top;
    }
    .e-de-font-dlg-padding {
        margin-top: $de-font-dlg-margin-top;
    }
    .e-de-table-container-div {
        margin-top: $de-table-container-margin-top;
    }
    .e-de-table-header-div {
        padding-top: $de-table-header-padding-top;
    }
    .e-de-table-subheader-div {
        float: right;
        margin-right: $de-table-subheader-div-margin-right;
        margin-top: $de-table-subheader-div-margin-top;
    }
    .e-de-table-subheader-div.e-de-rtl {
        float: left;
        margin-left: $de-table-subheader-div-margin-right;
        margin-right: 0;
    }
    .e-de-table-cell-header-div {
        padding-top: $de-table-header-padding-top;
    }
    .e-de-table-cell-subheader-div {
        top: $de-cell-subheader-top;
    }
    .e-de-cell-margin-header {
        left: $de-cell-margin-header-left;
        top: $de-cell-margin-header-top;
    }
    .e-de-tbl-margin-sub-header {
        margin-top: $de-tbl-margin-sub-header;
    }
    .e-de-tbl-btn-separator {
        width: $de-tbl-btn-separator;
    }
    .e-de-op-msg {
        color: $de-op-container-messagediv-color;
        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: $de-save-dlg-format-type-padding;
    }
    .e-de-search-tab-content {
        margin-top: $de-op-search-tab-content-margin-top;
        width: $de-op-search-text-box-container-width;
    }
    .e-de-font-dlg {
        width: $de-font-dlg-width;
        @if $skin-name == 'Material3' {
            padding: 8px
        }
    }
    .e-de-hyperlink {
        width: $de-hyper-link-width;
    }
    @if $skin-name =='Material3'{
        .e-de-table-border-shading-dlg {
            .e-de-dlg-row .e-de-dlg-row label {
                margin-left: 10px;
            }
        }
        .e-de-table-setting-heading {
            line-height: 22px;
            letter-spacing: 0.30000001192092896px;
        }
        .e-de-rp-btn-enforce {
            border-radius: 4px !important;
        }
        .e-de-track-toolbar .e-de-track-pane-drop-btn, #e-de-menu-option {
            background: none;
        }
    }
    .e-de-insert-table {
        height: $de-insert-table-height;
        width: $de-insert-table-width;
    }
    .e-de-insert-footnote {
        height: $de-insert-footnote-height;
        width: $de-insert-footnote-width;
    }
    .e-de-insert-spellchecker {
        height: $de-insert-spellchecker-height;
        width: $de-insert-spellchecker-width;
        font-weight: $de-header-font-weight;
    }
    .e-de-dlg-spellcheck-listview {
        @if $skin-name !='tailwind' {
            border: 1px solid $de-spellcheck-listview-border-color;
            border-radius: 2px !important;
        }
        height: $de-spellcheck-listview-height !important;
        margin-right: $de-bookmark-list-margin-right;
        margin-top: 8px;
        position: relative;
        float: left;
        width:$de-spellcheck-list-width;
    }
    .e-de-dlg-spellcheck-listview.e-de-rtl {
        float: right;
    }
    .e-de-spellcheck-error-container {
        height: $de-spellcheck-container-height;
        margin-bottom: $de-spellcheck-container-gap;
        display: flex;
    }
    .e-de-spellcheck-suggestion-container {
        height: $de-spellcheck-container-height;
        margin-bottom: $de-spellcheck-container-gap;
        display: flex;
    }
    .e-dlg-spellcheck-listitem {
        font-size: 15px !important;
    }
    .e-de-spellcheck-btncontainer {
        margin-top: 8px;
        position: relative;
        width:$de-spellcheck-btn-container-width;
        float: right;
    }
    .e-de-spellcheck-btncontainer.e-de-rtl {
        float: left;
    }
    .e-de-spellcheck-btn {
        margin-bottom:$de-padding-half-bigger;
        width:$de-spellcheck-btn-width;
    }
    .e-de-dlg-spellchecker-subheader {
        margin-top: 8px;
        @if $skin-name=='tailwind' {
            font-size: 14px;
            margin-top: 4px;
        }
        @else {
            font-size: 15px;
        }
    }
    .e-de-dlg-spellchecker-subheaderbtm {
        @if $skin-name=='tailwind' {
            font-size: 14px;
        }
        @else {
            font-size: 15px;
        }
    }
    .e-de-list-dlg {
        height: $de-list-dlg-height;
        width: $de-list-dlg-width;
    }
    .e-de-save-dlg {
        height: $de-save-dlg-height;
        width: $de-save-dlg-width;
    }
    .e-de-table-properties-dlg {
        @if $skin-name =='Material3' {
            padding: 0px 8px;
        }
        width: $de-table-ppty-dlg-width;
    }
    .e-de-table-border-shading-dlg {
        width: $de-table-border-shading-dlg-width;
        @if $skin-name =='Material3'{
            height: 400px
        }
    }
    .e-de-table-cell-margin-dlg {
        height: $de-table-cell-margin-dlg-height;
        width: $de-table-cell-margin-dlg-width;
        @if $skin-name =='Material3' {
            padding: 0px 8px
        }
    }
    .e-de-table-options-dlg {
        height: $de-table-options-dlg-height;
        width: $de-table-options-dlg-width;
    }
    .e-de-table-border-none {
        position: absolute;
        top: $de-table-border-none-top;
    }
    .e-de-table-border-box {
        position: absolute;
        top: $de-table-border-box-top;
    }
    .e-de-table-border-all {
        position: absolute;
        top: $de-table-border-all-top;
    }
    .e-de-table-border-custom {
        position: absolute;
        top: $de-table-border-custom-top;
    }
    .e-de-table-shading-preview {
        top: $de-table-shading-preview-top;
    }
    .e-de-font-label span.e-label {
        color: $de-checkbox-wrapper-color;
    }
    .e-de-font-content-label:hover .e-label,
    .e-css.e-de-font-content-label:hover .e-label {
        color: $de-checkbox-wrapper-color;
    }
    .e-de-font-label:hover .e-label,
    .e-css.e-de-font-label:hover .e-label {
        color: $de-checkbox-wrapper-color;
    }
    .e-de-op-dlg-footer {
        margin-top: $de-op-dlg-footer-margin-top;
    }
    .e-de-op-dlg-footer .e-btn {
        padding-left: 6px;
        padding-right: 6px;
    }
    .e-de-search-tab-content .e-input-group .e-de-search-input {
        width: $de-op-search-input-width;
    }
    .e-de-op-replacewith {
        width: $de-op-replacewith-width;
    }
    .e-de-table-ppty-tab {
        border: $de-table-ppty-tab-border;
    }
    .e-de-list-format-info {
        border-radius: 50% !important;
        cursor: default;
        font-size: 12px !important;
        height: 15px;
        line-height: 1px;
        padding: $de-list-info-btn-padding !important;
        text-transform: lowercase;
        width: 16px;
    }
    .e-button-custom {
        height: $de-bookmark-custom-btn-height;
        width: 100%;
    }
    .e-styles-listview,
    .e-bookmark-listview {
        border: 1px solid $bookmark-listview-border-color;
        border-radius: $de-bookmark-list-view-border-radius;
        height: 150px;
        overflow-y: scroll;
    }
    .e-bookmark-gotobutton,
    .e-bookmark-addbutton,
    .e-styles-addbutton,
    .e-bookmark-deletebutton {
        margin-bottom: 12px;
    }
    .e-bookmark-list {
        float: left;
        margin-right: $de-bookmark-list-margin-right;
        width: 250px;
    }
    .e-bookmark-list.e-de-rtl {
        margin-left: $de-bkmrk-list-margin-left;
        margin-right: 0;
    }
    .e-bookmark-textboxdiv {
        margin-bottom: $de-bookmark-textbox-margin-bottom;
    }
    .e-bookmark-listview .e-list-item {
        font-size: 13px;
        height: 30px;
        line-height: 27px;
    }
    .e-bookmark-common {
        display: flex;
    }
    .e-bookmark-button {
        position: relative;
        top: $de-bookmark-button-div-top-position;
    }
    .e-font {
        float: left;
    }
    .e-font-rtl {
        float: right;
    }
    .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: $de-table-border-dlg-alignments-left;
        position: relative;
        top: $de-table-border-preview-top;
        transform: $de-table-border-dlg-alignments-transform;
    }
    .e-de-style-properties,
    .e-de-style-formatting {
        font-size: $de-style-heading-font-size;
        font-weight: $de-style-heading-font-weight;
        color: $de-dlg-heading-main-header;
    }
    .e-de-style-formatting {
        margin-bottom: $de-style-dialog-style-formatting-bottom-margin;
    }
    .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 {
        box-shadow: none;
    }
    .e-de-table-options-dlg-div {
        height: auto;
        position: relative;
        margin-bottom: 14px;
        width: $de-dlg-table-options-content-div;
    }
        @if $skin-name !='bootstrap4' and $skin-name !='bootstrap5.3' and $skin-name !='tailwind' {
            .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: $de-style-btn-active-bg-border-color;
                border-color: $de-style-btn-active-bg-border-color;
                box-shadow: none;
                color: $de-style-btn-active-text-color;
            }
        }
        .e-de-style-properties {
            margin-bottom: $de-style-dialog-style-ppties-bottom-margin;
        }
        .e-de-style-nametype-div {
            margin-bottom: $de-style-dialog-style-name-type-div-bottom-margin;
        }
        .e-de-style-based-para-div {
            margin-bottom: $de-style-dialog-style-based-para-div-bottom-margin;
        }
        .e-de-style-name,
        .e-de-style-styletype,
        .e-de-style-style-based-on,
        .e-de-style-style-paragraph {
            font-weight: $de-header-font-weight;
            margin-bottom: $de-style-dialog-label-bottom-margin;
            font-size: $de-style-font-size;
            @if $skin-name !='tailwind' {
                width: 180px;
            }
        }
        .e-de-style-left-div {
            margin-right: $de-style-dialog-style-left-div-right-margin;
        }
        .e-de-style-left-div.e-de-rtl {
            margin-left: $de-style-dialog-style-left-div-right-margin;
            margin-right: 0;
        }
        @if $skin-name !='tailwind' and $skin-name !='bootstrap5' and $skin-name != 'FluentUI' {
            .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: 31px;
            }
        }
        
        

        @if $skin-name =='Material3' {
            .e-de-style-font-group-button button,
            .e-de-style-paragraph-indent-group-button button,
            .e-de-style-paragraph-group-button button {
                width: 36px;
                border-radius: 4px;
                margin-right: 5px;
                background: $de-style-dlg-btn-bg-color;
            }
        }
        
        .e-de-style-bold-button-size {          
            @if $skin-name !='tailwind' and $skin-name !='bootstrap5' and $skin-name != 'Fluent' and $skin-name != 'Material3' {
                margin-right: 8px;
                height: 35px;
            }
            @if $skin-name=='fluent2' {
                margin-left: 0;
                border-left: 0;
                border-right: 0;
                height: 31px;
                margin-right: 0px;
            }
            @else {
                margin-left: $de-style-dialog-label-bottom-margin;
            }   
        }
        .e-de-style-format-dropdwn .e-btn-icon {
            margin-left: 8px;
        }
        @if $skin-name !='tailwind' and $skin-name !='bootstrap5' and $skin-name != 'FluentUI'  {
            .e-de-style-font-color-picker,
            .e-de-style-icon-button-size {
                @if $skin-name=='fluent2' {
                    margin-right: 0;
                }
                @else {
                    margin-right: $de-style-dialog-label-bottom-margin;
                }
            }
        }
        .e-de-style-icon-button-first-size {
            @if $skin-name !='tailwind' and $skin-name !='bootstrap5' and $skin-name != 'FluentUI' {
                margin-right: 3px;
            }
            @if $skin-name=='fluent2' {
                margin-right: 0;
                margin-left: 0;
            }
            @else{
                margin-left: $de-style-dialog-label-bottom-margin;
            }
        }
        .e-de-style-icon-button-last-size {
            margin-right: $de-style-dialog-label-bottom-margin;
        }
        .e-de-style-font-color-picker {
            margin-left: $de-style-dialog-label-bottom-margin;
        }
        .e-style-font-fmaily-right {
            margin-right: $de-style-dialog-label-bottom-margin;
        }
        .e-style-font {
            margin-left: $de-style-font-margin-left;
            margin-right: $de-style-font-margin-right;
        }
        .e-de-style-dlg-name-input {
            height: $e-de-style-input-text-height;
        }
        .e-style-list {
            margin-left: $de-style-list-margin-left;
        }
        .e-de-style-dialog .e-de-style-only-this-document {
            margin-top: 25px;
        }
        .e-de-style-format-dropdwn {
            @if $skin-name == 'FluentUI' {
              width: 145px;
            } 
            @else 
            {
              width: 135px;
              @if $skin-name =='Material3' {
                background: $de-style-dlg-btn-bg-color;
                border-radius: 2px;
              }
            }
        }
        .e-de-style-options-div,
        .e-de-style-options-div>div:first-child {
            margin-bottom: $de-style-dialog-option-div-bottom-margin !important;
        }
        .e-de-style-paragraph-group-button {
            @if $skin-name !='Material3' {
                border-right: 2px solid $de-style-toggle-btn-color;
            }
            @if $skin-name=='fluent2' {
                border-right: 0;
                border-left: 0;
            }
        }
        .e-de-style-font-group-button {
            @if $skin-name !='Material3' {
                border-left: 2px solid $de-style-toggle-btn-color;
                border-right: 2px solid $de-style-toggle-btn-color;
            }
            @if $skin-name=='bootstrap5' or $skin-name == 'FluentUI' {
                padding-right: $de-style-dialog-option-div-bottom-margin;
            }
            @if $skin-name=='fluent2' {
                margin-right: 10px;
                border-left: 0;
                border-right: 0;
            }
        }
        .e-de-op-replace-messagediv {
            color: $de-op-container-messagediv-color;
            top: auto;
        }
        @if $skin-name !='bootstrap5' and  $skin-name !='FluentUI' { 
            .e-de-font-content-label .e-label,
            .e-de-font-dlg-cb-right .e-label,
            .e-de-font-checkbox .e-label {
                font-size: $de-font-checkbox-label-font-size;
                @if $skin-name=='tailwind' {
                    line-height: 1.5;
                }
            }
            .e-de-font-content-label .e-frame,
            .e-de-font-dlg-cb-right .e-frame,
            .e-de-font-checkbox .e-frame,
            .e-de-font-content-label-caps .e-frame,
            .e-de-cntr-pane-padding .e-frame {
                height: $de-checkbox-height;
                line-height: $de-checkbox-line-height;
                width: $de-checkbox-width;
            }
        }
        .e-de-op-input-group,
        .e-de-op-replacewith {
            height: $de-op-input-group-height;
        }
        .e-de-hyperlink-bookmark-check {
            margin-top: $de-hyperlink-bookmark-check-margin-top;
        }
        @if $skin-name !='tailwind' and $skin-name !='bootstrap5' and $skin-name !='FluentUI' {
            .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: $de-checkbox-height;
                line-height: $de-checkbox-line-height;
                width: $de-checkbox-width;
            }
            .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-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: $de-table-ppty-dlg-measure-div-margin-left;
            margin-top: -18px;
        }
        .e-de-table-ppty-dlg-measure-div.e-de-rtl {
            float: left;
            margin-left: 0;
            margin-right: $de-table-ppty-dlg-measure-div-margin-left;
        }
        .e-de-table-ppty-dlg-measure-drop-down-div {
            float: right;
            margin-left: $de-table-ppty-dlg-measure-div-margin-left;
            margin-top: $de-table-ppty-dlg-measure-div-margin-top;
            width: 120px;
        }
        .e-de-table-ppty-dlg-measure-drop-down-div.e-de-rtl {
            margin-left: 0;
            margin-right: $de-table-ppty-dlg-measure-div-margin-left;
        }
        .e-de-table-ppty-dlg-left-indent-container {
            @if $skin-name =='Material3' {
                bottom: $e-de-table-ppty-dlg-left-indent-container-bottom;
                left: $de-table-prop-left-indnt-cntr-pos;
                position: relative;
            }
        }
        .e-de-table-ppty-dlg-left-indent-container.e-de-rtl {
            @if $skin-name =='Material3' {
                right: $de-table-prop-left-indnt-cntr-pos;
            }
        }
        .e-de-table-ppty-dlg-row-height-label {
            float: right;
            margin-right: $de-table-ppty-dlg-row-height-label-margin-right;
            margin-top: $de-table-ppty-dlg-row-height-label-margin-top;
        }
        .e-de-table-ppty-dlg-row-height-label.e-de-rtl {
            float: left;
            margin-left: $de-table-ppty-dlg-row-height-label-margin-right;
            margin-right: 0;
        }
        .e-de-table-ppty-dlg-preferred-width-div {
            float: right;
            margin-left: $de-table-ppty-dlg-preferred-width-margin-left;
            margin-top: $de-table-ppty-dlg-preferred-width-margin-top;
            width: 120px;
        }
        .e-de-table-ppty-dlg-preferred-width-div.e-de-rtl {
            margin-left: 0;
            margin-right: $de-table-ppty-dlg-preferred-width-margin-left;
            width: 120px;
        }
        .e-de-table-ppty-options-break {
            margin-bottom: $de-table-ppty-options-break-margin-bottom;
        }
        .e-de-table-cell-subheader-div {
            margin-right: $de-table-cell-subheader-div-margin-right;
            margin-top: $de-table-cell-subheader-div-margin-top;
        }
        .e-de-table-cell-subheader-div.e-de-rtl {
            margin-left: $de-table-cell-subheader-div-margin-right;
            margin-right: 0;
        }
        .e-de-table-ppty-dlg-cell-tab-measure-label {
            float: right;
            margin-right: $de-table-ppty-dlg-cell-tab-measure-label-margin-right;
            margin-top: $de-table-ppty-dlg-cell-tab-measure-label-margin-top;
        }
        .e-tab .e-tab-header .e-toolbar-item .e-de-table-ppty-dlg-row-header {
            padding-left: $de-table-ppty-dlg-table-header-padding;
            padding-right: $de-table-ppty-dlg-table-header-padding;
        }
        .e-tab .e-tab-header .e-toolbar-item .e-de-table-ppty-dlg-cell-header {
            padding-left: $de-table-ppty-dlg-table-header-padding;
            padding-right: $de-table-ppty-dlg-table-header-padding;
        }
        .e-tab .e-tab-header .e-toolbar-item .e-de-page-setup-dlg-margin-tab-header {
            padding-left: $de-table-ppty-dlg-table-header-padding-left;
            padding-right: $de-table-ppty-dlg-table-header-padding;
        }
        .e-styles-list {
            float: left;
            margin-right: $de-bookmark-listview-margin-right;
            width: 250px;
        }
        .e-styles-textboxdiv {
            padding-bottom: 15px;
        }
        .e-styles-listview .e-list-item {
            @if $skin-name=='fluent2' {
                font-size: 14px;
                color: $de-sub-header-color;
            }
            @else {
                font-size: 13px;
            }
            height: 30px;
            line-height: 27px;
        }
        .e-styles-common {
            padding-top: 5px;
        }
        .e-styles-button {
            float: right;
        }
        .e-de-toc-dlg-right-sub-container.e-de-rtl {
            margin-left: $de-toc-dlg-right-sub-container-margin-right;
            margin-right: $de-toc-dlg-right-sub-container-margin-right;
        }
        .e-de-toc-dlg-styles {
            margin-bottom: $de-toc-dlg-styles-margin-bottom;
            margin-left: $de-toc-dlg-styles-margin-left;
            margin-top: $de-toc-dlg-styles-margin-top;
        }
        .e-de-toc-dlg-styles.e-de-rtl {
            margin-left: 0;
            margin-right: $de-toc-dlg-styles-margin-left;
        }
        .e-de-toc-dlg-style-input.e-de-rtl {
            margin-left: 0;
            margin-right: $de-toc-dlg-style-input-margin-left;
        }
        .e-de-toc-table-div .e-de-toc-dlg-toc-level {
            height: 24px;
            margin-left: $de-toc-dlg-toc-level-margin-left;
            width: 44px;
        }
        .e-de-toc-styles-table-div {
            border: 1px solid $de-toc-list-view-border-color;
            border-radius: $de-toc-styles-table-div-border-radius;
            margin-top: $de-toc-styles-table-div-margin-top;
            width: $de-toc-list-view-width;
            height: $de-toc-table-list-view-height;
        }
        .e-de-toc-dlg-sub-level-heading {
            font-size: 12px;
        }
        .e-de-toc-table-div {
            height: $e-de-toc-table-div-height;
            overflow-y: scroll;
            width: $de-toc-table-div-width;
        }
        .e-de-toc-dlg-style-input {
            margin-bottom: $de-toc-dlg-style-input-margin-bottom;
            margin-left: $de-toc-dlg-style-input-margin-left;
            width: $de-toc-dlg-style-input-width;
        }
        .e-de-toc-dlg-outline-levels {
            margin-top: 15px;
            width: $de-toc-dlg-outline-levels-width;
        }
        .e-bookmark-textboxdiv .e-bookmark-textbox-input {
            height: $de-bookmark-textbox-height;
        }
        .e-styles-dlgfields {
            font-weight: $de-header-font-weight;
            margin-bottom: 6px;
        }
        .e-tab .e-tab-header .e-toolbar-item .e-de-op-find-tab-header {
            padding-left: $de-op-tab-header-padding-left;
            padding-right: $de-op-tab-header-padding;
        }
        .e-tab .e-tab-header .e-toolbar-item .e-de-op-replace-tab-header {
            padding-left: $de-op-tab-header-padding-left;
            padding-right: $de-op-tab-header-padding;
        }
        .e-de-dlg-target .e-footer-content .e-list-dlg-font {
            margin-left: $de-list-dlg-font-margin-left;
        }
        .e-bookmark-dlgfields {
            font-weight: $de-header-font-weight;
            font-size: $de-dlg-bkm-fld-fnt-size;
            margin-bottom: $de-bookmark-dlgfields-margin-bottom;
        }
        .e-de-ui-wfloating-menu.e-de-ui-bullets-menu .e-de-ui-wfloating-menuitem-md {
            height: $de-floating-menu-height;
            padding: $de-floating-menu-padding;
            width: $de-floating-menu-width;
        }
        .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: $de-ui-list-header-presetmenu-min-width;
            overflow: hidden;
            text-align: left;
            white-space: nowrap;
            width: 100%;
            @if $skin-name=='tailwind' {
                color: $icon-color;
            }
        }
        .e-de-number-bullet-dlg .e-tab .e-content .e-item {
            padding: 0px;
        }
        .e-de-number-bullet-dlg {
            width: $de-bullet-numbered-dlg-width;
        }
        .e-de-style-numbered-list,
        .e-de-ui-bullet-list-header-presetmenu {
            height: $de-bullet-numbered-dlg-height;
        }
        .e-de-ui-bullet {
            font-size: 42px;
        }
        .e-de-ui-list-header-presetmenu .e-de-ui-list-line {
            border-bottom: 1px solid $de-numbering-list-line-color;
            margin-left: 5px;
            width: 100%;
        }
        .e-de-ui-list-header-presetmenu div span {
            color: $de-numbering-list-span-color;
            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;
            box-shadow: inset 0 0 0 1px $de-numbering-list-border-color;
            cursor: pointer;
            height: 70px;
            margin: $de-ui-wfloating-menu;
            padding: 0;
            width: 70px;
        }
        .e-de-ui-wfloating-menu {
            padding: $de-ui-floating-menu-padding;
        }
        .e-de-list-thumbnail .e-de-list-items {
            float: left;
        }
        .e-de-list-thumbnail .e-de-list-items {
            background: $de-numbering-list-background-color;
            border: 1px solid transparent;
            clear: initial;
            display: inline-block;
            height: auto;
            margin: 5px;
            text-align: center;
            width: auto;
        }
        .e-de-list-items {
            background: $de-numbering-list-background-color;
            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: $de-ui-floating-menu-padding;
        }
        .e-de-table-ppty-dlg-tabs {
            height: $de-table-ppty-dlg-tabs-height;
            position: relative;
        }
        .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: $de-table-align-active-color;
        }
        .e-de-rp-sub-content-div {
            line-height: $de-rp-content-ln-ht;
            font-size: $de-rp-font-size;
            margin-bottom: 8px;
        }
        .e-de-bullet-icons {
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
        }
        .e-de-header-footer-list {
            color: $de-op-search-txt;
        }
        
        .e-de-ltr-btn-div {
            font-size: 12px;
            @if $skin-name =='Material3' {
                width: 100px;
            }
            @else {
                width: 200px;
            }
        }
        .e-de-tbl-rtl-btn-div {
            font-size: 12px;
            margin-right: 14px;
        }
        .e-de-tbl-rtl-btn-div.e-de-rtl {
            margin-left: 14px;
            margin-right: 0;
        }
        .e-de-tbl-ltr-btn-div {
            font-size: 12px;
        }
        
        .e-de-disabledbutton {
            opacity: $de-paradialog-dir-div;
            pointer-events: none;
        }
        .e-de-restrict-format {
            margin-top: 16px;
        }
        .e-de-rp-format {
            font-size: $de-rp-format-font-size;
            @if $skin-name == 'FluentUI'{
              margin-bottom: 16px;
            } 
            @else {
              margin-bottom: 12px;
              opacity: 0.65;
            }
            font-weight: $de-header-font-weight;
            @if $skin-name=='fluent2' { 
                color: $de-op-title-clr;
                font-size: 16px;
            }
        }
        .e-de-rp-checkbox {
            font-size: 12px;
        }
        .e-de-rp-border {
            margin-bottom: 12px;
            margin-top: 12px;
        }
        .e-de-rp-header {
            font-size: 15px;
            font-weight: $de-header-font-weight;
            opacity: 0.87;
            color: $de-op-title-clr;
            width: 75%;
            @if $skin-name=='fluent2' { 
                color:$de-sub-header-color;
                font-size: 14px;
            }
        }
        @if $skin-name !='tailwind' {
            .e-de-rp-user .e-checkbox-wrapper {
                width: auto;
            }
        }
        .e-de-rp-nav-btn,
        .e-de-rp-btn-enforce {
            @if $skin-name !='tailwind' {
                background: $de-rp-btn-bg-color;
                font-size: 13px;
            }
            opacity: 0.87;
            border-radius: 2px;
            box-shadow: $de-rp-btn-enforce-bx-shadow;
            @if $skin-name=='bootstrap4' {
                border-color: $de-cmt-separator;
                box-shadow: none;
                color: $de-cmt-pant-content-font;
                opacity: 1;
            }
        }
        .e-de-rp-nav-btn { 
          width: auto;
        }
        .e-de-rp-btn-stop-enforce {
            @if $skin-name !='tailwind' {
                background: $de-rp-btn-bg-color;
                font-size: 13px;
                opacity: 0.87;
            }
            border-radius: 2px;
            box-shadow: $de-rp-btn-enforce-bx-shadow;
            @if $skin-name=='bootstrap4' {
                border-color: $de-cmt-separator;
                box-shadow: none;
                color: $de-cmt-pant-content-font;
                opacity: 1;
            }
        }
        .e-de-rp-sub-div {
            border-bottom: 1px solid $de-list-view;
            padding: $de-rp-sub-div-padding;
        }
        .e-de-restrict-pane {
            padding-left: 0;
            padding-top: 0;
            padding-right: 0;
        }
        .e-de-rp-whole-header {
            padding: $de-rp-whole-header-padding;
        }
        .e-de-rp-user {
            background: $de-numbering-list-background-color;
            border: 1px solid $de-list-view;
            border-radius: 2px;
            font-size: 12px;
            height: 110px;
        }
        .e-de-rp-enforce {
            padding: $de-rp-enforce-padding;
        }
        .e-de-rp-enforce-nav {
            margin: 0 12px 12px 12px;
        }
        .e-de-enforce-dlg-title {
            font-size: $de-enforce-dlg-title-fnt-size;
            font-weight: $de-header-font-weight;
            margin-bottom: $de-hyperlink-dlg-margin-bottom;
        }
        .e-de-enforce .e-de-enforce-dlg-input {
            height: $de-hyperlink-dlg-input-height;
            width: 300px;
        }
        .e-de-enforce-dlg-input .e-input:focus {
            @if $skin-name =='fluent2'  {
                border-color: $content-bg-color-alt1;
                border-radius: 5px;
                box-shadow: $border;
            }
        }
        .e-de-user-add-btn {
            @if ($skin-name !='bootstrap4' and $skin-name !='tailwind' and $skin-name !='bootstrap5') {
                background: $de-style-toggle-btn-color;
            }
            border-radius: 2px;
            width: 74px;
        }
        .e-de-user-dlg .e-de-user-dlg-textbox-input {
            margin-right: $de-user-dlg-textbox-input-mrgn-right;
            width: 304px;
        }
        .e-de-user-dlg-list.e-de-rtl .e-de-user-dlg-textbox-input {
            margin-right: 0;
            margin-left: $de-user-dlg-textbox-input-mrgn-right;
        }
        .e-de-user-dlg-list {
            margin-bottom: $de-user-dlg-list-mrgn-btm;
            display: inline-flex;
        }
        .e-de-user-listview {
            border: 1px solid $de-list-view;
            border-radius: 2px;
            height: 106px;
        }
        .e-de-user-dlg-user {
            margin-bottom: $de-user-dlg-user-mrgn-btm;
            @if $skin-name=='tailwind' {
                color: $de-dlg-heading-main-header;
                font-weight: $de-para-dlg-heading-font-weight;
            }
        }
        .e-user-delete {
            float: left;
        }
        .e-de-unprotect-dlg-title {
            font-size: $de-unprotect-dlg-title-fnt-size;
            margin-bottom: $de-unprotect-dlg-title-mrgn-btm;
        }
        .e-de-rp-stop-div1 {
            @if $skin-name != 'FluentUI' {
              opacity: 0.87;
            }
            padding: 12px 12px 6px 12px;
            font-weight: 500;
            border-bottom: 1px solid #e0e0e0;
        }
        .e-de-rp-stop-div2 {
            padding: 12px 12px 24px;
        }
        .e-de-rp-close-icon {
            float: right;
            position: relative;
            top: $de-rp-close-icon-top;
            right: $de-rp-close-icon-right;
        }
        .e-de-restrict-pane {
            height: 100%;
            overflow: auto;
            overflow-x: hidden;
            width: $de-rp-width;
        }
        .e-de-rp-nav-lbl {
            font-size: 13px;
            margin: 0 12px;
        }
        .e-documenteditor-optionspane {
            height: 100%;
        }
        .e-de-cmt-pane {
            background-color: inherit;
            color: $de-cmt-pant-content-font;
        }
        .e-de-cp-whole-header {
            padding: 12px;
        }
        .e-de-cp-header {
            font-size: 13px;
            font-weight: 500;
            opacity: 0.87;
            width: 75%;
        }
        .e-de-cmt-container {
            height: auto;
            padding: $de-cmt-container-padding;
            overflow: auto;
        }
        .e-de-cmt-sub-container {
            @if $skin-name !='tailwind' and $skin-name != 'FluentUI' {
                background-color: $de-background;
            }
            @if $skin-name !='Material3' {
                border: 1px solid $de-cmt-separator;
                border-radius: 2px;
            }
            @if $skin-name=='fluent2' {
                background-color: $de-ctnr-prop-bg-clr;
            } 
            margin: $de-cmt-sub-container-margin;
            padding: $de-cmt-sub-container-padding;
        }
        .e-de-cmt-view {
            cursor: default;
        }
        .e-de-cmt-sub-container.e-de-cmt-selection {
            border-left: 3px solid $de-cmt-selection;
            padding-left: $de-cmt-sub-container-padding-left;
        }
        .e-de-tc-outer {
            border-bottom: 1px solid #d8d8d8;
        }
        .e-de-tc-pane {
            color: $de-cmt-pant-content-font;
        }
        .e-de-trckchanges-inner {
            cursor: default;
            margin: $de-trckchanges-inner-mrgn;
            padding-left: 8px;
            padding-right: 16px;
            padding-bottom: 8px;
        }
        .e-de-trckchanges-inner:hover {
            border-left: 2px solid $de-cmt-selection;
            cursor: default;
            margin: $de-trckchanges-inner-mrgn;
            padding-left: 6px;
            padding-right: 16px;
            padding-bottom: 8px;
        }
        .e-de-trckchanges-inner.e-de-trckchanges-inner-select {
            border-left: 3px solid $de-cmt-selection;
            cursor: default;
            margin: $de-trckchanges-inner-mrgn;
            padding-left: 5px;
            padding-right: 16px;
            padding-bottom: 8px;
        }
        .e-de-tc-no-chng {
            color: $de-input-color;
            font-size: 14px;
            opacity: 65%;
            margin: 60px 0;
            text-align: center;
        }
        .e-tc-btn-bg-clr.e-btn:not(:hover):not(.e-active) {
            background-color: inherit;
            border-color: transparent;
            color: inherit;
        }
        .e-tc-nvgte.e-icon-btn {
            text-align: center;
            vertical-align: middle;
        }
        .e-de-track-span-user {
            display: inline-flex;
            overflow: hidden;
            width: 110px;
            @if $skin-name=='fluent2' {
                padding-left: $de-changes-padding-left;
            }
        }
        .e-de-track-span-view {
            display: inline-flex;
            overflow: hidden;
            width: 50px;
        }
        .e-btn.e-outline.e-de-track-accept-button {
            min-width: 66px;
            padding: 5px $de-tc-btn-padding;
            text-transform: initial;
        }
        .e-btn.e-outline.e-de-track-accept-button:hover {
            min-width: 66px; 
            padding: 5px $de-tc-btn-padding;
            text-transform: initial;
        }
        .e-btn.e-outline.e-de-track-reject-button {
            min-width: 64px;
            padding: 5px 6px;
            margin-left: 8px;
            text-transform: initial;
        }
        .e-btn.e-outline.e-de-track-reject-button:hover {
            min-width: 64px; 
            padding: 5px 6px;
            margin-left: 8px;
            text-transform: initial;
        }
        .e-de-track-chngs-count {
            font-size: 12px;
            margin-left: 6px;
            opacity: 0.87;
            padding-top: 7px;
            white-space: nowrap;
        }
        .e-de-track-insert {
            color: $de-track-chngs-sucs-bg-color;
            font-size: 13px;
            opacity: 100%;
        }
        .e-de-track-delete {
            color: $de-track-chngs-rejct-bg-color;
            font-size: 13px;
            opacity: 100%;
        }
        @if $skin-name !='tailwind' {
            .e-de-track-toolbar {
                border-bottom: 1px solid #d8d8d8;
                border-top: 1px solid #d8d8d8;
                padding-bottom: $de-tc-tlbr-padding-btm;
            }
            .e-de-track-pane-drop-btn {
                padding-left: 0px;
                padding-right: 0px;
                @if $skin-name =='Material3' {
                    padding-top: 10px !important;
                }
                @else {
                    padding-top: 5px;
                }
                font-size: 13px;
                font-weight: $de-header-font-weight;
            }
            @if ($skin-name =='fabric' or $skin-name =='bootstrap') {
                .e-de-track-toolbar .e-de-track-pane-drop-btn {
                    padding-top: 4px !important;
                }
            }
        }
        .e-toolbar-item.e-de-track-toolbar-overlay.e-template.e-overlay {
            opacity: 1;
            font-weight: $de-header-font-weight;
            font-size: $de-cmt-author-nme-fnt-size;
        }
        .e-de-track-date {
            font-size: $de-cmt-date-fnt-size;
            margin-top: 4px;
            opacity: 0.67;
        }
        .e-de-track-usernme-div {
            justify-content: space-between;
            padding-top: 8px;
        }
        .e-de-track-user-nme {
            font-size: $de-cmt-author-nme-fnt-size;
            font-weight: 500;
            padding-left: 8px;
        }
        .e-de-track-chngs-text {
            line-height: 19.5px;
            overflow: hidden;
            word-wrap: break-word;
            text-overflow: ellipsis;
            font-size: $de-cmt-author-nme-fnt-size;
            min-height: 20px;
            padding-top: 8px;
            margin-bottom: 16px;
        }
        .e-de-track-chng-table {
            border-collapse: collapse;
            border-spacing: 0px;
            opacity: 70%;
            width: 100%;
        }
        .e-de-tc-tble-cell {
            border: 1px solid;
            height: 20px;
        }
        .e-de-tc-shrink-img {
            height: 30px;
            margin: 0 4px;
            vertical-align: middle;
            width: 50px;
        }
        .e-de-tc-field {
            background-color: rgb(206, 205, 205);
            margin: 0 2px;
        }
        .e-de-tc-hide-para-mark .e-de-tc-outer .e-de-trckchanges-inner .e-de-track-chngs-text .e-de-tc-pmark {
            display: none;
        }
        .e-de-tc-pmark {
            font-size: 14px;
            font-family: Roboto-Regular;
            font-weight: 600;
            color: rgb(1, 22, 119);
            margin: 0 2px;
        }
        .e-de-cmt-sub-container:not(.e-de-cmt-selection):not(.e-de-cmt-reply):hover {
            border-left: 2px solid $de-cmt-selection;
            padding-left: $de-cmt-sub-container-hover-padding-left;
        }
        .e-de-cmt-author {
            align-items: center;
            @if $skin-name == 'bootstrap5' {
              margin-bottom: 12px;
            }
            @else {
              margin-bottom: 8px;
            }
        }
        .e-de-cmt-author-name {
            font-size: $de-cmt-author-nme-fnt-size;
            font-weight: $de-header-font-weight;
            padding-left: $de-cmt-author-nme-padding-left;
            width: 90%;
        }
        .e-de-cp-option.e-btn.e-icon-btn {
            background-color: inherit;
            border: none;
            color: inherit;
            float: right;
            height: $de-cmt-opt-size;
            padding: 0px;
            width: $de-cmt-opt-size;
            @if $skin-name=='bootstrap4' {
                margin-top: -4px;
            }
            @if $skin-name=='bootstrap' {
                margin-top: -8px;
            }
        }
        .e-de-cp-option.e-btn.e-icon-btn span {
            margin-top: 0px;
            background: $de-op-bg-color;
        }
        .e-de-cmt-view:hover {
            .e-de-cp-option {
                display: block;
            }
        }
        .e-de-cmt-readonly {
            font-size: $de-cmt-author-nme-fnt-size;
            @if $skin-name != 'bootstrap5' {
                padding-top: 4px;
            }
            word-break: break-word;
        }
        .e-de-cmt-date {
            font-size: $de-cmt-date-fnt-size;
            margin-top: $de-cmt-date-mrgn-top;
            opacity: 0.67;
        }
        .e-de-cmt-sub-container.e-de-cmt-reply {
            border: none;
            border-top: 1px solid $de-cmt-separator;
            border-radius: 0px;
            margin: $de-rply-cmt-sub-container-margin;
            padding: 0px;
            .e-de-cmt-view {
                margin-top: $de-cmt-view-mrgn-top;
            }
        }
        .e-de-cmt-textarea.e-input {
            color: $de-cmt-pant-content-font;
            @if $skin-name == 'tailwind' {
                font-size: $de-cmt-author-nme-fnt-size;
            }
            @else {
                font-size: 13px;
            }
            line-height: normal;
            min-height: 30px;
            overflow: hidden;
            padding-top: $e-de-cmt-textarea-padding-top;
            resize: none;
        }
        .e-de-cmt-textarea.e-input:focus {
            @if $skin-name == 'fluent2' {
                border-color: $content-bg-color-alt1;
                border-radius: 5px;
                box-shadow: $border;
            }
        }
        .e-de-cmt-textarea:empty::before {
            content: attr(placeholder);
            opacity: 0.5;
        }
        .e-de-cmt-action-button {
            text-align: right;
            margin-top: $de-reply-footer-margin-top;
        }
        .e-de-cmt-post-btn.e-btn.e-flat,
        .e-de-cmt-cancel-btn.e-btn.e-flat {
            height: $de-cmt-post-btn-ht;
            margin-left: 8px;
            width: $de-cmt-post-btn-wt;
            @if $skin-name == 'tailwind' {
                padding-top: $de-cmt-cancel-btn-padding-top;
                padding-left: $de-cmt-cancel-btn-padding-left;
            }
        }
        .e-de-cmt-resolved {
            .e-de-cmt-author-name,
            .e-de-cmt-readonly,
            e-de-cmt-date {
                opacity: 0.67;
            }
            .e-de-cmt-rply-view {
                display: none;
            }
            .e-de-cmt-resolve-btn {
                display: block;
                margin-top: 8px;
                text-align: right;
                @if ($skin-name=='fluent2') {
                    font-size: 12px;
                    color: $de-sub-header-color;
                }
            }
        }
        .e-de-cmt-sub-container.e-de-cmt-resolved.e-de-cmt-selection {
            border-left: 3px solid $de-cmt-selection-rslv;
        }
        .e-de-cmt-sub-container.e-de-cmt-resolved:not(.e-de-cmt-selection):not(.e-de-cmt-reply):hover {
            border-left: 2px solid $de-cmt-selection-rslv;
        }
        .e-de-lock-mark {
            cursor: default;
            color: $de-op-icon-color; 
            font-size: 13px;
            height: 13px;
            pointer-events: all;
            width: 13px;
        }
        .e-de-cmt-mark {
            cursor: default;
            color: $de-op-icon-color; 
            font-size: 13px;
            height: 13px;
            pointer-events: all;
            width: 13px;
             :hover {
                color: $de-cmt-selection;
            }
        }
        .e-de-cmt-mark.e-de-cmt-mark-selected,
        .e-de-cmt-mark.e-de-cmt-mark-hover {
            color: $de-cmt-selection;
        }
        .e-de-cmt-no-cmt {
            margin-left: 6px;
            margin-top: 24px;
            font-size: 13px;
        }
        .e-de-cmt-drawer-cnt {
            font-size: 13px;
            height: 20px;
            margin-top: 8px;
        }
        .e-de-cmt-drawer {
            cursor: pointer;
            float: right;
            opacity: 0.54;
            margin-right: 4px;
            margin-top: 4px;
        }
        .e-de-cmt-rply-view {
            margin-top: $de-cmt-textbox-top-margin;
        }
        .e-de-cmt-resolve-btn {
            display: none;
        }
        @if $skin-name=='bootstrap4' {
            textarea.e-de-cmt-textarea {
                height: 28px;
            }
        }
        .e-rtl {
            .e-de-cmt-pane {
                border-left: none;
                border-right: 1px solid $de-op-border-clr;
            }
            .e-de-rp-close-icon {
                float: left;
                right: $de-rp-close-icon-right-rtl;
            }
            .e-de-cp-option.e-btn.e-icon-btn {
                float: left;
            }
            .e-de-cmt-sub-container.e-de-cmt-selection {
                border-left: 1px solid $de-cmt-separator;
                border-right: 3px solid $de-cmt-selection;
                padding-left: $de-cmt-sub-container-padding;
                padding-right: $de-cmt-sub-container-padding-left;
            }
            .e-de-cmt-sub-container:not(.e-de-cmt-selection):not(.e-de-cmt-reply):hover {
                border-left: 1px solid $de-cmt-separator;
                border-right: 2px solid $de-cmt-selection;
                padding-left: $de-cmt-sub-container-padding;
                padding-right: $de-cmt-sub-container-hover-padding-left;
            }
            .e-de-cmt-sub-container.e-de-cmt-resolved.e-de-cmt-selection {
                border-right: 3px solid $de-cmt-selection-rslv;
            }
            .e-de-cmt-sub-container.e-de-cmt-resolved:not(.e-de-cmt-selection):not(.e-de-cmt-reply):hover {
                border-right: 2px solid $de-cmt-selection-rslv;
            }
            .e-de-cmt-action-button {
                text-align: left;
            }
            .e-de-cmt-no-cmt {
                margin-left: auto;
                margin-right: 6px;
            }
            .e-de-cmt-drawer {
                float: left;
                margin-left: 8px;
                margin-right: auto;
            }
            .e-de-cmt-resolve-btn {
                text-align: left;
            }
        }
        .e-de-close-icon.e-btn {
            background-color: $dialog-btn-bg-color !important;
            border-color: $dialog-btn-border-color !important;
            border-radius: $dialog-headericon-border-radius;
            color: $dialog-btn-clr;
            border: none;
            #{if(&, '&', '*')}:active {
                background-color: $dialog-closeicon-btn-active-color !important;
                border-color: $dialog-btn-border-color !important;
                box-shadow: none;
            }
            #{if(&, '&', '*')}:hover {
                background-color: $dialog-closeicon-btn-hover-color !important;
                box-shadow: none;
                color: $dialog-active-icon-color;
                cursor: $e-de-close-icon-cursor;
                border: none;
            }
        }
        .e-btn.e-de-close-icon:hover span {
            cursor: pointer;
            color: $dialog-active-icon-color;
        }
        .e-de-para-dlg-right-sub-container-blazor {
            top: $de-para-dlg-right-sub-container-top-margin;
        }
        .e-de-rp-mu-btn {
            margin-top: 3px;
        }
        .e-de-table-dialog-row-height {
            padding-top: $de-table-row-height-padding;
        }
        .e-de-tablecell-dialog-alignment-icon {
            width: $de-table-alignment-icon-width;
            height: $de-table-alignment-icon-height;
            margin: $de-table-alignment-icon-margin;
        }
        .e-de-table-dia-indent-from-left {
            right: 45px;
        }
        .e-de-table-dia-align-div {
            border: $de-table-align-border-width solid $de-table-align-border-color;
            display: inline-block;
            height: $de-table-dia-align-height;
            margin-right: $de-table-align-margin-right;
            width: $de-table-dia-align-width;
        }
        .e-de-table-dialog-alignment-icon {
            margin: $de-table-alignment-icon-margin;
            height: $de-table-dia-align-icon-height;
        }
        .e-de-table-border-setting-genral {
            margin-right: $de-table-align-margin-right;
        }
        .e-de-table-border-clr-left-container {
             padding-right: $de-border-dlg-clr-padding-right;
        }
        .e-de-table-border-clr-heading {
            font-size: $de-border-dlg-setting-label-fontsize;
            font-weight: $de-border-dlg-border-label-fontweight;
            padding-bottom: $de-border-dlg-clr-padding-bottom;
        }
        .e-de-table-border-icon-container {
            margin-top: 4px;
            margin-right: 4px;
        }
        .e-de-table-border-preview-container {
            padding-left: $de-border-dlg-preview-padding-left;
        }
        .e-de-table-dlg-alignment-heading {
            color: $de-dlg-heading-main-header;
            display: block;
            font-size: $de-para-dlg-heading-font-size;
            font-weight: $de-par-dlg-hdr-weight;
            margin-bottom: $de-tbl-dlg-align-padding-bottom;
            @if $skin-name == 'tailwind' {
              line-height: 22px;
            }
          }

        .e-rtl{
            .e-de-cmt-author-name {
                padding-left: 0%;
                padding-right: $de-cmt-author-nme-padding-left;
            }
            .e-de-cmt-post-btn.e-btn.e-flat,
            .e-de-cmt-cancel-btn.e-btn.e-flat{
                @if $skin-name == 'tailwind' {
                    padding-bottom: $de-cmt-cancel-btn-padding-top;
                    padding-right: $de-cmt-cancel-btn-padding-left;
                }
            }
            .e-de-ok-button {
                margin-right: 0;
                margin-left: $de-ok-insert-button-margin-right;
            }
            .e-de-table-dia-align-div.e-de-rtl {
                margin-left: $de-table-align-margin-right;
                margin-right: 0;
            }
            .e-de-table-border-clr-left-container {
                padding-right: 0;
                padding-left: $de-border-dlg-clr-padding-right;
            }
            .e-de-table-border-preview-container {
                padding-right: $de-border-dlg-preview-padding-left;
                padding-left: 0;
            }
            .e-de-table-border-setting-genral {
                margin-right: 0;
                margin-left: $de-table-align-margin-right;
            }
            .e-de-table-border-icon-container {
                margin-right: 0;
                margin-left: 4px;
            }
            .e-de-table-border-preview {
                width: 23px;
              }
            .e-de-table-setting-labels-heading {
                margin-left: 0;
                margin-right: 10px;
            }
        }
        .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 {
            @if $skin-name =='fluent2' {
                background-color: var(--color-sf-content-bg-color-pressed);
                color: var(--color-sf-toolbar-icon-color);
            }
        }
        .e-de-hyperlink-bookmark-check .e-checkbox-wrapper .e-frame {
            @if $skin-name == 'fluent2' {
               margin-left: 0px;
               margin-right: 0px;
            }
        }
        .e-de-user-info.e-de-user-name-collapse span {
            transition-property: height, min-width, max-width, width, border-radius, padding;
            transition-duration: 200ms;
            transition-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
            position: absolute;
            bottom: 0px;
            height: 6px;
            width: 6px;
            min-width: 0px;
            max-width: 6px;
            border-radius: 6px;
            padding: 0px;
        }
        .e-de-user-info.e-de-user-name-expended span {
            transition-property: height, width, min-width, max-width, border-radius, padding;
            transition-duration: 300ms;
            transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
            position: absolute;
            bottom: 0px;
            height: 20px;
            line-height: 20px;
            min-width: 44px;
            max-width: auto;
            padding: 0px 8px;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: white;
        }
}


@include export-module('documenteditor-material-icons') {
  .e-documenteditor {
    .e-close::before {
      content: '\e825';
      font-family: 'e-icons';
      font-size: 14px;
    }

    .e-de-op-search-icon::before {
      content: '\e275';
      font-family: 'e-icons';
      font-size: $de-op-icon-font-size;
    }

    .e-arrow-up::before {
      content: '\e834';
      font-family: 'e-icons';
      font-size: $de-op-icon-font-size;
    }

    .e-arrow-down::before {
      content: '\e83d';
      font-family: 'e-icons';
      font-size: $de-op-icon-font-size;
    }

    .e-de-op-close-icon::before {
      content: '\e7fc';
    }

    .e-de-op-search-close-icon::before {
      content: '\e7fc';
      font-family: 'e-icons';
      font-size: 10px;
    }

    .e-de-new-cmt::before {
      content: '\e823';
      font-family: 'e-icons';
    }

    .e-de-menu-icon::before {
      content: '\e984';
      font-family: 'e-icons';
      font-size: $de-op-icon-font-size;
    }

    .e-de-save-icon::before {
      content: '\e614';
      font-family: 'e-icons';
    }

    .e-de-cancel-icon::before {
      content: '\eb36';
      font-family: 'e-icons';
    }

    .e-de-cmt-mark-icon::before {
      content: '\e817';
      font-family: 'e-icons';
      font-size: 13px;
    }

    .e-de-multi-cmt-mark::before {
      content: '\e97a';
      font-family: 'e-icons';
      font-size: 14px;
    }

    .e-de-cmt-resolve-icon::before {
      content: '\e9b6';
      font-family: 'e-icons';
      font-size: 13px;
    }

    .e-de-multi-cmt-resolve::before {
      content: '\e9b7';
      font-family: 'e-icons';
      font-size: 14px;
    }

    .e-de-cmt-post::before {
      content: '\e816';
      font-family: 'e-icons';
    }

    .e-de-cmt-rply-icon::before {
      content: '\e815';
      font-family: 'e-icons';
    }

    .e-de-cmt-cancel::before {
      content: '\e7fc';
      font-family: 'e-icons';
    }

    .e-de-cmt-delete::before {
      content: '\e602';
      font-family: 'e-icons';
    }

    .e-de-cmt-reopen::before {
      content: '\e818';
      font-family: 'e-icons';
    }

    .e-de-nav-up::before {
      content: '\e651';
      font-family: 'e-icons';
    }

    .e-de-nav-right-arrow::before {
      content: '\e913';
    }

    .e-de-nav-left-arrow::before {
      content: '\e904';
    }
  }

  .e-de-ctn-title-print::before {
    content: '\e813';
    font-family: 'e-icons';
  }

  .e-de-ctn-title-download::before {
    content: '\e603';
    font-family: 'e-icons';
  }

  .e-de-table-properties-alignment:hover {
    border-color: $de-table-align-hover-color;
  }

  .e-de-table-properties-alignment {
    border: 1px solid transparent;
  }

  .e-de-tablecell-alignment {
    border: 1px solid transparent;
  }

  .e-de-tablecell-alignment:hover {
    border-color: $de-cell-align-hover-color;
  }

  .e-de-table-left-alignment::before {
    content: '\e517';
    font-size: $de-table-alignment-font-size;
  }

  .e-de-table-center-alignment::before {
    content: '\e518';
    font-size: $de-table-alignment-font-size;
  }

  .e-de-table-right-alignment::before {
    content: '\e515';
    font-size: $de-table-alignment-font-size;
  }

  .e-de-tablecell-top-alignment::before {
    content: '\e527';
    font-size: $de-tablecell-alignment-font-size;
  }

  .e-de-tablecell-center-alignment::before {
    content: '\e526';
    font-size: $de-tablecell-alignment-font-size;
  }

  .e-de-tablecell-bottom-alignment::before {
    content: '\e525';
    font-size: $de-tablecell-alignment-font-size;
  }

  .e-de-table-border-setting {
    border: 1px solid $de-border-dlg-border-setting-inside-border;
    height: 40px;
    left: 5px;
    position: relative;
    top: 5px;
    width: 40px;
  }

  .e-de-table-border-setting-genral {
    border: 1px solid $de-border-dlg-border-setting-divs-color;
    height: 52px;
    width: 52px;
  }

  .e-de-table-border-preview-genral {
    border: 1px solid $de-border-dlg-border-preview-divs-color;
    height: 24px;
    width: 24px;
  }

  .e-de-table-border-inside-setting:hover {
    border: 1px solid $de-table-setting-hover-color;
  }

  .e-de-table-border-preview {
    height: 24px;
    width: 24px;
  }

  .e-de-table-border-inside-preview:hover {
    border: 1px solid $de-table-preview-hover-color;
  }

  .e-de-table-border-inside-setting-click {
    border: 1px solid $de-table-setting-color;
  }

  .e-de-table-border-inside-preview-click {
    border: 1px solid $de-table-preview-setting-color;
  }

  .e-de-table-border-none-setting::before {
    content: '\e507';
    font-size: $de-border-none-setting-font-size;
    position: absolute;
  }

  .e-de-table-border-box-setting::before {
    content: '\e509';
    font-size: $de-border-setting-font-size;
    left: 2px;
    position: absolute;
    top: 2px;
  }

  .e-de-table-border-all-setting::before {
    content: '\e511';
    font-size: $de-border-setting-font-size;
    left: 2px;
    position: absolute;
    top: 2px;
  }

  .e-de-table-border-custom-setting::before {
    content: '\e516';
    font-size: $de-border-setting-font-size;
    left: 2px;
    position: absolute;
    top: 2px;
  }

  .e-de-para-border-none-setting::before {
    content: '\e93f';
    font-size: $de-border-none-setting-font-size;
    position: absolute;
  }

  .e-de-para-border-box-setting::before {
    content: '\e940';
    font-size: $de-border-setting-font-size;
    left: 2px;
    position: absolute;
    top: 2px;
  }

  .e-de-para-border-shadow-setting::before {
    content: '\e942';
    font-size: $de-border-setting-font-size;
    left: 2px;
    position: absolute;
    top: 2px;
  }

  .e-de-para-border-custom-setting::before {
    content: '\e946';
    font-size: $de-border-setting-font-size;
    left: 2px;
    position: absolute;
    top: 2px;
  }

  .e-de-table-border-toptop-alignment::before {
    content: '\e281';
    font-size: 16px;
    left: $de-td-table-border-left;
    position: absolute;
    top: $de-td-table-border-top;
  }

  .e-de-table-border-topcenter-alignment::before {
    content: '\e276';
    font-size: 16px;
    left: $de-td-table-border-left;
    position: absolute;
    top: $de-td-table-border-top;
  }

  .e-de-table-border-topbottom-alignment::before {
    content: '\e298';
    font-size: 16px;
    left: $de-td-table-border-left;
    position: absolute;
    top: $de-td-table-border-top;
  }

  .e-de-table-border-diagionalup-alignment::before {
    content: '\e262';
    font-size: 16px;
    left: $de-td-table-border-left;
    position: absolute;
    top: $de-td-table-border-top;
  }

  .e-de-table-border-diagionaldown-alignment::before {
    content: '\e265';
    font-size: 16px;
    left: $de-td-table-border-left;
    position: absolute;
    top: $de-td-table-border-top;
  }

  .e-de-table-border-bottomleft-alignment::before {
    content: '\e291';
    font-size: 16px;
    left: $de-td-table-border-left;
    position: absolute;
    top: $de-td-table-border-top;
  }

  .e-de-table-border-bottomcenter-alignment::before {
    content: '\e287';
    font-size: 16px;
    left: $de-td-table-border-left;
    position: absolute;
    top: $de-td-table-border-top;
  }

  .e-de-table-border-bottomright-alignment::before {
    content: '\e288';
    font-size: 16px;
    left: $de-td-table-border-left;
    position: absolute;
    top: $de-td-table-border-top;
  }

  .e-de-columns-presets-genral {
    height: 62px;
    width: 62px;
    margin-right: 33px;
    margin-bottom: 12px;
  }
  
  .e-de-columns-padding-alignment {
    padding-top: 24px;
  }

  .e-de-column-dlg-preview-div {
    border: 1px solid $de-border-dlg-border-setting-divs-color;
    height: 120px;
    width: 120px;
  }

  .e-de-padding-col-prev{
    padding-left: 15px;
  }

  .e-width-space-div{
    width: 320px;
  }
  
  .e-de-columns-presets-genral.e-de-rtl{
    margin-left: 33px;
  }
  
  .e-de-padding-col-prev.e-de-rtl{
    padding-right: 15px;
  }
  
  .e-de-column-dlg-preview-div.e-de-rtl{
    border: 1px solid $de-border-dlg-border-setting-divs-color;
    height: 120px;
    width: 120px;
  }

  .e-de-acceptchange::before {
    content: '\e19f';
    font-family: 'e-icons';
  }

  .e-de-rejectchange::before {
    content: '\e204';
    font-family: 'e-icons';
  }

  .e-menu-item .e-de-cmt-add::before {
    content: '\e814';
    font-family: 'e-icons';
  }

  .e-menu-item .e-de-cut::before {
    content: '\e279';
  }

  .e-menu-item .e-de-spellcheck::before {
    content: '\e689';
  }

  .e-menu-item .e-de-copy::before {
    content: '\e280';
  }

  .e-btn-icon .e-de-paste::before,
  .e-icon-btn .e-de-paste::before,
  .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-open-properties::before {
    content: '\e605';
  }

  .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';
  }

  .e-de-italic::before {
    content: '\e35a';
    font-family: 'e-icons';
  }

  .e-de-underline::before {
    content: '\e343';
    font-family: 'e-icons';
  }

  .e-de-indent::before {
    content: '\e35d';
    font-family: 'e-icons';
  }

  .e-de-outdent::before {
    content: '\e33f';
    font-family: 'e-icons';
  }

  .e-de-align-left::before {
    content: '\e33a';
    font-family: 'e-icons';
  }

  .e-de-align-center::before {
    content: '\e35e';
    font-family: 'e-icons';
  }

  .e-de-align-right::before {
    content: '\e34d';
    font-family: 'e-icons';
  }

  .e-de-justify::before {
    content: '\e334';
    font-family: 'e-icons';
  }

  .e-de-single-spacing::before {
    content: '\e520';
    font-family: 'e-icons';
  }

  .e-de-double-spacing::before {
    content: '\e521';
    font-family: 'e-icons';
  }

  .e-de-one-point-five-spacing::before {
    content: '\e522';
    font-family: 'e-icons';
  }

  .e-de-before-spacing::before {
    content: '\e523';
    font-family: 'e-icons';
  }

  .e-de-after-spacing::before {
    content: '\e274';
    font-family: 'e-icons';
  }

  .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-icon-autofit::before {
    content: '\eba8';
    font-family: 'e-icons';
  }

  .e-de-icon-fixed-columnwidth::before {
    content: '\eba9';
    font-family: 'e-icons';
  }

  .e-de-icon-auto-fitwindow::before {
    content: '\ebaa';
    font-family: 'e-icons';
  }

  .e-item .e-de-paste-text::before {
    content: '\e685';
  }

  .e-item .e-de-paste-source::before {
    content: '\e686';
  }

  .e-item .e-de-paste-merge::before {
    content: '\e688';
  }

  .e-item .e-de-paste-column::before {
    content: '\e91b';
  }

  .e-item .e-de-paste-row::before {
    content: '\e91c';
  }

  .e-item .e-de-paste-overwrite-cells::before {
    content: '\e91d';
  }

  .e-item .e-de-paste-nested-table::before {
    content: '\e91e';
  }

  .e-item .e-de-paste-merge-table::before {
    content: '\e91f';
  }

  .e-de-share::before {
    content: '\e8f2';
    font-family: 'e-icons';
  }

  .e-de-preset-container {
    width: 95px;
  }

  .e-de-preset-container.e-de-rtl {
    width: 85px;
  }
}


@include export-module('documenteditor-paragraph-dialog') {
  .e-de-para-dlg-heading {
    @if $skin-name=='fluent2' {
      color: $de-sub-header-color;
    }
    @else {
      color: $de-dlg-heading-main-header;
    }
    display: block;
    font-size: $de-para-dlg-heading-font-size;
    font-weight: $de-par-dlg-hdr-weight;
    margin-bottom: $de-para-dlg-sub-title-bottom-margin;
    opacity: $de-dlg-heading-opacity;
    @if $skin-name == 'tailwind' {
      line-height: 22px;
    }
  }

  .e-de-para-dlg-container,
  .e-de-table-options-dlg {
    .e-checkbox-wrapper .e-label {
      font-size: 12px;
    }
  }

  .e-de-para-dlg-container {
    @if $skin-name == 'Material3' {
      padding: 8px;
    }
    height: $de-para-dlg-height;
    width: $de-para-dlg-width;
  }

  .e-de-para-dlg-cs-check-box {
    margin-bottom: $de-para-dlg-cs-check-box-mrgn-btm;
    margin-top: $de-para-dlg-cs-check-box;
  }

  .e-de-para-dlg-spacing-div {
    margin-left: $de-para-dlg-spacing-div-mrgn-left;
  }

  .e-de-para-dlg-spacing-div.e-de-rtl {
    margin-left: 0;
    margin-right: $de-para-dlg-spacing-div-mrgn-left;
  }

  .e-de-para-dlg-sub-container .e-input-group {
    margin-bottom: $de-para-sub-title-bottom-margin;
  }

  .e-de-para-dlg-sub-container {
    margin-bottom: $de-para-sub-container-bottom;
  }

  .e-de-para-dlg-right-sub-container {
    top: $de-para-dlg-right-contaner-top;
  }

  .e-de-dlg-sub-header {
    display: block;
    @if $skin-name == 'FluentUI' {
      color: $de-dlg-heading-main-header;
      font-size: 14px;
    }
    @else {
      font-size: 12px;
    }
    font-weight: $de-header-font-weight;
    margin-bottom: $de-para-dlg-sub-title-bottom-margin;
  }

  .e-de-rtl-btn-div {
    font-size: 12px;
    margin-right: 14px;
    width: 200px;
  }

  .e-de-rtl-btn-div.e-de-rtl {
    margin-left: 14px;
    margin-right: 0;
  }

  .e-para-dlg-sub-height {
    height: 145px;
  }
}

@include export-module('documenteditor-bigger') {
  /* stylelint-disable */
  .e-bigger {

    .e-de-para-dlg-container,
    .e-de-table-options-dlg {
      .e-checkbox-wrapper .e-label {
        font-size: 14px;
      }
    }

    .e-de-para-dlg-container .e-input-group {
      width: 192px !important;
    }

    .e-de-para-dlg-heading {
      @if $skin-name=='fluent2' {
        color: $de-sub-header-color;
      }

      @else {
        color: $de-dlg-heading-main-header;
      }
      display: block;
      font-size: $de-para-dlg-heading-font-size;
      font-weight: $de-par-dlg-hdr-weight;
      margin-bottom: $de-padding-half-bigger;
      @if $skin-name =='tailwind' {
        line-height: 22px;
      }
    }

    .e-de-para-dlg-container,
    .e-de-table-options-dlg {
      .e-checkbox-wrapper .e-label {
        font-size: 12px;
      }
    }

    .e-de-para-dlg-container {
      height: $de-para-dlg-height;
      width: $de-para-dlg-width;
    }

    .e-de-para-dlg-cs-check-box {
      margin-bottom: $de-para-dlg-cs-check-box-mrgn-btm;
      margin-top: $de-para-dlg-cs-check-box;
    }

    .e-de-para-dlg-spacing-div {
      margin-left: 20px;
    }

    .e-de-para-dlg-spacing-div.e-de-rtl {
      margin-left: 0;
      margin-right: 20px;
    }

    .e-de-para-dlg-sub-container .e-input-group {
      margin-bottom: $de-para-sub-title-bottom-margin;
    }

    .e-de-para-dlg-sub-container {
      margin-bottom: $de-para-sub-container-bottom;
    }

    .e-de-para-dlg-right-sub-container {
      top: $de-para-dlg-right-contaner-top;
    }

    .e-de-dlg-sub-header {
      display: block;

      @if $skin-name =='FluentUI' {
        font-size: 16px;
      }

      @else {
        font-size: 12px;
      }
      font-weight: $de-header-font-weight;
      margin-bottom: $de-para-dlg-sub-title-bottom-margin;
    }

    .e-de-rtl-btn-div {
      font-size: $de-para-dlg-rtl-btn-font-size;
      margin-right: $de-para-dlg-rtl-btn-margin-right;
      width: $de-para-dlg-rtl-btn-width;
    }

    .e-de-rtl-btn-div.e-de-rtl {
      margin-left: $de-de-rtl-btn-div-e-de-rtl-margin-left;
      margin-right: 0;
    }
  }

  .e-bigger {
    .e-de-dlg-container {
      padding-bottom: $de-padding-full-bigger;
    }

    .e-de-container-row {
      padding-bottom: $de-padding-full-bigger;
    }

    .e-de-subcontainer-left {
      padding-right: $de-padding-half-bigger;
      width: 50%;
    }

    .e-de-subcontainer-right {
      padding-left: $de-padding-half-bigger;
      width: 50%;
    }

    .e-de-dlg-tab-first-child {
      padding-top: $de-padding-half-bigger;
    }

    .e-rtl {
      .e-de-subcontainer-left {
        padding-left: $de-padding-half-bigger;
        padding-right: 0;
      }

      .e-de-subcontainer-right {
        padding-left: 0;
        padding-right: $de-padding-half-bigger;
        width: 50%;
      }
    }
  }

  @if $skin-name =='FluentUI' {
    .e-bigger {

      .e-de-restrict-pane,
      .e-de-op {
        width: 300px;
      }
    }
  }

  @if $skin-name =="FluentUI" {
    .e-bigger {

      .e-de-op-more-less,
      .e-de-rp-more-less {
        .e-label {
          font-size: 16px !important;
        }
      }
    }
  }

  @if $skin-name=='FluentUI' or $skin-name=='bootstrap5' {
    .e-bigger {
      .e-documenteditor .e-de-op-close-button {
        left: 240px;
        position: absolute;
        top: 5px;
      }
    }
  }

  @if $skin-name=='bootstrap4' {
    .e-bigger {
      .e-de-style-dlg-name-input {
        height: $e-de-style-input-text-height-bigger;
      }

      .e-de-style-bold-button-size {
        height: $e-de-style-input-text-height-bigger;
      }

      .e-styles-common {
        padding-top: $de-style-list-top-bigger;
      }

      .e-styles-list {
        margin-right: $de-style-list-top-bigger;
      }

      .e-bookmark-gotobutton,
      .e-bookmark-addbutton,
      .e-styles-addbutton,
      .e-bookmark-deletebutton {
        margin-bottom: $de-style-list-top-bigger;
      }
    }

    .e-bigger .e-de-search-tab-content {
      margin-top: $de-op-search-tab-content-margin-top-bigger;
      width: $de-op-search-text-box-container-width;
    }

    .e-bigger .e-de-op-more-less {
      display: inline-flex;
      margin-top: 16px;
    }

    .e-bigger .e-de-op-dlg-footer {
      margin-top: $de-op-dlg-footer-margin-top-bigger;
    }
  }

  @if $skin-name=='bootstrap5' or $skin-name=='FluentUI' {
    .e-bigger {

      .e-de-hyperlink-dlg-input,
      .e-de-insert-table-dlg-input,
      .e-de-insert-footnote-dlg-header,
      .e-bookmark-dlgfields,
      .e-de-ff-dlg-heading {
        margin-bottom: $de-bigger-padding !important;
      }

      @if $skin-name !='FluentUI' {

        .e-de-font-dlg-cb-right,
        .e-bookmark-list.e-de-rtl,
        .e-styles-list.e-de-rtl,
        .e-de-ff-dlg-lft-hlf.e-de-rtl {
          margin-left: $de-bigger-padding;
        }

        .e-de-font-dlg-cb-right.e-de-rtl,
        .e-bookmark-list,
        .e-styles-list,
        .e-de-ff-dlg-lft-hlf {
          margin-right: $de-bigger-padding;
        }
      }

      @else {

        .e-de-font-dlg-cb-right,
        .e-bookmark-list.e-de-rtl,
        .e-styles-list.e-de-rtl,
        .e-de-ff-dlg-lft-hlf.e-de-rtl {
          margin-left: 16px;
        }

        .e-de-font-dlg-cb-right.e-de-rtl,
        .e-bookmark-list,
        .e-styles-list,
        .e-de-ff-dlg-lft-hlf {
          margin-right: 16px;
        }
      }

      .e-bookmark-textboxdiv {
        margin-bottom: 12px !important;
      }

      .e-de-ff-drpdwn-mvdn,
      .e-de-ff-drpdwn-mvup {
        width: 52px !important;
      }

      .e-documenteditor {
        .e-de-op-close-button.e-de-rtl {
          right: 240px;
        }
      }

      .e-de-track-date {
        font-size: 12px;
      }

      .e-de-page-setup-dlg-sub-container-port {
        @if $skin-name !='FluentUI' {
          margin-top: 19px;
        }

        @else {
          margin-top: 34px;
        }
      }

      .e-de-table-container-div {
        margin-top: 13px;
      }

      .e-de-table-properties-dlg {
        width: 470px;
      }

      .e-de-table-ppty-dlg-preferred-width-div,
      .e-de-table-ppty-dlg-measure-drop-down-div,
      .e-de-ht-wdth-type {
        width: 155px;
      }

      .e-de-row-ht-top,
      .e-de-cell-ht-top {
        width: 179px;
      }
    }
  }

  @if $skin-name=='tailwind' {
    .e-bigger {
      .e-de-table-properties-dlg {
        width: 485px;
      }

      .e-de-table-ppty-dlg-preferred-width-div,
      .e-de-table-ppty-dlg-measure-drop-down-div,
      .e-de-ht-wdth-type {
        width: 155px;
      }

      .e-de-row-ht-top,
      .e-de-cell-ht-top {
        width: 179px;
      }

      .e-de-restrict-pane {
        width: 295px;
      }

      .e-de-rp-stop-div1 {
        padding: 12px 16px 12px 16px;
      }

      .e-de-rp-stop-div2 {
        padding: 16px 16px 24px;
      }

      .e-de-cmt-sub-container,
      .e-de-font-dlg-header,
      .e-de-font-dlg-header-effects,
      .e-de-font-dlg-header-font-color,
      .e-de-dlg-sub-header,
      .e-de-prop-sub-label,
      .e-de-hyperlink-dlg-title,
      .e-de-insert-table-dlg-sub-header,
      .e-de-row-ht-top,
      .e-de-table-dia-align-label,
      .e-de-cell-dia-label-common,
      .e-de-table-setting-labels-heading,
      .e-de-trckchanges-inner,
      .e-de-page-setup-dlg-sub-header,
      .e-de-tbl-indent-lbl,
      .e-de-table-element-subheading,
      .e-de-ff-dlg-heading-small,
      .e-styles-dlgfields,
      .e-de-insert-footnote-dlg-sub-header,
      .e-de-list-ddl-subheaderbottom,
      .e-de-table-measure-lbl,
      .e-bookmark-dlgfields,
      .e-de-page-setup-dlg-sub-title-header,
      .e-de-list-ddl-subheader,
      .e-de-rp-stop-div1,
      .e-de-unprotect-dlg-title,
      .e-de-rp-stop-div2,
      .e-de-rp-enforce-nav.e-de-rp-nav-lbl .e-label,
      .e-de-enforce-dlg-title,
      .e-de-track-date,
      .e-de-rp-sub-content-div,
      .e-de-rp-stop-div3,
      .e-de-cmt-date {
        font-size: 14px !important;
      }

      .e-de-table-setting-heading,
      .e-de-cell-dia-options-label,
      .e-de-style-formatting,
      .e-de-table-border-heading,
      .e-de-style-properties,
      .e-de-page-setup-dlg-sub-label,
      .e-de-toc-dlg-heading,
      .e-de-ff-dlg-heading,
      .e-de-toc-dlg-main-heading,
      .e-de-list-ddl-header,
      .e-de-prop-header-label,
      .e-de-table-border-heading,
      .e-de-dlg-spellchecker-subheader,
      .e-de-dlg-spellchecker-subheaderbtm,
      .e-de-list-ddl-header-list-level,
      .e-de-rp-format,
      .e-de-track-toolbar-overlay,
      .e-de-cmt-author-name,
      .e-de-cmt-readonly,
      .e-de-op-search-icon,
      .e-de-op-nav-btn,
      .e-de-track-user-nme,
      .e-de-tc-no-chng {
        font-size: 16px;
      }

      .e-de-cell-margin-top {
        padding-top: 0;
      }

      .e-de-op {
        padding-left: 16px;
        padding-right: 16px;
        width: 308px;
      }

      .e-de-font-dlg-cb-right.e-de-rtl,
      .e-de-style-left-div,
      .e-bookmark-list,
      .e-de-ff-dlg-lft-hlf,
      .e-styles-list,
      .e-de-user-dlg-textbox-input {
        margin-right: 16px !important;
      }

      .e-de-ff-dlg-lft-hlf.e-de-rtl,
      .e-de-table-ppty-dlg-preferred-width-div,
      .e-de-font-dlg-cb-right,
      .e-de-table-ppty-dlg-measure-div,
      .e-de-ff-drpdwn-listview.e-de-rtl,
      .e-de-table-ppty-dlg-measure-drop-down-div,
      .e-bookmark-list.e-de-rtl,
      .e-de-op.e-de-rtl .e-de-search-tab-content,
      .e-de-user-dlg-list.e-de-rtl .e-de-user-dlg-textbox-input {
        margin-left: 16px;
      }

      .e-de-toc-dlg-style-label {
        margin-top: 56px;
      }

      .e-de-ff-drpdwn-mvup {
        margin-right: 12px;
      }

      .e-de-font-clr-div,
      .e-de-toc-dlg-styles,
      .e-de-font-dlg-padding,
      .e-de-page-setup-dlg-sub-title-header,
      .e-de-op-result-container .e-de-list-ddl-subheaderbottom,
      .e-de-op-more-less,
      .e-de-op-replacetabcontentdiv,
      .e-de-op-dlg-footer {
        margin-top: 16px;
      }

      .e-de-ff-drpdwn-mvdn,
      .e-de-ff-drpdwn-mvup {
        width: 46px !important;
      }

      .e-de-list-dlg-div.e-de-rtl,
      .e-de-list-dlg-subdiv.e-de-rtl {
        margin-top: -150px;
      }

      .e-de-list-dlg-div:not(.e-de-rtl) {
        margin-top: 40px;
      }

      .e-de-ht-wdth-type {
        margin-top: -18px;
      }

      .e-de-list-dlg {
        width: 425px;
      }

      .e-de-list-dlg-subdiv .e-input {
        height: 38px;
      }

      .e-de-toc-dlg-container {
        width: 640px;
      }

      .e-de-toc-styles-table-div {
        height: 195px;
      }

      .e-de-toc-table-div {
        height: 127px;
      }

      .e-de-toc-list-view {
        height: 204px;
      }

      .e-de-style-options-div,
      .e-de-ff-dlg-heading,
      .e-de-table-ppty-options-break,
      .e-de-page-setup-dlg-first-page-prop,
      .e-de-style-options-div>div:first-child,
      .e-de-toc-dlg-sub-container,
      .e-de-cmt-author,
      .e-de-font-checkbox-transform,
      .e-de-font-color-label,
      .e-bookmark-gotobutton,
      .e-de-drp-dwn-frst-div,
      .e-de-font-checkbox-transform-label,
      .e-bookmark-deletebutton,
      .e-bookmark-textboxdiv,
      .e-de-user-dlg-user,
      .e-de-page-setup-dlg-sub-label {
        margin-bottom: 12px !important;
      }

      .e-de-rp-format {
        @if $skin-name=='fluent2' {
          color: $de-op-title-clr;
          font-size: 16px;
        }
      }

      .e-de-row-ht-top,
      .e-de-cell-ht-top {
        padding: 0 16px;
      }

      .e-de-style-name,
      .e-de-style-styletype,
      .e-de-style-style-based-on,
      .e-de-style-style-paragraph {
        font-size: 14px;
      }

      .e-de-pagesetup-dlg-container .e-input-group {
        width: 199px !important;
      }

      .e-de-table-measure-lbl {
        width: 90px !important;
      }

      .e-de-list-ddl-subheader,
      .e-de-cell-dia-label-common,
      .e-de-page-setup-dlg-sub-container-port {
        margin-top: 42px;
      }

      .e-de-page-setup-dlg-first-page-prop {
        height: 30px !important;
      }

      .e-de-table-dialog-options-label {
        padding-bottom: 16px;
      }

      .e-de-row-ht-top,
      .e-de-cell-ht-top {
        margin-top: 4px;
      }

      .e-de-table-options-dlg {
        width: 425px;
      }

      .e-de-style-based-para-div .e-input-group,
      .e-de-style-nametype-div .e-input-group,
      .e-de-style-nametype-div .e-input {
        width: 320px !important;
      }

      .e-de-font-color-label,
      .e-de-hyperlink-bookmark-check,
      .e-de-search-tab-content,
      .e-de-page-setup-dlg-orientation-prop {
        margin-top: 16px;
      }

      .e-de-page-setup-dlg-sub-size-container,
      .e-bookmark-addbutton,
      .e-de-page-setup-dlg-layout-sub-container,
      .e-de-insert-table-dlg-input,
      .e-de-insert-footnote-dlg-header,
      .e-de-hyperlink-dlg-input,
      .e-de-style-nametype-div,
      .e-de-rp-format,
      .e-de-hdr-ftr-frst-page-div,
      .e-de-page-setup-dlg-sub-container,
      .e-de-div-seperate-dlg,
      .e-styles-addbutton,
      .e-de-user-dlg-list,
      .e-de-spellcheck-error-container,
      .e-bookmark-deletebutton,
      .e-bookmark-gotobutton {
        margin-bottom: 16px !important;
      }

      .e-de-op-header {
        margin-bottom: 0;
      }

      .e-de-style-based-para-div,
      .e-de-table-options-dlg-div {
        margin-bottom: 20px;
      }

      .e-de-font-dlg .e-input-group {
        width: max-content !important;
      }

      .e-de-list-dlg .e-input-group,
      .e-de-list-dlg .e-input {
        width: 203px !important;
      }

      .e-de-pagesetup-dlg-container {
        width: 415px;
      }

      .e-style-font-fmaily-right {
        width: 188px !important;
      }

      .e-de-style-format-dropdwn {
        height: auto !important;
      }

      .e-de-table-options-dlg-div .e-input-group {
        width: 200px !important;
        margin-right: 16px;
      }
    }

    .e-bigger .e-de-rp-enforce-nav:not(.e-de-rp-nav-lbl) {
      margin: 0 16px 16px 16px;
    }

    .e-bigger .e-de-ctnr-prop-label.e-de-table-prop-label {
      margin-bottom: 12px;
    }
  }

  .e-bigger {
    .e-de-font-content-checkbox-label {
      margin-left: $de-font-content-checkbox-left-bg;
    }

    .e-de-font-content-checkbox-label-rtl {
      margin-right: $de-font-content-checkbox-right-bg;
    }

    .e-de-font-content-label {
      width: $de-font-label-width-bg;
    }
  }

  .e-bigger {
    .e-de-hyperlink {
      @if $skin-name=='Material3' {
        width: 320px;
      }

      @else {
        width: 300px;
      }
    }
  }

  .e-bigger {
    .e-de-insert-spellchecker {
      width: $de-insert-big-spellchecker-width;
    }
  }

  .e-bigger {
    .e-button-custom {
      height: $de-bigger-style-button-height;
      width: 100%;
    }
  }

  .e-bigger {
    @if $skin-name !='tailwind' and $skin-name !='bootstrap5' and $skin-name !='FluentUI' {

      .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: 35px;
      }
    }

    .e-de-style-bold-button-size {
      @if $skin-name !='tailwind' and $skin-name !='bootstrap5' and $skin-name !='FluentUI' and $skin-name !='Material3' {
        margin-right: 8px;
        height: 31px;
      }

      @if $skin-name=='fluent2' {
        margin-left: 0;
        border-left: 0;
        border-right: 0px;
        height: 35px;
        margin-right: 0;
      }

      @else {
        margin-left: $de-style-dialog-label-bottom-margin;
      }
    }
  }

  .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {

    .e-de-style-font-group-button,
    .e-style-paragraph {
      button {
        @if $skin-name =='Material3' {
          height: 40px !important;
          width: 44px !important;
        }
      }
    }

    .e-de-style-font-color-picker button {
      height: 40px !important;
      width: auto !important;
    }
  }

  .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog {

    .e-de-style-font-group-button,
    .e-style-paragraph {
      button {
        @if $skin-name =='Material3' {
          height: 40px !important;
          width: 44px !important;
        }
      }
    }

    .e-de-style-font-color-picker button {
      height: 40px !important;
      width: auto !important;
    }
  }

  @if $skin-name =='Material3' {
    .e-bigger {
      .e-rtl {

        .e-de-style-font-group-button,
        .e-de-style-paragraph-indent-group-button,
        .e-de-style-paragraph-group-button {
          button {
            height: 40px !important;
            width: 44px !important;
          }
        }
      }

      .e-de-style-font-group-button,
      .e-de-style-paragraph-indent-group-button,
      .e-de-style-paragraph-group-button {
        button {
          height: 40px !important;
          width: 44px !important;
        }
      }
    }
  }

  .e-bigger {

    .e-de-op-input-group,
    .e-de-op-replacewith {
      height: 40px;
    }
  }

  .e-bigger {
    .e-de-insert-table {
      height: auto;
      width: auto;
    }

    .e-de-insert-footnote {
      height: auto;
      width: auto;
    }

    .e-de-dlg-target .e-footer-content .e-control.e-btn.e-flat:not(.e-icon-btn) {
      height: auto;
    }

    .e-de-font-dlg {
      width: $de-font-dlg-width-big;
    }

    .e-para-dlg-sub-height {
      height: 170px;
    }

    .e-de-toc-table-div .e-de-toc-dlg-toc-level.e-de-rtl {
      margin-right: $de-toc-dlg-toc-level-margin-left;
    }

    .e-de-font-content-label-width {
      width: $de-font-content-label-width;
    }

    .e-de-toc-label {
      margin-left: 0px;
    }

    .e-de-toc-label-rtl {
      margin-left: 0px;
      margin-right: 0px;
    }

    .e-de-outline-rtl {
      width: 173px;
    }

    .e-de-rp-header {
      font-size: 16px;
      width: 75%;
    }
  }

  .e-bigger .e-de-rp-btn-enforce {
    padding-left: $de-rp-btn-enforce-padding-big;
    padding-right: $de-rp-btn-enforce-padding-big;
  }

  .e-bigger .e-de-cmt-textarea.e-input {
    padding-top: $e-de-cmt-textarea-padding-top-big;
  }

  .e-bigger .e-de-cmt-textarea.e-input:focus {
    @if $skin-name =='fluent2' {
      border-color: $content-bg-color-alt1;
      border-radius: 5px;
      box-shadow: $border;
    }
  }

  .e-bigger {

    .e-de-cmt-post-btn.e-btn.e-flat,
    .e-de-cmt-cancel-btn.e-btn.e-flat {
      height: $de-cmt-post-btn-ht-big;
      margin-left: 12px;
      width: $de-cmt-post-btn-wt-big;

      @if $skin-name =='tailwind' {
        padding-top: $de-cmt-cancel-btn-padding-top-big;
        padding-left: $de-cmt-cancel-btn-padding-left-big;
      }
    }

    .e-de-cp-whole-header {
      height: 56px;
      padding: 16px;
      padding-right: 8px;
    }

    .e-de-rp-close-icon {
      float: right;
      position: relative;
      top: $de-rp-close-icon-top-bigger;
      right: $de-rp-close-icon-right-bigger;
    }

    .e-rtl {

      .e-de-cmt-post-btn.e-btn.e-flat,
      .e-de-cmt-cancel-btn.e-btn.e-flat {
        margin-right: 12px;

        @if $skin-name =='tailwind' {
          padding-bottom: $de-cmt-cancel-btn-padding-top-big;
          padding-right: $de-cmt-cancel-btn-padding-left-big;
        }
      }
    }
  }

  .e-bigger {
    .e-de-cmt-author-name {
      padding-left: $de-cmt-author-nme-padding-left-big;
    }

    .e-de-cmt-rply-view {
      margin-top: $de-cmt-textbox-top-margin-big;
    }

    .e-de-cmt-sub-container {
      padding: $de-cmt-sub-container-padding-big;

      @if $skin-name=='fluent2' {
        background-color: $de-ctnr-prop-bg-clr;
      }
    }

    .e-de-cmt-sub-container.e-de-cmt-selection {
      padding-left: $de-cmt-sub-container-padding-left-big;
    }

    .e-de-cmt-sub-container:not(.e-de-cmt-selection):not(.e-de-cmt-reply):hover {
      padding-left: $de-cmt-sub-container-hover-padding-left-big;
    }

    .e-de-cmt-sub-container.e-de-cmt-reply {
      padding: 0%;
    }

    .e-de-rp-nav-btn {
      width: auto;
    }

    .e-de-rp-whole-header {
      padding: $de-rp-whole-header-padding-big;
    }

    .e-de-rp-sub-div {
      border-bottom: 1px solid $de-list-view;
      padding: $de-rp-sub-div-padding-big;
    }

    .e-de-rp-enforce {
      padding: $de-rp-enforce-padding-big;
    }

    .e-de-enforce .e-de-enforce-dlg-input:not(.e-de-enforce .e-de-enforce-dlg-input:last-child) {
      width: 300px;
    }

    .e-rtl {
      .e-de-cmt-author-name {
        padding-left: 0%;
        padding-right: $de-cmt-author-nme-padding-left-big;
      }

      .e-de-cmt-sub-container.e-de-cmt-selection {
        padding-left: $de-cmt-sub-container-padding-big;
        padding-right: $de-cmt-sub-container-padding-left-big;
      }

      .e-de-cmt-sub-container:not(.e-de-cmt-selection):not(.e-de-cmt-reply):hover {
        padding-left: $de-cmt-sub-container-padding-big;
        padding-right: $de-cmt-sub-container-hover-padding-left-big;
      }

      .e-de-rp-close-icon {
        float: left;
        right: $de-rp-close-icon-right-bigger-rtl;
      }
    }
    @if $skin-name =='tailwind3' {
      .e-de-subcontainer-left .e-float-input {
        margin-bottom: 8px;
      }
      .e-de-style-format-dropdwn {
        height: auto !important;
      }
      .e-de-op-more-less {
        > div:nth-child(2) {
          margin-left: -12px;
        }
      }
    }
  }
}