@import './var.less';
@import "./form.less";
@import "./search.less";

@protable-prefix-cls: ~'@{pxx-prefix}-pro-table';

.@{protable-prefix-cls}-wrapper {
  display: flex;
  flex: auto;
  flex-flow: column;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #ffffff;

  .@{table-prefix-cls}-wrapper,
  .@{table-prefix-cls}-wrapper {
    width: 100%;
    height: 100%;

    .@{ant-prefix}-spin-nested-loading {
      width: 100%;
      height: 100%;

      .@{ant-prefix}-spin-container {
        display: flex;
        flex-flow: column;
        width: 100%;
        height: 100%;

        .@{table-prefix-cls} {
          display: flex;
          flex: auto;
          width: 100%;
          height: 0;
          min-height: 400px;

          .@{table-prefix-cls}-container {
            display: flex;
            flex: 1;
            flex-flow: column;
            width: 100%;
            height: 100%;
            overflow: hidden;

            .@{table-prefix-cls}-body {
              flex: auto;
              width: 100%;
              height: 0;
              min-height: 314px;
              max-height: max-content !important;

              table {
                .@{table-prefix-cls}-measure-row {
                  font-size: inherit !important;
                }

                .@{table-prefix-cls}-expanded-row {
                  .@{table-prefix-cls} {
                    height: auto !important;
                  }
                }

                .@{table-prefix-cls}-expanded-row-fixed {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  min-height: 200px;
                }
              }
            }
          }
        }
      }
    }
  }

  .@{protable-prefix-cls}-option {
    border-width: @protable-option-border-width;
  }

  .@{protable-prefix-cls}-default-option {
    background-color: @protable-option-default-bg;
  }

}
