html.customer-scroll-unlocked-root,
html.customer-scroll-unlocked-root body,
html.customer-scroll-unlocked-root #app {
  height: 100% !important;
  min-height: 100% !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

body.customer-scroll-unlocked {
  overflow: hidden !important;
}

body.customer-scroll-unlocked .main-layout {
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
}

body.customer-scroll-unlocked .main-layout > .el-container {
  height: 100vh !important;
  min-height: 0 !important;
  max-height: 100vh !important;
  overflow: hidden !important;
}

body.customer-scroll-unlocked .content-area {
  box-sizing: border-box !important;
  height: var(--customer-content-height, calc(100vh - 56px)) !important;
  min-height: 0 !important;
  max-height: var(--customer-content-height, calc(100vh - 56px)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
  scrollbar-gutter: stable !important;
}

body.customer-scroll-unlocked .customer-list,
body.customer-scroll-unlocked .customer-page {
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  padding-bottom: 96px !important;
}

body.customer-scroll-unlocked .customer-list .filter-bar {
  flex-wrap: wrap !important;
  align-items: center !important;
}

body.customer-scroll-unlocked .customer-list .el-table {
  max-height: none !important;
  overflow: visible !important;
}

body.customer-scroll-unlocked .customer-list .el-table__inner-wrapper {
  max-height: none !important;
  overflow: visible !important;
}

body.customer-scroll-unlocked .customer-list .el-table__body-wrapper {
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

body.customer-scroll-unlocked .customer-list .el-scrollbar,
body.customer-scroll-unlocked .customer-list .el-scrollbar__wrap,
body.customer-scroll-unlocked .customer-list .el-scrollbar__view {
  max-height: none !important;
}

body.customer-scroll-unlocked .customer-list .pagination-bar {
  position: relative !important;
  z-index: 1 !important;
  margin-bottom: 24px !important;
}

body.customer-scroll-unlocked .el-overlay,
body.customer-scroll-unlocked .el-popper,
body.customer-scroll-unlocked .el-select__popper,
body.customer-scroll-unlocked .el-picker__popper {
  overflow: visible !important;
}
