
.ant-drawer-content-wrapper{
  position: fixed !important;
  display: flex !important ;

  transition: transform 0.33333s cubic-bezier(0, 0, 0.21, 1) 0s, margin-top 0.15s ease-in-out 0s !important;
  transform: translateX(0px) !important;
  height: 100% !important;
  overflow: scroll;
  border-radius: 2px;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(26, 26, 26, 0.16) 0px 3px 10px, rgba(26, 26, 26, 0.23) 0px 3px 10px;
  z-index: 99;
  font-family: proxima-nova, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  .ant-drawer-body {
    padding:0;
  }
  .ant-drawer-close{
    color:#fff;
    z-index: 10000;
    top: 5px;
    right: 0px;
  }

  .node-details, .terminal-app .node-details {
      height: 100%;
      width: 100%;
      display: flex;
      flex-flow: column;
      margin-bottom: 12px;
      padding-bottom: 2px;
      z-index: 1;
  }
  .node-details:last-child, .terminal-app .node-details:last-child {
      margin-bottom: 0px;
  }

  .node-details-tools-wrapper, .terminal-app .node-details-tools-wrapper {
      position: relative;
  }
  .node-details-tools, .terminal-app .node-details-tools {
    position: absolute;
    top: 6px;
    right: 8px;
  }
  .node-details-tools > i, .terminal-app .node-details-tools > i {
      transition: all 0.2s ease-in-out 0s;
      opacity: 0.9;
      padding: 4px 5px;
      margin-left: 2px;
      font-size: 16px;
      color: rgb(255, 255, 255);
      cursor: pointer;
      border: 1px solid transparent;
      border-radius: 2px;
  }
  .node-details-tools .close-details, .terminal-app .node-details-tools .close-details {
    position: relative;
    z-index: 1;
  }
  .fa, .fas, .far, .fal, .fad, .fab {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
  }
  .fa, .fas {
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
  }
  .roll_box{
    transform: rotate(90deg);
  }
  .roll{
    transform: rotateX(180deg);
  }
  .node-details-header, .terminal-app .node-details-header {
    transition: background-color 0.3s ease-in-out 0s;
    position: absolute;
    top: 0;
    z-index: 9999;
    width: 100%;
    padding: 12px;
  }
  .node-details-header-flex{
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 40px 8px 24px;
  }
  .node-details-header-wrapper-old, .terminal-app .node-details-header-wrapper {
      padding: 36px 36px 8px;
      display:flex;
      align-items: center;
  }
  .node-details-header-wrapper, .terminal-app .node-details-header-wrapper {
      display:flex;
      align-items: center;
      width: 74.99%;
  }
  .node-details-header-apdex-new{
    width: 25%;
    height: 100%;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    box-shadow:inset rgba(26, 26, 26, 0.16) 0px 3px 10px,inset rgba(26, 26, 26, 0.23) 0px 3px 10px;

  }
  .node-details-header-apdex{
    width: 25%;
    height: 100%;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 4px;
    padding:8px;
  }
  .apdex_Box_new{
    width:60%;
    height: 22px;
    line-height: 22px;
    border-top-left-radius: 4px;
    box-sizing: border-box;
    color:#fff;
    padding-left:8px;
  }
  .node-details-header-score{
    font-size: 36px;
    font-weight: 600;
    text-align: center;
  }
  h2, .terminal-app h2 {
      font-size: 24px;
      line-height: 40px;
      padding-top: 8px;
      margin-bottom: 12px;
      font-weight: 400;
  }
  .truncate, .terminal-app .truncate {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }
  .node-details-header-icon{
    color: rgb(255, 255, 255);
    font-size: 32px;
    margin-right: 5px;
  }
  .node-details-header-label-old, .terminal-app .node-details-header-label {
    color: rgb(255, 255, 255);
    margin: 0px;
    width: 330px;
    padding-top: 0px;
  }
  .node-details-header-label, .terminal-app .node-details-header-label {
    color: rgb(255, 255, 255);
    margin: 0px;
    width: 85%;
    padding-top: 0px;
  }
  .node-details-controls, .terminal-app .node-details-controls {
      white-space: nowrap;
      padding: 8px 0px;
      font-size: 14px;
  }
  .node-control-button, .terminal-app .node-control-button {
    transition: all 0.2s ease-in-out 0s;
    opacity: 0.9;
    padding: 6px;
    margin-left: 2px;
    font-size: 14px;
    color: rgb(92, 92, 138);
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 2px;
  }
  .node-details-controls .node-control-button, .terminal-app .node-details-controls .node-control-button {
    color: rgb(255, 255, 255);
  }
  .node-details-controls-spinner, .terminal-app .node-details-controls-spinner {
      transition: opacity 0.5s ease-in-out 0s;
      color: rgb(255, 255, 255);
      margin-left: 8px;
  }
  .hide{
    opacity: 0;
  }
  .node-details-content, .terminal-app .node-details-content {
      flex: 1 1 0%;
      padding: 0px 12px;
      overflow-y: auto;
      padding-top:60px;
  }
 .node-details-content-section, .terminal-app .node-details-content-section {
      margin: 16px 0px;
  }
  .node-details-content-section-header, .terminal-app .node-details-content-section-header {
      font-size: 14px;
      color: rgb(133, 133, 173);
      margin-bottom: 10px;
  }
 .node-details-content-section-header, .terminal-app .node-details-content-section-header {
      font-size: 14px;
      color: rgb(133, 133, 173);
      margin-bottom: 10px;
  }
  .node-details-health-item, .terminal-app .node-details-health-item {
      padding: 8px 16px;
      width: 33%;
      display: flex;
      flex-direction: column;
      -webkit-box-flex: 1;
      flex-grow: 1;
  }

  .node-details-header-relatives{
    color:#fff;
  }
  .node-details-info-field-flex{
    display: flex;
    flex-wrap: wrap;
  }
  .node-details-info-field, .terminal-app .node-details-info-field {
    display: flex;
    width: 50%;
    -webkit-box-align: baseline;
    align-items: baseline;
    justify-content: center;
  }
  .node-details-info-field-label, .terminal-app .node-details-info-field-label {
    text-align: right;
    width: 50%;
    min-width: 50%;
    color: rgb(92, 92, 138);
    padding: 0px 0.5em 0px 0px;
    white-space: nowrap;
    font-size: 14px;
    font-family: proxima-nova, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
  }
  .node-details-info-field-value, .terminal-app .node-details-info-field-value {
    width: 50%;
    font-size: 14px;
    flex: 1 1 0%;
    min-width: 0px;
    color: rgb(61, 61, 92);
    font-family: proxima-nova, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
  }
  .truncate, .terminal-app .truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .w50{
    width: 50%;
  }
  .w30{
    width:30%;
  }
  .w33{
    width:33%;
  }
  .mt{
    margin-top: -10px;
  }
  .mt{
    margin-bottom: 0px;
  }
  .show-more, .terminal-app .show-more {
    transition: all 0.2s ease-in-out 0s;
    opacity: 0.9;
    border-top: 1px dotted rgb(224, 224, 235);
    padding: 0px;
    margin-top: 4px;
    text-align: right;
    cursor: pointer;
    color: rgb(92, 92, 138);
    font-size: 14px;
  }
  .show-more-icon, .terminal-app .show-more-icon {
    color: rgb(133, 133, 173);
    font-size: 16px;
    position: relative;
    top: 1px
  }


  .overlay, .terminal-app .overlay {
      transition: opacity 0.5s ease-in-out 0s;
      background-color: rgb(255, 255, 255);
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
      opacity: 0;
      pointer-events: none;
      z-index: 7;
  }

  .ant-table-small {
    border:none;
  }
  .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr{
    border:none;
  }
  .ant-table-thead > tr > th{
    color: rgb(133, 133, 173);
    font-size: 14px;
    border:none;
  }
  .ant-table-thead > tr > th, .ant-table-tbody > tr > td{
    padding: 0px;
  }
  .ant-table-tbody > tr > td{
    padding: 0px;
    transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
    opacity: 0.8;
    color: rgb(61, 61, 92);
    border:none;
  }

  .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th{
    padding:0;
  }
  .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td{
    padding:0;
  }
  .ant-table-small > .ant-table-content > .ant-table-body{
    margin:0;
  }
  .echartsbox{
    width: 100%;
    height: 300px;
  }
  .noData{
    width: 100%;
    height: 180px;
    text-align: center;
    line-height: 180px;
    color:rgb(61, 61, 92);
    opacity:0.5
  }
}
.ant-table-small.ant-table-bordered .ant-table-content{
  border-right: none !important;
}
.ant-table-placeholder{
  border-top: none !important;
}
.ant-descriptions-header{
  padding: 80px 12px 0 12px;
}
.bisic-title{
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 16px;
  color: rgba(0, 0, 0, 0.85);
}
.node-details-info-field-flex{
  display: flex;
  flex-wrap: wrap;
  .node-details-info-field, .terminal-app .node-details-info-field {
    display: flex;
    width: 50%;
    -webkit-box-align: baseline;
    align-items: baseline;
  }
  .node-details-info-field-label, .terminal-app .node-details-info-field-label {
    text-align: right;
    width: 30%;
    color: rgb(92, 92, 138);
    padding: 0px 0.5em 0px 0px;
    white-space: nowrap;
    font-size: 14px;
    font-family: proxima-nova, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
  }
  .node-details-info-field-value, .terminal-app .node-details-info-field-value {
    font-size: 14px;
    flex: 1 1 0%;
    min-width: 0px;
    color: rgb(61, 61, 92);
    font-family: proxima-nova, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
  }
}

.w50{
  width: 50%;
}
.w30{
  width:30%;
}
.w33{
  width:33%;
}
.mt{
  margin-top: -10px;
}
.mt{
  margin-bottom: 0px;
}

@font-face {
  font-family: "iconfont";
  /* Project id 4383279 */
  src: url('https://iconfont.woff2?t=1703146699925') format('woff2'),
    url('https://iconfont.woff?t=1703146699925') format('woff'),
    url('https:iconfont.ttf?t=1703146699925') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

.icon-withdraw-fill:before {
  content: "\e642";
}

.icon-chehui:before {
  content: "\e6cc";
  color: #fff;
  font-size: 16px;
}

.icon-chehui1:before {
  content: "\e637";
}

.icon-chehui2:before {
  content: "\e617";
}
.LatencySelect{
  position: absolute;
  right:-15px;
  top: -4px;
  span.ant-radio + *{
    padding-right: 5px;
    padding-left:2px;
  }
}
.node-serch{
  text-align: right;
  margin-top: -15px;
  margin-bottom: 10px;
  color:#8585ad;
  .ant-checkbox + span{
    padding-left:2px;
    color:#8585ad;
  }
}
a{
  color: rgb(61, 61, 92);
}
tr.ant-table-expanded-row td>.ant-table-wrapper{
  margin: 10px !important;
}
.ant-table-small tr.ant-table-expanded-row td > .ant-table-wrapper{
  margin: 10px !important;
}
