@use 'variables' as *;
@include export-module('document-editor-container-layout') {
  
  .e-de-status-bar .e-dropdown-btn,
  .e-de-status-bar .e-dropdown-btn.e-btn {
    @if $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark' {
      white-space: nowrap;
    }
  }

  .e-de-toolbar {
    height: $e-de-toolbar-height;
  }

  .e-documenteditorcontainer {
    display: block;
  }

  .e-de-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text .e-de-text-wrap {
    height: $e-de-text-wrap-height;
    @if $skin-name == 'tailwind' {
      line-height: 1;
    }
    @else if $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' {
      line-height: .5;
    }
    @else {
      line-height: $de-toolbar-line-height;
    }
  }

  .e-de-ctnr-file-picker {
    left: -110em;
    position: fixed;
  }

  .e-de-ctnr-rtl {
    direction: rtl;
  }

  .e-de-ctnr-layout-tab {
    position: relative;
    width: 100%;
    display: flex;
    align-content: center;
  }

  .e-de-ctnr-layout-ribbon-segment.e-de-ctnr-layout-tab .e-textbox,
  .e-de-ctnr-layout-ribbon-segment.e-de-ctnr-layout-tab .e-textbox {
    width: 100px;
  }

  .e-de-ctnr-hglt-btn {
    border: $e-de-ctnr-hglt-btn-border solid transparent;
    display: inline-block;
    height: $e-de-ctnr-hglt-btn-height;
    margin: $de-ctnr-hglt-btn-margin;
    width: 25px;
  }

  .e-color-selected,
  .e-de-ctnr-hglt-btn:hover {
    border-color: $de-white-color;
    outline: $de-black-color .5px solid;
  }

  .e-hglt-no-color {
    height: $e-hglt-no-color-height;
    padding-top: $de-hglt-no-color-padding-top;
    width: 157px;

    &:hover {
      background-color: $de-hover-bg;
      cursor: pointer;
    }
  }

  .e-de-ctnr-hglt-no-color {
    font-size: $de-ctnr-hglt-no-color-font-size;
    font-weight: normal;
    left: 40px;
    padding-top: $de-ctnr-hglt-no-color-padding-top;
    position: absolute;
    top: 100px;
  }

  /* stylelint-disable */
  .e-de-scrollbar-hide::-webkit-scrollbar {
    width: 0;
  }

  .e-de-scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  /* stylelint-enable */
  @if $skin-name == 'FluentUI' {
    .e-de-ctnr-group-btn .e-btn .e-btn-icon.e-icons.e-de-ctnr-fontcolor,
    .e-de-ctnr-group-btn .e-btn .e-btn-icon.e-icons.e-de-ctnr-change-case {
      font-size: 18px;
    }
  }

  .e-de-contextmenu-wrapper {
    .e-lib.e-contextmenu.e-control.e-menu-parent {
      .e-blankicon {
        padding-left: $de-tbl-merge-cell !important; /* stylelint-disable-line declaration-no-important */
      }
    }
  }

  .e-de-statusbar-section {
    padding-left: 16px;
  }

  .e-de-statusbar-item-gap {
    margin-right: 6px;
  }

  .e-de-pagenumber-container {
    display: inline-flex;
  }

  .e-de-toolbar-textbtn {
    width: auto;
  }

  .e-de-splitbtn-min-content {
    width: min-content;
  }

  .e-de-header-row {
    padding-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
    height: 29px;
  }

  .e-de-close-button {
    display: inline-block;
    cursor: pointer;
    float: right;
  }

  .e-de-prop-label-height {
    height: 20px;
  }

  .e-de-section-spacing {
    margin-bottom: 14px;
  }

  .e-de-sub-label-block {
    display: block;
  }

  .e-de-hidden {
    display: none !important; /* stylelint-disable-line declaration-no-important */
  }

  .e-de-segment-full {
    position: relative;
    width: 100%;
  }

  .e-de-full-height {
    height: 100% !important; /* stylelint-disable-line declaration-no-important */
  }

  .e-de-overflow-auto {
    overflow: auto !important; /* stylelint-disable-line declaration-no-important */
  }

  .e-de-inline-flex {
    display: inline-flex;
  }

  .e-de-grp-btn-size {
    width: min-content;
    height: 126px;
  }

  .e-de-margin-top-medium {
    margin-top: 14px;
  }

  .e-de-dropdown-list-item {
    display: block;
    outline: 0;
    width: 126px;
    height: auto;
  }

  .e-de-list-item-block {
    display: block;
  }

  .e-de-cell-text-box-50 {
    width: 50px;
    float: left;
  }

  .e-de-no-border-bottom {
    border-bottom-width: 0 !important; /* stylelint-disable-line declaration-no-important */
  }

  .e-de-splitbtn-min-content {
    width: min-content;
  }

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

  .e-de-display-inherit {
    display: inherit;
  }

  .e-de-list-presetmenu-small {
    font-size: 8px !important; /* stylelint-disable-line declaration-no-important */
    text-align: center;
    top: 8px;
    line-height: normal !important; /* stylelint-disable-line declaration-no-important */
  }

  .e-de-toc-close-button {
    cursor: pointer;
    display: inline-block;
    color: $de-font-color;
    float: right;
    margin-right: 7px;
  }

  .e-de-section-spacing-lg {
    margin-bottom: 36px;
  }

  .e-de-align-right-btn {
    float: right;
  }
}