xfflod-recieve/src/components/ant_override.less

.ant-btn-primary,
.ant-btn-default {
  padding: 0 15px;
  border-radius: 4px;
}

.ant-form-item-label>label {
  font-weight: bold;
  padding-right: 8px;
}

.ant-input,
.ant-select-selector {
  border-radius: 4px !important;
  // box-shadow: 0 0 2px 2px #f5f5f5 !important;
}

.ant-input-search {
  .ant-input {
    border-radius: 4px 0 0 4px !important;
  }

  .ant-btn {
    border-radius: 0 4px 4px 0 !important;
    min-width: 80px;
  }
}

.ant-radio-group {
  .ant-radio-button-wrapper:first-child {
    border-radius: 8px 0 0 8px !important
  }

  .ant-radio-button-wrapper:last-child {
    border-radius: 0 8px 8px 0 !important
  }

  .ant-radio-button-wrapper {
    border: 1px solid @primary-color !important;

    &:hover {
      background-color: #D9EBFF;
    }
  }

  .ant-radio-button-wrapper {
    color: #3B7CFF;
  }
}

.common-style {
  .ant-table-container {
    border: 1px solid #e8e8e8 !important;
  }

  .ant-table-thead>tr>th,
  .ant-table-tbody>tr>td,
  .ant-table tfoot>tr>th,
  .ant-table tfoot>tr>td {
    padding: 12px 8px;
    border-right: 1px solid transparent !important;
  }

  .ant-table-thead>tr>th {
    background-color: #e0edff !important;
    border-bottom: 1px solid #e8e8e8;
  }

  .ant-table-tbody>tr:not(.ant-table-placeholder)>td {
    border-top: 1px solid #e0edff;
    border-bottom: 1px solid #e0edff;

    &.ant-table-cell-row-hover {
      background: #f4f8ff;
      color: #3773c5;
    }
  }

  .ant-table-tbody tr:not(.ant-table-placeholder):nth-child(2n) {
    background: #f4f8ff;
  }

  .ant-pagination {


    .ant-pagination-item:not(.ant-pagination-item-active) {
      border: none !important;
    }

    .ant-pagination-item-link {
      border: none !important;
    }

    .ant-pagination-item-active {
      background-color: #3773c5 !important;
      border-radius: 99px;

      a {
        color: #fff !important;
      }
    }
  }
}


.ant-modal-content {

  border-radius: 4px;

  .ant-modal-header {
    background: #2a66c2;
    border-radius: 4px 4px 0 0;

    .ant-modal-title {
      color: #fff !important;
    }

    .ant-modal-close {
      color: #fff !important;
    }
  }

}

.ant-btn-link.ant-btn-sm {
  color: #3773c5;
  height: 18px;
}

.anticon-close.ant-modal-close-icon {
  color: #fff;
}

td.ant-table-column-sort {
  background-color: unset;
}


.ant-modal.fullscreen {
  width: 100vw !important;
  max-width: 100vw !important;
  top: 0;
  padding-bottom: 0;

  .ant-modal-body {
    height: calc(100vh - 55px);
    overflow-y: auto;
  }
}



/*
.ant-table-thead>tr>th {
  border-bottom: none !important;

  background: @primary-color !important;
  color: #fff !important;
  font-weight: 600 !important;

  &::before {
    width: 0 !important;
  }

  &:first-child {
    border-top-left-radius: 16px !important;
  }

  &:last-child {
    border-top-right-radius: 16px !important;
  }
}

.ant-table {
  background: transparent !important;
}

.ant-table-tbody>tr>td {
  border-bottom: none !important;
  background: #fff;
  box-shadow: 3px 2px 3px 2px #E8ECF1;
  padding: 12px 16px !important;


  &:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  &:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}


.ant-table table {
  border-spacing: 0 8px !important;
}

.ant-pagination {
  .ant-select-selector {
    border: none !important;
  }


  .ant-pagination-item:not(.ant-pagination-item-active) {
    border: none !important;
  }

  .ant-pagination-item-link {
    border: none !important;
  }

  .ant-pagination-item-active {
    background-color: @primary-color;
    border-radius: 99px;

    a {
      color: #fff !important;
    }

  }

  .ant-pagination-options-quick-jumper input {
    border: none !important;
  }
}

.ant-btn-primary,
.ant-btn-default {
  min-width: 110px;
  border-radius: 99px;
}

.ant-input,
.ant-select-selector {
  border-radius: 4px !important;
  box-shadow: 0 0 2px 2px #f5f5f5 !important;
}

.ant-input-search {
  .ant-input-lg {
    border-top-left-radius: 99px !important;
    border-bottom-left-radius: 99px !important;
  }

  .ant-btn-lg {
    border-top-right-radius: 99px !important;
    border-bottom-right-radius: 99px !important;
    min-width: 80px;
  }
}

.kai-comp .ant-picker-range {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  box-shadow: 0 0 2px 2px #f5f5f5 !important;
}

.kai-comp .ant-picker-status-error.ant-picker {
  border-left: none;
}

.tree-select {
  .ant-tree {
    border: 1px solid #f3f5f8;
    background: #f9fafc;
    border-radius: 4px !important;
    padding: 8px !important;
  }

  .ant-tree-switcher {
    background-color: transparent !important;
  }

  .ant-tree-switcher {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #C7CBD3;
    font-size: 12px;
  }
}


.ant-radio-group {
  .ant-radio-button-wrapper:first-child {
    border-radius: 8px 0 0 8px !important
  }

  .ant-radio-button-wrapper:last-child {
    border-radius: 0 8px 8px 0 !important
  }

  .ant-radio-button-wrapper {
    border: 1px solid @primary-color !important;

    &:hover {
      background-color: #D9EBFF;
    }
  }

  .ant-radio-button-wrapper {
    color: #3B7CFF;
  }
}

.ant-checkbox-checked {
  .ant-checkbox-inner {
    background-color: #3b7cff !important;
    border-color: #3b7cff !important;
  }

  &::after {
    border: none !important;
  }
}

.ant-checkbox-inner {
  border-radius: 4px !important;
  border-width: 1.4px !important;
  border-color: #C7CBD3 !important;
}
*/