.point-details-picture {
  width: 100%;
  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;
  }
}

.point-details-monitor {
  width: 100%;
  height: 100%;
}

.carousel-content {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;

  .carousel-inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transition: left 0.5s;

    .carousel-item {
      float: left;
      height: 100%;
    }
  }

  .carousel-img {
    width: 100%;
    height: 100%;
    padding: 5px
  }

  .carousel-indicators {
    position: absolute;
    bottom: 10px;
    display: flex;
    height: 60px;
    transition: left 0.5s;

    .carousel-left-bar {
      width: 15px;
      margin-right: 10px;
      line-height: 53px;
      color: $details-color;
      text-align: center;
      cursor: pointer;
      background: $carouselbar-color;
      border-radius: 4px 0 0 4px;
    }

    .carousel-right-bar {
      width: 15px;
      line-height: 53px;
      color: $details-color;
      text-align: center;
      cursor: pointer;
      background: $carouselbar-color;
      border-radius: 0 4px 4px 0;
    }


    .carousel-center-bar {
      position: relative;
      height: 100%;
      overflow: hidden;

      ul {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;

        .carousel-bar-item {
          float: left;
          height: 100%;
          margin-right: 10px;
          cursor: pointer;

          &.active {
            border: 1px solid $carouselbar-active-color;
          }
        }
      }
    }
  }
}

.point-detail-table {
  display: inline;
  font-size: 13px;
  line-height: 40px;
  color: $biz-table-font-color;//white;

  .colTitle {
    // padding-left: 8px;
  }

  .colValue {
    // padding-left: 8px;
  }

  .point-detail-table-row1 {
    display: flex;
    // border: 1px solid $core-border-color;
    // border-bottom: 0;
    // border-left: 0;
  }

  .point-detail-table-row2 {
    display: flex;
    // border: 1px solid $core-border-color;
    // border-left: 0;
  }

  .colTitle {
    float: left;
    // width: 131px;//9.84%;
    width: 70px;
    height: 40px;
    font-weight: 600;
    // background: $biz-table-title-color;//#333;
    // border-left: 1px solid $core-border-color;
    // box-sizing: border-box;
    // flex: 1;
  }

  .colValue {
    float: left;
    // width: 131px;//9.83%;
    width: 130px;
    height: 40px;
    flex: 1;
    // background: $content-color;//rgb(97, 96, 96);
    // border-left: 1px solid $core-border-color;
  }
}

.point-dialog-modal{
  z-index: 9999;
  width: 100%;
  height: 100%;
  .amos-modal-container{
    width: 310px !important;
    .amos-modal-close{
      color: white;
      background:linear-gradient(180deg,rgba(253,53,17,1) 0%,rgba(252,4,145,1) 100%);
      // background: linear-gradient(180deg, rgba(255, 0, 102, 1) 0%, rgba(255, 0, 102, 1) 0%, rgba(255, 51, 0, 1) 100%, rgba(255, 51, 0, 1) 100%);
      .amos-modal-close-x{
        width: 30px;
        height: 30px;
        line-height: 30px;
      }
    }
    .amos-modal-header{
      background: linear-gradient(rgba(228, 228, 228, 1), rgba(242, 242, 242, 1));
      // background: $model-header-color-3d;
      height: 30px;
      padding: 0;
      .amos-modal-title{
        line-height: 30px;
        padding-left: 9px;
      }
    }
    .amos-modal-content{
      padding: 0;
      .point-dialog-body{
        .point-dialog-modal-row {
          display: flex;
          background: $model-body-color-3d;
          .colTitle {
            float: left;
            font-weight: bold;
            height: 40px;
            padding-left: 8px;
            border-left: 1px solid $core-border-color;
            box-sizing: border-box;
            flex: 1;
          }
          .colValue {
            float: left;
            height: 40px;
            padding-left: 8px;
            flex: 1;
            border-left: 1px solid $core-border-color;
          }
        }
      }
    }

  }
}

.risk-warn-modal{
  z-index: 9999;
  height: 100%;
  .amos-modal-container{
     width: 740px !important;
    .amos-modal-close{
      color: white;
      background:linear-gradient(180deg,rgba(253,53,17,1) 0%,rgba(252,4,145,1) 100%);
      // background: linear-gradient(180deg, rgba(255, 0, 102, 1) 0%, rgba(255, 0, 102, 1) 0%, rgba(255, 51, 0, 1) 100%, rgba(255, 51, 0, 1) 100%);
      .amos-modal-close-x{
        width: 30px;
        height: 30px;
        line-height: 30px;
      }
    }
    .amos-modal-header{
      background: linear-gradient(rgba(228, 228, 228, 1), rgba(242, 242, 242, 1));
      // background: $model-header-color-3d;
      height: 30px;
      padding: 0;
      .amos-modal-title{
        line-height: 30px;
        padding-left: 9px;
      }
    }
    .amos-modal-content{
      padding: 1rem 2rem 2rem 2rem;
      max-height: 45rem;
      .risk-warn{
        .risk-warn-header{
          padding-bottom: 1rem;
          padding-top: 0.5rem;
          padding-left: 0.5rem;
          border: 1px solid #e9e9e9;
          margin-bottom: 1rem;
        }

        .risk-source-header {
          display: flex;
          justify-content: space-around;
          align-items: center;
          padding: 0.5rem;
          margin-bottom: 1rem;
          border: 1px solid #e9e9e9;

          .colName {
            width: 70px;
            font-weight: bold;
            text-align: left;
          }
          .colValue {
            width: 130px;
            text-align: left;
          }
        }

        .risk-warn-table{
          .ant-table-title{
            display: none;
          }
          .ant-table-body{
            max-height: 1000rem !important;
          }
        }
        .risk-warn-content{
          padding: 0 8px;
          padding-bottom: 2rem;
          margin-top: 1rem;
          // border: 1px solid $core-border-color;
          border: 1px solid #e9e9e9;

          .risk-warn-content-header {
            font-weight: bold;
          }
        }
      }
    }
  }
}

.impEqu-info-modal{
  z-index: 9999;
  height: 100%;

  .amos-modal-container{
     width: 740px !important;
    .amos-modal-close{
      color: white;
      background:linear-gradient(180deg,rgba(253,53,17,1) 0%,rgba(252,4,145,1) 100%);
      // background: linear-gradient(180deg, rgba(255, 0, 102, 1) 0%, rgba(255, 0, 102, 1) 0%, rgba(255, 51, 0, 1) 100%, rgba(255, 51, 0, 1) 100%);
      .amos-modal-close-x{
        width: 30px;
        height: 30px;
        line-height: 30px;
      }
    }
    .amos-modal-header{
      background: linear-gradient(rgba(228, 228, 228, 1), rgba(242, 242, 242, 1));
      // background: $model-header-color-3d;
      height: 30px;
      padding: 0;
      .amos-modal-title{
        line-height: 30px;
        padding-left: 9px;
      }
    }
    .amos-modal-content{
      padding: 0rem 0rem 0rem 0rem;
      max-height: 45rem;
      overflow: visible;
      .impEqu-info{
        .impEqu-tabs{
          
        }
        .amos-tabs-list{
          text-align: center;
          background: linear-gradient(180deg, #e4e4e4 0%, #e4e4e4 0%, #f2f2f2 100%, #f2f2f2 100%);
        }
        .amos-tabs-panel{
          padding: 0px !important;
        }
        .impEqu-info-header{
          padding-bottom: 1rem;
          padding-top: 1rem;
          padding-left: 2.5rem;
          border: 1px solid $core-border-color;
          margin-bottom: 0rem;

        }

        .risk-source-header {
          display: flex;
          justify-content: space-around;
          align-items: center;
          padding: 0.5rem;
          margin-bottom: 1rem;
          border: 1px solid #e9e9e9;
        }

        .amos-tabs-list{
          padding: 0px;
          .amos-tabs-tabitem{
            text-align: center;
  
            .amos-tabs-tabitem-inner{
              margin: 0px !important;
              width: 120px !important;
              border-radius: 0px !important;
            }
          }
        }

        .impEqu-info-table{
          text-align: center;

          .ant-table-title{
            display: none;
          }
          .ant-table-body{
            max-height: 18rem !important;
          }
          
          .imEqu-img-div{
            padding: 5px;
            margin: 20px 7px;
            border: 1px dashed $core-border-color;
            width: calc(100% - 14px);
            
            .impEqu-detail-model{
              position: fixed;
              background: rgba(52, 95, 166, 0.95);
              border-radius: 10px;
              color: #FFFFFF;
              width: 340px;
              z-index: 9;
              padding: 10px;

              .impEqu-detail-modal-row {
                display: flex;
                
                .colTitle {
                  float: left;
                  // height: 30px;
                  padding-left: 8px;
                  box-sizing: border-box;
                  width: 40%;
                  text-align: left;
                }
                .colValue {
                  float: left;
                  // height: 30px;
                  padding-left: 8px;
                  width: 60%;
                  text-align: left;
                }
              }
            }
            .impEqu-info-img{
              display: inline;
              max-width: 710px;
            }
          }

          .marker-twinkle {
            position: absolute;
            top: 23px !important;
            left: 264px !important;
            width: 62px !important;
            height: 62px !important;
            border: 5px solid red;
            border-radius: 50%;
            opacity: 0;
            box-shadow: 1px 1px 20px 5px red;
            animation: pulseAnim 1.5s ease-out;
            animation-iteration-count: infinite;
          }

          .impEqu-port-button{
            padding: 10px;
            border: 1px solid $core-border-color;
            padding: 6px;

            .port-button{
              border: 1px solid $core-border-color;
              border-radius: 10px;
              margin: 0px;
              padding: 6px;
              .button-img{
                width: 20px;
              }
            }
          }
        }
        .impEqu-info-content{
          padding-bottom: 2rem;
          border: 1px solid $core-border-color;
          margin-top: 1rem;
        }
        .impEqu-baseInfo-row {
          padding: 0px 0px;
          height: 40px !important;
          
          .colTitle {
            float: left;
            font-weight: bold;
            height: 40px;
            padding-left: 25px;
            border-left: 1px solid $core-border-color;
            box-sizing: border-box;
          }
          .colValue {
            float: left;
            height: 40px;
            padding-left: 0px;
            // border-left: 1px solid $core-border-color;
          }
        }
        .impEqu-server-body{
          position: relative;
          
          .impEqu-server-interface{
            border: 0.11px solid gainsboro;
            padding: 5px 5px 35px 5px;
            
            .amos-row{
              height: 49px !important;
            }
  
            .server-interface-header{
              text-align: -webkit-center;

              .interface-img{
                width: 40px;
                height: 38px;
                margin: 5px;
              }
  
              //横线
              .interface-horizontal-line{
                // float:left;
                width: 25px;
                height: 2px; 
                background: darkgray;
                margin-top: 22px;
              }
              //竖线
              .interface-vertical-line{
                // float:left;
                width: 2px;
                height: 25px; 
                background: darkgray;
              }
              .interface-header-col{
                display: inline-flex;
                .server-title{
                  top: 22px;
                  position: relative;
                  font-weight: bold;
                }
                .interface-header-comp{
                  display: flex;
  
                  .header-comp-span{
                    margin: 12px 6px;
                  }
                  .header-byte-span{
                    margin: 0 10px;
                  }
                }
              }
            }
  
            .impEqu-interface-row {
              padding: 0px 10px;
              display: contents !important;
    
              .colTitle {
                float: left;
                font-weight: bold;
                height: 40px;
                padding-left: 25px;
                // border-left: 1px solid $core-border-color;
                box-sizing: border-box;
              }
              .colValue {
                float: left;
                height: 40px;
                padding-left: 0px;
                // border-left: 1px solid $core-border-color;
              }
            }
          }
        }
      }
    }
  }
}

.dynamicRingData-info-modal{

  height: 100%;
  .amos-modal-container{
    width: 980px !important;
    .amos-modal-close{
      color: white;
      background:linear-gradient(180deg,rgba(253,53,17,1) 0%,rgba(252,4,145,1) 100%);
      // background: linear-gradient(180deg, rgba(255, 0, 102, 1) 0%, rgba(255, 0, 102, 1) 0%, rgba(255, 51, 0, 1) 100%, rgba(255, 51, 0, 1) 100%);
      .amos-modal-close-x{
        width: 30px;
        height: 30px;
        line-height: 30px;
      }
    }
    .amos-modal-header{
      background: linear-gradient(rgba(228, 228, 228, 1), rgba(242, 242, 242, 1));
      // background: $model-header-color-3d;
      height: 30px;
      padding: 0;
      .amos-modal-title{
        line-height: 30px;
        padding-left: 9px;
      }
    }
    .amos-modal-content{
      padding: 0rem 0rem 0rem 0rem;
      max-height: 45rem;

      .risk-warn{
        .risk-warn-header{
          padding-bottom: 1rem;
          padding-top: 0.5rem;
          padding-left: 0.5rem;
          border: 1px solid #e9e9e9;
          margin-bottom: 1rem;
        }

        .risk-source-header {
          display: flex;
          justify-content: space-around;
          align-items: center;
          padding: 0.5rem;
          margin-bottom: 1rem;
          border: 1px solid #e9e9e9;

          .colName {
            width: 70px;
            font-weight: bold;
            text-align: left;
          }
          .colValue {
            width: 130px;
            text-align: left;
          }
        }

        .risk-warn-table{
          .ant-table-title{
            display: none;
          }
          .ant-table-body{
            max-height: 35rem !important;
          }
        }
        .risk-warn-content{
          padding: 0 8px;
          padding-bottom: 2rem;
          margin-top: 1rem;
          // border: 1px solid $core-border-color;
          border: 1px solid #e9e9e9;

          .risk-warn-content-header {
            font-weight: bold;
          }
        }
      }

      .dynamicRingData-info{
        .amos-tabs-list{
          text-align: center;
          background: linear-gradient(180deg, #e4e4e4 0%, #e4e4e4 0%, #f2f2f2 100%, #f2f2f2 100%);
        }
        .amos-tabs-panel{
          padding: 0px !important;
        }
        .impEqu-info-header{
          padding-bottom: 1rem;
          padding-top: 1rem;
          padding-left: 2.5rem;
          border: 1px solid $core-border-color;
          margin-bottom: 0rem;

        }

        .risk-source-header {
          display: flex;
          justify-content: space-around;
          align-items: center;
          padding: 0.5rem;
          margin-bottom: 1rem;
          border: 1px solid #e9e9e9;
        }

        .amos-tabs-list{
          padding: 0px;
          .amos-tabs-tabitem{
            text-align: center;
  
            .amos-tabs-tabitem-inner{
              margin: 0px !important;
              width: 120px !important;
              border-radius: 0px !important;
            }
          }
        }
        
        .dynamicRingData-info-header{
          text-align: center;
          background: #ebebeb;

          .info-header-item{
            padding: 0.7em 1.2em;
            font-size: 14px;
            color: rgba(0, 0, 0, 0.6);
            background: linear-gradient(180deg, #e4e4e4 0%, #e4e4e4 0%, #f2f2f2 100%, #f2f2f2 100%);
            border: 0.5px solid #deddde;
            font-weight: bold;
          }
        }
        .dynamicRingData-info-body{
          border: 0.5px solid #deddde;
          // height: 522px !important;
          .dynamicRingData-MonitorElectricity{
            height: 100%;
            padding: 20px;

            .MonitorElectricity-part1{
              height: 35%;
              padding-bottom: 25px;
            }
            .MonitorElectricity-part2{
              height: 65%;
              padding-bottom: 25px;
            }
          }
          .dynamicRingData-AlarmMessage{
            height: 100%;
            padding: 20px;

          }
          .dynamicRingData-otherInfo{
            height: 100%;
            padding: 20px;
          }

          .dynamicRingData-baseInfo-row {
            padding: 0px 10px;
            display: contents !important;
            
            .dynamicRingData-info-img{
              width: 27px;
              top: -2px;
              position: relative;
            }
            .dynamicRingData-info-img-enable{
              width: 18px;
              top: 5px;
              position: relative;
            }
            .colTitle {
              float: left;
              font-weight: bold;
              height: 40px;
              // border-left: 1px solid $core-border-color;
              box-sizing: border-box;
            }
            .colValue {
              float: left;
              height: 40px;
              // border-left: 1px solid $core-border-color;
            }
          }
        }
      }

    }
  }

}

.risk-warn-toast{
   width: 740px;
  .amos-toast-inner-content{
    .amos-toast-inner-title{
      width: 100%;
      height: 31px;
      background: $model-header-color-3d;
      line-height: 31px;
      padding-left: 9px;
    }
    .amos-toast-inner-content{
      .risk-warn{
        .risk-warn-header{
          padding-bottom: 1rem;
          padding-top: 0.5rem;
          padding-left: 0.5rem;
          border: 1px solid $core-border-color;
          margin-bottom: 1rem;
        }
        .risk-warn-table{
          .ant-table-title{
            display: none;
          }
          .ant-table-body{
            max-height: 35rem !important;
          }
        }
        .risk-warn-content{
          padding-bottom: 2rem;
          // border: 1px solid $core-border-color;
          margin-top: 1rem;
          border: 1px solid #e9e9e9;
        }
      }
    }
  }
  .amos-toast-inner-close{
      color: white;
      top: 22px;
      i{
        padding: 9px;
        background: red;
      }
  }
}

.pick-dialog-modal {
  z-index: 9999;
  width: 100%;
  height: 100%;

  .amos-modal-container {
    width: 600px !important;

    .amos-modal-close {
      color: white;
      background: linear-gradient(180deg,rgba(253,53,17,1) 0%,rgba(252,4,145,1) 100%);

      .amos-modal-close-x {
        width: 30px;
        height: 30px;
        line-height: 30px;
      }
    }

    .amos-modal-header {
      height: 30px;
      padding: 0;
      background: linear-gradient(rgba(228, 228, 228, 1), rgba(242, 242, 242, 1));

      .amos-modal-title {
        padding-left: 9px;
        line-height: 30px;
      }
    }

    .amos-modal-content {
      padding: 2rem 1rem;

      .pick-dialog-body {
        .pick-input {
          width: 11rem;
        }

        .full-input {
          width: 32rem;
        }

        .pick-dialog-modal-row {
          display: flex;
          background: $model-body-color-3d;

          .col-title {
            float: left;
            width: 100px !important;
            height: 40px;
            padding-left: 25px;
            font-weight: bold;
            line-height: 40px;
            // border-left: 1px solid $core-border-color;
            box-sizing: border-box;
            // flex: 1;
          }

          .col-value {
            float: left;
            height: 40px;
            padding-left: 8px;
            line-height: 40px;
            border-left: 1px solid $core-border-color;
            flex: 1;
          }
        }
      }
    }
  }
}


.dynamicRingData-fire-info-modal{

  height: 100%;
  .amos-modal-container{
    width: 561px !important;
    .amos-modal-close{
      color: white;
      background:linear-gradient(180deg,rgba(253,53,17,1) 0%,rgba(252,4,145,1) 100%);
      // background: linear-gradient(180deg, rgba(255, 0, 102, 1) 0%, rgba(255, 0, 102, 1) 0%, rgba(255, 51, 0, 1) 100%, rgba(255, 51, 0, 1) 100%);
      .amos-modal-close-x{
        width: 30px;
        height: 30px;
        line-height: 30px;
      }
    }
    .amos-modal-header{
      background: linear-gradient(rgba(228, 228, 228, 1), rgba(242, 242, 242, 1));
      // background: $model-header-color-3d;
      height: 30px;
      padding: 0;
      .amos-modal-title{
        line-height: 30px;
        padding-left: 9px;
      }
    }
    .amos-modal-content{
      padding: 0rem 0rem 0rem 0rem;
      max-height: 45rem;

       
        .dynamicRingData-info-header{
          text-align: center;
          background: #ebebeb;

          .info-header-item{
            padding: 0.7em 1.2em;
            font-size: 14px;
            color: rgba(0, 0, 0, 0.6);
            background: linear-gradient(180deg, #e4e4e4 0%, #e4e4e4 0%, #f2f2f2 100%, #f2f2f2 100%);
            border: 0.5px solid #deddde;
            font-weight: bold;
          }
        }
        .dynamicRingData-info-body{
          border: 0.5px solid #deddde;
          // height: 522px !important;
          .dynamicRingData-MonitorElectricity{
            height: 100%;
            padding: 20px;

            .MonitorElectricity-part1{
              height: 35%;
              padding-bottom: 25px;
            }
            .MonitorElectricity-part2{
              height: 65%;
              padding-bottom: 25px;
            }
          }
          .dynamicRingData-AlarmMessage{
            height: 100%;
            padding: 20px;

          }
          .dynamicRingData-otherInfo{
            height: 100%;
            padding: 20px;
          }

          .dynamicRingData-baseInfo-row {
            padding: 0px 10px;
            display: contents !important;
            
            .dynamicRingData-info-img{
              width: 27px;
              top: -2px;
              position: relative;
            }
            .dynamicRingData-info-img-enable{
              width: 18px;
              top: 5px;
              position: relative;
            }
            .colTitle {
              float: left;
              font-weight: bold;
              height: 40px;
              // border-left: 1px solid $core-border-color;
              box-sizing: border-box;
            }
            .colValue {
              float: left;
              height: 40px;
              // border-left: 1px solid $core-border-color;
            }
          }
        }
      }

    }
  

}
