/**
 * Polestar CSS
 */
@import '~antd/lib/steps/style/index';

@import '../../themes/default/index';
@import '../../mixins/index';

@import "../steps/index";
@import '../button/index';
@import "../modal/index";
@import "../window/index";

@dialog-prefix-cls: ~'@{ant-prefix}-modal';
@table-prefix-cls: ~'@{ant-prefix}-table';
@wizard-prefix-cls: ~"@{polestar-prefix}-wizard";

  .@{wizard-prefix-cls} {
     &-modal {
          .@{dialog-prefix-cls} {
              &-body {
                  padding: 0;
              }
          }
          .@{wizard-prefix-cls} {
              &-grid {
                  margin: 0 auto;
                  width: 100%;
                  // .@{steps-prefix-cls}-item {
                  //     &-icon {
                  //         cursor: pointer;
                  //     }
                  //     &-wait {
                  //         .@{steps-prefix-cls}-item-icon {
                  //             cursor: not-allowed;
                  //         }
                  //     }
                  // }
              }
              &-contents {
                  padding: 15px 20px;
              }
              &-review {
                  // margin: 0 0 0 20px;
                  // border: @border-width-base @border-style-base @border-color-split;
                  // border-radius: @border-radius-base;
                  // margin: 20px;
                  &-wrapper {
                      margin: 0 0 10px 0;
                  }
                  &-title {
                      margin: 0 0 2px 0;
                      color: @gray-6;
                  }
                  .@{table-prefix-cls} {
                      &-small {
                          border: @border-width-base @border-style-base @gray-3;
                          table {
                              padding: 0;
                              font-size: @font-size-base - 1px;
                          }
                          > .@{table-prefix-cls}-content {
                              > .@{table-prefix-cls}-header > table,
                              > .@{table-prefix-cls}-body > table,
                              > .@{table-prefix-cls}-scroll > .@{table-prefix-cls}-header > table,
                              > .@{table-prefix-cls}-scroll > .@{table-prefix-cls}-body > table,
                              > .@{table-prefix-cls}-fixed-left > .@{table-prefix-cls}-header > table,
                              > .@{table-prefix-cls}-fixed-right > .@{table-prefix-cls}-header > table,
                              > .@{table-prefix-cls}-fixed-left > .@{table-prefix-cls}-body-outer > .@{table-prefix-cls}-body-inner > table,
                              > .@{table-prefix-cls}-fixed-right > .@{table-prefix-cls}-body-outer > .@{table-prefix-cls}-body-inner > table {
                                  > .@{table-prefix-cls}-thead > tr > th,
                                  > .@{table-prefix-cls}-tbody > tr > td {
                                      padding: @table-padding-vertical*2/5 @table-padding-horizontal;
                                  }
                              }
                          }
                      }
                      .@{wizard-prefix-cls}-table-label {
                          background: @gray-2;
                          width: 150px;
                          max-width: 200px;
                          border-right: @border-width-base @border-style-base @gray-3;
                          text-align: right;
                      }
                      &-tbody > tr > td {
                          border-bottom: @border-width-base @border-style-base @gray-3;
                      }
                      &-tbody > tr:last-child > td {
                          border-bottom: none;
                      }
                      &-thead > tr,
                      &-tbody > tr {
                          &.@{table-prefix-cls}-row-hover,
                          &:hover {
                              & > td {
                                  background: none;
                              }
                              .ps-wizard-table-label {
                                  background: @gray-2;
                              }
                          }
                      }
                  }
              }
              &-steps {
                  padding: 20px;
                  border-right: @border-width-base @border-style-base @border-color-split;
              }
              &-actions {
                  display: flex;
                  flex-direction: row;
                  justify-content: flex-end;
                  margin: 0 auto;
                  height: 100%;
              }
          }
     }
 
     &-window {
         .@{wizard-prefix-cls} {
             &-actions {
                 display: flex;
                 flex-direction: row;
                 justify-content: flex-end;
                 margin: 0 auto;
                 height: 100%;
             }
         }
     }
 
     .@{wizard-prefix-cls} {
         &-grid {
             .ant-steps {
                 .ant-steps-item {
                     &.ant-steps-item-disabled {
                         opacity: 0.5;
                     }
                 }
             }
         }
     }
 }