.ZTGlobal{
  .colorPicker {
  // z-index: 999999 !important;
}

.el-row {
  margin-bottom: 1rem;

  &:last-child {
    margin-bottom: 0;
  }
}

.el-col {
  border-radius: 4px;
}

.bg-purple-dark {
  background: #99a9bf;
}

.bg-purple {
  background: #d3dce6;
}

.bg-purple-light {
  background: #e5e9f2;
}

.grid-content {
  border-radius: 4px;
  min-height: 36px;
}

.row-bg {
  padding: 10px 0;
  background-color: #f9fafc;
}

.xmtabls {
  background-color: rgba(10, 36, 80, 1);
  width: 100%;
}

.el-tabs__item {
  color: white;
}
.el-table__fixed-right::before{
  background-color:transparent;
}

.el-collapse-item__header {
  color: #fff;
  background-color: #fff0;
  border-bottom: 0px solid #ebeef5;
}

.el-collapse-item__wrap {
  background-color: #fff0;
  border-bottom: 0px solid #ebeef5;
  overflow: unset;
}

.el-collapse {
  // border-top: 0px solid #ebeef5;
  // border-bottom: 0px solid #ebeef5;
  border: none;
  
}

.el-card {
  color: #fff;

  background-color: #fff0;
}

.el-radio {
  color: #fff;
}

.containersd {
  display: flex;
  /* 使用Flexbox布局 */
  flex-direction: column;
  /* 子标签竖向排列 */
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}

.none {
  display: none;
}

.block {
  display: block;
}

.el-switch__label {
  color: #fff;
}




.el-descriptions {
  color: #fff;
}

.el-descriptions__body {
  color: #fff;
  background-color: #fff0;
}

.titleHeader {
  text-align: left;
}


.el-table {

  color: #fff;
}

.el-table {
  background-color: #fff0 !important;
}

.el-table thead {
  color: #fff;
  background-color: #fff0 !important;
}

.el-table__body tr.el-table__row {
  background-color: #fff0 !important;
  /* 浅灰色背景 */
}

// 修改表格背景颜色
.el-table,
.el-table__expanded-cell {
  background-color: #fff0 !important;
}

// 鼠标悬浮该行时的背景颜色
.el-table--enable-row-hover .el-table__body tr:hover>td {
  background-color: #40a0ff42 !important;
}


.el-table th,
.el-table tr,
.el-table td {
  background-color: #fff0 !important;
}

.el-table__body tr.current-row>td {
  background-color: #40a0ff59 !important;
}

.SaveCenter {
  text-align: center;
  padding: 1rem 0;
}

.el-checkbox {
  color: #ffffff;
}





.el-button.is-plain {
  background: #0F7AC8;
  color: #fff;
}

.el-input>input,
.el-select-dropdown,
.el-textarea>textarea {
  color: #fff !important;
  background-color: rgba(4, 28, 50, 0.5) !important;
  border: 1px solid rgba(15, 122, 200, 0.4) !important;
}

.el-input .el-input-group__append {
  color: #fff !important;
  background-color: rgba(4, 28, 50, 0.5) !important;
  border: 1px solid rgba(15, 122, 200, 0.4) !important;
}

.el-input-group__append>button {
  color: #fff !important;
  background-color: rgba(4, 28, 50, 0.5) !important;
  border: 1px solid rgba(15, 122, 200, 0.4) !important;
  padding: 6px 20px;
}

.el-select-dropdown__item {
  color: #ebebeb !important;
}

.el-button--primary,
.notify-btn-primary {
  background: #0f7ac8 !important;
  border-color: #0f7ac8 !important;
  color: #fff !important;
}

.el-button--primary:hover,
.notify-btn-primary:hover {
  background: #0f7bc8d8 !important;
  border-color: #0f7bc8d8 !important;
  color: #fff !important;
}

.el-icon-search {
  color: #20a0fc !important;
}

.el-button--default,
.notify-btn-default {
  background: rgba(63, 147, 245, 0.2) !important;
  border-color: #3f93f5 !important;
  color: rgba(182, 224, 255, 1) !important;
}

.el-button--default:hover,
.notify-btn-default:hover {
  background: rgba(63, 148, 245, 0.432) !important;
  border-color: #3f93f5 !important;
  color: rgba(182, 224, 255, 1) !important;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.35) !important;
}

.el-cascader__dropdown,
.el-picker-panel,
.el-picker-panel__footer {
  color: #fff !important;
  background-color: rgba(4, 28, 50, 0.5) !important;
  border: 1px solid rgba(15, 122, 200, 0.4) !important;
}

.el-time-panel {
  background-color: rgba(4, 28, 50, 0.85) !important;
}

.el-time-spinner__item {
  color: #fff !important;
}

.el-time-spinner__item:hover {
  color: #fff !important;
  background: rgba(63, 148, 245, 0.432) !important;
}

.el-time-panel__footer>button:nth-child(1),
.el-date-table th,
.el-picker-panel__icon-btn,
.el-date-picker__header-label {
  color: #fff !important;
}

.el-pagination>button,
.el-pager li {
  color: #c2c2c2 !important;
  background-color: rgba(4, 28, 50, 0.5) !important;
}

.el-pager li.active {
  color: #fff !important;
  background-color: rgba(4, 28, 50, 0.5) !important;
}

.el-color-picker__panel {
  background-color: rgba(4, 28, 50, 0.5) !important;
}

.el-cascader-node {
  color: #fff !important;
}

.el-cascader-node:hover {
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.35) !important;
}

/* .el-cascader-node:not(.is-disabled):hover */
.el-cascader-node:not(.is-disabled):focus {
  background-color: rgba(4, 28, 50, 0.5) !important;
}

.el-checkbox__input>.el-checkbox__inner {
  border: 1px solid #96a9b7;
  background-color: rgba(4, 28, 50, 0.6);
}

.el-icon-s-operation,
.el-icon-location-outline,
.el-icon-share,
.el-icon-delete {
  color: #20a0fc;
}

.el-icon-s-operation+a,
.el-icon-location-outline+a,
.el-icon-share+a,
.el-icon-delete+a {
  color: #cddeeb;
}

.el-pagination__jump {
  color: #cddeeb !important;
}

.el-input-number__decrease,
.el-input-number__increase {
  color: #fff !important;
  background-color: rgba(4, 28, 50, 0.5) !important;
  border: 1px solid rgba(15, 122, 200, 0.4) !important;
}
}