@import "../../../../src/theme.less";

:host {
  width: 100%;
  height: 100%;
}
.buildingDistance {
  width: 100%;
  height: 100%;
  padding: 16px 20px;

  .targetDept {
    overflow: hidden;
    width: 196px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .orderPlanTimeShow {
    overflow: hidden;
    width: 142px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .content {
    width: 100%;
    height: 100%;
    position: relative;

    .top {
      width: 100%;
      padding-bottom: 7px;
      border-bottom: 1px solid #e5e9ed;
      position: relative;
      overflow: hidden;
      z-index: 2;

      .btns {
        display: flex;
        justify-content: flex-end;
        .btn {
          margin-left: 16px;
          &:first-of-type {
            margin-left: 0;
          }
        }
      }
    }

    .bottom {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      padding-top: 79px;

      .table {
        width: 100%;
        height: 100%;

        .box {
          border-radius: 5px;
          background: #f9fafb;
          border: 1px solid #e5e9ed;
          padding-bottom: 60px;
          position: relative;
          text-align: center;
          .b_header {
            height: 46px;
            line-height: 46px;
            background-image: linear-gradient(to right, @bg-start, @bg-end);
            color: #fff;
          }
          .b_list {
            height: 48px;
            display: flex;
            align-items: center;
            .b_list_content {
              display: flex;
              justify-content: space-around;
              ::ng-deep .active .ant-select-selection {
                border-color: red!important;
              }
            }
            .b_percent {
              display: flex;
              align-items: center;
              i {
                cursor: pointer;
                font-size: 26px;
              }
            }
          }
          .b_save {
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
          }
        }
      }
    }
  }
}

.txtC {
  text-align: center;
}
