@import "../../../../src/theme.less";
.save {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 99;

  .modalBody {
    width: 700px;
    height: 400px;
    background: #fff;
    border-radius: 4px;
    padding: 14px 24px 10px 24px;
    color: #333;

    .title {
      width: 100%;
      text-align: center;
      font-size: 16px;
      position: relative;

      i {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 16px;
        color: #666;
        cursor: pointer;
      }
    }

    .contentBody {
      width: 100%;
      height: 296px;
      margin-top: 14px;
      background: #F9FAFB;
      border-radius: 4px;
      border: 1px solid rgba(0,0,0,0.25);
      display: flex;
      overflow: hidden;
      .nav{
        width: 182px;
        height: 100%;
        flex-shrink: 1;
        border-right: 1px solid #CCCCCC;
        .navItem{
          height: 48px;
          line-height: 48px;
          font-size: 14px;
          padding: 0 16px;
          cursor: pointer;
          &.active{
            background: #F0F6ED;
            color: @primary-color;
          }
        }
      }
      .body{
        flex: 1;
        height: 100%;
        .addRemarks {
          color: @primary-color;
          cursor: pointer;
        }

        .modalBody_left_box {
          height: 100%;
          box-sizing: border-box;
          padding: 8px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
        }
      }
    }
  }
  .btns{
    margin-top: 10px;
  }
  .modalBody_box {
    width: 100%;
    min-width: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    .content {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

      & > div {
        width: 100%;
      }

      .shortcutForm {
        width: 100%;

        .ant-form-item-label {
          text-align: right;
        }
      }
    }

    .btns {
      padding-bottom: 16px;
      padding-top: 16px;
    }
  }
  .defeat{
    text-align: center;
    margin-bottom: 16px;
  }
  .tabRow{
    margin-bottom: 24px;
    word-break: break-all;
    &:first-of-type{
      margin-top: 24px;
    }
    p{
      text-align: right;
      margin-bottom: 0;
    }
  }
}
.modalBody_left {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  &.nLoading,
  &.noData {
    justify-content: center;
    align-items: center;

    img {
      width: 24px;
    }

    div {
      display: inline-block;
    }
  }
}
:host .readonly{
  ::ng-deep .ant-form-item-label,::ng-deep .ant-form-item-control{
    line-height: normal!important;
  }
}
