
.point-view {
  display: flex;

  .point-view-table {
    flex: 1;

    .point-list-view {
      .boot-bar {
        display: inline-flex;

        .bar2 {
          padding-top: 0.4rem;
        }
      }
    }
  }

  .point-search {
    .ant-select-selection {
      &.ant-select-selection--single {
        width: 15rem;

        .ant-select-selection__rendered {
          padding-left: 0;
        }
      }
    }

    .ant-select-allow-clear {
      .ant-select-selection {
        width: 15rem;
      }
    }
  }
}
.point-basic-info-div {
  width: 100%;
  height: 100%;
  padding-top: 20px;

  .point-basic-info-title {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
  }

  .amos-form-horizontal {
    margin-left: 20px;

    .amos-form-item {
      margin-bottom: 1.5rem;
    }

    // .amos-col-sm-4 {
    //   width: 16%;
    // }
  }

  .point-info-input {
    width: 24rem !important;
    height: 2.5rem;
  }
}

.point-basic-info {
  .point-basic-info-title {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
  }

  .point-basic-info-affix {
    width: 100%;
    // padding-bottom: 50px;

    .amos-affix {
      top: unset !important;
      left: unset !important;
      width: 559px;

      .text {
        width: 100% !important;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        background: whitesmoke;
        border-bottom: 1px solid #d9d9d9;
      }
    }
  }
}

.point-catalog {
  .point-catalog-table {
    .point-catalog-add-input {
      width: 100%;
    }

    .point-catalog-add-select {
      width: 100%;
    }

    .ant-table-body {
      max-height: 520px !important;
    }
  }

  .point-catalog-title {
    padding-bottom: 1rem;
    margin-top: 1rem;
    text-align: center;
    border-bottom: 1px solid #e9e9e9;
  }

  .amos-splitpane-vertical {
    width: 99.2%;
    height: 80%;
  }
}

.point-info-edit-right {
  height: 100%;

  .amos-collapse {
    height: 100%;

    .amos-collapse-active {
      height: calc(100% - 78px);
    }
  }

  .amos-collapse-content {
    &.amos-collapse-content-active {
      height: calc(100% - 39px);
      padding: 2px;

      &::before {
        display: none;
      }

      .amos-collapse-content-box {
        margin-top: 0;

        .amos-splitpane-vertical {
          width: 99%;
          height: calc(100% - 160px);

          .amos-splitpane-panel {
            // height: 36px !important;
            height: 92;
            overflow: auto;
          }

          .amos-splitpane-panel-main {
            height: 50px;

            .point-input-item-level {
              float: left;
              width: 38%;
              max-width: 50%;
              margin-left: 2%;

              .amos-idropdown-toggle {
                width: 75%;
                max-width: 100%;
              }
            }

            .point-input-item-add {
              // position: absolute;
              // top: 3px;
              // right: 20%;
              // left: 20%;
              float: right;
              width: 58%;
              max-width: 58%;

              .point-input-item-add-select {
                float: left;
                width: 75%;
                // margin-left: 2%;
              }

              button {
                float: left;
                height: 30px;
              }
            }
          }
        }
      }

      .point-qr-print {
        // padding-top: 100px;
        text-align: center;

        .point-info-qr {
          padding-top: 5%;
        }
      }
    }
  }
}

.point-input-item {
  .point-input-item-title {
    padding-bottom: 1rem;
    margin-top: 1rem;
    text-align: center;
    border-bottom: 1px solid #e9e9e9;
  }

  .amos-splitpane-vertical {
    height: 90%;
  }

  .point-input-item-level {
    float: left;
    width: 30%;
    max-width: 30%;
    margin-left: 2%;

    .amos-idropdown-toggle {
      width: 66%;
      max-width: 100%;
      min-width: 50%;
    }
  }

  .point-input-item-add {
    // position: absolute;
    // top: 3px;
    // right: 10%;
    // left: 10%;
    float: right;
    width: 66%;
    max-width: 66%;
    margin-right: 1%;

    .point-input-item-add-select {
      float: left;
      width: 69%;
      max-width: 69%;
      max-height: 190px !important;
      min-width: 66%;
      margin-right: 2%;
    }

    button {
      float: left;
      height: 30px;
    }
  }

  .ant-table-body {
    max-height: 300px !important;
  }
}

.amos-splitpane {
  &.amos-splitpane-vertical {
    background: white;

    .amos-cardpane {
      &.amos-cardpane-bordered {
        &.amos-cardpane-animate {
          height: 0 !important;
          border-bottom: 0;
        }
      }
    }
  }
}

.patrol-view-content-body {
  .amos-cardpane-head {
    height: 40px;
    line-height: 40px;
  }
}
