@use 'sass:color';

$de-title-bar-bg-clr: $primary !default;
$de-title-bar-font-clr: $primary-font !default;
$de-ctnr-bg-clr: $gray-100 !default;
$de-ctnr-prop-bg-clr: $de-ctnr-bg-clr !default;
$de-ctnr-height: calc(100%) !default;
$de-ctnr-tlbr-height: 77px !default;
$de-tbl-merge-cell: 22px !default;
$de-ctnr-tlbt-height-big: 86px !default;
$de-tlbr-margin-first: 14px !default;
$de-tlbr-margin-first-big: 16px !default;
$de-tlbr-margin-right: 7px !default;
$de-tlbr-margin-right-big: 8px !default;
$de-ctrnr-tblr-separator-margin: 0 5.5px !default;
$de-ctrnr-tblr-separator-margin-big: 0 7.5px !default;
$de-ctnr-margin-bottom: 14px !default;
$de-ctnr-margin-bottom-big: 16px !default;
$de-group-btn-hgt: 31px !default;
$de-group-btn-hgt-big: 38px !default;
$de-ctnr-tlbr-width: calc(100% - 75px) !default;
$de-spellcheck-tlbr-width: 91px !default;
$de-spellcheck-tlbr-width-big: 111px !default;
$de-spellcheck-tlbr-height: 34px !default;
$de-spellcheck-tlbr-margin-left: 7.5px !default;
$de-zoom-tlbr-margin-left: calc(100% - 340px) !default;
$de-zoom-tlbr-margin-left-big: calc(100% - 370px) !default;
$e-de-statusbar-separator-color: #495057;
$e-de-ctnr-break-listview-margin-right: 14px !default;
$e-de-ctnr-break-listview-margin-right-big: 16px !default;
$e-de-ctnr-break-listview-margin-left: 14px !default;
$e-de-ctnr-break-listview-margin-left-big: 16px !default;
$de-tlbr-btn-height: calc(100% - 10px) !default;
$de-ruler-background-color: $gray-200 !default;
$de-ruler-margin-color: $white !default;
$de-ruler-tick-stroke: $gray-500 !default;
$de-ruler-label-fill: $gray-700 !default;
$de-ruler-indent-stroke: $gray-600 !default;
$de-ruler-indent-fill: $white !default;
$de-ruler-indent-hover: $gray-200 !default;
$de-ruler-indent-active: $primary !default;
$de-custom-treeview-text-size: 13px !default;
$de-custom-treeview-text-size-bg: 15px !default;
$de-tool-ctnr-editor-height: calc(100% - 115px) !default;
$de-tool-ctnr-editor-height-big: calc(100% - 126px) !default;
$de-ctnr-editor-height: calc(100% - 38px) !default;
$de-ctnr-editor-height-big: calc(100% - 42px) !default;
$de-ctrnr-tblr-item-padding: 0 !default;
$de-ctrnr-tblr-item-margin: 0 6.5px !default;
$de-ctrnr-tblr-item-margin-big: 0 6px !default;
$de-prpty-btn-bg-clr: $gray-100 !default;
$de-panel-header-size: 14px !default;
$de-panel-header-color: $gray-900 !default;
$de-panel-sub-label-color: $gray-900 !default;
$de-header-line-color: 1px solid $gray-300 !default;
$de-toc-template-content1: 81px !default;
$de-toc-template-content2: 64px !default;
$de-toc-template-content3: 60px !default;
$de-img-span-top: 8px !default;
$de-ribbon-img-span-top: 8px !default;
$de-img-span-left: 12px !default;
$de-toggle-bg-color: $gray-600 !default;
$de-toggle-btn-outline: #fafafa 0 solid !default;
$de-toggle-btn-border: inset 0 3px 5px $gray-700 !default;
$de-panel-border: $gray-300 !default;
$de-page-no-width-spellout: calc(100% - 140px) !default;
$de-page-no-width-spellout-big: calc(100% - 160px) !default;
$de-font-color: $gray-900 !default;
$de-hover-clr:  1px solid #ff8c00 !default;
$de-hover-bg: #d3d3d3 !default;
$de-pane-separator: $gray-300 !default;
$de-ctnr-status-bar-hgt: 36px !default;
$de-border-size-button-height-bg: 38px !default;
$de-border-size-button-width-bg: 117px !default;
$de-border-size-button-height: 31px !default;
$de-border-size-button-width: 99px !default;
$de-list-hover-bg: $primary !default;
$de-pane-margin-right: 14px;
$de-pane-margin-right-big: 16px;
$de-left-panel-width: 147px;
$de-left-panel-width-big: 149px;
$de-right-panel-width: 73px;
$de-text-pane-width: 264px;
$de-text-pane-width-big: 272px;
$de-left-btn-width: 37.75px;
$de-left-btn-width-big: 149px * .25;
$de-right-btn-width: 75px * .5;
$de-border-btn-width-big: 42px;
$de-img-span-top-big: 14px;
$de-bullet-icon-font-size: 12px;
$de-bullet-icon-line-height: 32px;
$de-prop-btn-icon-clr: $gray-700;
$de-prop-btn-border-color: $gray-300;
$de-prop-btn-bg-color: #fff;
$de-toggle-btn-color: #fff;
$de-list-button-margin-right: 14px;
$de-list-button-margin-right-bigger: 16px;
$de-list-button-margin-right: 14px;
$de-list-button-margin-right-bigger: 16px;
$de-text-pane-style-width: 235px;
$de-btn-font-size: 14px;
$de-btn-font-size-bigger: 16px;
$de-toolbar-icon-clr: $gray-700;
$de-toggle-border-color: color.adjust($gray-600, $lightness: -12.5%) !default;
$de-toggle-hover-color: color.adjust($gray-600, $lightness: -7.5%) !default;
$de-toggle-border-hover-color: color.adjust($gray-600, $lightness: -10%) !default;
$de-toggle-disabled-color: color.adjust($gray-600, $lightness: 65%);
$de-clr-picker-border-clr: $gray-400;
$de-ctnr-padding: 14px;
$de-pageweb-toggle-color: $gray-600 !default;
$de-pageweb-toggle-outline: #fafafa 0 solid !default;
$de-layout-btn-font-size: 14px;
$de-layout-btn-bgr-font-size: 14px;
$de-pagenumber-text-border-radius: 2px;
$de-pagenumber-text-margin-top: -3px;
$e-de-pagenumber-input-margin-left: -2px;
$e-de-ctnr-pg-no-spellout-padd-top: 9px;
$e-de-ctnr-pg-no-spellout-padd-top-big: $e-de-ctnr-pg-no-spellout-padd-top;
$e-de-pagenumber-bg: $content-bg;
$e-de-status-bar-padding-top: 2.5px;
$e-de-status-bar-big-padding-top: 3px;
$e-de-review-pane-width: 440px;
$e-de-ctnr-linespacing-tick-icon: 6px;
$e-de-bzr-button-border-color: #fff;
$e-de-bzr-button-font-color: #495057;
$e-de-bzr-button-bg-color: #f8f9fa;
$e-de-bzr-button-hover-bg-color: #6c757d;
$e-de-bzr-button-hover-border: 1px solid #545b62;
$e-de-bzr-button-hover-border-radius: 4px;
$e-de-bzr-button-hover-font-color: #fff;
$e-de-bzr-button-active-font-color: #fff;
$e-de-bzr-button-active-bg-color: #545b62;
$e-de-bzr-button-active-border-color: #4e555b;
$e-de-bzr-btn-font-size: 16px;
$e-de-bzr-btn-font-size-big: 18px;
$de-prop-style-padding: 12px;
$de-prop-div-padding-top: 12.5px;
$de-prop-div-padding-bottom: 11.5px;
$de-prop-pane-margin: 14px;
$de-table-prop-border-margin: 14px;
$de-clr-pckr-width: 30.8px;
$de-toolbar-font-size: 12px;
$de-toolbar-padding-bottom: 5px;
$de-toolbar-padding-bottom-bg: 5px;
$de-header-font-weight: normal;
$de-list-thmbnail-border-clr: #e4e4e4;
$de-prop-sub-label-mrgn-btm: 8px;
$de-hdr-ftr-frst-div-mrgn-btm: 10px;
$de-hdr-ftr-top-div-mrgn-btm: 14px;
$de-ctnr-pg-no-spellout-fnt-size: 13px;
$de-ctnr-pg-no-spellout-fnt-size-bg: $de-ctnr-pg-no-spellout-fnt-size;
$de-status-br-lbl-fnt-weight: normal;
$de-status-br-left: 15.5 !default;
$de-status-br-top: 10px !default;
$de-status-br-top-big: 10px !default;
$de-white-color: #fff !default;
$de-black-color: #000 !default;
$de-hlt-clr-height: 18px;
$de-hlt-clr-height-bigger: 25px;
$de-ribbon-property-label: 12px;

// Subtract the ribbon & statusbar height
$de-ribbon-simplified-ctnr-editor-height: calc(100% - 115px) !default;
$de-ribbon-simplified-ctnr-editor-height-big: calc(100% - 119px) !default;

$de-ribbon-classic-editor-height: calc(100% - 197px) !default;
$de-ribbon-classic-editor-height-big: calc(100% - 201px) !default;
$de-ctnr-layout-margin-bottom: 2px;
$de-ctnr-picture-margin-bottom: 0;