.detail-img {
  display: inline;
  padding: 10px;
  .svg-div{
    display: inline;
  }
  h3{
    display: inline;
    padding: 10px 0 10px 5px;
    user-select: text;
  }
}
.detail-content {
  min-width: 500px !important;
}
.detail-content-meta-title > ul{
  -webkit-margin-before: 0.5em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}
.detail-content-meta-title > li{
  padding: 20px 0 0 0;
  user-select: text;
}

.key-value {
  list-style-type: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  li {
  padding: 8px 14px;
  border-bottom: 1px solid #d8dae2;
  position: relative;
  font-weight: bold;
  width: 100%;
  user-select: text;
    .meta-value {
      font-weight: 100;
      position: relative;
      width: 70%;
      left: 10px;
      user-select: text;
    }
  }
}
.ui-ping-row{
  padding: 5px;
  width: 100%;
  display: inline-block;
  position: relative;
  border-bottom: 1px solid #d8dae2;
  .title{
    width: 60px;
    margin-left: 10px;
    position: relative;
    float: left;
    font-weight: bold;
  }
}
.ui-pingbn-position{
  float: right;
  margin-top: -28px;
  margin-right: 5px;
}
.ui-ping-result{
  width: 100%;
  height: 250px;
  vertical-align: middle;
  text-align: center;
  margin-top: 10px;
  p-progressSpinner{
    margin-top: 50px;
  }
}