#trendsQRcode {
  background-color: #fff;
  padding-bottom: 50px;
}

#trendsQRcode #qrcode img {
  margin: auto;
  display: inline;
  padding-top: 50px;
  margin-bottom: 20px;
}

#trendsQRcode .text-title {
  width: 500px;
  font-size: 60px;
  background-color: #fff;
  padding: 0 40px;
}

#trendsQRcode .refresh-btn {
  width: 200px;
  font-size: 30px;
  margin-bottom: 30px;
}


#clockInStat .el-calendar__body {
  height: 88vh;
}

#clockInStat .day-class {
  flex: 4;
}

#clockInStat .handle-class {
  flex: 1;
}

#clockInStat .paiban-class {
  flex: 4;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  margin-top: 1px;
  border-radius: 5px;
  /* color:#fff; */
}

#clockInStat .no-work-class {
  text-align: center;
  color: #cacaca;
}

#clockInStat .icon-class {
  font-size: 20px;
  margin-bottom: 20px;
}

#clockInStat .el-calendar-table .el-calendar-day {
  height: 45%;

}

#clockInStat .is-selected {
  color: #1989FA;
}

#clockInStat .el-button-group {
  display: none;
}

#clockInStat .padding0 {
  padding: 0;
}

#clockInStat .flex-but {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 50px;
}

/* 添加页面 修改element-ui原始下拉框样式 */
.inputWidth .el-input--suffix .el-input__inner {
  width: 578.76px;
  height: 37.99px;
  padding: 0 12px;
}

/* .el-input--suffix .el-input__inner {
  width: 578.76px;
  height: 37.99px;
  padding: 0 12px;
} */
.inputWidth .el-icon-time:before {
  content: '';
}

.inputWidth .el-icon-date:before {
  content: '';

}

.el-input__inner::placeholder {
  color: #676a6c !important;
  font-size: 16px !important;
}

.el-select .el-input .el-select__caret:before {
  color: #676a6c !important;
}

.border-e7 {
  border: 1px solid #e7eaec;
}

.margin-b20 {
  margin-bottom: 20px;
}

.margin-tb20 {
  margin: 20px 0;
}

.space-between {
  justify-content: space-between;
}

.margin20 {
  margin: 20px;
}

.align-items-center {
  align-items: center;
}

.padding20 {
  padding: 20px;
}

.margin-l20 {
  margin-left: 20px;
}

#clockInStatDetails .el-input__inner {
  width: 350px;
}

/* 排班汇总表 */
#scheduleSummary .java110-table-scoll-width {
  max-width: 92%;
  margin: 0 auto;
  overflow-x: auto;
  /* 处理横向溢出 */
}

#scheduleSummary .java110-table-scrollable-container {
  max-width: 92%;
  max-height: 600px;
  /* 设置最大高度，超过此高度时内容部分会滚动 */
  overflow-y: auto;
}

#scheduleSummary table {
  width: 100%;
  border-collapse: collapse;
}

#scheduleSummary th,
#scheduleSummary td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

#scheduleSummary thead th {
  position: -webkit-sticky;
  /* 兼容性写法 */
  position: sticky;
  top: 0;
  background-color: #f9f9f9;
  z-index: 1;
  /* 确保表头在最上层 */
  text-align: center;
  /* 居中显示 */
  border: 1px solid #ebeef5;
  /* 添加表格线 */
}

#scheduleSummary tbody td {
  text-align: center;
}