@import './../var.scss';

.tabs-outside-precontrol {
  width: 100%;
  height: 100%;
  padding-top: 5px;
  padding-right: 10px;
  padding-left: 10px;

  .amos-tabs-list {
    height: 35px;
    padding: 0 !important;

    .amos-tabs-tabitem-inner {
      height: 35px;
      margin-left: 0 !important;
    }

    .amos-tabs-tabitem-active {
      .amos-tabs-tabitem-inner {
        height: 35px;
        margin-left: 0 !important;
        color: #108ee9 !important;
        border-bottom: 1px solid #108ee9 !important;
      }
    }
  }

  .amos-tabs-panel {
    padding-top: 0;
  }

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

  .risk-lever-toolbar {
    display: inline-block;
    float: right;

    .risk-lever-select {
      display: inline-block;

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

    .risk-lever-button {
      display: inline-block;
      padding-left: 10px;
    }

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

  .search-view {
    .search-item {
      button {
        margin-left: 10px !important;
      }
    }
  }

  .accident-type-toolbar {
    display: inline-block;
    float: right;

    .accident-search-input {
      display: inline-block;
    }

    .accident-search-button {
      display: inline-block;
      padding-left: 10px;
    }
  }

  .risk-factor-toolbar {
    display: inline-block;
    float: right;

    .risk-factor-input {
      display: inline-block;
    }

    .risk-factor-button {
      display: inline-block;
      padding-left: 10px;
    }
  }

  .eva-model {
    height: stretch;
    overflow: scroll;

    .amos-cardpane-head-title {
      width: 100%;
      text-align: center;
    }

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

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

  .ant-tabs-extra-content {
    padding-right: 10px;
  }

  .ant-tabs-bar {
    padding-top: 10px;
    margin-bottom: -1px;

    .ant-tabs-tab {
      margin-right: -1px !important;
      background: white !important;
      border-radius: 0 !important;
    }

    .ant-tabs-tab-active {
      margin-right: -1px !important;
      background: #f4f4f4 !important;
      border-radius: 0 !important;
    }
  }

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

      &:hover {
        background: #ecf6fd;
      }
    }

    .normal-row {
      background: white;
    }
  }

  .search-view {
    .point-search {
      .tree-select-scroll-wrapper {
        width: 100%;

        .ant-select-dropdown-placement-bottomLeft {
          width: 100%;
        }
      }
    }
  }
}

// .param-model {
//   .amos-modal-content {
//     max-height: 55rem;
//     overflow: hidden;

//     .control-model-line1 {
//       display: flex;
//       justify-content: space-around;

//       .risk_factor_input {
//         width: 13rem;
//       }
//     }
//   }

//   .amos-modal-header {
//     background: $biz-title-color;
//   }

//   .amos-modal-footer {
//     background: $biz-title-color;
//   }

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

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

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

//     .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-input {
//       width: 90%;
//     }

//     .control-model-measure-content {
//       .amos-input {
//         width: 90%;

//         + button {
//           width: 10%;
//         }
//       }
//     }

//     .ant-table-body {
//       max-height: 200px !important;
//       margin-right: -17px;
//       overflow-y: scroll;

//       .operation-items {
//         padding: 0;
//         background: white;
//         border: 0;
//       }
//     }

//     .ant-table-header {
//       margin-right: -17px;

//       table:first-child {
//         border: 0;

//         tr {
//           th {
//             border-top: 1px solid #e9e9e9;
//           }

//           th:first-child {
//             border-top: 1px solid #e9e9e9;
//             border-left: 1px solid #e9e9e9;
//           }

//           .operation-items {
//             padding: 0;
//             background: white;
//             border: 0;
//           }
//         }
//       }
//     }
//   }

//   .control-model-measures-detail {
//     .basic-info {
//       padding-bottom: 10px;
//       line-height: 45px;
//       border-bottom: 1px solid #f2f2f2;
//     }

//     .patrol-page-table {
//       padding-top: 10px;

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

//   .risk-factor-select {
//     width: 15rem;
//   }

//   .risk-lever-input {
//     width: 15rem;
//   }

//   .task-work-model {
//     display: flex;
//     justify-content: space-around;
//   }
// }

.rule-model {
  width: 100%;
  height: 100%;
}

.accident_type_area {
  width: 20rem;
  height: 6rem !important;
}

.risk-factor-model {
  width: 100%;
  height: 100%;

  .risk-factor-area {
    width: 15rem;
    height: 5rem;
  }

  .risk-model-input {
    width: 15rem;
  }

  .risk-factor-select {
    width: 15rem;
  }

  &.possible-consequence {
    .risk-lever-input {
      width: 25rem;
    }

    .risk-factor-area {
      width: 25rem;
      height: 25rem;
      max-width: none;
      line-height: 20px;
    }
  }
}

.view-port {
  .content-body {
    .amos-main-content {
      overflow: hidden;
    }
  }
}
