@import "./base.scss";
@import "./variables.scss";
@import "./mixin.scss";
@import "./element-override.scss";
@import "./sidebar.scss";
@import "./transition.scss";

:root {
  --el-color-primary-dark-2: #0cba80;
  --el-color-primary-light-3: #0cba80;
  --el-color-primary-light-5: #b3e19d;
  --el-color-primary-light-7: #d1edc4;
  --el-color-primary-light-8: #e1f3d8;
  --el-color-primary-light-9: #0cba80;
  --el-font-weight-primary: 400 !important;
}

html,
body {
  height: 100%;
  // margin: 0;
  // padding: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
    Microsoft YaHei, Arial, sans-serif;
}

#app {
  // height: 100%;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

.detail_box {
  width: 80%;
  margin: 30px auto;
}

.title-lable {
  color: var(--el-color-primary);
  display: flex;
  align-items: center;
}

.titles {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 18px;
  line-height: 30px;
}

.lable-bq {
  font-size: 25px;
}

::v-deep .el-dialog__footer {
  padding: var(--el-dialog-padding-primary);
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 2px solid #e1e1e1;
  text-align: center !important;
  box-sizing: border-box;
}

:deep(.el-radio__inner) {
  border-color: #333 !important;
}

:deep(.el-checkbox__inner) {
  border-color: #333 !important;
}

::v-deep .edui-default .edui-toolbar {
  background-color: var(--el-color-primary);
}

::v-deep .edui-default .edui-toolbar .edui-combox .edui-combox-body {
  background-color: var(--el-color-primary);
}

::v-deep .edui-default .edui-button-body {
  background-color: var(--el-color-primary) !important;
}
:deep(.el-scrollbar__bar.is-vertical) {
  right: 0px;
  width: 10px !important;
}

:deep(.el-scrollbar__bar.is-horizontal) {
  height: 10px !important;
}
/* 隐藏el-input中number类型的上下箭头 */
// 隐藏el-input设置type为num的时候后面的上下箭头
::v-deep input::-webkit-outer-spin-button,
::v-deep input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

::v-deep input[type="number" i] {
  padding-block: 1px;
  padding-inline: 11px;
}

::v-deep inpit {
  border: none
}

.cursor {
  cursor: pointer;
}

::v-deep .el-form-item__content {
  align-items: start !important;
}

.fenye {
  margin-top: 10px;
}

::v-deep .el-input-group__append {
  overflow: hidden;

  .el-button {
    background-color: #fff !important;
    border: none !important;
  }
}

::v-deep .el-pagination .el-select .el-input {
  width: 102px !important;
}

.el-date-table td.disabled .el-date-table-cell {
  background-color: #f6fafa;
}

/* 添加一个类选择器来指定只隐藏右边的内容 */
.cell-content {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.marleft {
  width: 80% !important;
  margin-left: 20px;
  ;
}

.FromBoxs {
  height: 66vh;
  overflow-y: scroll;
}

::v-deep .el-input-group__append {
  text-align: center;
  background: #fff;
  border: 1px solid var(--el-color-primary);
  color: #000;
}

::v-deep .el-input.is-disabled .el-input__inner {
  background-color: #d3dbdd;
  border-color: var(--el-color-primary);
  color: #000;
}
:deep(.el-dialog__headerbtn .el-dialog__close) {
  color: #ffffff !important;
}
//页面高度
.bigBox {
  height: calc(100vh - 145px);

  //左侧组织机构树
  .zzjg-left {
    width: 310px;
    background: #ffffff;
    box-shadow: 0px 2px 10px 0px rgba(107, 107, 107, 0.1);
    border-radius: 0px 0px 0px 0px;
    opacity: 1;

    .title {
      height: 39px;
      line-height: 39px;
      font-size: 18px;
      color: var(--el-color-primary);
      display: flex;
      justify-content: space-between;
      align-items: center;

      .el-icon {
        cursor: pointer;
      }
    }

    .treeBox {
      height: calc(100vh - 164px);
      overflow: auto;
    }
  }

  //主页右边内容
  .zy-right {
    padding: 0 10px;
    background: #fff;

    .title {
      height: 39px;
      line-height: 39px;
      font-size: 18px;
      color: var(--el-color-primary);
      display: flex;
      justify-content: space-between;
      align-items: center;

      .el-icon {
        cursor: pointer;
      }
    }

    .headBox {
      display: flex;
      align-items: center;
      justify-content: space-between;

      .btnBox {
        display: flex;
        align-items: center;
      }
    }
  }

  .fenye {
    padding-bottom: 10px;
  }
}

.usermanage {
  height: calc(100vh - 146px);

  .zzjgleft {
    width: 310px;
    background: #ffffff;
    box-shadow: 0px 2px 10px 0px rgba(107, 107, 107, 0.1);
    border-radius: 0px 0px 0px 0px;
    opacity: 1;

    .treeBox {
      height: calc(100vh - 164px);
      overflow: auto;
    }
  }
}

//表格高度=》不加分页
.eltab {
  height: calc(100vh - 135px);
}

//表格高度=》加分页
.eltab2 {
  height: calc(100vh - 258px);
}

//表格高度=》加分页，新增
.eltab8 {
  height: calc(100vh - 308px);
}

//表格高度=》加分页，查询
.eltab7 {
  height: calc(100vh - 318px);
}

//表格高度=》加分页,查询，新增
.eltab9 {
  height: calc(100vh - 379px);
}

//查询下划线组件
::v-deep .el-divider--horizontal {
  margin: 14px 0 !important;
}

//分页组件
::v-deep .el-pagination {
  justify-content: end;
}

//主页面查询组件
.query-flex {
  display: flex;
  justify-content: space-between;

  .query-section {
    width: 68%;
  }

  .query-btn {
    width: 260px;
    display: flex;
    justify-content: flex-end;

    .toggle {
      margin-right: 10px;
      height: 32px;
      cursor: pointer;
      display: flex;
      align-items: center;
      color: #0f3916;

      .el-icon {
        transform: rotate(90deg);
        transition: all 0.25s ease;
      }

      &.active {
        .el-icon {
          transform: rotate(-90deg);
        }
      }
    }
  }
}

// 表格页面统计组件
.box-sjtj {
  background-color: #fff;
  width: 100%;
  padding: 0 16px 7px 16px;
  box-sizing: border-box;

  .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;

    .left-tj {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: start;
    }
  }
}

.boxsgsdialog {
  .el-dialog {
    height: 700px !important;

    .el-dialog__header {
      .el-dialog__headerbtn .el-dialog__close {
        color: #ffffff !important;
      }
    }
  }

  .bigBox {
    height: calc(100vh - 180px) !important;

    .zy-right {
      margin-left: 0 !important;
    }
  }

  .cheliangdialog {
    .bigBox {
      height: 680px !important;
    }
  }
}