/* 表格最外层透明 */
.el-table,
.el-table__expanded-cell {
  background-color: transparent;
}

/* 表格内背景颜色 */
.el-table th,
.el-table tr,
.el-table td {
  background-color: transparent !important;
}

/* 通过css变量修改el-table样式 */
.el-table {
  // 表头
  --el-table-header-text-color: #FFFFFF;

  /* 行样式 */
  --el-table-text-color: #FFFFFF;

  .el-table__body {
    tr {
      // 行高
      height: 48px;

      // 行悬停效果
      &:hover {
        td {
          background-color: #92b7ef88 !important;
        }
      }
    }
  }
}

.el-input {
  --el-table-text-color: #FFFFFF;
}

// 分段选择器的样式
.custom-style .el-segmented {
  // 选中选项的背景颜色
  --el-segmented-item-selected-bg-color: #1977d5d7;
  // 分段选择器的背景颜色
  --el-segmented-bg-color: #1b1c54;
  // 选项悬停时的背景颜色
  --el-segmented-item-hover-bg-color: #1977d5d7;
  // 选项文字颜色
  --el-segmented-color: #FFFFFF;
  // 选项悬停时的文字颜色
  --el-segmented-item-hover-color: #FFFFFF;
  // 选中选项的背景颜色
  --el-segmented-item-active-bg-color: #1977d5d7;
}

.segmentedStyle .el-segmented {
  --el-segmented-item-selected-bg-color: #1977d5d7;
  --el-segmented-bg-color: #1b1c54;
  --el-segmented-item-hover-bg-color: #1977d5d7;
  --el-segmented-color: #FFFFFF;
  --el-segmented-item-hover-color: #FFFFFF;
  --el-segmented-item-active-bg-color: #1977d5d7;
}

.el-dialog {
  background-image: url("@/assets/picture/dialog1.png") !important;
  background-size: 100% 100%;
  background-repeat: no-repeat;

  .el-form-item__label {
    color: #ffffff;
  }

  .el-dialog__header {
    color: #ffffff;
  }

  .el-dialog__title {
    color: #ffffff;
  }

  .el-textarea__inner {
    background-color: #1d5484;
    color: #ffffff;
    box-shadow: none;
  }
}

// .el-date-editor {
//   .el-date-editor {
//     color: #ffffff;
//   }  
// }

.el-date-editor .el-range-input{
  color: #ffffff;
}

.el-loading-spinner .path {
  stroke: white !important;
  /* 替换为你需要的颜色（如 #304156 或 rgb(48, 65, 86)） */
}

/* 卡片外层容器透明 */
.el-card {
  background-color: transparent !important;
  border: none;
  /* 可选：去除边框 */
}

/* 卡片内容区域透明 */
.el-card__body {
  background-color: transparent !important;
  padding: 16px;
  /* 保持默认内边距，可按需调整 */
}

.el-popover {
  background-color: #1D5484 !important;
  color: white !important;
}

.el-popper__arrow::before{
  background-color: #1D5484 !important;
}

//分页器总数据量文字颜色
.el-pagination__total{
  color: white !important;
}

.el-select__placeholder,.el-pagination__goto,.el-pagination__classifier,.el-range-separator{
  color: white !important;
}

.el-input__inner{
  color: white;
}
.el-select__placeholder{
  color: #ccc !important;
}

/* 修改el输入框的样式 */
.el-input__wrapper {
  background-color: #1d5484 !important;
  box-shadow: none !important;
}

/* Dialog 关闭按钮 */
.el-dialog__headerbtn .el-dialog__close {
  font-size: 0;
}

.el-dialog__headerbtn {
  content: '';
  width: 32px;
  height: 32px;
  margin-right: 15px;
  margin-top: 15px;
  display: inline-block;
  background: url('@/assets/picture/close-btn.svg') no-repeat center !important;
  background-size: contain;
}