@import './pagination.less';
@import './input.less';
@import './btn.less';
@import './table.less';

.ant-image-preview-root {
  img {
    display: unset;
  }
}

span.anticon:not(.app-iconify) {
  vertical-align: -0.125em !important;
}

.ant-back-top {
  right: 20px;
  bottom: 20px;
}

.collapse-container__body {
  > .ant-descriptions {
    margin-left: 6px;
  }
}

.ant-image-preview-operations {
  background-color: rgb(0 0 0 / 30%);
}

.ant-popover {
  &-content {
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
  }
}

// =================================
// ==============modal message======
// =================================
.modal-icon-warning {
  color: @warning-color !important;
}

.modal-icon-success {
  color: @success-color !important;
}

.modal-icon-error {
  color: @error-color !important;
}

.modal-icon-info {
  color: var(--primary-color) !important;
}

.ant-checkbox-checked .ant-checkbox-inner::after,
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-top: 0 !important;
  border-left: 0 !important;
}

.ant-form-item-control-input-content {
  > div {
    > div {
      max-width: 100%;
    }
  }
}

.ant-checkbox-checked .ant-checkbox-inner,
.ant-radio-checked .ant-radio-inner {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;

  &:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
  }
}

.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,
.ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
.ant-radio-wrapper:not(.ant-radio-wrapper-disabled):hover .ant-radio-inner {
  border-color: var(--primary-color) !important;
}

.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled) {
  &,
  &:hover {
    .ant-checkbox-checked:not(.ant-checkbox-disabled)::after {
      border-color: var(--primary-color) !important;
    }
  }
}

.ant-table-wrapper .ant-table-tbody > tr.ant-table-row-selected {
  & > td {
    background-color: @primary-3;
  }

  &:hover > td {
    background-color: @primary-4;
  }
}

.ue-modal-main {
  .ant-modal-content {
    padding: 0 !important;
  }
}

.ant-modal {
  .ant-modal-content {
    padding: 0;
    border-radius: 2px;
  }

  .ant-modal-confirm-content {
    max-width: 100% !important;
  }

  .mt-3 {
    margin-top: 12px;
  }

  .mt-5 {
    margin-top: 20px;
  }
}