.important-equipment {
  padding: 10px;

  .ant-table-title {
    display: none;
  }

  .important-equipment-toolbar {
    display: inline-block;
    width: 100%;
    height: 40px;
    padding-left: 20px;
    font-size: 15px;
    line-height: 40px;
    text-align: left;
    background-color: $biz-title-color;

    .amosicon {
      padding-left: 10px;
    }

    .important-equipment-title {
      float: left;
    }

    .important-equipment-tools {
      float: right;
      font-size: 12px;

      .amos-input {
        width: 15rem;
        margin-right: 1rem;
      }
    }
  }

  .qq-client-body {
    top: 42px;

    .qq-client-content {
      height: 100%;

      .search-view {
        .search-view-buttons {
          button:nth-child(2) {
            margin-left: 0.8rem !important;
            color: black;
            background: transparent;
          }
        }
      }
    }
  }

  .ant-table-selection-column {
    width: 42px !important;
    min-width: 42px !important;
  }

  button {
    height: 2.5rem;
    margin-left: -0.9px !important;
    background: $content-color;
    border: 1px solid $core-border-color;
    opacity: 1;
  }

  .ant-table-tbody {
    .highlight-row {
      background: #ecf6fd;

      &:hover {
        background: #ecf6fd;
      }
    }

    .normal-row {
      background: white;
    }
  }
}


.match-equipment {
  padding-right: 10px;
  padding-left: 10px;
  overflow: auto;

  .ant-table-title {
    display: none;
  }

  .match-equipment-toolbar {
    display: inherit;
    height: 40px;
    // padding-right: 15px;
    line-height: 40px;

    .match-equipment-toolbar-goback {
      float: left;
    }

    .match-equipment-toolbar-title {
      float: left;
      padding-left: 20px;
    }

    .match-equipment-toolbar-oper {
      text-align: right;

      .amosicon {
        padding-left: 10px;
      }
    }
  }

  .match-equipment-content {
    display: flex;

    .match-equipment-table {
      width: 50%;
      padding-right: 15px;

      .ant-table-selection-column {
        width: 42px;
        min-width: 42px;
      }
    }

    .match-equipment-photo {
      display: table;
      width: 50%;

      img {
        padding: 10px;
      }

      .match-equipment-photo-row1 {
        display: table-row;
        height: 420px;

        .match-equipment-photo1 {
          display: table-cell;
          width: 50%;
          padding-right: 7.5px;
          text-align: center;

          img {
            width: 100%;
          }
        }

        .match-equipment-photo2 {
          display: table-cell;
          padding-left: 7.5px;
          text-align: center;

          img {
            width: 100%;
          }
        }
      }

      .match-equipment-photo-row2 {
        display: table-row;
        height: 420px;

        .match-equipment-photo3 {
          display: table-cell;
          width: 50%;
          padding-right: 7.5px;
          text-align: center;

          img {
            width: 100%;
          }
        }

        .match-equipment-photo4 {
          display: table-cell;
          padding-left: 7.5px;
          text-align: center;

          img {
            width: 100%;
          }
        }
      }
    }

    .match-equipment-item-title {
      padding-left: 20px;
      font-size: 15px;
      line-height: 40px;
      color: $biz-table-font-color;
      text-align: left;
      background-color: $biz-title-color;//rgba(40, 40, 40, 1);
    }
  }

  .ant-table-selection-column {
    width: 42px;
    min-width: 42px;
  }

  button {
    height: 2.5rem;
    margin-left: -0.9px !important;
    background: $content-color;
    border: 1px solid $core-border-color;
    opacity: 1;
  }
}


.match-equipment-bind {
  .ant-table-title {
    display: none;
  }

  .amos-modal-container {
    top: 10%;
    width: 60% !important;
    height: 76%;

    .amos-modal-header {
      // background: #f2f2f2;
    }

    .amos-modal-content {
      height: 82%;
      max-height: none;
      padding-top: 1rem;

      .equipment-fire-equipment-search {
        padding-bottom: 1rem;
        text-align: right;

        .amos-idropdown-toggle {
          margin-right: 1rem;
          text-align: left;
        }
      }

      .equipment-fire-equipment {
        .ant-table-selection-column {
          width: 42px;
          min-width: 42px;
        }
      }

      .ant-table-tbody {
        .editable-cell {
          position: relative;
        }

        .editable-cell-input-wrapper,
        .editable-cell-text-wrapper {
          padding-right: 24px;

          .amos-input {
            width: 50px;
          }
        }

        .editable-cell-text-wrapper {
          padding: 5px 24px 5px 5px;
        }

        .editable-cell-icon,
        .editable-cell-icon-check {
          position: absolute;
          right: 0;
          width: 20px;
          cursor: pointer;
        }

        .editable-cell-icon {
          display: none;
          line-height: 18px;
        }

        .editable-cell-icon-check {
          line-height: 28px;
        }

        .editable-cell:hover .editable-cell-icon {
          display: inline-block;
        }

        .editable-cell-icon:hover,
        .editable-cell-icon-check:hover {
          color: #108ee9;
        }
      }
    }

    .amos-modal-footer {
      // background: #f2f2f2;
    }
  }

  .important-equipment-edit-left {
    float: left;
    width: 50%;
    padding-top: 30px;

    .risk_factor_input {
      width: 20rem;
    }

    .amos-select-dropdown {
      width: 20rem;
    }
    .amos-form-item-control {
      .tree-select-scroll-wrapper {
        width: 62.5%;

        .ant-select-dropdown-placement-bottomLeft {
          top: 33px !important;
          left: 1.46875px !important;
          width: 240px  !important;
          max-height: 191px !important;
          overflow: auto !important;
        }
      }
    }
  }

  .important-equipment-edit-right {
    float: left;
    width: 50%;
    padding-top: 30px;

    .risk_factor_input {
      width: 20rem;
      max-width: 20rem;

      input {
        width: 20rem;
      }
    }

    .amos-select-dropdown {
      width: 20rem;
    }
  }

  &.safety-control-obj-equipment {
    .amos-modal-container {
      width: 35% !important;

      .amos-modal-content {
        height: 85%;

        .important-equipment-edit-left {
          float: unset;
          width: unset;
        }
      }
    }
  }
}


.match-equipment-carousel {
  .amos-modal-container {
    top: 10%;
    height: 80%;

    .amos-modal-content {
      height: 95%;
      max-height: 100%;
    }
  }

  .points-details-empty {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-bottom: 70px;
    font-size: 21px;
    color: $biz-table-font-color;

    img {
      display: inline-block;
      width: 35px;
      margin-bottom: 10px;
    }

    .carousel-left-bar {
      background: #cfcfcf;
    }

    .carousel-center-bar {
      background: #cfcfcf;
    }

    .carousel-right-bar {
      background: #cfcfcf;
    }
  }

  .point-details-picture {
    .carousel-item {
      text-align: center;

      .carousel-img {
        width: unset;
      }
    }
  }
}


