// 滚动条外观设置
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background-color: #fff;
}

::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: #CDD0D6;
  border-radius: 6px;
}

html,
body {
  height: 100vh;
  overflow: hidden;
}

#root {
  height: 100%;
  background-color: #f5f5f5;
}


.layout-wrapper {
  height: 100%;
  overflow: hidden;

  .layout-header {
    border-bottom: var(--ant-line-width) var(--ant-line-type) var(--ant-color-split);

    .layout-header-logo {
      max-width: 260px;
      height: 32px;
      border-radius: 6px;
      margin-right: 10px;
      line-height: 32px;
      text-align: center;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
      font-weight: 700;
      font-size: 22px;
      display: flex;
      align-items: center;
    }
  }

  .layout-content {
    display: flex;

    .sidebar {
      height: 100%;
      transition: width 0.25s linear;
    }

    .wrapper {
      flex: 1;
      display: flex;
      flex-direction: column;

      .view-layout {
        flex: 1;
        padding: 10px;
        overflow-y: auto;
        overflow-x: hidden;
        box-sizing: border-box;
        background-color: #f0f0f0;
      }
    }
  }

  .footip-bar {
    background-color: var(--ant-color-bg-container);
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: var(--ant-color-text);
  }
}

/* 菜单选中状态去掉边框线 */
.ant-menu-item-selected {
  &:focus-visible {
    outline: none !important;
  }
}

/* 进度条颜色 */
#nprogress .bar {
  background: #3170FF !important;
}

.vue-office-excel,
.vue-office-excel-main {
  height: 400px !important;
}

.ant-upload-list-item-actions {
  display: flex;
  justify-content: center;
  align-items: center;
}