.dx-popconfirm{
  background: url('../image/dialogBg.png') !important;
  background-size: 100% 100% !important;
  .el-popconfirm__main{ 
    word-break: break-all;
    padding: 10px 0;
  }
  .el-button--primary{
    background: linear-gradient(180deg, rgba(0, 135, 255, 0.25) 10%, #0087ff 100%);
  }
}

.dx-body-time{
    scale: 0.9;
    border: none;
    color: #ffffff88 !important;
    .el-input__inner {
      color: #ffffff88 !important;
      background: rgb(7, 27, 86) !important;
      border: 0.05vw solid rgba(90, 134, 243, 1) !important;
      height: 2.5vh !important;
      line-height: 2.5vh !important;
      font-size: 0.73vw;
    }
  
    .el-date-table th {
      color: #ffffff88 !important;
    }
  
    .in-range div {
      background: rgba(38, 73, 162, 1) !important;
      height: 2.96vh !important;
      line-height: 2.96vh !important;
      font-size: 0.5469vw;
      color: #ffffff;
    }
  
    .el-date-table td span {
      width: 2.22vh !important;
      height: 2.22vh !important;
      line-height: 2.22vh !important;
    }
  
    .popper__arrow {
      border-bottom-color: rgba(90, 134, 243, 1) !important;
      &::after {
        border-bottom-color: rgba(90, 134, 243, 1) !important;
      }
    }
  
    .el-scrollbar {
      border: 0.05vw solid rgba(90, 134, 243, 1);
      background: #042252;
      color: #ffffff;
      border-radius: 0.21vw;
    }
  
    .el-select-dropdown__item {
      color: #ffffff;
      height: 2.59vh !important;
      line-height: 2.59vh !important;
      font-size: 0.73vw;
    }
  
    .el-time-spinner__item:hover:not(.disabled):not(.active) {
      background: rgba(90, 134, 243, 1) !important;
    }
  
    .el-select-dropdown__empty {
      border: 0.05vw solid rgba(90, 134, 243, 1);
      background: #042252;
      color: #ffffff;
      border-radius: 0.21vw;
    }
  
    .el-picker-panel__body-wrapper,
    .el-picker-panel__footer {
      border: 0.05vw solid rgba(90, 134, 243, 1) !important;
      background: #042252 !important;
  
      .is-plain {
        background: rgb(7, 27, 86);
        color: #fff;
        border: 0.05vw solid rgba(90, 134, 243, 1);
  
        &:hover {
          background: rgb(60, 82, 127);
        }
        &:focus {
          background: rgb(60, 82, 127);
        }
      }
    }
  
    .el-time-panel,
    .active {
      border: 0.05vw solid rgba(90, 134, 243, 1) !important;
      background: #042252 !important;
      .el-time-spinner__item {
        color: #ffffff88 !important;
      }
    }
  
    .hover {
      background: #042252;
    }
    .disabled div {
      background: #00000050 !important;
    }
  
    .el-date-range-picker__header {
      .el-picker-panel__icon-btn {
        color: #ffffff !important;
      }
    }
  }