#app {
  width: 100%;
  height: 100%;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  /*竖着的滚动条的宽度*/
  /*横着的滚动条的宽度*/
  /* width: 10px;
  height: 10px;  */
}
::-webkit-scrollbar-track {
  /*滚动条外层容器轨道*/
  /* -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; */
}
::-webkit-scrollbar-track:hover {
  /*滚动条外层容器轨道*/
  /* background-color: #f5f5f5; */
}
::-webkit-scrollbar-thumb {
  /*滚动块的颜色*/
  /* background-color: #bfbfbf;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-clip: padding-box;
  border: 2px dashed transparent; */
}
::-webkit-scrollbar-thumb:hover {
  /*鼠标滑过滚动块颜色*/
  /* background: #8c8c8c; */
}

/* epr滚动条样式 */
::-webkit-scrollbar {
  /*滚动条整体样式*/
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #f1f3f6;
}
::-webkit-scrollbar-track {
  background: #ffffff;
}
/* 鼠标移入滚动条样式 */
::-webkit-scrollbar-thumb:hover {
  background-color: #c9cdd4;
}

/*
::-webkit-scrollbar 滚动条整体部分
::-webkit-scrollbar-button 滚动条两端的按钮
::-webkit-scrollbar-track 外层轨道
::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）
::-webkit-scrollbar-thumb （拖动条？滑块？滚动条里面可以拖动的那个）
::-webkit-scrollbar-corner 边角
::-webkit-resizer 定义右下角拖动块的样式
*/

.osp-header{
  z-index: 1;
}
.osp-overlay{
  z-index: 0;
}
/* 表格暂无数据提示 */
.osp-overlay .osp-grid-empty {
  border: none !important;
  color: rgba(0, 0, 0, 0.55);
  padding: 7px 12px;
  width: var(--empty-icon-width, 122px);
  height: var(--empty-icon-height, 122px);
  background: url("../images/aggrid/grid_empty-background.svg") no-repeat center;
  background-size: contain;
  position: relative;
}
.osp-overlay .osp-grid-empty[style*="--empty-icon-height: 65px"] {
  margin-bottom: 35px;
}
.osp-overlay .osp-grid-empty .osp-grid-empty-title {
  position: absolute;
  bottom: -20px;
  left: 35px;
}
.osp-overlay .osp-grid-empty[style*="--empty-icon-height: 65px"] .osp-grid-empty-title {
  left: 7px;
}
.erp-status-fail {
  color: #F55C3D;
  background: #fff2f0;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 2px;
  border: 1px solid #F37755;
  height: 24px;
  font-size: 12px;
  font-weight: 400;
}
.erp-status-success {
  color: #47b682;
  background: #ecf7ef;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 2px;
  border: 1px solid #6cc59b;
  height: 24px;
  font-size: 12px;
  font-weight: 400;
}
.erp-status-invalid {
  color: #4a4a4a;
  background: #e5e5e5;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}
.erp-status-frozen {
  color: #ff3333;
  background: #ffe0e0;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}
/* 按时间调度 */
.erp-status-scheduleByTime {
  color: #9190DF;
  background: #F1F0FF;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 2px;
  border: 1px solid #9A99E2;
  height: 24px;
  font-size: 12px;
  font-weight: 400;
}
/* 按序号调度 */
.erp-status-scheduleById {
  color: #3FB4D1;
  background: #DAF4F7;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 2px;
  border: 1px solid #54B9D2;
  height: 24px;
  font-size: 12px;
  font-weight: 400;
}
/* 待执行、停止、暂停 */
.erp-status-pendingExecution {
  color: #93A1B8;
  background: #F7F8FA;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 2px;
  border: 1px solid #9CABC1;
  height: 24px;
  font-size: 12px;
  font-weight: 400;
}
/* 等待中、正在停止、正在暂停 */
.erp-status-waiting {
  color: #FF9533;
  background: #FCF6DF;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 2px;
  border: 1px solid #FFB351;
  height: 24px;
  font-size: 12px;
  font-weight: 400;
}
/* 执行中 */
.erp-status-execute {
  color: #4B8BEE;
  background: #E9F3FF;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 2px;
  border: 1px solid #6DA1F1;
  height: 24px;
  font-size: 12px;
  font-weight: 400;
}

/* erp暂时歇一下 */
:root {
  --normal-font-size: 13px;
  --font-family: pingfang SC, Microsoft YaHei, Noto Sans SC;
  --vp-c-brand: var(--ant-primary-color) !important;
  /* // 新增input公共样式 */
  --input-border-color: #041f4a;
  --input-shadow: rgba(4, 31, 74, 0.08);
  /* // select公共颜色 */
  --select-border-background: rgba(227, 231, 237, 0.6);
  --select-border-color: rgba(227, 231, 237, 0.8);
}