@import url(../../../styles/common/easyvCommon.less);

// antd模态框默认样式修改
.modalContainer {
 
  :global(.easyv-modal-content) {
    background-color: var(--easyv-background-6);
    border-radius: 2px;
  }

  :global(.easyv-modal-header) {
    background-color: var(--easyv-background-6);
    border-bottom-color: #3c404c;

    :global(.easyv-modal-title) {
      color: #fff;
    }
  }

  :global(.easyv-modal-close-icon) {
    color: #fff;

    &:hover {
      opacity: 0.8;
    }
  }

  :global {
    .easyv-upload.easyv-upload-drag {
      border-color: rgba(255, 255, 255, 0.22);
    }
  }

  :global(.easyv-modal-body) {
    padding: 0px;
    background-color: var(--easyv-background-6);
  }

  :global(.easyv-form-item-control) {
    line-height: 36px;
  }

  :global(.easyv-form-item-label) {
    line-height: 36px;

    label {
      color: #151515;
    }
  }

  :global {
    .easyv-select:not(.easyv-select-customize-input) .easyv-select-selector {
      color: rgba(180, 183, 193, 1);
      background: #181a24;
      border: 1px solid rgba(255, 255, 255, 0.12);
      box-sizing: border-box;
      border-radius: 2px;
    }

    .easyv-modal-close-x {
      display: block;
      width: 56px;
      height: 47px;
      font-size: 14px;
      font-style: normal;
      line-height: 47px;
      text-align: center;
      text-transform: none;
      text-rendering: auto;
    }
  }
}

//模态框中间样式
.modalContent {
  padding: 24px;
  max-height: 500px;
  overflow-y: auto;
  width: 100%;
  background-color: transparent !important;
  .input();
  .select();

  :global {
    .easyv-input-number {
      width: 100%;
    }

    .easyv-form-item-label label {
      color: #fff !important;
    }

    .easyv-radio-wrapper {
      color: #fff !important;
    }

    .easyv-form-item-has-error .easyv-input,
    .easyv-form-item-has-error .easyv-input-affix-wrapper,
    .easyv-form-item-has-error .easyv-input:hover,
    .easyv-form-item-has-error .easyv-input-affix-wrapper:hover {
      background-color: transparent !important;
      border-color: rgba(235, 81, 90, 1);
    }
  }
}

// 模态框底部样式
.modalFooter {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 24px;
  padding-right: 24px;

  button {
    margin-right: 8px;

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

.black {
  color: #bfbfbf;

  :global(.easyv-modal-header) {
    background-color: var(--easyv-background-6) !important;
    border-bottom-color: rgba(255, 255, 255, 0.12);

    :global(.easyv-modal-title) {
      color: #fff;
    }
  }

  :global(.easyv-modal-close) {
    color: #999;
  }

  :global(.easyv-modal-body) {
    background-color: var(--easyv-background-6) !important;
    color: #fff;
  }

  .cancelButton {
    background-color: #303239;
    color: #fff;
    border-color: #303239;

    &:hover {
      border-color: #2491f7;
    }
  }
}
