$parkball-filter-table-bgc: #fff;
$parkball-filter-table-bd: 1px solid #D9D9D9;
$parkball-filter-table-bdr: 3px;
$parkball-filter-table-item-hover: #5386F0;
$parkball-filter-table-td-error: #F5222D;
$parkball-filter-table-td-warn: #FAAD14;
$parkball-filter-table-td-ready: #52C41A;

.parkball-filter-table {
  .ant-btn-primary {
    height: 32px !important;
  }

  .ant-form {
    background: $parkball-filter-table-bgc;
    border: $parkball-filter-table-bd;
    border-radius: $parkball-filter-table-bdr;
    padding: 10px 20px 10px 0;

    .ant-row {
      .items-col {
        .items-row {
          .item-col {
            .ant-form-item {
              display: flex;
              align-items: center;
              justify-content: flex-end;
              height: 50px;
              margin-bottom: 0;

              .ant-form-item-label {}

              .ant-form-item-control-wrapper {
                width: 60%;

                .ant-form-item-control {
                  .ant-form-item-children {
                    .ant-calendar-picker {
                      .ant-calendar-picker-input {
                        .ant-calendar-range-picker-input {
                          &:nth-of-type(1) {
                            &::placeholder {
                              text-align: left;
                            }
                          }

                          &:nth-of-type(2) {
                            &::placeholder {
                              text-align: center;
                            }
                          }
                        }
                      }
                    }
                  }

                  .ant-form-explain {
                    display: none;
                  }
                }
              }
            }
          }
        }
      }

      .handlers-col {
        .handlers-row {
          .handler-col {
            display: flex;
            align-items: center;
            height: 50px;

            &:nth-child(2n) {
              padding-left: 16px;
            }
          }
        }
      }
    }
  }

  .ant-table-wrapper {
    margin: 24px 0;

    .ant-spin-nested-loading {
      .ant-spin-container {
        .ant-table {
          .ant-table-title {
            padding: 0 0 12px 0;
          }

          .ant-table-content {
            .ant-table-body {
              overflow-x: auto;

              table {
                thead {
                  tr {
                    th {
                      span {
                        white-space: nowrap;
                      }
                    }
                  }
                }

                tbody {
                  tr {
                    td {
                      white-space: nowrap;

                      .ant-select {
                        min-width: 150px;
                      }

                      .status-error {
                        color: $parkball-filter-table-td-error;
                      }

                      .status-warn {
                        color: $parkball-filter-table-td-warn;
                      }

                      .status-ready {
                        color: $parkball-filter-table-td-ready;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .parkball-filter-table-footarea {
    display: flex;
    justify-content: space-between;

    .table-footer {
      border-width: 0 !important;
    }

    .ant-pagination {}
  }
}