// cover some element-ui styles

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  position: relative;
  left: 0;

  margin: 0 auto;

  transform: none;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 148px;
      height: 148px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block;
  }
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}

// form 表单
.form-toolbar-right {
  display: flex;
  justify-content: flex-end;

  gap: 5px;
}

.form-toolbar-left {
  display: flex;
  justify-content: flex-start;

  margin-bottom: 12px;

  gap: 5px;
}

.el-col > .el-form-item {
  width: 100%;
  padding-right: 10px;
}

.width70 ::v-deep .el-form-item__content {
  width: calc(100% - 70px);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}
.app-container .form-style{
  margin: 16px;
  padding: 24px 24px 0;

  background-color: #fff;
  .el-form-item__content{
    line-height: 32px;
  }
  .el-button{
    padding: 9px 15px;
  }
  .el-form-item__label{
    line-height: 32px;
  }
  .el-input__inner{
    height: 32px;

    line-height: 32px;
  }
  .el-cascader{
    line-height: 32px;
  }
  .el-input__icon{
    line-height: 32px;
  }
}

.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item{
  margin-bottom: 24px;
}
.el-table th{
  background-color: rgba(245, 247, 250, 1);
}
.el-table th>.cell{
  text-align: center;
}
.el-table__footer .cell{
  color: #409EFF;

  font-weight: 700;
}
.el-drawer__body {
  overflow: auto;
}
.el-submenu .el-menu-item{
  padding-right: 10px;
}
.el-table th.el-table__cell{
  background-color: #f5f7fa !important;
}
.table-container{
  margin: 0 16px 24px;
  padding: 16px;

  background-color: #fff;
  .el-table--border, .el-table--group{
    border: none;
  }
}
/*解决fixed引起的错位问题*/
.el-table{
	overflow: auto;
}
// 富文本布局样式1
.wang-editor-area-wrapper {
  display: flex;
  flex-direction: column;

  height: 100%;
  .wang-editor-opt-area{
    display: flex;
    justify-content: flex-end;

    padding: 24px;
  }
  .wang-editor-render-area{
    display: flex;
    overflow: hidden;
    flex: auto;

    margin: 0 24px 24px;
    &>div{
      display: flex;
      flex: auto;
      flex-direction: column;
      &>div:nth-child(2){
        flex: auto;
      }
    }
    &.is-render{
      padding: 40px 0 48px;

      border-radius: 16px;
      background-color: #001320;
      box-shadow: inset 0px -20px 100px 21px rgba(29, 164, 192, 0.2);
      .w-e-text-container{
        color: #fff;
        background-color: transparent;
        th{
          color: #333;
        }
      }
    }
    .w-e-text-container{
      overflow-y: auto;
      &.w-e-content{
        display: inline-block;
        overflow-y: auto;
        [data-slate-editor]{
          padding: 40px 122px 48px;
        }
      }
    }
  }
  .w-e-full-screen-container{
    .w-e-text-container{
      height: 100vh;
    }
  }
}
/*去除upload组件过渡效果*/
.el-upload-list__item {
  transition: none !important;
}
.new-app-container{
  padding-top: 16px;
}
.layout-vertical{
  display: flex;
  flex-direction: column;
  height:calc(100% - 40px);
  gap: 0px;
}
.ym-table .el-pagination{
  padding-top: 12px;

  text-align: right;
}
.el-button--primary{
  background-color: #3E7BFA;
  border-color: #3E7BFA;
  &:hover{
    background-color: #376de0;
    border-color: #3E7BFA;
  }
}
