html,
  body {
      background-color: var(--body-background-color);
      margin: 0 0;
  }

  .app {
      display: flex;
      flex-direction: column;
      height: 100%;
      width: 100%;
  }

  .toolbar {
      position: relative;
      display: flex;
      align-items: center;
      height: 35px;
      width: calc(100% - 20px);
      margin: 0px 10px;
  }

  .el-popover.el-popper {
      padding: 6px 1px;
  }

  .el-popover .el-cascader-panel {
      border: none !important;
  }

  .el-popover .el-cascader-panel .el-cascader-menu {
      width: auto !important;
      min-width: 165px;
      white-space: nowrap;
  }

  .el-popover .el-cascader-panel .el-cascader-menu__wrap .el-cascader-menu .el-cascader-menu__list {
      padding: 0px;
  }

  .el-popover .el-cascader-node {
      padding: 0px 20px 0px 20px !important;
      margin: 0px 5px;
  }

  .el-popover .el-cascader-menu__list {
      padding: 0px;
  }

  .toolbar_btn {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      height: 24px;
      padding: 5px;
  }

  .toolbar_btn:hover {
      background: var(--toolbar-btn-hover) !important;
      border-color: var(--toolbar-btn-hover) !important;
  }

  .toolbar_right .el-button {
      margin-left: 5px;
  }

  .toolbar_icon {
      height: 16px;
      width: 16px;
  }

  .toolbar_txt {
      font-size: 11px;
      line-height: 16px;
      margin-top: 3px;
      color: #fff;
  }

  .toolbar_right {
      position: absolute;
      display: flex;
      align-items: center;
      right: 0px;
  }

  .toolbar_upload {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
  }

  .toolbar_right .el-switch {
      margin-left: 5px;
  }

  .content {
      height: calc(100% - 40px);
      width: calc(100% - 10px);
      margin: 0px 5px 5px 5px;
      border-radius: 15px;
      overflow: hidden;
      background-color: var(--content-background-color);
  }

  .el-drawer {
      border-top-right-radius: 15px;
      border-bottom-right-radius: 15px;
  }

  .el-dialog {
      border-radius: 10px;
      /* background-color: #000; */
  }


  /* .el-dialog .el-select__wrapper {
      background-color: #000;
  }

  .type-popper {
      background: #303133;
  }

  .type-popper .el-select-dropdown__item {
      background: #303133;
  } */

  .setting_item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 10px;
  }