@import url('/src/design/ant/tag.less');
@import url('/src/design/ant/pagination.less');
@import url('/src/design/ant/input.less');
@import url('/src/design/ant/btn.less');
@import url('/src/design/ant/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%);
  }

  &-buttons button:first-child {
    margin-left: 0;
  }
}

// =================================
// ==============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: @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-message-notice-content {
  border-radius: 16px;
}

.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: #e8f7ff !important;
}

.ant-tabs-card.mode-tabs {
  .ant-tabs-tab {
    padding: 12px 18px;
    border: 0;
    background: none;
    line-height: 18px;
  }

  .ant-tabs-tab-active {
    font-weight: bold;
  }

  .ant-tabs-ink-bar {
    height: 1px;
    visibility: visible;
  }
}

.ant-form-item-explain-error {
  text-align: left;
}
