@import '~react-grid-layout/css/styles.css';
@import '~react-resizable/css/styles.css';
// @font-face{
//   font-family: PF_L ;  
//   src:url('./assets/fonts/pingfangsc-light.otf'); 
// }
// @font-face{
//   font-family: PF_R ;  
//   src:url('./assets/fonts/pingfangsc-regular.otf'); 
// }
// @font-face{
//   font-family: NUMBER;
//   src: url('./assets/fonts/pingfangsc-medium.otf');
// }

// *{
//   font-family: PF_L;
// }

$color-primary: #3d95dd;
$color-primary-end: #3d95dd;
// @import './components/portal-card/index.scss';

.base_bg {
  background-color: #fff;
  margin-bottom: 32px;
}

// 公用提交按钮

@mixin bluebtn {
  height: 34px !important;
  padding: 0 17px !important;
  border-radius: 4px !important;
  border-color: #4C8FFF !important;
  color: #4c8fff !important;
  background-color: #fff !important;
  letter-spacing: 2px;
  font-size: 14px !important;
}
.submit_btn {
  @include bluebtn();
  background-color: #497BFC !important;
  color: #fff !important;
  margin-bottom: 16px;
  margin-right: 0px !important;
  margin-left: 10px;
}
// 公用重置按钮
.reset_btn {
  @include bluebtn();
  background-color: #fff;
  margin-bottom: 16px;
}
// 公用导出按钮
.export_btn {
  @include bluebtn();
}
.img_btn {
  margin-left: 10px;
}
// 公共带复选框下拉菜单面板
.custom_multiple {
  background-color: #fff;
  padding: 5px;
}
// 公共带复选框下拉菜单按钮
.custom_multiple_btn {
  @include bluebtn();
  margin-left: 0px;
}

// 数据集或标题名称
.datasettitle {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
}
.flex-s {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex-e {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flex-b {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

// 表单组件公共样式
// 输入框
.next-form {
  // label靠右
  .next-form-item-label{
    text-align: left !important;
    color: #333;
    font-size: 14px;
  }
  .next-input {
    height: 34px !important;
    input {
      height: 32px !important;
      font-size: 14px !important;
      &::placeholder{
        font-size: 14px !important;
      }
    }
  }

  // 下拉多选
  .next-input.next-medium .next-input-control{
    line-height: 32px !important;
  }
  .next-select-trigger-search {
    height: 26px;
    input {
      height: 28px !important;
    }
    .next-input-control {
      line-height: 32px !important;
    }
  }
  // 日期选择器
  .next-date-picker2-input {
    height: 34px !important;
    .next-input {
      height: 32px !important;
      input {
        height: 30px !important;
      }
    }
  }
  .next-col {
    .next-form-item-label {
      line-height: 34px;
    }
  }
}


// 统一表格样式
.next-table{
  .next-table-inner{
    .next-table-header{
      font-size: 14px !important;
      .next-table-cell-wrapper{
        font-weight: 600 !important;
      }
    }
    .next-table-body{
      font-size: 14px !important;
    }
  }
}

.table_header{
  display: flex;
  align-items: center;
  justify-content: flex-end !important;
  margin-bottom: 16px;
}
